@charset "utf-8";

/* Eric meyer reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit; vertical-align: baseline;} 
caption{display:none;}
p, li, dt, dd{word-break:keep-all;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}

body {line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}

/* link */
a:link {text-decoration:none;color:#343434;}
a:visited{text-decoration:none;color:#343434;}
a:hover{text-decoration:none;color:#343434;}
a:active{text-decoration:none;color:#343434;}

/* SBAggroB font-family */
@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 이스타체 */
@font-face {
    font-family: 'EASTARJET-Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/EASTARJET-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

/* LINE Seed */
@font-face {
    font-family: 'LINESeedKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* responsive style template */
@media (min-width:540px){

}
@media (min-width:768px){

}
@media (min-width:1024px){

}
@media (min-width:1200px){

}

/* img, object */
img, object {max-width:100%;height:auto;}

/* reusable styling code */
.full{height:100%;}
.hide{display:none;}

/* ::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar:horizontal{height:2px}
::-webkit-scrollbar-track {background-clip:padding-box;border:solid transparent;border-width: 0 0 0 2px}
::-webkit-scrollbar-button{display:none}
::-webkit-scrollbar-thumb{width:2px;background:#b4b4b4}
::-webkit-scrollbar-thumb:active{background:#b4b4b4}
::-webkit-scrollbar {
    width: auto; /* 또는 'initial' 사용 */
/*} */

body{font-family:"Pretendard Variable", Pretendard, '맑은고딕', 'Malgun Gothic', 'Apple Gothic', sans-serif;font-size:12px;box-sizing:border-box;}
body *{box-sizing:border-box;}
body.over_hide{overflow:hidden;}
body img{vertical-align:top;}
/* color */
:root{
    /* main-color */
    --color-damda-blue:#0D50F2;
    --color-damda-white:#fff;
    --color-damda-bg:#F1F5FF; 
	--color-navy:#122436;

	--color-gray01:#F2F4F6;
	--color-gray02:#D1D6DB;
	--color-gray03:#9CA6B0;
	--color-gray04:#79848E;
	--color-gray05:#41505E;
	--color-gray06:#334353;
	--color-gray07:#191F28;
	--color-black:#000;
	--color-alert:#F16272;
}
/* 100vh fixed example */
/* .area_sidebar {height:calc(var(--vh, 1vh) * 100)} */


/* page style start =========================================== */
/* page components */
/* nav-icon */
/* nav-icon-5 */
.nav-icon-5{
	width: 25px;
	height: 17px;
	/* margin: 10px 10px; */
	position: relative;
	cursor: pointer;
	display: inline-block;
  }
  .nav-icon-5 span{
	background-color:var(--color-navy);
	position: absolute;
	border-radius: 0px;
	transition: .3s cubic-bezier(.8, .5, .2, 1.4);
	width:100%;
	height: 2px;
	transition-duration: 500ms
  }
  .nav-icon-5 span:nth-child(1){
	top:0px;
	left: 0px;
  }
  .nav-icon-5 span:nth-child(2){
	top:7px;
	left: 0px;
	opacity:1;
  }
  .nav-icon-5 span:nth-child(3){
	bottom:0px;
	left: 0px;
  }
  .nav-icon-5:not(.open):hover span:nth-child(1){
	transform: rotate(-0deg) scaleY(1.1);
  }
  .nav-icon-5:not(.open):hover span:nth-child(2){
	transform: rotate(0deg) scaleY(1.1);
  }
  .nav-icon-5:not(.open):hover span:nth-child(3){
	transform: rotate(-0deg) scaleY(1.1);
  }
  .nav-icon-5.open span:nth-child(1){
	transform: rotate(45deg);
	top: 8px;
  }
  .nav-icon-5.open span:nth-child(2){
	opacity:0;
  }
  .nav-icon-5.open span:nth-child(3){
	transform: rotate(-45deg);
	top: 8px;
  }

.menu_cont{position:fixed;top:0;right:0;width:100%;/*height:100vh;*/border:80px;background-color:var(--color-damda-bg);z-index:250;box-sizing:border-box;transition:all ease-in-out 0.2s;margin-right:-100%;overflow:hidden;height:calc(var(--vh, 1vh) * 100)}
.menu_cont.show{opacity:1;transition:all ease-in-out 0.2s;transition-delay:0.2s;margin-right:0;}
.menu_cont .menu_cont_inner{/*height:calc(100vh - 80px);*/height:calc(var(--vh, 1vh) * 100);padding:9%;padding-bottom:calc(9% + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;align-items:center;}
.menu_cont nav{width:100%;padding-top:30%;}
.menu_cont nav ul li{padding-bottom:2em;}
.menu_cont nav ul li a{font-size:24px;color:var(--color-navy);letter-spacing:-0.02em;line-height:1.4em;font-weight:500;}
.menu_cont nav ul li:last-child{padding-top:2em;}
.menu_cont nav ul li:last-child a{line-height:1.4em;font-weight:500;letter-spacing:-0.05em;padding:0.5em 1.5em;color:#fff;background-color:var(--color-gray04);border-radius:2em;}
/* .menu_cont .btn_close{position:absolute;top:4%;right:6.4%;width:4.667%} */
@media (min-width:768px){
	.menu_cont nav{padding-top:100px;}
	.menu_cont .quick_call{display:flex;justify-content:space-between;gap:5%;}
}

/* layout */
.hdr{position:fixed;top:0;left:0;width:100%;z-index:260;background-color:#fff;box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);}
.hdr .hdr_inner{height:9vh;display:flex;justify-content:space-between;align-items:center;padding:0 6.4%;z-index:260;}
.hdr .logo{width:27.2%;box-sizing:border-box;}
.hdr nav{display:none;}
.hdr .m_nav{display:block;}

.navi{padding:18px 0;}
.navi ul{display:flex;}
.navi ul li{margin-left:82px}
.navi ul li a{font-size:18px;line-height:1.4em;font-weight:500;letter-spacing:-0.05em;color:var(--color-gray05);font-family:'EASTARJET-Medium', sans-serif;}
.navi ul li:last-child a{font-size:18px;line-height:1.4em;font-weight:500;letter-spacing:-0.05em;padding:0.5em 1.5em;color:#fff;background-color:var(--color-gray04);border-radius:2em;font-family:"Pretendard Variable", Pretendard, sans-serif;}
@media (min-width:540px){

}
@media (min-width:768px){
	
}
@media (min-width:1024px){
	.hdr .hdr_inner{width:1024px;margin:0 auto;padding:0 50px;}
	.hdr .logo{width:162px;}
	.hdr .m_nav{display:none;}
	.hdr nav{display:block;}
}
@media (min-width:1200px){
	.hdr .hdr_inner{width:1200px;margin:0 auto;padding:0;}
}



/* contents layout  */
.cnt{width:100%;}
.cnt .cnt_inner{width:100%;margin:0 auto;}/* width:1200px */

.vclip h2{padding:15% 0 7%;font-size:5.3vw;font-weight:700;line-height:1.4em;letter-spacing:-0.02em;color:var(--color-navy);text-align:center;}
.clip_box{width:100%;margin:0 auto;position:relative;padding-top:56.25%;margin-bottom:60px;}
.clip_box .clip_inner{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (min-width:1024px){
	.vclip h2{padding:15% 0 7%;font-size:38px;}
}
@media (min-width:1200px){
	.vclip{padding:126px 0 0;}
	.vclip h2{padding:0 0 27px;font-size:40px;}
	.clip_box{width:1200px;padding-top:675px;}
}

/* footer */
.ftr{background-color:var(--color-black);padding:12% 0;padding-bottom:25%;}
.ftr_inner{padding:0 6.4%}
.ftr_info h1{display:flex;justify-content:start;align-items:center;padding-bottom:2em;}
.ftr_info h1 span{display:inline-block;color:#A5AFB9;margin-left:20px;font-size:16px;font-weight:400;letter-spacing:-0.03em;line-height:1.4em;;}
.ftr_info h2{padding-top:2em;font-size:3.4vw;font-weight:600;line-height:1em;letter-spacing:-0.02em;color:#A5AFB9;}
.ftr_info address{padding-top:0.12em;}
.ftr_info address p{font-size:3.4vw;font-weight:400;line-height:1em;letter-spacing:-0.02em;color:#A5AFB9;}
.ftr_info address p span{display:inline-block;line-height:1em;margin-top:0.5em;}
.ftr_info address p + p{margin-top:1em;}
.ftr_info address p:first-of-type span:nth-child(1){padding-right:0.5em;}
.ftr_info address p:first-of-type span:nth-child(2){padding-left:0.5em;padding-right:0.5em;border-left:1px solid #4E5968;}
.ftr_info h3{padding-top:1em;font-size:3.4vw;font-weight:700;line-height:1em;letter-spacing:-0.02em;color:#A5AFB9;}
.ftr_info h3 span{display:inline-block;line-height:1em;margin-top:0.5em;}
.ftr_info h3 span:nth-of-type(1){padding-right:0.5em;}
.ftr_info h3 span:nth-of-type(2){padding-left:0.5em;padding-right:0.5em;border-left:1px solid #4E5968;}
.ftr_info .copylight{padding-top:1em;font-size:3.4vw;font-weight:400;line-height:1.4em;letter-spacing:-0.02em;color:#A5AFB9;}
.bot_util{padding-top:1.5em;}
.bot_util a{font-size:4.2vw;font-weight:400;line-height:1.5em;letter-spacing:-0.05em;color:#fff;}
@media (min-width:540px){
	.ftr_info h2{font-size:3vw;}
	.ftr_info address p{font-size:3vw;}
	.ftr_info h3{font-size:3vw;}
	.ftr_info .copylight{font-size:3vw;}
	.bot_util a{font-size:3.8vw;}
}
@media (min-width:768px){
	.ftr_info h2{font-size:18px;}
	.ftr_info address p{font-size:18px;}
	.ftr_info h3{font-size:18px;}
	.ftr_info .copylight{font-size:18px;}
	.bot_util a{font-size:18px;}
}
@media (min-width:1024px){
	.ftr{padding:50px 0;padding-bottom:150px;}
	.ftr_inner{width:1024px;margin:0 auto;display:flex;justify-content:space-between;align-items:start;padding:0 50px;}
	.ftr_info h2{font-size:15px;}
	.ftr_info address p{font-size:15px;}
	.ftr_info h3{font-size:15px;}
	.ftr_info .copylight{font-size:15px;}
	.bot_util{padding-top:0;}
	.bot_util a{font-size:18px;}
}
@media (min-width:1200px){
	.ftr_inner{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:start;padding:0;}
	.ftr_info h2{font-size:13px;}
	.ftr_info address p{font-size:13px;}
	.ftr_info address p br{display:none;}
	.ftr_info address p:first-of-type span:last-child{border-left:1px solid #4E5968;padding-left:0.5em;}
	.ftr_info address p:last-child span:nth-child(1){padding-right:0.5em;}
	.ftr_info address p:last-child span:nth-of-type(2){padding-right:0.5em;padding-left:0.5em;border-left:1px solid #4E5968;}
	.ftr_info address p:last-child span:nth-of-type(3){padding-right:0.5em;padding-left:0.5em;border-left:1px solid #4E5968;}
	.ftr_info address p + p{margin-top:0;}
	.ftr_info h3{font-size:13px;}
	.ftr_info h3 br{display:none;}
	.ftr_info h3 span:nth-of-type(3){padding-left:0.5em;border-left:1px solid #4E5968;}
	.ftr_info .copylight{font-size:13px;}
	.ftr_info .copylight br:nth-of-type(2){display:none;}
	.bot_util{}
	.bot_util a{font-size:16px;}
}



/* 메인 배너 */
.main_inner{position:relative;}



/* intro section */
.intro{position:relative;background-color:#000;overflow:hidden;height:100vh;overflow:hidden;}
.intro .intro_inner{position:relative;background-color:#000;height:100%;overflow:hidden;background-image:url('../images/main/hero_bg.jpg');background-position:top center;background-repeat:no-repeat;background-size:cover;}
.intro .intro_inner .player_box{overflow:hidden;height:100vh;position:relative} 
.intro .intro_inner .player_box #player{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:fill;}
.intro .player_cover{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0.3;background-color:#000;}
.intro .player_cover.dim{opacity:0.2}

.intro .text_layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;}
.intro .text_layer .text_inner{position:relative;width:100%;height:100%;}
.intro .text_layer .text_area{position:absolute;top:50%;left:7%;width:86%;opacity:1;transform:translateY(-50%);padding:2em;}
.intro .text_layer .text_area h2{padding-top:0.5em;color:#fff;font-weight:500;font-size:7.4667vw;letter-spacing:-0.005em;line-height:1.2em;}
.intro .text_layer .text_area span{color:#CDFF7A;font-weight:600;font-size:3.7333vw;letter-spacing:-0.005em;line-height:1.4em;background-color:rgba(35, 63, 2, 0.32);padding:0.5em 1em;}
.intro .text_layer .text_area p{padding-top:1em;color:#fff;font-weight:400;font-size:4.2667vw;letter-spacing:-0.005em;line-height:1.6em;}
.intro .text_layer .text_area p br{display:none;}

@media (min-width: 768px){
  .intro{height:100vh;}
  .intro .text_layer .text_area{left:5%;width:90%;}
  .intro .text_layer .text_area h2{font-size:6vw;}
}

@media (min-width: 1024px) {
  .intro{height:100vh;}
  /* .intro .logo_layer img{width:52.7%;transform:scale(0.6);} */
  .intro .text_layer .text_inner{width:1024px;height:100%;margin:0 auto;}
  .intro .text_layer .text_area{bottom:50px;left:50px;width:600px;}
  .intro .text_layer .text_area span{font-size:14px;}
  .intro .text_layer .text_area h2{font-size:50px;font-weight:500;}
  .intro .text_layer .text_area p{font-size:18px;font-weight:400;}
}
@media (min-width: 1200px) {
	.intro .text_layer .text_inner{width:1200px;}
	.intro .text_layer .text_area{padding:0;left:0;}
}


.desc_panel{position:relative;box-sizing:border-box;font-family:'EASTARJET-Medium', sans-serif;}
.desc_panel .desc_inner{height:500vh;}
.desc_panel .panel_inner{padding:0 6.4%;}
.desc_panel .panel{width:100%;position:sticky;top:0;left:0;height:100vh;display:flex;justify-content:center;align-items:center;}
.desc_panel .panel p{padding-top:1em;text-align:center;font-size:6.4000vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;color:#ADB2B8;transition:color 0.5s ease-in}
.desc_panel .panel p.colored{color:#000;}
@media (min-width:540px){

}
@media (min-width:768px){
	.desc_panel .panel p{font-size:4.0vw;}
}
@media (min-width:1024px){
	.desc_panel .panel_inner{padding:0 50px;}
	.desc_panel .panel p{font-size:28px;}
}
@media (min-width:1200px){
	.desc_panel .panel p{font-size:34px;}
}


/* main page title */
.tit{font-size:7.4667vw;text-align:center;}
.tit h2{font-size:7.4667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;text-align:center;}
.tit h2 + p{font-size:4.2667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#ADB2B8;}
@media (min-width:1024px){
	.tit h2{font-size:52px;}
	.tit h2 + p{font-size:20px;}
	.tit.altS h2{text-align:left;}
	.tit.altS h2 + p{text-align:left;}
}


.m_solution{padding:10% 4.6%;overflow:hidden;}
.m_solution ul{}
.m_solution ul li{padding-top:15%;}
.m_solution ul li dl{padding-bottom:10%;font-family:'LINESeedKR', sans-serif;}
.m_solution ul li dl dt{font-size:4.8000vw;font-weight:700;letter-spacing:-0.05em;line-height:1.4em;}
.m_solution ul li dl dt span{position:relative;display:inline-block;padding:0.7em 0;position:relative;}
.m_solution ul li dl dt span i{position:absolute;left:0;bottom:-2px;border:1px solid #008D6B;width:70%;}
.m_solution ul li dl dd{padding-top:1em;font-size:4.2667vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;color:#ADB2B8;}
.m_solution ul li div{}

@media (min-width:1024px){
	.m_solution ul li{padding-top:15%;display:flex;justify-content:space-between;align-items:start;flex-direction:row-reverse;gap:20px;}
	.m_solution ul li dl{width:45%;}
	.m_solution ul li.reverse{flex-direction:row;}
	.m_solution ul li dl dt{font-size:20px;}
	.m_solution ul li dl dd{font-size:20px;}
	.m_solution ul li div{width:55%;}
}
@media (min-width:1200px){
	.m_solution ul{width:1200px;margin:0 auto;}
}


/* marquee animation */
.marquee{position:relative;width:100vw;max-width:100%;height:12vw;overflow-x:hidden;}
.track{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 35s linear infinite;font-size:9.6vw;line-height:12vw;letter-spacing:-0.03em;font-weight:500;color:var(--color-gray06)}
.track.reverse{animation-direction:reverse;color:var(--color-gray02);}
@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
@media (min-width:1024px){
	.marquee{height:80px;}
	.track {font-size:72px;line-height:1em;}
}  

.core_value{padding:25% 4.6%;overflow:hidden;}
.core_value .cv_list{padding-top:15%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;}
.core_value .cv_list dl{flex-grow:1;flex-basis:45%;padding-bottom:2em;}
.core_value .cv_list dl dt{font-size:5.8667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;color:var(--color-gray06);}
.core_value .cv_list dl dt span{display:block;width:13.0667vw;}
.core_value .cv_list dl dt b{display:block;padding-top:0.5em;}
.core_value .cv_list dl dd{padding-top:1em;font-size:3.4vw;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;color:#ADB2B8;}

@media (min-width:1024px){
	.core_value{padding:100px 50px}
	.core_value .cv_list{padding-top:120px;flex-wrap:nowrap;}
	.core_value .cv_list dl{flex-grow:1;}
	.core_value .cv_list dl dt{font-size:36px;}
	.core_value .cv_list dl dt span{width:82px;}
	.core_value .cv_list dl dd{font-size:18px;line-height:1.8em;}
}
@media (min-width:1200px){
	.core_value .cv_list{width:1200px;margin:0 auto;}
}

.certificate{padding:25% 4.6%;background-color:#232323;overflow:hidden;}
.certificate .tit .m_tit{color:#fff;}
.certificate ul{padding-top:15%;display:flex;flex-wrap:wrap;justify-content:center;align-items:start;}
.certificate ul li{padding:2em;display:flex;justify-content:space-between;align-items:center;border-radius:1em;background-color:#fff;width:100%;}
.certificate ul li + li{margin-top:1.5em;}
.certificate ul li div{width:30%;text-align:center;} 
.certificate ul li div img.cert_on{display:none;}
.certificate ul li:hover div img.cert_off{display:none;}
.certificate ul li:hover div img.cert_on{display:inline;}
.certificate ul li dl{width:70%;padding-left:10%;} 
.certificate ul li dl dt{font-size:3.4667vw;line-height:1.6em;font-weight:800;letter-spacing:-0.03em;} 
.certificate ul li dl dd{padding-top:1em;font-size:2.6667vw;line-height:1.4em;font-weight:500;letter-spacing:-0.03em;color:var(--color-gray05);} 

@media (min-width:1024px){
	.certificate{padding:100px 50px;}
	.certificate ul{width:100%;padding-top:120px;gap:30px;}
	.certificate ul li{width:45%;height:200px;}
	.certificate ul li + li{margin-top:0;}
	.certificate ul li div{width:30%}
	.certificate ul li dl{width:70%;}
	.certificate ul li dl dt{font-size:18px;line-height:1.4em;}
	.certificate ul li dl dd{font-size:14px}
}
@media (min-width:1200px){
	.certificate ul{width:1200px;margin:0 auto;}
	.certificate ul li{height:250px;}
	.certificate ul li div{text-align:right;}
	.certificate ul li div img{width:90%;}
	.certificate ul li dl dt{font-size:22px;line-height:1.6em;}
	.certificate ul li dl dd{font-size:18px}
}

.history{padding:25% 4.6%;position:relative;}
.history_tit h2{font-size:7.4667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;text-align:center;}
.history_tit p{font-size:4.2667vw;font-weight:400;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#ADB2B8;}
.history_tit p{padding-top:1em;}
@media (min-width:1024px){
	.history{padding:100px 50px;}
	.history_tit{position:sticky;top:0;left:0;}
	.history_tit h2{font-size:52px;}
	.history_tit p{font-size:20px;}
}
.history ul{padding-top:15%;}
.history ul li{padding-top:10%;}
.history ul li h3{font-size:6.4000vw;font-weight:700;line-height:1.4em;letter-spacing:-0.05em;color:#008D6B;font-family:'LINESeedKR', sans-serif;}
.history ul li .year_list{padding-top:5%;}
.history ul li .year_list p{padding-top:0.5em;padding-left:1em;text-indent:-0.5em;font-size:4.2667vw;font-weight:400;line-height:1.4em;letter-spacing:-0.05em;color:#41505E;font-family:'LINESeedKR', sans-serif;}
@media (min-width:1024px){
	.history{}
	.history .history_inner{display:flex;justify-content:space-between;align-items:start;}
	.history_tit{width:45%;position:sticky;top:0;left:0;padding-top:100px;}
	.history_tit h2{text-align:left;}
	.history_tit p{text-align:left;}
	.history ul{width:45%;padding-top:100px;}
	.history ul li{display:flex;justify-content:left;align-items:start;}
	.history ul li h3{font-size:36px;}
	.history ul li .year_list{padding-top:0;padding-left:20px;}
	.history ul li:first-of-type{padding:0;}
	.history ul li .year_list p{font-size:18px;}
}
@media (min-width:1200px){
	.history{width:1200px;margin:0 auto;}
}
@media (min-width:2560px){
	.history_tit{top:140px;left:0;}
}

.connect{padding:10% 0 0;overflow:hidden;}
.connect .connect_box{margin-top:10%;padding:0 4.6%;height:50vh;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center; background-image:url('../images/main/bg_connect.jpg');background-repeat:no-repeat;background-position:center left 30%;background-size:cover;}
.connect .connect_box h3{font-size:5.3333vw;font-weight:700;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#fff;}
.connect .connect_box p{padding-top:2em;text-align:center;}
.connect .connect_box p a{display:inline-block;padding:0.5em 1.5em;font-size:3.4667vw;font-weight:600;letter-spacing:-0.03em;line-height:1.6em;border-radius:2em;color:#000;background-color:#fff;}
.connect .connect_box p a:hover{background-color:#fff200;}
@media (min-width:1024px){
	.connect{padding:60px 0 150px;}
	.connect .m_tit.altS{text-align:left;}
	.connect .connect_inner{padding:0 50px;}
	.connect .connect_box{display:block;height:280px;border-radius:30px;margin-top:120px;}
	.connect .connect_box h3{font-size:28px;text-align:left;}
	.connect .connect_box p{text-align:left;}
	.connect .connect_box p a{font-size:13px;}
}

@media (min-width:1200px){
	.connect{width:1200px;margin:0 auto;}
	.connect .connect_inner{padding:0;}
	.connect .connect_box{padding:0 60px;margin-top:60px;background-image:url('../images/main/bg_connect.jpg');}
}

/* SUB STYLE */

.sub_inner{padding-top:25%;}
@media (min-width:768px){
	.sub_inner{padding-top:10%;}
}
.sub_tit{}
.sub_tit h2{font-size:7.4667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;text-align:center;font-family:'EASTARJET-Medium', sans-serif;}
.sub_tit p{padding-top:0.5em;font-size:4.2667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05em;text-align:center;color:#ADB2B8;font-family:'LINESeedKR', sans-serif;}
@media (min-width:768px){
	.sub_tit{padding-bottom:50px;}
}
@media (min-width:1024px){
	.sub_tit h2{font-size:52px;text-align:left;}
	.sub_tit p{font-size:20px;text-align:left;}
}
@media (min-width:1200px){
	.sub_tit{width:1200px;margin:0 auto;}
}

.events{}
.events_inner{padding:10% 6.4%;}

.events_list{padding-top:15%;}
.events_item{position:relative;width:100%;padding:2em;border-radius:2em;background-position:center;background-repeat:no-repeat;background-size:cover;height:42.5vw;}
.events_item span{display:block;font-size:2.6667vw;letter-spacing:-0.03em;line-height:1.4em;}
.events_item h3{font-size:5.3333vw;font-weight:700;letter-spacing:-0.03em;line-height:1.4em;}
.events_item p{position:absolute;bottom:2em;left:2em;text-align:left;}
.events_item p a{display:inline-block;font-size:3vw;font-weight:700;background-color:#fff;padding:0.7em 1.2em;border-radius:0.5em;}
.events_item:first-of-type{background-image:url('../images/sub/event_01.jpg');}
.events_item:last-of-type{background-image:url('../images/sub/event_02.jpg');margin-top:2em;}
.events_item:last-of-type span,
.events_item:last-of-type h3{color:#fff;}
@media (min-width:768px){
	.events_item{padding:3em;}
	.events_item p{bottom:3em;left:3em;}
}
@media (min-width:1024px){
	.sub_inner{padding-top:100px;}
	.events_inner{padding:150px 50px;}
	.events_list{padding-top:60px;display:flex;justify-content:space-between;align-items:start;}
	.events_item{width:49%;height:210px;padding:2em;}
	.events_item span{font-size:16px;}
	.events_item h3{font-size:32px;}
	.events_item p{bottom:2em;left:2em;}
	.events_item p a{font-size:14px;}
	.events_item:last-of-type{margin-top:0;}
}
@media (min-width:1200px){
	.events_list{padding-top:60px;display:flex;justify-content:center;gap:50px;}
	.events_item{width:578px;height:280px;padding:3em;}
	.events_item p{bottom:3em;left:3em;}
}

.news{background-color:#F2F2F2;}
.news.altS{background-color:#fff;}
/* .news_inner{padding:10% 6.4%;} */
.news_inner{padding:10% 0;}
@media (min-width:1024px){
	.news_inner{padding:150px 50px;}
}
/* news tabs */
.news_tabs_wrap{position:relative;display:flex;justify-content:space-between;align-items:center;}
.news_tabs{padding:1em 0;width:93.6%;overflow:hidden;box-sizing:border-box;margin-left:6.4%;border-bottom:1px solid #757575;}
.news_tabs.altS{width:100%;}
.news_tabs .swiper-slide{padding:0 1em;}
.news_tabs .swiper-slide:first-of-type{padding-left:0;}
.news_tabs div a{display:inline-block;font-size:4.2667vw;font-weight:400;line-height:1em;letter-spacing:-0.03em;color:#757575;width:120px;transition:color 0.2s ease-in-out;}
.news_tabs div a:hover{color:#000;}
.news_tabs div a.cur{font-weight:600;color:#000;}
.news_tabs_wrap .more{position:absolute;top:50%;right:0;transform:translateY(-50%); display:inline-block;font-size:4vw;font-weight:500;line-height:1em;letter-spacing:-0.03em;color:#A9A9A9;display:none;cursor:pointer;padding:5px 5px;z-index:50;}
.news_tabs_wrap .more:hover{color:#000;}
.news .more_line{display:flex;justify-content:center;align-items:center;padding:10% 0;}
.news .more_line a{font-size:4.2667vw;font-weight:bold;line-height:1.1em;display:inline-block;padding:3px 5px;border-bottom:1px solid #a9a9a9;color:#a9a9a9;}
.news .more_line a:hover{color:#000;border-bottom:1px solid #000;}
@media (min-width:768px){
	.news_tabs{width:90%;}
	.news_tabs div a{font-size:16px;}
	.news_tabs_wrap .more{font-size:14px;}
}
@media (min-width:1024px){
	.news_tabs{width:100%;margin-left:0;}
	.news_tabs li a{font-size:16px;}
	.news_tabs_wrap .more{font-size:14px;display:inline;}
	.news .more_line{display:none;}
}
@media (min-width:1200px){
	.news_tabs_wrap{width:1200px;margin:0 auto;margin-top:60px;}
}

.news_cnt_wrap{padding:0 6.4%;}
.news_cnt{display:none;}
#all{display:block;}
@media (min-width:1024px){
	.news_cnt_wrap{padding:0;}
}
@media (min-width:1200px){
	.news_cnt_wrap{width:1200px;margin:0 auto;}
	.news_cnt{padding-top:26px;}
}

.news_cnt_inner{padding-top:5%;}
.news_item{margin-top:5%;border-radius:2em;overflow:hidden;background-color:#fff;}
.news_item > a{display:block;}
.news_item .news_text{position:static;padding:2em;}
.news_item.wide .news_text{position:static;padding:2em;}
.news_item.wide{position:relative;}
.news_item.wide .news_img{position:relative;}
.news_item.wide .news_img .dim{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
.news_item.wide .news_img img{object-fit:cover;height:80vw;}
.news_item.wide .news_text{position:absolute;top:0;right:0;bottom:0;left:0;}
.news_item.wide .news_text{background-color:rgba(5,5,0,0.2)}
.news_item.wide .news_top strong{color:#fff;}
.news_item.wide .news_top span{color:rgba(255,255,255,0.8);}
.news_item.wide .news_text h4{color:#fff;font-size:6.4000vw;}
.news_item.wide .news_text p{color:#fff;display:block;}
.news_item.wide .news_text b{color:rgba(255,255,255,0.6);}

.news_item .news_img img{object-fit:cover;width:100%;}
.news_text{background-color:#fff;}
.news_top strong{display:inline-block;font-size:3.7333vw;font-weight:600;line-height:1.4em;letter-spacing:-0.03em;color:#555;}
.news_top span{display:inline-block;margin-left:0.5em;font-size:3.7333vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;color:#555;}
.news_text h4{padding-top:0.2em;font-size:4.5333vw;font-weight:600;line-height:1.2em;letter-spacing:-0.03em;color:#000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;}
.news_text p{padding-top:1em;font-size:3.7333vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;color:#000;display:none;}
.news_text b{display:inline-block;font-size:3.7333vw;font-weight:400;line-height:1.4em;letter-spacing:-0.03em;padding-top:0.3em;color:#555;}

@media (min-width:1024px){
	.news_cnt_inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:start;padding-top:0;}
	.news_item{width:32%;height:281px;margin-top:20px;}
	.news_item .news_img img{object-fit:cover;height:170px;}
	.news_item.wide{width:66%;}
	.news_item.wide .news_img img{height:281px;width:100%;object-fit:cover;}
	.news_item.wide .news_text h4{font-size:26px;}
	.news_item .news_text{padding:1em 2em;}
	.news_top strong{font-size:14px;}
	.news_top span{font-size:14px;}
	.news_text h4{font-size:16px;}
	.news_text p{font-size:14px;}
	.news_text b{font-size:14px;}
}
@media (min-width:1200px){
	.news_cnt_inner{padding:0 20px;}
	.news_item{height:360px;width:370px;}
	.news_item .news_img img{height:207px;}
	.news_item.wide{width:762px;height:364px;}
	.news_item.wide .news_img img{object-fit:cover;width:762px;height:364px;}
	.news_item .news_text{padding:2em;}
	.news_top strong{font-size:16px;}
	.news_top span{font-size:16px;}
	.news_text h4{font-size:18px;}
	.news_text p{font-size:16px;}
	.news_text b{font-size:14px;}
}

/* pagenation */
.paging_wrap{width:100%;padding:10% 0 0;display:none;}
.paging{display:flex;justify-content:center;align-items:center;}
.paging a,
.paging span{display:inline-flex;justify-content:center;align-items:center;width:6vw;height:6vw;box-sizing:border-box;border-radius:50%;color:#41505E;font-weight:bold;font-size:3vw;margin:0.5em;transition:all 0.2s ease-in-out;}
.paging .page{border:1px solid #fff;}
.paging .page:hover{border:2px solid #F2F4F6;background-color:#F2F4F6;}
.paging span{border:1px solid #000;background-color:#000;color:#fff;}
.paging .paging_btn{overflow:hidden;text-indent:-500px;background-position:center;background-repeat:no-repeat;border:2px solid #F2F4F6;}
.paging .paging_btn:hover{border:2px solid #F2F4F6;background-color:#F2F4F6;} 
.paging .paging_btn.prev{background-image:url('../images/common/ico_prev.svg');background-size:25%;}
.paging .paging_btn.next{background-image:url('../images/common/ico_next.svg');background-size:25%;}
.paging .paging_btn.backward{background-image:url('../images/common/ico_backward.svg');background-size:45%;}
.paging .paging_btn.forward{background-image:url('../images/common/ico_forward.svg');background-size:45%;}
@media (min-width:768px){
	.paging a,
	.paging span{width:34px;height:34px;font-size:16px;}
}



.news_list_item{padding:2em 0 1em;border-bottom:1px solid #ddd;background-image:url('../images/sub/news/chev_right.svg');background-position:right center;background-repeat:no-repeat;background-size:10%;}
.news_list_item:hover{background-color:#fafafa;cursor:pointer;}
.news_list_item .tags{padding-bottom:0.5em;font-size:4.2667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.05m;color:var(--color-navy);}
.news_list_item .news_tit{}
.news_list_item .news_tit h3{width:90%;}
.news_list_item .news_tit h3 a{display:block;font-size:5.3333vw;font-weight:700;line-height:1.4em;letter-spacing:-0.05em;color:var(--color-navy);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;}
.news_list_item .news_tit .date_source{display:block;padding-top:0.5em;font-size:4.2667vw;font-weight:600;line-height:1.4em;letter-spacing:-0.05m;}
.news_list_item .news_tit .date_source i{display:inline-block;color:#888;letter-spacing:-0.05em;}
.news_list_item .news_tit .date_source b{display:inline-block;color:#555;letter-spacing:-0.09m;padding-left:1em;}
@media (min-width:768px){
	.news_list_item{background-size:5%;}
	.news_list_item .tags{font-size:14px;}
	.news_list_item .news_tit h3 a{font-size:18px;}
	.news_list_item .news_tit .date_source{font-size:14px;}
}

@media (min-width:1024px){
	.news_list_item{background-size:3.5%;padding-left:20px;}
	.news_list_item{display:flex;justify-content:start;align-items:start;}
	.news_list_item .tags{width:12%;}
	.news_list_item .news_tit{width:80%}
}

.brand_intro{background-image:url('../images/sub/brand/intro_m.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover;height:117vh;}
.brand_intro_inner{height:100%;display:flex;justify-content:center;align-items:center;}
.brand_intro .text_area{margin-top:-15%;}
.brand_intro .text_area h1{font-size:7.4667vw;font-weight:500;line-height:1.4em;letter-spacing:-0.03em;color:#fff;font-family:'EASTARJET-Medium', sans-serif;}
@media (min-width:1024px){
	.brand_intro{background-image:url('../images/sub/brand/intro.jpg');background-size:cover;height:480px;}
	.brand_intro_inner{justify-content:start;}
	.brand_intro .text_area{margin-top:0;margin-left:15%;}
	.brand_intro .text_area h1{font-size:40px;line-height:1.2em;}
}
@media (min-width:1200px){
	.brand_intro_inner{width:1200px;margin:0 auto;}
	.brand_intro .text_area{margin-top:2%;margin-left:0%;}
	.brand_intro .text_area h1{font-size:50px;}
}

/* brand */
.brand{padding:25% 6.4%;}
.brand_list{padding-top:10%;}
.brand_list li{margin-top:1em;}
.brand_list li a{display:block;text-indent:-9999px;overflow:hidden;border:1px solid #9CA6B0;background-repeat:no-repeat;background-position:center;background-color:#fff;padding-top:50%;cursor:pointer;transition:background-color 0.5s ease-in-out;}
.brand_list li a:hover{background-color:rgba(0,0,0, 0.6);}
.brand_list li:nth-child(1) a{background-image:url('../images/sub/brand/brand_01_g.svg');}
.brand_list li:nth-child(1) a:hover{background-image:url('../images/sub/brand/brand_01_w.svg');}
.brand_list li:nth-child(2) a{background-image:url('../images/sub/brand/brand_02_g.svg');}
.brand_list li:nth-child(2) a:hover{background-image:url('../images/sub/brand/brand_02_w.svg');}
.brand_list li:nth-child(3) a{background-image:url('../images/sub/brand/brand_03_g.svg');}
.brand_list li:nth-child(3) a:hover{background-image:url('../images/sub/brand/brand_03_w.svg');}
@media (min-width:768px){
	.brand{padding:150px 50px;}
	.brand_list{display:flex;justify-content:space-between;align-items:top;flex-wrap:wrap;gap:20px;}
	.brand_list li{width:48%;}
	.brand_list li a{width:100%;padding-top:50%;}
}
@media (min-width:1024px){
	.brand_list{padding-top:50px;}
	.brand_list li{width:30%;background-size:50%;}
	.brand_list li a{padding-top:50%;background-size:50%;}
}
@media (min-width:1200px){
	.brand{width:1200px;margin:0 auto;padding:150px 0;}
	.brand_list li a{width:380px;padding-top:260px;}
}


/* 더보기 setting */
#all .news_list_item{display:none;}
#lifedamda .news_list_item{display:none;}
#csr .news_list_item{display:none;}
#motionpillow .news_list_item{display:none;}
#wooriipet .news_list_item{display:none;}
#awards .news_list_item{display:none;}

.btn_line{display:flex;justify-content:center;align-items:center;padding:10% 0;}
.btn_line .show_news_more{font-size:4.2667vw;font-weight:bold;line-height:1.1em;display:inline-block;padding:3px 5px;border-bottom:1px solid #a9a9a9;color:#a9a9a9;}
.btn_line .show_news_more:hover{color:#000;border-bottom:1px solid #000;}

@media (min-width:768px){
	.btn_line .show_news_more{font-size:20px;}
}


/* PRIVACY Policy */
.privacy_wrap{padding:30% 6.4% 10%;color:#000;font-size:1em;box-sizing:border-box;}
/*.privacy_wrap h1{padding:0 0 30px 0;font-weight:bold;font-size:18px;}*/
.privacy_wrap h1{font-size:4.5vw;font-weight:bold;padding-bottom:1em;}
.privacy_wrap h1 + p{padding-left:0;}
.privacy_wrap h2{padding:30px 0 10px 0 !important;font-weight:bold !important;font-size:1.083em !important;color:#000 !important;}
.privacy_wrap h3{padding:20px 0 10px 10px;font-weight:bold;color:#333;line-height:1.5em;}
.privacy_wrap h4{padding:10px 0 10px 20px;font-weight:bold;color:#555;}
.privacy_wrap p{padding:0 0 10px 10px;line-height:1.4em;text-align:justify;}
.privacy_wrap p a{color:#148936;}
.privacy_wrap p a:hover{text-decoration:underline;}
.privacy_wrap p em{text-decoration:underline;font-weight:bold;vertical-align:baseline;}
.privacy_wrap ul{line-height:1.7em;padding:0 0 10px 30px;}
.privacy_wrap table{width:100%;table-layout:fixed;}
.privacy_wrap table th{padding:5px 5px;border:1px solid #ccc;background:#eee;font-weight:bold;color:#787878;line-height:1.5em;letter-spacing:-1px;}
.privacy_wrap table td{padding:5px 2px;border:1px solid #ccc;text-align:center;line-height:1.4em;vertical-align:middle;word-wrap:break-word;}
.privacy_wrap table td em{font-weight:bold;vertical-align:top;}
.privacy_wrap table td a{color:#148936;}
.privacy_wrap table td a:hover{text-decoration:underline;}
.privacy_wrap .anchor_list{padding:30px 0 30px 40px;font-size:1.083em;}
.privacy_wrap .anchor_list li a{display:inline-block;color:#0c9f4a;line-height:1.5em;font-weight:bold;}
.privacy_wrap .anchor_list li a:hover{text-decoration:underline;}
.privacy_wrap dl{padding:0 0 10px 10px;line-height:1.7em;}
.privacy_wrap dl dt{font-weight:bold;color:#555;}
.privacy_wrap dl dd{padding:0 0 0 10px;}
.privacy_wrap dl dd .Clr01{color:blue;}
.privacy_wrap .altPL{padding-left:30px;}
.privacy_wrap .altPL02{padding-left:10px;}
.privacy_wrap .altPL03{padding-left:37px;}


@media (min-width:768px){
	.privacy_wrap{padding-top:200px;}
	.privacy_wrap h1{font-size:24px;}
	.privacy_wrap table th{padding:10px 20px;}
	.privacy_wrap table td{padding:10px 20px;}
}
@media (min-width:1024px){
	.privacy_wrap{width:1024px;margin:0 auto;}
}
@media (min-width:1200px){
	.privacy_wrap{width:1200px;}
}

.version_selector{padding-top:2em;}
.version_selector select{display:block;width:100%;padding:5px;border:1px solid #787878;box-sizing:border-box;font-size:3vw;color:#787878;line-height:1.4em;letter-spacing:-0.03em;outline:0;}
@media (min-width:768px){
	.version_selector select{display:block;width:auto;font-size:13px;}
}