:root { 
	--main-color: #000f31;
	--main-font: 'Noto Serif KR';
	--table-line:#bfbfbf;
	--blue-color:#455c92;
	--lightgray2:#ababab;
}

/* common */
.sub{position:relative; top:100px;padding-bottom:100px;}
.sect-wrap{max-width:1440px;padding:0 30px;margin:auto;position:relative;}
.sub .sect1{margin-top:110px;}
.sub .last-article{margin-bottom:330px;}

.sub_main_tit{font-size:5.8rem;font-weight:400;font-family:var(--main-font);line-height:72px;}

.form_imgBox{max-width:1980px;width:100%;margin:auto;}
.form_imgBox img{width:100%;}

/* ----- tit-box ----- */
.sub .tit-box .sub_b_tit{font-size:11.0rem;color:#000;font-family:'Cormorant';line-height:80px;font-weight:550;}
.sub .tit-box .line{max-width:1360px;width:0;display:inline-block;height:1px;background:#1b1b1b;margin-top:40px; animation: lineGrow 2s ease-out forwards;}
@keyframes lineGrow {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.sub .tit-box .sub-tit-box{display:flex;align-items:center;justify-content:space-between;margin-top:120px;}
.sub .tit-box .sub-tit-box .sub-main-tit{font-size:5.4rem;color:#000;font-family:'Cormorant';font-weight:550;}
.sub .tit-box .sub-tit-box .com_ctgBox{display:flex;align-items:center;gap:30px;margin-top:25px;}
.sub .tit-box .sub-tit-box .com_ctgBox li{font-size:1.6rem;color:#9f9f9f;position:relative;font-weight:450;}
.sub .tit-box .sub-tit-box .com_ctgBox li.on{color:#000;}
.sub .tit-box .sub-tit-box .com_ctgBox li::before{content:'';position:absolute;right:-17px;bottom:5px;height:10px;width:1px;background:#9f9f9f;}
.sub .tit-box .sub-tit-box .com_ctgBox li:last-child::before{content:none;}

.pro .tit-box .sub-main-tit{display:flex;align-items:initial;gap:24px;}
.pro .tit-box .sub-main-tit .pro-main-tit{font-size:2.4rem;color:#9f9f9f;line-height:80px;position:relative;font-weight:500;}
.pro .tit-box .sub-main-tit .pro-main-tit::before{content:'';width:1px;height:17px;position:absolute;bottom:32px;left:-11px;background:#9f9f9f;}

/* ----- sub_vis ----- */
.sub-visual{overflow:hidden;position:relative;width:100%;height:615px;}
.sub-visual_img{width:100%;height:100%;background-repeat: no-repeat; background-position: center; background-size: cover;}

/* ============================== service =============================== */
.service .service_top_wrap{display:flex;align-items:flex-end;justify-content:center;gap:85px;position:relative;}
.service .service_top_txtBox{padding-bottom:85px;}
.service .service_top_txtBox h1{color:var(--blue-color);font-size:5rem;line-height:60px;font-weight:400;font-family:var(--main-font);margin-bottom:25px;}
.service .service_top_txtBox p{font-size:2rem;line-height:38px;letter-spacing:-0.3px;font-weight:300;}
.service .service_top_tit{
	position:absolute;top:50px;left:50%;transform:translateX(-50%);
	font-size:9.2rem;font-family:var(--main-font);font-weight:300;width:100%;text-align:center;
}
/* click_con */
.service .service_01_click_wrap{margin-top:60px;}
.service .click_con{padding:53px 0;border-top:1px solid #485167;}
.service .click_con.con3{border-bottom:1px solid #485167;}
.service .click_con_txt{cursor:pointer;position:relative;}
.service .click_con_txt::after {
	content: "";position: absolute;right: 0;top: 50%;width: 38px;height: 2px;
	background: #545454;transform: translateY(-50%) rotate(0deg);transform-origin: 50% 50%;transition: transform 0.8s ease;
}

.service .click_con_txt::before {
	content: "";position: absolute;right: 17px;top: 50%;width: 2px;height: 38px;
	background: #545454;transform: translateY(-50%) rotate(0deg);transform-origin: 50% 50%;transition: transform 0.8s ease, opacity  0.2s ease;
}
.service .click_con:hover .click_con_txt::before,
.service .click_con:hover .click_con_txt::after{
  transform: translateY(-50%) rotate(180deg);
}
.service .click_con.active .click_con_txt::before {opacity: 0;}
.service .click_con_txt span{font-size:18px;font-weight:300;color:var(--blue-color);}
.service .click_con_txt h1{font-size:3.6rem;font-weight:500;letter-spacing:-0.3px;margin-top:15px;}
.service .click_con_on{display:none;font-size:1.8rem;line-height:32px;letter-spacing:-0.3px;margin-top:35px;}

/* service_01 */
#service_01 .service_01_bot_wrap{margin-top:50px;}
#service_01 .service_01_bot_imgBox{display:flex;justify-content:center;gap:23px;}
#service_01 .service_01_bot_txtBox{margin-top:85px;margin-left:465px;}
#service_01 .service_01_bot_txtBox p{font-size:1.9rem;line-height:36px;letter-spacing:-0.5px;font-weight:250;}
#service_01 .service_01_bot_txtBox ul{margin-top:45px;}
#service_01 .service_01_bot_txtBox li{font-size:2.4rem;line-height:56px;letter-spacing:-0.3px;font-weight:600;position:relative;padding-left:14px;}
#service_01 .service_01_bot_txtBox li::before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:0;top:26px;}

/* service_02 */
#service_02 .service_top_tit{left:58.8%;}
#service_02 .service_02_bot_wrap{margin-top:420px;position:relative;}
#service_02 .service_02_bot_top_txtBox{text-align:center;}
#service_02 .service_02_bot_top_txtBox h1{font-size:7.2rem;font-family:var(--main-font);font-weight:400;line-height:90px;margin-bottom:50px;}
#service_02 .service_02_bot_top_txtBox p{font-size:2.2rem;font-weight:500;line-height:40px;letter-spacing:-0.3px;}
#service_02 .service_02_bot_bot_txtBox{margin:310px 0 470px;}
#service_02 .service_02_bot_bot_txtBox p{font-size:1.9rem;line-height:36px;letter-spacing:-0.5px;font-weight:250;}
#service_02 .service_02_bot_bot_txtBox ul{margin-top:35px;}
#service_02 .service_02_bot_bot_txtBox li{font-size:2.4rem;line-height:56px;letter-spacing:-0.3px;font-weight:600;position:relative;padding-left:14px;}
#service_02 .service_02_bot_bot_txtBox li::before{content:'';width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;left:0;top:26px;}
#service_02 .service_02_bot_con{position:absolute;right:0;top:-203px;z-index:-1;}
#service_02 .service_02_bot_con.con2{right:unset;left:0;top:-90px;}
#service_02 .service_02_bot_con.con3{top:unset;bottom:-105px;right:80px;}

/* service_03 */
#service_03 .k-beauty_wrap{margin-top:60px;}
#service_03 .k-beauty_wrap > h3{font-size:3.4rem;line-height:28px;letter-spacing:-0.3px;font-weight:500;margin-bottom:15px;}
#service_03 .k-beauty_wrap > p{color:#979ca3;font-size:2.2rem;line-height:38px;letter-spacing:-0.3px;font-weight:500;}
#service_03 .k-beauty_con_wrap{display:flex;justify-content:space-between;margin-top:140px;}
#service_03 .k-beauty_con.con2{margin-top:-265px;}
#service_03 .k-beauty_imgBox{position:relative;margin-bottom:35px;}
#service_03 .k-beauty_imgBox_txt{position:absolute;left:40px;bottom:40px;}
#service_03 .k-beauty_imgBox_txt h1{font-size:6rem;font-weight:600;margin-bottom:10px;}
#service_03 .k-beauty_imgBox_txt h5{font-size:2.4rem;font-weight:600;letter-spacing:-0.3px;}
#service_03 .k-beauty_con p{font-size:1.8rem;line-height:34px;letter-spacing:-0.3px;font-weight:300;}

#service_03 .process_wrap{position: relative;overflow: visible;height: auto;}
#service_03 .process_wrap-container{width: 100%;display: flex;align-items: flex-start;}
#service_03 .process_left_txtBox{width: 50%;flex-shrink: 0;position: sticky;top: 200px; z-index: 10;padding-top: 0;}
#service_03 .process_left_txtBox h1{font-size:3.4rem;font-weight:500;letter-spacing:-0.3px;margin-bottom:20px;}
#service_03 .process_left_txtBox p{color:#979ca3;font-size:2.2rem;font-weight:500;line-height:38px;letter-spacing:-0.3px;}
#service_03 .process_right_wrap{width: 50%;}
#service_03 .process_border{
  position: absolute; top: 0; bottom: 0; left: 50%;transform: translateX(-50%);
  z-index: -1;width: 1px;
  background: linear-gradient(to bottom, transparent 0%, #fff 30%, #fff 80%, transparent 100%);
}
#service_03 .process_right_box > ul{
	position: relative;width: 100%;display: flex;flex-direction: column;gap: 125px;
	padding: 125px 0;margin: 0;list-style: none;
}
#service_03 .process_right_box > ul > li{width: 100%;height: auto;display: flex;align-items: center;}
#service_03 .process_right_con{display:flex;align-items:center;gap: 15px;}
#service_03 .process_right_con h3{font-size:2.2rem;font-weight:500;letter-spacing:-0.3px;}
#service_03 .num-circle{
  transform: translateX(-50%);background: var(--main-color);z-index: 1;
  width: 45px;height: 45px;border: 1px solid #fff;border-radius: 50%;
  text-align: center;line-height: 38px;font-size: 2.2rem;font-weight: 500;
  font-family: var(--main-font);display: block;
}

/* blur 기본값 */
[data-blur="title"]{opacity:0;transform:translateY(80px);filter:blur(15px);}
[data-blur="body"]{opacity:0;transform:translateY(60px);filter:blur(12px);}
[data-blur="content"]{opacity:0;transform:translateY(70px);filter:blur(18px);}

/* 등장 상태 */
#service_03 .is-visible{
  opacity: 1 !important;transform: translateY(0) !important;
  filter: blur(0) !important;transition: opacity .6s ease, transform .6s ease, filter .6s ease;
}

/* service_04 */
#service_04 .service_top_tit{top:43px;}
#service_04 .service_top_tit.con2{top:140px;left:68%;}
#service_04 .service_top_txtBox{padding-bottom:10px;}
#service_04 .competitive_wrap{margin-top:60px;}
#service_04 .competitive_tit{font-size:3.4rem;font-weight:500;letter-spacing:-0.3px;line-height:46px;}
#service_04 .competitive_usa_wrap{display:flex;align-items:center;margin:25px 0 230px;}
#service_04 .usa_left_con, #service_04 .usa_right_con{width:50%;height:412px;;background:#17468d;}
#service_04 .usa_left_con{background:#0c2151;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#service_04 .usa_left_con .usa_logo{display:flex;align-items:center;gap:12px;margin:15px 0 35px;}
#service_04 .usa_left_con .usa_logo h5{font-size:2.7rem;font-weight:500;letter-spacing:1.5px;}
#service_04 .usa_left_con .usa_bot_btn{
	width:304px;height:52px;background:#fff;border-radius:50px;text-align:center;
	color:#0c2151;font-size:1.8rem;letter-spacing:-0.3px;font-weight:600;line-height:52px;
}
#service_04 .usa_right_con{display:flex;flex-direction:column;align-items:center;justify-content:center;}
#service_04 .usa_right_con li{width:582px;display:flex;align-items:center;gap:85px;padding:38px 0;border-bottom:1px solid #7490bb;}
#service_04 .usa_right_con li:last-child{border-bottom:0;}
#service_04 .usa_right_con li h1{max-width:230px;width:100%;font-size:3.4rem;font-weight:500;}
#service_04 .usa_right_con li h5{font-size:1.8rem;letter-spacing:-0.3px;font-weight:300;}

#service_04 .competitive_bot_wrap{display:flex;justify-content:space-between;align-items:flex-start;gap:95px;}
#service_04 .competitive_bot_txtBox{position:sticky;top:200px;}
#service_04 .competitive_bot_txtBox p{font-size:1.8rem;letter-spacing:-0.3px;line-height:34px;margin-top:35px;font-weight:300;}
#service_04 .competitive_bot_con{margin-bottom:58px;position:relative;}
#service_04 .competitive_bot_con h3{position:absolute;bottom:40px;left:40px;font-size:2.4rem;font-weight:600;letter-spacing:-0.3px;}
#service_04 .competitive_bot_con.con3{margin-bottom:0;}

#service_04 .union-top-con { position: relative; margin-top:60px;overflow:hidden;}
#service_04 .union-cards {display:flex;align-items:center;gap:20px;padding: 0;}
#service_04 .union-card {
	position: relative;width: 332px;height: 432px;border:1px solid #17468d;
	overflow: hidden;display: grid;place-items: center;
	transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
#service_04 .card-body {
	display:flex;flex-direction:column;justify-content:center;align-items:center;
	transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
	opacity: 1; visibility: visible; transform: translateY(0);
	width:100%;height:100%;text-align:center;
}
#service_04 .card-icon{text-align:center;}
#service_04 .card-title { font-size: 2.2rem; font-weight: 600;letter-spacing:-0.6px;margin:45px 0 20px;}
#service_04 .card-desc { font-size: 1.6rem; font-weight: 250; line-height: 30px;letter-spacing:-0.3px;}
#service_04 .card-hero {
	position: absolute; inset: 0;display: grid; place-items: center;
	opacity: 0; visibility: hidden; pointer-events: none;
	transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
	margin:0;padding:0;text-align:center;
}
/*
#service_04 .card-hero img { width: 100%; height: 100%; object-fit: cover; }
#service_04 .hero-caption {width:100%;text-align:center;position: absolute; bottom:10%;left:50%;transform:translateX(-50%);color: #fff;font-size: 16px;line-height:30px;letter-spacing:-0.2px;}
 */
#service_04 .union-card.is-active{background:#17468d;}
#service_04 .union-card.is-active .card-hero,
#service_04 .union-card:hover .card-hero {
  opacity: 1; visibility: visible; pointer-events: auto;
}
#service_04 .union-card.is-active .card-body,
#service_04 .union-card:hover .card-body {
  opacity: 0; visibility: hidden; pointer-events: none;
}

/* ============================== company =============================== */
.com .sect1{margin-top:120px;}
.com .com_main_tit{text-align:center;font-family:var(--main-font);font-weight:300;line-height:114px;font-size:9.2rem;}
.com .sub-visual{overflow:hidden;position:relative;width:100%;height:570px;margin-top:120px;}
.com .sub-visual_img{width:100%;height:100%;background-repeat: no-repeat; background-position: center; background-size: cover;}
#company .sub-visual_img { background-image: url("../../images/company_bg.png");}
#rnd .sub-visual_img { background-image: url("../../images/rnd_bg.png");}
#manu .sub-visual_img { background-image: url("../../images/manu_bg.png");}
.com .sub-visual .sub-visual_img::before{
	display:block;content:'';width:50%;height:100%;background:var(--main-color);
	position:absolute;left:0%;top:0;transform-origin:left;transform:scaleX(1);
}
.com .sub-visual .sub-visual_img::after{
	display:block;content:'';width:50%;height:100%;background:var(--main-color);
	position:absolute;right:0%;top:0;transform-origin:right;transform:scaleX(1);
}
.com .sub-visual.in-view .sub-visual_img::before,
.com .sub-visual.in-view .sub-visual_img::after{transform:scaleX(0);transition:all 1.5s;}

.com .sub-visual_txtBox{margin-top:110px;text-align:center;}
.com .sub-visual_txtBox h1{color:#979ca3;font-size:3rem;font-weight:600;line-height:44px;letter-spacing:-0.3px;margin-bottom:25px;}
.com .sub-visual_txtBox p{font-size:2rem;letter-spacing:-0.3px;line-height:38px;font-weight:300;}

/* company */
#company .cont_wrap{margin-bottom:330px;}
#company .cont{position: relative; margin-top: 115px;}
#company .cont .line{
  position:absolute; left:50%; top:0; height:100%; width:1px;
  --grad-opacity-mid:0.5; --grad-opacity-end:1;
  background: linear-gradient(180deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,var(--grad-opacity-mid)) 50%,
    rgba(255,255,255,var(--grad-opacity-end)) 100%
  );
}
#company .cont .line .dot{
  position:absolute; width:25px; bottom:-0.8em; left:50%;
  transform:translateX(-50%); opacity:0;
}
#company .cont .line .dot svg{display:block; width:100%;}
#company .cont .list{display:flex;flex-wrap:wrap;justify-content:space-between;gap: 100px 60px; padding:40px 0 80px 0;}
#company .cont .list .item{position:relative;overflow:hidden;max-width: calc(50% - 30px);margin-top:0;  }
#company .cont .list .item:nth-child(2n){padding-left:10px;}
#company .cont .list .item:nth-child(3){margin-top:-220px;}
#company .cont .list .vision_scroll_txtBox{position: relative;}
#company .cont .list .vision_scroll_txtBox h3{font-size:2.8rem;font-weight:500;line-height:44px;letter-spacing:-0.3px;margin-bottom:30px;color:#979ca3;}
#company .cont .list .vision_scroll_txtBox p{font-size:2rem;line-height:38px;letter-spacing:-0.3px;font-weight:300;}
#company .cont .list .item img{display:block;}

#company .value_wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
#company .value_txtBox{max-width:540px;width:100%;position:sticky;top:200px;}
#company .value_txtBox p{margin-top:35px;font-size:2.2rem;color:#979ca3;font-weight:500;line-height:34px;letter-spacing:-0.3px;}
#company .union-top-con { position: relative;overflow:hidden;}
#company .union-cards {display:flex;flex-wrap:wrap;gap:80px 70px;padding: 0;}
#company .union-card {
	position: relative;width: 374px;height: 476px;border:1px solid #17468d;
	overflow: hidden;padding:55px 35px 60px;
	transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
#company .union-card:nth-child(2){margin-top:120px;}
#company .union-card:nth-child(3){margin-top:-120px;}
#company .card-body {
	/* display:flex;flex-direction:column;justify-content:center;align-items:center; */
	transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
	opacity: 1; visibility: visible; transform: translateY(0);
	width:100%;height:100%;
}
#company .card-title { font-size: 3.4rem; font-weight: 400;font-family:var(--main-font);margin:130px 0 20px;}
#company .card-desc { font-size: 1.8rem; font-weight: 250; line-height: 30px;letter-spacing:-0.3px;}
#company .card-hero {
	position: absolute; inset: 0;opacity: 0; visibility: hidden; 
	pointer-events: none;margin:0;padding:55px 35px 60px;
	transition: opacity .35s ease, visibility .35s ease, transform .35s ease;
}
#company .union-card.is-active{background:#17468d;}
#company .union-card.is-active .card-hero,
#company .union-card:hover .card-hero {
  opacity: 1; visibility: visible; pointer-events: auto;
}
#company .union-card.is-active .card-body,
#company .union-card:hover .card-body {
  opacity: 0; visibility: hidden; pointer-events: none;
}

#company .sub_main_des{margin-top:20px;font-size:2.2rem;color:#979ca3;font-weight:500;line-height:34px;letter-spacing:-0.3px;}
#company .history_wrap {position: relative;}
#company .history_tab_wrap {position: absolute; width: 100%; top: 15rem; left: 0;}
#company .history_tab_wrap .tit-box {margin-bottom: 10rem;}
#company .history_tab_wrap .tit-box h5 {position: relative; display: inline-block; font-family:'Outfit';padding-bottom: 6rem; font-size: 13rem; font-weight: 600;color: #17468d; z-index: 1;}
#company .history_tab_wrap .tit-box h5::before {position: absolute; content: 'Since';font-size: 8rem; font-weight: 300;color: #13254d; right: -7rem; bottom: 4rem; z-index: -1;}
#company .history-tab-list-style ul li {margin-bottom: 2rem;}
#company .history-tab-list-style ul li a {display: inline-block; width: 100%; height: 100%; }
#company .history-tab-list-style ul li a em {position: relative; font-size: 5rem;font-family:'Outfit';font-weight: 600;line-height: 90px; color: #13254d;  transition: color 0.2s;}
#company .history-tab-list-style ul li a em::before{position: absolute; content: ''; width: 105%; height: 0.3rem; background: #fff; bottom: 0.5rem; left: 0;  opacity: 0; transition: opacity 0.2s;}
#company .history-tab-list-style ul li.selected a em {color: #fff;}
#company .history-tab-list-style ul li.selected a em:before {opacity: 1;}
#company .history-drop-open-btn-style {display: none;}
#company .history_wrap .history-tab-content-style { display: flex; flex-direction: column; align-items: end;}
#company .history-tab-con {max-width:820px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#company .history-tab-con:first-of-type {padding-top: 13rem;}
#company .history-tab-con:last-of-type {padding-bottom: 5rem;}
#company .history-year-item {position:relative; display:flex; justify-content:space-between; padding:5rem 0; border-bottom:1px solid #485167; }
#company .history-year-item .history-year{position:relative; z-index:1; width:20rem; color: var(--main-color); font-weight:900; font-size:3.8rem;}
#company .history-year-item .history-year strong {color:#fff;font-weight:400;font-family:'Outfit';font-size:3.8rem;}
#company .history-tab-con:last-of-type .history-year-item:last-of-type {border-bottom: 0;padding-bottom:0;} 
#company .history-month-box{position:relative; width:calc(100% - 20rem); padding-top: 0.5rem;}
#company .history-month-box .history-month-item{position:relative; display:flex; line-height:1.4; margin-bottom:1.5rem;}
#company .history-month-box .history-month-item:last-of-type {margin-bottom: 0;}
#company .history-month-box .history-month-item .history-detail-txt-con{width:100%;}
#company .history-month-box .history-month-item .history-month + .history-detail-txt-con{width:calc(100% - 5rem); }
#company .history-month-box .history-month-item .history-detail-txt{font-size:1.8rem;font-weight:300;letter-spacing:-0.3px; line-height:36px; word-break:keep-all;position:relative;padding-left:14px;}
#company .history-month-box .history-month-item .history-detail-txt::before{content:'';width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:16px;} 

#company .com_service_wrap{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:122px 95px;flex-wrap:wrap;}
#company .com_service_txtBox{margin-top:35px;}
#company .com_service_txtBox h1{color:var(--blue-color);font-size:3.4rem;font-weight:400;font-family:var(--main-font);}
#company .com_service_txtBox p{font-size:1.8rem;font-weight:300;line-height:32px;letter-spacing:-0.3px;margin:20px 0 30px;}
#company .com_service_txtBox .more_btn{font-size:1.6rem;color:#e7336e;position:relative;}
#company .com_service_txtBox .more_btn::after{content:'';width:12px;height:12px;background:url('../../images/service_more_btn.png') no-repeat center/cover;position:absolute;right:-20px;top:3px;transform:translateX(0);transition:transform 0.3s;}
#company .com_service_txtBox .more_btn:hover::after{transform:translateX(5px);}

#company .com_partner_wrap{margin-top:70px;display:flex;flex-wrap:wrap;align-items:center;gap:75px 0;position:relative;}
#company .com_partner_wrap::after{content:'';width:100%;height:1px;background:#4d576f;position:absolute;top:50%;transform:translateY(-50%);left:0;}
#company .partner_con{width:20%;height:135px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#company .partner_con::after{content:'';width:1px;height:135px;background:#4d576f;position:absolute;right:0;top:0;}
#company .partner_con.con1::before,
#company .partner_con.con6::before{content:'';width:1px;height:135px;background:#4d576f;position:absolute;left:0;top:0;}
#company .logo-wrap{position:relative;display:inline-block;}
#company .logo-wrap .logo{display: block; transition: opacity 0.4s ease;}
#company .logo-wrap .logo.white{position:absolute;left:0;top:0;opacity:0;}
#company .partner_con.active .logo.white{opacity:1;}
#company .partner_con.active .logo.gray{opacity:0;}

/* rnd */
#rnd .com_cross_slide { overflow: hidden; padding-bottom: 10rem;}
#rnd .com_cross_slide .swiper-container { overflow: visible; }
#rnd .com_cross_slide .swiper-slide {width:450px;height:270px;position: relative;transition: transform 0.5s; }
#rnd .com_cross_slide .swiper-slide .img {padding-top: 60%;}
#rnd .com_cross_slide .swiper-slide img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
#rnd .com_cross_slide .swiper-slide[class$=-prev] { transform: translateY(5rem); }
#rnd .com_cross_slide .swiper-slide[class$=-active] + div { transform: translateY(8rem); }
#rnd .com_cross_slide .swiper-slide[class$=-active] + div + div { transform: translateY(0rem); }
#rnd .com_cross_slide .swiper-slide[class$=-active] + div + div + div { transform: translateY(6rem); }
#rnd .com_cross_slide .swiper-slide[class$=-active] + div + div + div + div { transform: translateY(10rem); }

#rnd .sub_main_des{font-size:1.9rem;line-height:36px;font-weight:300;letter-spacing:-0.3px;margin-top:40px;}
#rnd .half-acc-container{width: 100%; margin-top:80px;display: grid; gap:6%;position: relative;overflow: hidden;grid-template-columns: 2fr 2fr;align-items:start;}
#rnd .half-acc-container ul {position: relative;display: inline-block;margin: 0;padding: 0;list-style-type: none;width: 100%;}
#rnd .half-acc-container ul li {border-bottom: 1px solid #303b55;}
#rnd .half-acc-container ul li a {
    position: relative;display: block;width: 100%;z-index: 1;
    -webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;
    -o-transition: 0.3s ease;transition: 0.3s ease;
}
#rnd .half-acc-container ul li:focus, a:focus {outline: none;}
#rnd .half-acc-container ul li:nth-child(1) a {border-top: none;}
#rnd .half-acc-container ul li a.active {opacity: 1;}
#rnd .half-acc-container ul li:nth-child(1) a .tag {padding-top:0;}
#rnd .half-acc-container .tag {position: relative;width: 100%;display: flex;align-items: center;padding:36px 0;}
#rnd .half-acc-container .title {display: inline-block;vertical-align: middle;flex-shrink: 0;}
#rnd .half-acc-container .fadein .addon {opacity: 1;}
#rnd .half-acc-container .img-box {
    width: 100%;height: 500px; overflow: hidden;display: flex;justify-content: center;
    align-items: flex-start;position: relative;
}
#rnd .half-acc-container .tag {padding:30px 0;font-size: 3rem;font-weight:500;letter-spacing:-0.3px;}
#rnd .half-acc-container .img-box .js-collapse{
  position: absolute;inset: 0;opacity: 0;width:100%;height:100%;
  transition: opacity .45s ease;pointer-events: none;
}
#rnd .half-acc-container .img-box .js-collapse.is-active{opacity: 1;pointer-events: auto;}
#rnd .half-acc-container .img-box img{display:block;width:100%;height:100%;object-fit: cover;}
#rnd .half-acc-container .title::before{
	content: ""; display: inline-block; width:12px; height: 12px; border-radius: 50%;
	background-color:#e7336e; vertical-align:middle; margin: -5px 16px 0 0;
}
#rnd .half-acc-container .addon{
    opacity: 0 !important; max-height: 0; color:#979ca3;font-size:1.8rem;line-height:32px;
	letter-spacing:-0.3px;overflow: hidden;transform: translateY(-6px);
	transition: max-height .45s ease, opacity .35s ease, transform .35s ease, padding-bottom .45s ease;
	padding-bottom: 0; padding-left:28px;
}
#rnd .half-acc-container li.is-active .addon{opacity: 1 !important;max-height: 140px;transform: translateY(0);padding-bottom: 80px;}

#rnd .core_wrap{margin:150px 0 360px;display:flex;align-items:center;justify-content:space-between;position:relative;}
#rnd .core_wrap::before{content:'';width:525px;height:525px;border-radius:50%;background:#051a42;position:absolute;left:150px;z-index:-2;}
#rnd .core_wrap::after{content:'';width:100%;height:1px;background:#17468d;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;}
#rnd .core_con{width:325px;height:325px;border-radius:50%;border:1px solid #17468d;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
#rnd .core_con.core_first{background:#17468d;}
#rnd .core_con h1{font-weight:500;font-size:3.4rem;line-height:46px;letter-spacing:-0.6px;}
#rnd .core_con_wrap{display:flex;align-items:center;background:var(--main-color);border-radius:180px;}
#rnd .core_con_wrap .core_con{gap:30px;}
#rnd .core_con_wrap .core_con.con1,
#rnd .core_con_wrap .core_con.con2{margin-right:-50px;}
#rnd .core_con_wrap .core_con p{font-weight:300;font-size:2rem;line-height:34px;letter-spacing:-0.3px;}

#rnd .rnd_bot_tit{font-size:3.4rem;font-weight:500;text-align:center;}
#rnd .cont{position: relative; margin-top: 100px;}
#rnd .cont .line{position: absolute; left: 50%; top: 0; height: 100%; width: 1.5px; --grad-opacity-mid: 0.5; --grad-opacity-end:1; background: linear-gradient(180deg, rgba(118, 45, 192, 0) 0%, rgba(118, 45, 192, var(--grad-opacity-mid)) 50%, rgba(118, 45, 192, var(--grad-opacity-end)) 100%);}
#rnd .cont .line .dot { position: absolute; width: 25px; bottom: -0.8em; left: 50%; transform: translateX(-50%); opacity: 0;}
#rnd .cont .line .dot svg{display:block; width: 100%; }
#rnd .cont .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
#rnd .cont .list .item{position: relative; margin-top: 115px;overflow: hidden;}
#rnd .cont .list .item:nth-child(1),
#rnd .cont .list .item:nth-child(2){margin-top: 0;}
#rnd .cont .list .item:nth-child(even){top: 190px;}
#rnd .cont .list .item:last-child{margin-}
#rnd .cont .list .rnd_scroll_txtBox{margin-top:30px;}
#rnd .cont .list .rnd_scroll_txtBox h5{font-size:3.4rem;font-weight:400;color:#455c92;margin-bottom:20px;font-family:var(--main-font);}
#rnd .cont .list .rnd_scroll_txtBox p{font-size:1.8rem;line-height:30px;font-weight:300;letter-spacing:-0.6px;}

/* manu */
#manu .swiper-slide{width:488px;height:543px;}
#manu .manu_slide_txtBox{position:absolute;left:0;bottom:0;width:100%;opacity:0;transition:opacity 0.3s;}
#manu .manu_slide_txtBox::after{content:'';width:488px;height:205px;background:url('../../images/manu_slide_bg.png') no-repeat center/cover;position:absolute;left:0;bottom:0;}
#manu .manu_slide_txtBox h5{font-size:2.2rem;position:absolute;bottom:35px;left:50px;z-index:5;font-weight:350;color:#dedede;}
#manu .swiper-slide:hover .manu_slide_txtBox{opacity:1;}

#manu .sub_main_des{font-size:2.2rem;line-height:27px;font-weight:500;letter-spacing:-0.3px;color:#979ca3;margin-top:25px;}
#manu .manu_capa_wrap{margin:110px 0 350px;display:flex;align-items:flex-start;justify-content:space-between;gap:60px;}
#manu .manu_capa_con{width:25%;}
#manu .manu_capa_top{display:flex;align-items:flex-end;gap:18px;justify-content:center;padding-bottom:10px;border-bottom:1px solid #fff;}
#manu .manu_capa_top h1{font-family:'Outfit';font-weight:500;font-size:8rem;}
#manu .manu_capa_top span{font-size:1.6rem;line-height:24px;margin-bottom:15px;}
#manu .manu_capa_con h5{margin-top:25px;font-size:1.8rem;font-weight:600;line-height:28px;letter-spacing:-0.3px;text-align:center;}

#manu .manu_bus_top_wrap{margin-top:70px;}
#manu .manu_bus_tit{font-size:3.4rem;letter-spacing:-0.6px;font-weight:500;}
#manu .manu_bus_des{font-size:2.2rem;font-weight:500;letter-spacing:-0.3px;color:#979ca3;margin-top:20px;}
#manu .manu_bus_top_boxWrap{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:30px;}
#manu .manu_bus_top_con{width:50%;height:566px;background:#17468d;padding:60px 0 0 50px;position:relative;}
#manu .manu_bus_top_con.con2{background:#0c2151;}
#manu .manu_bus_top_con::after{
	content:'';width:306px;height:408px;position:absolute;right:0;bottom:0;
	background:url('../../images/manu_bus_con_bg_01.png') no-repeat center/cover;
}
#manu .manu_bus_top_con.con2::after{background:url('../../images/manu_bus_con_bg_02.png') no-repeat center/cover;}
#manu .manu_bus_top_con span{font-size:2rem;font-weight:500;}
#manu .manu_bus_top_con h1{margin:10px 0 55px;font-size:6rem;font-weight:600;}
#manu .manu_bus_top_con h5{font-size:2.6rem;letter-spacing:-0.3px;font-weight:600;line-height:28px;margin-bottom:15px;}
#manu .manu_bus_top_con li{font-size:1.8rem;line-height:36px;letter-spacing:-0.6px;padding-left:12px;position:relative;}
#manu .manu_bus_top_con li::before{content:'';width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;left:0;top:17px;}

/* #manu .hscroll_wrap{position: relative;}
#manu .hscroll__sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;box-sizing: border-box;}
#manu .sticky_inner{height: 100%;padding: 0 30px;display: flex;flex-direction: column;justify-content: center;position: relative;}
#manu .sticky_inner::after{
	content:'';width:100%;height:1px;background:#fff;
	position:absolute;left:0;top:65%;transform:translateY(-50%);z-index:1;
}
#manu .hscroll__track{
  height: 100%;position:relative;z-index:2; display: flex;
  gap: 130px;margin-top:55px; will-change: transform;transform: translate3d(0,0,0);
}
#manu .panel{flex: 0 0 334px;box-sizing: border-box;}
#manu .thumb{width: 100%;height: 230px;overflow: hidden;margin: 14px 0 16px;}
#manu .thumb img{width: 100%;height: 100%;object-fit: cover;display:block;}
#manu .panel_txtBox{margin-top:120px;position:relative;}
#manu .panel_txtBox::before{content:'';width:18px;height:18px;border-radius:50%;background:#0c2151;border:2px solid #fff;position:absolute;left:0;top:-63px;}
#manu .panel_txtBox h3{font-size:3rem;font-weight:500;margin-bottom:20px;}
#manu .panel_txtBox p{color:#979ca3;font-size:1.8rem;line-height:32px;letter-spacing:-0.3px;} */
#manu .hscroll_wrap{position:relative;}
#manu .hscroll__sticky{position:sticky;top:0;height:100vh;overflow:hidden;box-sizing:border-box;}
#manu .sticky_inner{height:100%;padding:0 30px;display:flex;flex-direction:column;justify-content:center;position:relative;}
#manu .sticky_inner::after{
  content:'';width:100%;height:1px;background:#fff;position:absolute;
  left:0; top:65%;transform:translateY(-50%);z-index:1;
}
#manu .hscroll__sticky .sect-wrap{width:100%;}
#manu .hscroll__track{display:flex;gap:130px;margin-top:55px;width:max-content;will-change:transform;transform:translate3d(0,0,0);position:relative;z-index:2;}
#manu .panel{flex:0 0 334px;width:334px;box-sizing:border-box;}
#manu .thumb{width:100%;height:230px;overflow:hidden;margin:14px 0 16px;}
#manu .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
#manu .panel_txtBox{margin-top:120px;position:relative;}
#manu .panel_txtBox::before{
  content:'';width:18px; height:18px;border-radius:50%;background:#0c2151;
  border:2px solid #fff; position:absolute;left:0;top:-63px;
}
#manu .panel_txtBox h3{font-size:3rem;font-weight:500;margin-bottom:20px;}
#manu .panel_txtBox p{color:#979ca3;font-size:1.8rem;line-height:32px;letter-spacing:-0.3px;}

.board_txt_wrap h1{font-size:92px;color:#fff;font-weight:300;font-family:'Noto Serif KR' !important;text-align:center;}
.board_txt_wrap h5{color:#455c92;font-size:36px;margin-top:10px;text-align:center;font-family:'Noto Serif KR' !important;font-weight:400;}

/* ============================== response =============================== */
@media all and (min-width:1024px){
	#company .history_wrap.fixed .history_tab_wrap {position: fixed;}
	#company .history_wrap.bottom-fixed .history_tab_wrap {position: absolute; top: auto; bottom: 20rem;}
}
@media all and (min-width:801px){
	#company .history_wrap.fixed .history_tab_wrap {position: fixed;}
	#company .history_wrap.bottom-fixed .history_tab_wrap {position: absolute; top: auto; bottom: 9rem;}
}
@media (max-width: 1450px){ 
	.service .service_top_txtBox p .pc_space{display:none;}

	#service_01 .service_01_bot_txtBox{margin-left:0;}
	#service_01 .service_01_bot_imgBox{gap:15px;}
	#service_01 .service_01_bot_imgBox img{width:100%;}

	#service_03 .k-beauty_con_wrap{gap:20px;}

	#service_04 .competitive_bot_txtBox p .pc_space{display:none;}

	#company .cont .list .vision_scroll_txtBox p .pc_space{display:none;}
	#company .value_txtBox{max-width:450px;}
	#company .union-card{max-width:350px;width:100%;}
	#company .union-cards{gap:60px 30px;}
	#company .com_service_wrap{gap:120px 0;}
	#company .com_service_con{width:48%;}
	#company .com_service_imgBox img{width:100%;}

	/* #rnd .half-acc-container .img-box .js-collapse{width:100%;height:100%;} */
}
@media (max-width: 1280px){ 
	.service .service_top_wrap{gap:45px;}
	.service .service_top_tit{font-size:8rem;}
	.service .service_top_txtBox h1{font-size:4rem;line-height:52px;}
	.service .service_top_txtBox p{font-size:1.8rem;line-height:34px;}

	#service_02 .sect3{margin-bottom:200px;}
	#service_02 .service_02_bot_wrap{margin-top:215px;}
	#service_02 .service_02_bot_bot_txtBox{margin:80px 0 100px;}
	#service_02 .service_02_bot_top_txtBox h1{font-size:6rem;line-height:76px;margin-bottom:30px;}
	#service_02 .service_02_bot_top_txtBox p{font-size:2rem;line-height:38px;}	
	#service_02 .service_02_bot_imgBox{display:flex;gap:10px;}
	#service_02 .service_02_bot_con{position:unset;}
	#service_02 .service_02_bot_con img{width:100%;}
	#service_02 .service_02_bot_bot_txtBox p .pc_space{display:none;}

	#service_03 .k-beauty_imgBox img{width:100%;}
	#service_03 .k-beauty_con{width:50%;}
	#service_03 .k-beauty_con p .pc_space{display:none;}

	#service_04 .usa_right_con{padding:30px;}
	#service_04 .usa_right_con ul{width:100%;}
	#service_04 .usa_right_con li{width:100%;}
	#service_04 .competitive_bot_wrap{gap:30px;}
	#service_04 .competitive_bot_txtBox{width:40%;}
	#service_04 .competitive_bot_imgBox{width:60%;}
	#service_04 .competitive_bot_con img{width:100%;}

	.com .com_main_tit{font-size:7rem;line-height:92px;}
	.com .sub-visual{margin-top:60px;}

	#company .cont .list .item{overflow:visible;max-width:calc(50% - 80px);}
	#company .cont .list .item img{width:100%;}
	#company .cont .list{gap:200px 60px;}
	#company .value_wrap{flex-direction:column;gap:80px;}
	#company .value_txtBox{position:unset;max-width:100%;}
	#company .union-cards{gap:15px;}
	#company .union-card{max-width:48%;height:auto;}
	#company .union-card:nth-child(2){margin-top:0;}
	#company .union-card:nth-child(3){margin-top:0;}
	#company .card-title{margin:30px 0 20px;font-size:3rem;}
	#company .card-desc{font-size:1.6rem;line-height:28px;}
	#company .value_txtBox p .pc_space{display:none;}
	#company .sub_main_des{font-size:1.6rem;line-height:28px;margin-top:10px;}
	#company .history_tab_wrap .tit-box {margin-bottom: 5rem;}
	#company .history_tab_wrap .tit-box h5 {font-size:12rem ;}
	#company .history-tab-list-style ul li a em {font-size: 4rem;}
	#company .history-tab-con {width: 100%; min-width: auto; max-width: 65rem; padding: 0 5rem;}
	#company .logo-wrap img{width:100%;height:100%;object-fit:cover;}
	
	#rnd .com_cross_slide .swiper-slide[class$="-prev"]{transform:translateY(3rem);}
	#rnd .core_con{width:250px;height:250px;}
	#rnd .core_con h1{font-size:2.5rem;line-height:36px;}
	#rnd .core_con_wrap .core_con p{font-size:1.8rem;line-height:28px;}

	#manu .manu_bus_top_con li{line-height:28px;margin-bottom:10px;}
	#manu .manu_bus_top_con li::before{top:13px;}
}
@media (max-width: 1200px){
	#company .cont .list .item{width:calc(50% - 60px);}
	#company .cont .list .vision_scroll_txtBox{left:40px;bottom:40px;}

	/* #rnd .half-acc-container{grid-template-columns:2fr;} */
	#rnd .cont .list .item{width:calc(50% - 60px);}
	#rnd .cont .list .rnd_scroll_txtBox{left:40px;bottom:40px;}
}
@media (max-width: 1080px){ 
	.mb-260, .mb-280{margin-bottom:18rem;}

	.sub .sect1{margin-top:170px;}
	#service_04 .sect1{margin-top:240px;}
	.sub .last-article{margin-bottom:200px;}
	.service .service_top_wrap{flex-direction:column;align-items:center;}
	.service .service_top_tit{top:-120px;font-size:6rem;}
	.service .service_top_txtBox{padding-bottom:0;}
	#service_02 .service_top_tit{left:50%;}
	#service_04 .service_top_tit{top:-193px;}
	#service_04 .service_top_tit.con2{top:-120px;left:50%;}

	.sub_main_tit{font-size:4.5rem;line-height:60px;}

	.service .click_con{padding:40px 0;}
	.service .click_con_txt h1{font-size:3rem;margin-top:10px;}
	.service .click_con_on{font-size:1.6rem;line-height:28px;margin-top:18px;}

	#service_03 .k-beauty_wrap > h3{font-size:2.5rem;margin-bottom:15px;}
	#service_03 .k-beauty_wrap > p{font-size:1.8rem;line-height:30px;}
	#service_03 .k-beauty_imgBox{margin-bottom:20px;}
	#service_03 .k-beauty_imgBox_txt h1{font-size:4.5rem;margin-bottom:5px;}
	#service_03 .k-beauty_imgBox_txt h5{font-size:2rem;}
	#service_03 .k-beauty_con.con2{margin-top:-145px;}
	#service_03 .k-beauty_con p{font-size:1.6rem;line-height:28px;}
	#service_03 .process_left_txtBox h1{font-size:2.5rem;margin-bottom:15px;}
	#service_03 .process_left_txtBox p{font-size:1.8rem;line-height:30px;}

	#service_04 .competitive_tit{font-size:3rem;}
	#service_04 .usa_right_con li h1{max-width:215px;font-size:3rem;}
	#service_04 .usa_right_con li{gap:25px;}
	#service_04 .union-cards{gap:15px;}
	#service_04 .union-card{width:25%;height:340px;}
	#service_04 .card-title{font-size:2rem;}

	.com .sub-visual_txtBox p .pc_space{display:none;}

	#company .cont .list .vision_scroll_txtBox h3{font-size:22px;line-height:34px;}
	#company .cont .list .vision_scroll_txtBox p{font-size:16px;line-height:26px;padding-right:5px;}
	#company .cont .list li:last-child .vision_scroll_txtBox{bottom:120px;left:0;}
	#company .com_service_wrap{align-items:flex-start;}
	#company .com_service_txtBox{margin-top:20px;}
	#company .com_service_txtBox h1{font-size:3rem;}
	#company .com_service_txtBox p{font-size:1.6rem;line-height:30px;margin:10px 0 20px;}
	#company .com_service_txtBox p .pc_space{display:none;}
	#company .com_service_txtBox .more_btn{font-size:1.4rem;}
	#company .com_service_txtBox .more_btn::after{top:1px;}

	#rnd .half-acc-container{gap:30px;}
	#rnd .half-acc-container .tag{font-size:2.5rem;padding:25px 0;}
	#rnd .half-acc-container .addon{font-size:1.6rem;line-height:28px;}
	#rnd .half-acc-container li.is-active .addon{padding-bottom:35px;}
	#rnd .half-acc-container .img-box{height:100%;}
	#rnd .cont .list .rnd_scroll_txtBox h5{font-size:22px;}
	#rnd .cont .list .rnd_scroll_txtBox p{font-size:16px;line-height:26px;padding-right:5px;}
	#rnd .cont .list .rnd_scroll_txtBox p .pc_space{display:none;}

	#manu .manu_capa_wrap{gap:30px;margin:100px 0 250px;}
	#manu .manu_capa_top h1{font-size:6rem;}
	#manu .manu_capa_top span{font-size:1.5rem;}
	#manu .manu_capa_con h5{font-size:1.6rem;margin-top:15px;}
	#manu .manu_bus_tit{font-size:2.8rem;}
	#manu .manu_bus_top_con{padding:60px 0 0 30px;}
	#manu .manu_bus_top_con h1{font-size:3.5rem;white-space:nowrap;margin:5px 0 30px;}
	#manu .manu_bus_top_con span{font-size:1.6rem;}
	#manu .manu_bus_top_con h5{font-size:2rem;margin-bottom:10px;}
	#manu .manu_bus_top_con li{font-size:1.6rem;}
	#manu .manu_bus_des{font-size:1.8rem;margin-top:15px;}
	#manu .panel_txtBox::before{top:-56px;}
}
@media (max-width: 980px){ 
	#service_01 .service_01_bot_txtBox p{font-size:18px;line-height:36px;}
	#service_01 .service_01_bot_txtBox p .pc_space{display:none;}
	#service_01 .service_01_bot_txtBox li{font-size:2rem;line-height:44px;}
	#service_01 .service_01_bot_txtBox li::before{top:20px;}

	#service_02 .service_02_bot_bot_txtBox p{font-size:18px;line-height:36px;}
	#service_02 .service_02_bot_bot_txtBox li{font-size:2rem;line-height:44px;}
	#service_02 .service_02_bot_bot_txtBox li::before{top:20px;}

	#service_03 .k-beauty_wrap{margin-top:30px;}
	#service_03 .k-beauty_imgBox_txt{left:30px;}
	#service_03 .k-beauty_imgBox_txt h1{font-size:4rem;}
	#service_03 .k-beauty_imgBox_txt h5{font-size:1.8rem;}
	#service_03 .process_right_box > ul{gap:80px;}
	#service_03 .process_right_con h3{font-size:1.8rem;}

	#service_04 .usa_left_con .usa_logo{margin:15px 0 25px;}
	#service_04 .usa_left_con .usa_bot_btn{font-size:1.6rem;}
	#service_04 .competitive_usa_wrap{flex-direction:column;}
	#service_04 .usa_left_con, #service_04 .usa_right_con{width:100%;height:auto;}
	#service_04 .usa_left_con{padding:40px 0;}
	#service_04 .usa_left_con .usa_logo h5{font-size:2rem;}
	#service_04 .competitive_bot_wrap{gap:80px;flex-direction:column;}
	#service_04 .competitive_bot_txtBox{width:100%;position:unset;}
	#service_04 .competitive_bot_txtBox p{font-size:1.6rem;line-height:30px;margin-top:15px;}
	#service_04 .competitive_bot_imgBox{margin:auto;width:70%;}
	#service_04 .competitive_bot_con{margin-bottom:30px;}
	#service_04 .competitive_bot_con h3{font-size:2rem;}
	#service_04 .union-cards{flex-wrap:wrap;}
	#service_04 .union-card{width:48%;padding:0 10px;}

	.com .sect1{margin-top:80px;}
	.com .com_main_tit{font-size:5.5rem;line-height:72px;}
	.com .sub-visual{height:400px;}
	.com .sub-visual_txtBox{margin-top:65px;}
	.com .sub-visual_txtBox h1{font-size:2.5rem;line-height:40px;margin-bottom:15px;}
	.com .sub-visual_txtBox p{font-size:1.8rem;line-height:36px;}
	
	#company .cont_wrap{margin-bottom:220px;}
	#company .cont .line{display:none;}
	#company .cont .list{
		/* flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;
		overscroll-behavior-x:contain;scroll-behavior:smooth;gap:20px; */padding:40px 0;
		scrollbar-width: thin;scrollbar-color: var(--main-color) #dedede;gap:200px 30px;
	}
	#company .cont .list .item{margin-top:0;opacity:1 !important;max-width:45%;width:100%;}
	#company .cont .list .item:nth-child(2n){top:0;}
	#company .cont .list .vision_scroll_txtBox{left:0;}
	#company .mb-320, #company .mb-330{margin-bottom:20rem;}
	#company .partner_con{height:100px;}
	#company .partner_con::after{height:100px;}

	#rnd .sect1.mb-250, #manu .sect1.mb-250{margin-bottom:18rem;}
	#rnd .cont .list .item{width:calc(50% - 40px);}
	#rnd .cont .list .rnd_scroll_txtBox{left:25px;bottom:25px;}
	#rnd .core_wrap{flex-direction:column;gap:60px;margin:100px 0 220px;}
	#rnd .core_wrap::after{display:none;}
	#rnd .core_wrap::before{width:300px;height:300px;left:50%;transform:translateX(-50%);top:-24px;}
	#rnd .core_con_wrap{background:transparent;}

	#manu .swiper-slide{width:350px;height:100%;}
	#manu .swiper-slide img{width:100%;}
	#manu .manu_capa_wrap{flex-wrap:wrap;gap:50px 0;}
	#manu .manu_capa_con{width:48%;}
	#manu .hscroll__track{gap:65px;}
	#manu .panel{flex:0 0 260px;width:260px;}
	#manu .panel_txtBox::before{top:-69px;}
	#manu .panel_txtBox h3{font-size:2.2rem;margin-bottom:12px;}
	#manu .panel_txtBox p{font-size:1.6rem;line-height:1.6;}

	.board_txt_wrap h5{font-size:25px;margin-top:5px;}
}
@media (max-width: 820px){ 
	#service_03 .k-beauty_con_wrap{flex-direction:column;align-items:center;margin-top:65px;gap:40px;}
	#service_03 .k-beauty_con{width:75%;}
	#service_03 .k-beauty_con.con2{margin-top:0;}
	#service_03 .process_wrap-container{flex-direction: column;}
	#service_03 .process_left_txtBox{position: static;width: 100%;top: auto;}
	#service_03 .process_right_wrap{width: 100%;margin-left:22px;}
	#service_03 .process_border{display: none;}
	#service_03 .process_right_box > ul{gap: 24px;padding:50px 0;}
	#service_03 .process_right_con{gap:5px;}

	#company .history-year-group-tit + .history-year-list-box{margin-left:0;}
	#company .history-year-item .history-year{width:10rem;}
	#company .history-month-box{width:calc(100% - 10rem);}

	#company .history_tab_wrap {position: relative; top: auto;}	
	#company .history_tab_wrap .tit-box {padding-top: 5rem; margin-bottom: 0;}
	#company .history_tab_wrap .tit-box h5 {font-size: 10rem;}
	#company .history_tab_wrap .tit-box h5:before {font-size: 8rem;}
	#company .history_tab_wrap .tit-box .txt01 {padding-bottom: 2rem;}

	#company .history-drop-menu-style{position:relative; width: 100%;}
	#company .history-drop-open-btn-style{display:none;/* display:block; */ position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#17468d; box-sizing:border-box;}
	#company .history-drop-open-btn-style span{color:#fff; }
	#company .history-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	#company .history-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	#company .history-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	#company .history-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent; margin-bottom: 0;}
	#company .history-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	#company .history-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	#company .history-drop-menu-style ul li a em{font-size:1.5rem; font-style: normal; font-weight: 400; color: #000;}
	#company .history-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	#company .history-drop-menu-style ul li.selected a em{color: var(--main-color); font-weight:600; }
	#company .history-tab-list-style ul li.selected a em:before {display: none;}
	#company .history-drop-menu-style.top-fixed {position: fixed; width: calc(100% - 60px); top:91px;  left:30px; z-index: 1000;}
	#company .history-con-wrapper .history-tab-content-style {padding-top: 5rem;}
	#company .history-tab-con {max-width: none; width: 100%; padding: 0 2.5rem;}
	#company .history-tab-con:first-of-type {padding-top: 0;}
	#company .history-year-item {flex-wrap: wrap;}
	#company .history-year-item .history-year {width: 100%; padding-bottom: 2rem;}
	#company .history-month-box {width: 100%;}
	
	#rnd .sub_main_des{font-size:1.6rem;line-height:32px;margin-top:15px;}
	#rnd .sect3.mb-230{margin-bottom:17rem;}
	#rnd .half-acc-container{grid-template-columns:1fr;}
	#rnd .half-acc-container .img-box{order:1;height:400px;}
	#rnd .half-acc-container ul{order:2;}

	#manu .sect4.mb-180{margin-bottom:80px;}
	#manu .manu_bus_top_boxWrap{flex-wrap:wrap;}
	#manu .manu_bus_top_con{width:100%;height:auto;padding:60px 30px;}
	#manu .manu_bus_top_con h1{font-size:3rem;}
	#manu .manu_bus_top_con h5{font-size:1.8rem;}
}
@media (max-width: 768px){
	.sub .sect1{margin-top:130px;}
	.service .service_top_tit{font-size:3.5rem;top:-70px;}
	.service .service_top_txtBox h1{font-size:3rem;line-height:45px;margin-bottom:15px;}
	.service .service_top_txtBox p{font-size:1.6rem;line-height:30px;}
	#service_04 .sect1{margin-top:180px;}
	#service_04 .service_top_tit{top:-120px;}
	#service_04 .service_top_tit.con2{top:-70px;}

	.sub_main_tit{font-size:3.6rem;line-height:52px;}
	.service .service_01_click_wrap{margin-top:34px;}
	.service .click_con_txt span{font-size:1.6rem;}
	.service .click_con_txt h1{font-size:2.4rem;}

	#service_01 .service_01_bot_imgBox{gap:8px;}
	#service_01 .service_01_bot_txtBox{margin-top:30px;}
	#service_01 .service_01_bot_txtBox p{font-size:1.6rem;line-height:30px;}
	#service_01 .service_01_bot_txtBox ul{margin-top:25px;}
	#service_01 .service_01_bot_txtBox li{font-size:1.8rem;line-height:40px;}
	#service_01 .service_01_bot_txtBox li::before{top:17px;}

	#service_02 .service_02_bot_top_txtBox h1{font-size:4.5rem;line-height:60px;}
	#service_02 .service_02_bot_top_txtBox p{font-size:1.8rem;line-height:34px;}
	#service_02 .service_02_bot_bot_txtBox p{font-size:1.6rem;line-height:30px;}
	#service_02 .service_02_bot_bot_txtBox li{font-size:1.8rem;line-height:40px;}
	#service_02 .service_02_bot_bot_txtBox li::before{top:17px;}

	.com .sub-visual{margin-top:30px;}
	.com .com_main_tit{font-size:5rem;line-height:68px;}
	.com .sub-visual_txtBox h1{font-size:2rem;line-height:36px;}
	.com .sub-visual_txtBox p{font-size:1.6rem;line-height:32px;}

	#company .cont{margin-top:65px;}
	#company .cont .list{flex-direction:column;gap:0;align-items:center;}
	#company .cont .list .item{max-width:80%;}
	#company .cont .list .item:nth-child(3){margin-top:12px;}
	#company .cont .list .item:nth-child(2n){padding-left:0;}
	#company .cont .list li:last-child .vision_scroll_txtBox{bottom:-22px;}
	#company .value_txtBox p{font-size:1.8rem;line-height:30px;margin-top:10px;}
	#company .card-title{margin:20px 0 10px;font-size:2.5rem;}
	#company .union-cards{gap:10px;}
	#company .value_wrap{gap:50px;}
	#company .com_service_wrap{gap:60px 0;}
	#company .com_service_txtBox h1{font-size:2.5rem;}
	#company .partner_con{width:25%;height:100%;}
	#company .com_partner_wrap{gap:30px 0;}
	#company .com_partner_wrap::after{display:none;}
	#company .partner_con::after{display:none;}
	#company .partner_con.con1::before, #company .partner_con.con6::before{display:none;}

	#rnd .cont .line{display:none;}
	#rnd .cont .list{
		flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;
		overscroll-behavior-x:contain;scroll-behavior:smooth;gap:20px;padding:40px 0;
		scrollbar-width: thin;scrollbar-color: #455c92 #dedede;   
	}
	#rnd .cont .list::-webkit-scrollbar {height: 6px;}
	#rnd .cont .list::-webkit-scrollbar-track {background: #dedede;border-radius: 3px;}
	#rnd .cont .list::-webkit-scrollbar-thumb {background-color: var(--main-color);border-radius: 3px;}
	#rnd .cont .list::-webkit-scrollbar-thumb:hover {background-color: #333; }
	#rnd .cont .list .item{margin-top:0;min-width:350px;width:80%;opacity:1 !important;transform:unset !important;scroll-snap-align:center;scroll-snap-stop:always;}
	#rnd .cont .list .item:nth-child(2n){top:0;}

	#manu .sub_main_des{font-size:1.8rem;margin-top:10px;}
	#manu .sticky_inner{padding:0 10px;}

	.board_txt_wrap h1{font-size:70px;}
	.board .sect1{margin-top:70px;}
	.board .sect1.mb-130{margin-bottom:8rem;}
}
@media (max-width: 660px){ 
	#service_04 .competitive_bot_wrap{gap:55px;}
	#service_04 .competitive_bot_imgBox{width:100%;}

	#rnd .com_cross_slide .swiper-slide{width:300px;height:100%;}
	#rnd .com_cross_slide{padding-bottom:5rem;}
	#rnd .com_cross_slide .swiper-slide[class$="-prev"]{transform:translateY(2rem);}
	#rnd .cont{margin-top:50px;}
	#rnd .core_con_wrap{flex-direction:column;gap:15px;}
	#rnd .core_con_wrap .core_con.con1, #rnd .core_con_wrap .core_con.con2{margin-right:0;}
	#rnd .core_wrap::after{display:block;width:1px;height:100%;left:50%;top:0;transform:translateX(-50%);}
	#rnd .core_con{background:var(--main-color);}
}
@media (max-width: 550px){ 
	.service .service_top_imgBox img{width:100%;}

	#company .com_service_wrap{gap:35px;}
	#company .com_service_con{width:100%;}
	#company .com_service_txtBox p{font-size:1.4rem;line-height:26px;}
	#company .com_service_txtBox .more_btn{font-size:1.3rem;}
}
@media (max-width: 500px){	
	.sub .sect1.mb-260{margin-bottom:12rem;}
	.sub .last-article{margin-bottom:160px;}
	.service .service_top_wrap{gap:20px;}
	.service .service_top_tit{font-size:3.5rem;top:-70px;}
	.service .service_top_txtBox h1{font-size:2.6rem;line-height:38px;}
	.service .service_top_txtBox p{font-size:1.4rem;line-height:26px;}

	.sub_main_tit{font-size:3rem;line-height:44px;}

	.service .sect2.mb-280{margin-bottom:12rem;}
	.service .click_con{padding:30px 0;}
	.service .click_con_txt span{font-size:1.4rem;}
	.service .click_con_txt h1{font-size:2.2rem;margin-top:5px;}
	.service .click_con_on{font-size:1.4rem;line-height:26px;}
	.service .click_con_txt::before{height:24px;right:11px;}
	.service .click_con_txt::after{width:24px;}

	#service_01 .service_01_bot_txtBox p{font-size:1.4rem;line-height:26px;}
	#service_01 .service_01_bot_txtBox li{font-size:1.6rem;line-height:26px;margin-bottom:10px;}
	#service_01 .service_01_bot_txtBox li::before{top:12px;}

	#service_02 .service_02_bot_wrap{margin-top:130px;}
	#service_02 .service_02_bot_top_txtBox{text-align:start;}
	#service_02 .service_02_bot_bot_txtBox{margin:50px 0 60px;}
	#service_02 .service_02_bot_top_txtBox h1{font-size:3.5rem;line-height:54px;}
	#service_02 .service_02_bot_top_txtBox p{font-size:1.6rem;line-height:30px;}
	#service_02 .service_02_bot_bot_txtBox p{font-size:1.4rem;line-height:26px;}
	#service_02 .service_02_bot_bot_txtBox li{font-size:1.6rem;line-height:26px;margin-bottom:10px;}
	#service_02 .service_02_bot_bot_txtBox li::before{top:12px;}

	#service_03 .k-beauty_con{width:100%;}
	#service_03 .k-beauty_wrap > h3{font-size:2.2rem;}
	#service_03 .k-beauty_wrap > p{font-size:1.6rem;line-height:28px;}
	#service_03 .k-beauty_imgBox_txt h1{font-size:3.2rem;}
	#service_03 .k-beauty_imgBox_txt h5{font-size:1.6rem;}
	#service_03 .k-beauty_con p{font-size:1.4rem;line-height:26px;}
	#service_03 .process_left_txtBox h1{font-size:2.2rem;}
	#service_03 .process_left_txtBox p{font-size:1.6rem;line-height:28px;}
	#service_03 .num-circle{width:35px;height:35px;line-height:28px;font-size:1.8rem;}
	#service_03 .process_right_con h3{font-size:1.6rem;}
	
	#service_04 .competitive_tit{font-size:2.5rem;line-height:40px;}
	#service_04 .competitive_usa_wrap{margin:25px 0 120px;}
	#service_04 .usa_left_con .usa_b_logo img{width:200px;}
	#service_04 .usa_left_con .usa_logo h5{font-size:1.8rem;}
	#service_04 .usa_left_con .usa_bot_btn{font-size:1.5rem;width:200px;height:43px;line-height:43px;}
	#service_04 .usa_right_con{padding:20px;}
	#service_04 .usa_right_con li{padding:15px 0;}
	#service_04 .usa_right_con li h1{max-width:130px;font-size:2rem;}
	#service_04 .usa_right_con li h5{font-size:1.4rem;}
	#service_04 .competitive_bot_wrap{gap:30px;}
	#service_04 .competitive_bot_txtBox p{font-size:1.4rem;line-height:28px;}
	#service_04 .competitive_bot_con{margin-bottom:15px;}
	#service_04 .competitive_bot_con h3{font-size:1.8rem;left:20px;bottom:30px;}
	#service_04 .union-top-con{margin-top:35px;}
	#service_04 .union-cards{gap:10px;}
	#service_04 .card-title{font-size:1.8rem;margin:20px 0 10px;}
	#service_04 .card-desc{font-size:1.4rem;line-height:26px;}

	.com .sect1{margin-top:65px;}
	.com .sect1.mb-280{margin-bottom:12rem;}
	.com .com_main_tit{font-size:3.5rem;line-height:50px;}
	.com .sub-visual{height:230px;}
	.com .sub-visual_txtBox{margin-top:40px;}
	.com .sub-visual_txtBox h1{font-size:1.8rem;line-height:32px;margin-bottom:8px;}
	.com .sub-visual_txtBox p{font-size:1.4rem;line-height:28px;}

	#company .cont_wrap{margin-bottom:135px;}
	#company .cont{margin-top:15px;}
	#company .cont .list .item{max-width:100%;}
	#company .cont .list .vision_scroll_txtBox h3{font-size:1.8rem;line-height:30px;}
	#company .cont .list .vision_scroll_txtBox p{font-size:1.4rem;}
	#company .value_txtBox p{font-size:1.4rem;margin-top:0;line-height:26px;}
	#company .mb-320,#company .mb-330{margin-bottom:13.5rem;}
	#company .union-card{max-width:100%;padding:25px 15px 25px;}
	#company .card-desc{font-size:1.4rem;line-height:24px;}
	#company .card-title{font-size:2.2rem}
	#company .card-hero{padding:25px 15px 25px;}
	#company .sub_main_des{font-size:1.4rem;line-height:24px;margin-top:5px;}
	#company .sect4.mb-280{margin-bottom:7rem;}
	#company .history-year-item{padding:25px 0;}
	#company .history-year-item .history-year{padding-bottom:10px;}
	#company .history-year-item .history-year strong{font-size:3rem;}
	#company .history-tab-con{padding:0 1rem;}
	#company .history-month-box .history-month-item .history-detail-txt{font-size:1.4rem;line-height:30px;}	
	#company .history-month-box .history-month-item .history-detail-txt::before{top:13px;}
	#company .com_partner_wrap{margin-top:45px;}
	#company .sect5.mb-260{margin-bottom:12rem;}
	#company .partner_con{width:33.3333%;}

	#rnd .sect1.mb-250, #manu .sect1.mb-250{margin-bottom:10rem;}
	#rnd .sub_main_des{font-size:1.4rem;line-height:28px;margin-top:10px;}
	#rnd .sect3.mb-230{margin-bottom:12rem;}
	#rnd .half-acc-container{margin-top:40px;}
	#rnd .half-acc-container .img-box{height:280px;}
	#rnd .half-acc-container .tag{font-size:1.8rem;padding:17px 0;}
	#rnd .half-acc-container .addon{font-size:1.4rem;line-height:26px;padding-left:18px;}
	#rnd .half-acc-container .title::before{width:8px;height:8px;margin:-5px 10px 0 0;}
	#rnd .core_wrap{margin:100px 0 150px;}
	#rnd .core_con h1{font-size:2.2rem;}
	#rnd .core_con_wrap .core_con{gap:12px;}
	#rnd .core_con_wrap .core_con p{font-size:1.6rem;line-height:26px;}
	#rnd .rnd_bot_tit{font-size:2.8rem;}
	#rnd .cont{margin-top:15px;}
	#rnd .cont .list .rnd_scroll_txtBox{margin-top:13px;}
	#rnd .cont .list .rnd_scroll_txtBox h5{font-size:20px;margin-bottom:10px;}
	#rnd .cont .list .rnd_scroll_txtBox p{font-size:1.4rem;}
	#rnd .cont .list .item img{width:100%;}

	#manu .sect2.mb-230{margin-bottom:12rem;}
	#manu .manu_slide_txtBox h5{font-size:1.8rem;left:20px;}
	#manu .swiper-slide{width:300px;}
	#manu .sub_main_des{font-size:1.4rem;line-height:26px;}
	#manu .manu_capa_wrap{margin:60px 0 150px;}
	#manu .manu_capa_top h1{font-size:5rem;}
	#manu .manu_capa_top span{font-size:1.3rem;margin-bottom:0;line-height:22px;}
	#manu .manu_capa_con h5{font-size:1.4rem;line-height:22px;}
	#manu .sect4.mb-180{margin-bottom:30px;}
	#manu .manu_bus_top_wrap{margin-top:24px;}
	#manu .manu_bus_tit{font-size:2.2rem;}
	#manu .manu_bus_top_con{padding:40px 20px;}
	#manu .manu_bus_top_con::after{width:200px;height:270px;}
	#manu .manu_bus_top_con span{font-size:1.4rem;}
	#manu .manu_bus_top_con h1{font-size:2.5rem;margin:5px 0 20px;}
	#manu .manu_bus_top_con h5{font-size:1.6rem;}
	#manu .manu_bus_top_con li{font-size:1.4rem;margin-bottom:5px;}
	#manu .manu_bus_top_con li::before{top:13px;}	
	#manu .manu_bus_des{font-size:1.4rem;margin-top:10px;}
	#manu .sect5.mb-180{margin-bottom:0;}
	#manu .panel_txtBox::before{top:-60px;}
	#manu .panel_txtBox p{font-size:1.4rem;line-height:26px;}

	.board_txt_wrap h1{font-size:50px;}
	.board_txt_wrap h5{font-size:18px;}
}
@media (max-width: 450px){ 
	

	#rnd .cont .list{gap:12px;padding:30px 0;}
	#rnd .cont .list .rnd_scroll_txtBox{left:15px;bottom:20px;}
	#rnd .cont .list .rnd_scroll_txtBox h5{font-size:18px;margin-bottom:10px;}
	#rnd .cont .list .rnd_scroll_txtBox p{font-size:14px;line-height:22px;padding-right:10px;}
}
@media (max-width: 430px){ 
	#service_02 .service_02_bot_top_txtBox h1{font-size:2.8rem;margin-bottom:20px;line-height:42px;}
	#service_02 .service_02_bot_top_txtBox p{font-size:15px;line-height:28px;}
	#service_02 .service_02_bot_bot_txtBox{margin:30px 0 60px;}

	#service_04 .union-card{width:100%;height:auto;padding:20px 10px;}
}
@media (max-width: 390px){ 
	.sub_main_tit{font-size:2.5rem;line-height:40px;}

	.service .service_top_tit{font-size:3rem;}
	.service .click_con_txt h1{font-size:2rem;}

	#service_03 .k-beauty_con_wrap{margin-top:40px;}
	#service_03 .k-beauty_wrap > h3{margin-bottom:5px;}
	#service_03 .k-beauty_wrap > p{font-size:15px;}
	#service_03 .process_left_txtBox h1{margin-bottom:5px;}
	#service_03 .process_left_txtBox p{font-size:15px;}
	#service_03 .process_right_con{gap:0;}

	#service_04 .competitive_tit{font-size:2.2rem;line-height:36px;}
	#service_04 .competitive_usa_wrap{margin:15px 0 120px;}

	#company .cont .list .vision_scroll_txtBox h3{font-size:1.6rem;line-height:26px;}
	#company .history_tab_wrap .tit-box h5{font-size:7rem;}
	#company .history_tab_wrap .tit-box h5::before{font-size:6rem;}
	#company .history-year-item .history-year strong{font-size:2.5rem;}

	#rnd .rnd_bot_tit{font-size:2.2rem;}
	#rnd .cont{margin-top:0;}

	#manu .swiper-slide{width:250px;}
	#manu .manu_slide_txtBox h5{font-size:1.6rem;bottom:28px;}
	#manu .manu_capa_top h1{font-size:4.5rem;}
	#manu .panel_txtBox::before{top:-76px;}

	.board_txt_wrap h5{font-size:16px;}
}