@charset "utf-8";/* CSS Document */
.box0 { padding:0 4vw } 
.boxh { padding: 0 2vw; } 
.box1 { width:1400px; margin:0 auto; max-width:96% } 
.box2 { width:36.25em; margin: 0 auto; max-width:96% } 
body:not(.pop) { min-height:100vh; min-height:calc(var(--vh, 1vh) * 100) } 

.pcHide { display:none !important; } 
/* .moHide { display:block !important; } */
.moHide { } 

.gnb li.m_hide { display:none } 
.gnb .layer { display:none !important; } 
.gnb .blank .arrow:before { content:"\e980"; } 

.sns_st { gap:.5em; } 
.sns_st > li .in { width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s; } 
.sns_st > li .in .tt { display:none; } 
.sns_st > li .in:hover { background:#49b7be; color:#fff; } 
.cw > .sns_st > li .in { background:transparent; color:#fff; } 
.cw > .sns_st > li .in:hover { background:#fff; color:#000; } 

#header .sns_st { gap:.5em; } 
#header .sns_st > li .in { width:2.5em; height:2.5em; background: transparent; border-radius:50%; color:#fff; transition:.3s; } 
#header .sns_st > li .in .tt { display:none; } 
#header .sns_st > li .in:hover { background:#fff; color:#333; } 
#header .cw > .sns_st > li .in { background:transparent; color:#fff; } 
#header .cw > .sns_st > li .in:hover { background:#fff; color:#000; } 

#header.active .sns_st { gap:.5em; } 
#header.active .sns_st > li .in { width:2.5em; height:2.5em; background: #eee; border-radius:50%; color:#000; transition:.3s; } 
#header.active .sns_st > li .in .tt { display:none; } 
#header.active .sns_st > li .in:hover { background:#04182e; color:#fff; } 
#header.active .cw > .sns_st > li .in { background:transparent; color:#fff; } 
#header.active .cw > .sns_st > li .in:hover { background:#fff; color:#000; } 

.sub #header .sns_st { gap:.5em; } 
.sub #header .sns_st > li .in { width:2.5em; height:2.5em; background: #eee; border-radius:50%; color:#000; transition:.3s; } 
.sub #header .sns_st > li .in .tt { display:none; } 
.sub #header .sns_st > li .in:hover { background:#04182e; color:#fff; } 
.sub #header .cw > .sns_st > li .in { background:transparent; color:#fff; } 
.sub #header .cw > .sns_st > li .in:hover { background:#fff; color:#000; } 

.fullH { height:calc(100vh); box-sizing:border-box; } 
.fullMH { min-height:calc(100vh) !important; box-sizing:border-box; } 

.filW { filter:brightness(0) invert(1); } /*화이트*/
.filB { filter:brightness(0) invert(0); } /*블랙*/
.filRE { filter:invert(1); } /*색상반전*/


/*header*/
.headT { padding-top:7em; } 
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { height:7em; transition: height .2s, background .2s, padding .35s ease; box-sizing:border-box; } 

#header { z-index:999; position:fixed; top:0; left:0; width:100%; } 
#header:before { content: ''; position: absolute; top: calc(7em - 2px); left: 0; width: 100%; height: 1px; background: #ddd; opacity: 0; transition: .2s; } 
#header.gnbOpen:before { opacity: 1; } 
.scroll #header:before { top: calc(5em - 2px); } 
.main #header .inner { color:#fff; } 
.main #header .logo,
.main #header .all_wrap .all_btn { filter:brightness(0) invert(1); } 
#header .logo,
#header .side_wrap { width:14em; } 
#header .side_wrap { width: fit-content; } 
#header .logo > .in img { width:14em; transition:.2s; transform-origin:left center; } 

#header .gnb_wrap .gnb > li { overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; padding:0 1.5em; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.250em; font-weight:500; text-transform:uppercase; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#042d5c; opacity:0; transform:scaleX(0); transition:transform .3s; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.7); } 

#header .gnb_wrap .gnb > li .dp2 { display:block; max-width:9.25em; margin:0 auto; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { display:block; padding:.5em .5em; font-weight:300; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:1em; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li.act { background:#f7f8ff; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { font-weight:400; } 


.sub #header .side_wrap,
#header.active .side_wrap { color: #111; } 
.sub #header .side_wrap .langWrap .btn_lang .btn_in,
#header.active .side_wrap .langWrap .btn_lang .btn_in{ border: 1px solid #111;}

#header .side_wrap { color:#fff;} 
#header .side_wrap .langWrap { position:relative; letter-spacing:0; margin-right: 1em;} 
#header .side_wrap .langWrap .btn_lang .btn_in { height:2.5em; padding:0 .65em; font-size: .85em; border: 1px solid rgba(255, 255, 255, .65); border-radius: .3em; } 
#header .side_wrap .langWrap .btn_lang .tt { padding:0 1em 0 .25em; } 
#header .side_wrap .langWrap .btn_lang .icon { font-size:1em; } 
#header .side_wrap .langWrap .btn_lang .arrow { font-size:1em; } 
#header .side_wrap .langWrap .btn_lang .arrow:before { display:block; transition:.3s; } 
#header .side_wrap .langWrap .list { position:absolute; left:0; right:0; top:100%; padding:.5em .5em; background:#fff; box-shadow:0 2px .5em rgba(27,60,111,.2); text-align:center; opacity:0; visibility:hidden; } 
#header .side_wrap .langWrap .list > li { } 
#header .side_wrap .langWrap .list > li .in { display:block; padding:.25em .5em; color:#000; } 
#header .side_wrap .langWrap .list > li ~ li .in { border-top:1px solid #e5e5e5; } 
#header .side_wrap .langWrap .list > li .tt { font-size:.875em; opacity:.6; transition:.2s; } 
#header .side_wrap .langWrap .list > li:hover .in { background:#f5f5f5; } 
#header .side_wrap .langWrap .list > li:hover .tt,
#header .side_wrap .langWrap .list > li.on .tt { opacity:1; } 
#header .side_wrap .langWrap.on .btn_lang .arrow:before { transform:rotate(-180deg); } 
#header .side_wrap .langWrap.on .list { opacity:1; visibility:visible; transition:.4s; } 

#header .all_wrap { color:#000; display: none; } 
#header .all_wrap .all { width:2.5em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:1px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:75%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; pointer-events:none; overflow: hidden; } 
#header .all_wrap .all_layer .all_shape { position:fixed; bottom:-7em; right:-2vw; width:25vw; opacity:.15; } 
#header .all_wrap .all_layer .all_shape img { width:100%; } 
#header .all_wrap .all_layer .all_inner { width:100%; min-height:100%; overflow:hidden; color:#fff; position: relative; } 
#header .all_wrap .all_layer .all_inner:before { content: ''; position: absolute; width: 5vw; height: 5vw; transform: scale(0); right: 4vw; top: 2em; border-radius: 50%; background: #04182e; transition: .5s; z-index: -1; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg { width:40%; padding:16vh 4vw 3em 4vw; opacity: 0; transition: .3s; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { flex:1; padding:15vh 8em 3em; overflow:hidden; } 

#header .all_wrap .all_layer .all_inner > .wrap_bg .cs { padding-top:2em; font-size:1.188em; } 
#header .all_wrap .all_layer .wrap_middle { padding-bottom:3em; opacity:0; transform:translateY(2em); } 
#header .all_wrap .all_layer .wrap_middle .gnb { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb li a { position:relative; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:4em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { display:inline-block; text-align:left !important; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-family:'Oswald', 'Pretendard', 'Noto Sans KR', sans-serif; font-size:2.000em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { margin-top:1.5em; align-items:center; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { content:""; margin:0 1.5em; width:1px; height:1em; background:rgba(255,255,255,.4); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in { } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .tt { text-decoration:underline; } 
.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_layer .all_inner:before { transform: scale(50); } 
.allGnbOn #header .logo { z-index:100; position:fixed; top:0; left:4vw; filter:brightness(0) invert(1) !important; } 
.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:2em; right:4vw; width:3.5em; height:3.5em; filter:brightness(0) invert(1) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index:99; opacity:1; visibility:visible; pointer-events:all } 
.allGnbOn #header .all_wrap .all_layer .wrap_bg .slogan { opacity:1; transform:scale(1); transition:1s; transition-delay:.4s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_middle { opacity:1; transform:translate(0); transition:1s; transition-delay:.2s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_bg { opacity:1; } 


.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1 { height:5em; } 
.scroll #header .logo > .in img { transform:scale(.85,.85); } 

.wrapHide { height:5em; } 
.stickyT { position:sticky !important; top:5em; } 

#header.active { background:#fff; } 
#header.active .inner { color:#000; } 
#header.active .logo,
#header.active .all_wrap .all_btn { filter:none; } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:#042d5c; } 

#header.gnbOpen { box-shadow:0 4px 1em rgba(0,0,0,.15); } 
#header.gnbOpen:before { background:#8198c9; opacity:.6; } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto; } 
#header.gnbOpen .gnb_wrap .gnb .dp2 { padding:1em 0; } 
#header.gnbOpen .gnb_wrap .gnb > li .dp1 { /*padding: 0 2.5em; */ } 
/*footer*/
#footer .goTop { z-index:999; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:#49b7be; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 

#footer { padding:4em 0 4.5em 0; background:#04182e; color:#fff; } 
#footer .logo_wrap .wrap_in { gap:2.5em; } 
#footer .logo_wrap .logo img { height:3em } 
#footer .logo_wrap .menu { gap:0 2em; } 
#footer .logo_wrap .menu > li .in { position:relative; } 
#footer .logo_wrap .menu > li + li .in:before { content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#fff; font-weight:700; line-height:1; opacity:.5; } 
#footer .logo_wrap .menu > li .in:hover .tt { text-decoration:underline; } 

#footer .info_wrap { gap:2em; margin-top:3em } 
#footer .info_wrap .info { flex:1; overflow:hidden } 
#footer .info_wrap .info > li { float:left; margin-right:2em; margin-bottom:.75em; opacity:.8; position:relative } 
#footer .info_wrap .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info_wrap .info > li.point { font-weight:600 } 
#footer .info_wrap .info > li.br { clear:left } 
#footer .info_wrap .info .tit { opacity:1; font-weight:500; } 
#footer .info_wrap .info .copyright { margin-top:3em; font-size:.813em; text-transform:uppercase; opacity:.4; } 

#footer .info_wrap .link { gap:.5em; } 
#footer .info_wrap .link > li .in { gap:0 1em; height:3em; padding:0 1.375em; border:1px solid rgba(255,255,255,.3); border-radius:10em; transition:.2s; } 
#footer .info_wrap .link > li .in .xi { font-size:.875em; opacity:.6; } 
#footer .info_wrap .link > li .in:hover { background:#49b7be; border-color:#49b7be; } 

#footer .side_wrap { gap:0 1.5em; } 
#footer .side_wrap .mem { } 
#footer .side_wrap .mem > li { } 
#footer .side_wrap .mem > li .in { gap:0 .5em; padding:.5em 1em; } 
#footer .side_wrap .mem > li .in:hover .tt { text-decoration:underline; } 


/*contents*/
#contents .sub_page_top { } 
#contents .sub_page_tit { padding:7em 0 3.5em 0; } 
#contents .sub_page_tit .wrap_tit { } 
#contents .sub_page_tit .wrap_tit .sub_tit { font-size:2.250em; font-weight:500; color:#888; } 
#contents .sub_page_tit .wrap_tit .sub_txt { font-size:4.500em; font-weight:700; } 
#contents .sub_page_tit .nav { padding-bottom:1em; } 
#contents .sub_page_tit .nav > li { } 
#contents .sub_page_tit .nav > li .xi { width:1.5em; height:1.5em; background:#000; border-radius:50%; font-size:1em; color:#fff; } 
#contents .sub_page_tit .nav > li .tt { vertical-align:middle; font-size:.938em; } 
#contents .sub_page_tit .nav > li + li:before { content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8; } 
#contents .sub_page_tit .nav > li:last-child .tt { text-decoration:underline; } 

#contents .sub_page_menu { padding-bottom:3.5em; } 
#contents .sub_page_menu .gnb { display:block; transform:translateX(-2em); } 
#contents .sub_page_menu .gnb .dp2 { } 
#contents .sub_page_menu .gnb .dp2 > li { } 
#contents .sub_page_menu .gnb .dp2 > li > a { padding:1em 2em; color:#888; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size:1.250em; font-weight:500; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in { position:relative; padding:0 .5em; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in:after { content:""; position:absolute; left:0; bottom:-.875em; width:100%; height:3px; background:#042d5c; transform:scaleX(0); transition:transform .3s; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .in,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in { color:#042d5c; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .in:after,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in:after { transform:scaleX(1); } 

#contents .sub_page_bg { position:relative; padding:8em 0 0; } 
#contents .sub_page_bg:before { content:""; position:absolute; left:0; right:8vw; top:0; bottom:0; background:#042d5c; } 
#contents .sub_page_bg .wrap_in { position:relative; height:34em; overflow:hidden; } 
#contents .sub_page_bg .bg { position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s; } 
.load #contents .sub_page_bg .bg { right:-2vw; } 
#contents .sub_page_bg .gsBlank { position:absolute; top:50%; left:0; height:105%; width:35vw; background:#042d5c; transform:translateY(-50%); } 

#contents .doc { padding:8em 0 10em; } 
#contents .doc.ptn { padding:0 0 10em; } 

.simple #contents .sub_page_tit .wrap_tit .sub_txt,
.simple #contents .sub_page_bg { display:none; } 
.simple #contents .sub_page_tit { padding-top:3.5em; } 
.simple #contents .sub_page_tit .wrap_tit .sub_tit { font-size:3.000em; color:#000; } 
/* .simple #contents .doc { padding-top:0; } */

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 


/*SUB PAGE*******************/
/*inc*/
.page_con { padding:8em 0; } 
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child { padding-bottom:10em; } 

.page_pd { padding:0 6vw; } 
.page_pd.pdL { padding-right:0; } 
.page_pd.pdR { padding-left:0; } 
.page_pd.pdA { padding:6vw 6vw; } 

.page_txt:not(:last-child) { margin-bottom:3em; } 
.page_txt.m1 { margin-bottom:1.5em; } 
.page_txt.m2 { margin-bottom:5em; } 
.page_txt .tit + .tit { margin-top:1em; } 
.page_txt .tit + .txt { margin-top:2em; } 
.page_txt .txt + .tit { margin-top:2.5em; } 
.page_txt > .txt { margin-top:2em; } 
.page_txt > .txt:first-child { margin-top:0; } 

.page_txt .line { } 
.page_txt .line:before { content:""; display:inline-block; width:2px; height:2px; background:#042d5c; } 
.page_txt .line.w { margin:2em 0; } 
.page_txt .line.w:before { width:2.25em; } 
.page_txt .line.h { margin:1.5em .125em; } 
.page_txt .line.h:before { height:1.75em; } 
.page_txt .line:first-child { margin-top:0; } 
.page_txt .line:last-child { margin-bottom:0; } 
.page_txt .line + .tit,
.page_txt .line + .txt { margin-top:0; } 
.page_txt .line.cw:before { background:#fff; } 


/**/
.agree_box { border-radius:.5em; border:1px solid #ddd; padding:1.5em 2em; color:#555; line-height:1.8; } 
.agree_box.h1 { height:12em; overflow-y:auto; } 
.agree_box p { padding:.5em 0; } 
.agree_box strong { font-size:1.125em; color:#000; } 


/***********************/
/*POPUP******************/
.popWrap.def { width:52em; } 
.popWrap.mem { width:28em; } 
.popWrap.msg { width:38em; } 


/***********************/
/*MAIN******************/
.h70 { height:70vh; box-sizing:border-box } 
.h80 { height:80vh; box-sizing:border-box } 
.h100 { height:100vh; box-sizing:border-box } 
.h150 { height:150vh; box-sizing:border-box } 
.h200 { height:200vh; box-sizing:border-box } 
.h300 { height:300vh; box-sizing:border-box } 
.hc100 { height:calc(100vh - 14em); box-sizing:border-box } 

.main_pd { box-sizing:border-box; padding:0 4vw; } 

.visualSlide_wrap { height:100vh; } 
.visualSlide_wrap ~ div { position:relative; z-index:20; } 

.visualSlide_wrap .mask { position:fixed; z-index:9; top:0; left:0; width:100%; height:100%; -webkit-mask-image:url(../images/main/visual_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size:auto 30%; -webkit-mask-position:center center; } 
.visualSlide_wrap .mask .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:1s; } 
.visualSlide_wrap .mask { animation:maskAni 3s forwards 1.5s; } 

div.visualSlide { position:fixed; top:0; left:0; width:100%; } 
.scroll div.visualSlide { z-index:-1; } 
.visualSlide .el { position:relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlide .el .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1 } 
.visualSlide .el .vod_bg { position:absolute; left:0; top:0; width:100%; height:100% } 
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.5 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:5s; transform:scale(1) } 

.visualSlideSlogan_wrap { position:absolute; z-index:10; left:0; width:100%; bottom:10vh; color:#fff; text-align:left } 
.visualSlide_wrap .slogan { } 
.visualSlide_wrap .slogan .wrap_in { display:flex; flex-direction:column; max-width:60%; word-break:keep-all; } 
.visualSlide_wrap .slogan .t1 { font-size:4.25em; font-weight:700; line-height:1.1; margin:.75em 0; transform:translateX(2em); opacity:0 } 
.visualSlide_wrap .slogan .t2 { font-size:1.5em; line-height:1.4; transform:translateX(2em); opacity:0 } 
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .t1 { transform:translateX(0); opacity:1; transition:1.5s; transition-delay:.6s } 
.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .t2 { transform:translateX(0); opacity:1; transition:1.5s; transition-delay:1.4s } 
.visualSlide_control .swiperBtn:hover { background:none } 
.visualSlide_control .paging { width:5em; text-align:center; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight:700 } 
.visualSlide_control { visibility:hidden; } 
.visualSlide_control.show { visibility:visible; } 

.mainScroll { position:absolute; right:2vw; bottom:0; z-index:100; color:#fff } 
.mainScroll * { vertical-align:middle; } 
.mainScroll .line { position:relative; display:block; height:3em; overflow:hidden } 
.mainScroll .line:before { content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff; } 
.mainScroll .dot { position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50% } 
.mainScroll .tt { display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em } 

@keyframes maskAni {0% { -webkit-mask-size:auto 60%; } 
99% { -webkit-mask-size:auto 7000%; } 
100% { -webkit-mask-size:auto 7000%; opacity:0; } 
 }

/**/
.main_con { padding:6.5em 0; word-break:keep-all; } 
.main_con.bg1 { background:#f5f5f5; } 

.main_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt.m2 { margin-bottom:5em; } 
.main_txt .nw { white-space:nowrap; } 
.main_txt .tit { margin-top:1.25em; } 
.main_txt .txt { margin-top:3.5em; line-height:1.6; } 
.main_txt .tit:first-child,
.main_txt .txt:first-child { margin-top:0; } 
.main_txt .o1 { opacity:.7; } 
.main_txt .t1 { font-size:1.000em; } 
.main_txt .t2 { font-size:1.063em; } 
.main_txt .t3 { font-size:1.125em; } 
.main_txt .t4 { font-size:1.250em; } 
.main_txt .t5 { font-size:1.375em; } 
.main_txt .t6 { font-size:1.500em; } 
.main_txt .t7 { font-size:1.750em; } 
.main_txt .t8 { font-size:2.500em; } 
.main_txt .t9 { font-size:3.500em; } 
.main_txt .t10 { font-size:4.500em; } 
.main_txt .t11 { font-size:5.000em; } 
.main_txt .t12 { font-size:6.500em; } 
.main_txt .t13 { font-size:8.500em; } 

.main_txt .line:before { content:""; display:inline-block; width:3px; height:3px; background:#042d5c; } 
.main_txt .line.w { margin:2em 0; } 
.main_txt .line.w:before { width:2.5em; } 
.main_txt .line.h { margin:1.5em .125em; } 
.main_txt .line.h:before { height:1.5em; } 
.main_txt .line:first-child { margin-top:0; } 
.main_txt .line:last-child { margin-bottom:0; } 
.main_txt .line + .tit,
.main_txt .line + .txt { margin-top:0; } 

.main_txt .ico_wrap { position:relative; } 
.main_txt .ico_wrap > .posIco { position:absolute; } 
.main_txt .ico_wrap.st1 > .posIco { top:-0.15em; left:0; } 
.main_txt .ico_wrap.st1 > .posIco + .tt *[txt-split] .word:first-child { padding-left:1.75em; } 
.main_txt .ico_wrap.st1 > .posIco.rotateAni { animation-duration: 6s; } 

.main_txt.flex { gap:0 5em; } 
.main_txt.flex .tit,
.main_txt.flex .txt { margin-top:0; } 
.main_txt.flex > .incon { flex:1; } 
.main_txt.flex > .incon:not(:first-child) { padding:.5em 0; padding-left:5em; border-left:1px solid #ddd; } 

.main_mq { overflow:hidden; } 
.main_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; } 
.main_mq .mqTT > * { margin:0 .375em; } 

.main_more > .more { position:relative; gap:0 1em; padding:.5em 2em; height:3.875em; min-width:13em; max-width:100%; background:#042d5c; border-radius:6em; text-align:center; color:#fff; } 
.main_more > .more .in_tt { font-size:1.125em; font-weight:500; } 
.main_more > .more .xi { font-size:1.250em; } 

.main_more > .more.st1 { padding:0 0; width:3.75em; height:3.75em; min-width:auto; background:transparent; border:1px solid rgba(0,0,0,.2); border-radius:50%; color:#000; transition:.2s; } 
.main_more > .more.st1:hover { background:#042d5c; border-color:#042d5c; color:#fff; } 

.main_txt.cw .tt { color:#fff; } 
.main_txt.cw .line:before { background:#fff; } 
.main_more.cw > .more { background:#49b7be; } 
.main_more.cw > .more.st1 { background:transparent; border-color:#8dd0de; color:#8dd0de; } 

.main_layout { gap:2em 6em; } 
.main_layout.roundBox { padding:6em; background:#fff; border-radius:3vw; } 
.main_layout > li { } 
.main_layout > li.w1 { width:40%; } 
.main_layout + .main_layout { margin-top:3em; } 
.main_layout > li .p1 { padding:4em 0 5em 0; } 
.main_layout > li .p2 { padding:1.5em 0; } 
.main_layout > li .round { border-radius:2em; overflow:hidden; } 
.main_layout > li .wrap_img { position:relative; height:100%; } 


/**/
.main_about_wrap { position:relative; z-index:20; } 
.main_about_wrap .posBg { position:absolute; z-index:1; top:0; left:2vw; right:0; bottom:0; background:#000913; opacity:.9; border-radius:3vw 0 3vw 3vw; /* background-image:radial-gradient(circle at 100% 0, #4cbec6, #1e7db2 12%, #042d5c 50%); */ } 
.main_about_wrap .posImg { position:absolute; z-index:3; right:2vw; bottom:2vw; width:16vw; } 
.main_about { width:100%; height:100vh; } 
.main_about .posTxt { position:absolute; z-index:3; width:100%; top:8em; text-align:left !important; } 
.main_about .posTxt .main_txt .tt + .tt { margin-top:1.5em; } 
.main_about .fixImg { z-index:2; width:35em; height:35em; border-radius:3vw; overflow:hidden; } 
.main_about .fixImg .img { background:#0f2d51; } 
.main_about .fixImg img { mix-blend-mode:soft-light; opacity:.85; } 

.main_vision { background:#fff; } 
.main_vision .list { gap:0 3em; padding:8em 0; text-align:center; } 
.main_vision .list > li { flex:1; position:relative; } 
.main_vision .list > li .in { flex:1; position:relative; z-index:2; padding:0 2.5em; } 
.main_vision .list > li .in .ico img { width:4em; } 
.main_vision .list > li .in .mgT { margin-top:auto; padding-top:1.75em; } 
.main_vision .list > li .in .mgT + .txt { margin-top:1em; } 
.main_vision .list > li .in .mgT { transition: .5s; } 
.main_vision .list > li:hover .in .mgT { filter:brightness(10); } 

.main_vision .list > li:before,
.main_vision .list > li:after { content:""; position:absolute; top:50%; left:50%; width:100%; padding-bottom:100%; border-radius:50%; transition:.4s; } 
.main_vision .list > li:before { background-color:#f4f7ff; transform:translate(-50%,-50%); display:none; } 

.main_vision .list > li:after { background-color:#042d5c; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translate(-50%,-50%) scale(.5); opacity:0; } 
.main_vision .list > li:nth-child(1):after { background-image:url(../images/main/vision_img1.jpg); } 
.main_vision .list > li:nth-child(2):after { background-image:url(../images/main/vision_img2.jpg); } 
.main_vision .list > li:nth-child(3):after { background-image:url(../images/main/vision_img3.jpg); } 
.main_vision .list > li:hover:after { transform:translate(-50%,-50%) scale(1); opacity:1; } 
.main_vision .list > li:hover .in .tt:not(.c_point2):not(.c_point) { color:#fff !important; } 

.main_bussiness { background:#fff; } 
.main_bussiness { position:relative; } 
.main_bussiness .posBg { position:absolute; top:8em; left:2vw; right:2vw; bottom:0; background:#000913; border-radius:3vw; overflow:hidden; } 
.main_bussiness .posBg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000913; opacity:.6; mix-blend-mode:multiply; } 
.main_bussiness .posBg .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; } 
.main_bussiness .inner { position:relative; top:0; left:0; width:100%; height:100%; padding-top:8em; box-sizing:border-box; } 
.main_bussiness .inner.clone { position:absolute; } 
.main_bussiness .inner.clone .main_txt .tt { color:#003183 !important; } 

.main_bussiness .main_layout { margin-top:10em; } 
.main_bussiness .list { gap:.5em; counter-reset:listIdx; } 
.main_bussiness .list > li { counter-increment:listIdx; } 
.main_bussiness .list > li .in { gap:2em; } 
.main_bussiness .list > li .in .num_bar { width:3.25em; gap:.5em; } 
.main_bussiness .list > li .in .num_bar .no { width:100%; height:4em; background:#000; border-radius:8em; color:#fff; } 
.main_bussiness .list > li .in .num_bar .no:before { content:counters(listIdx, ".", decimal-leading-zero); font-size:1.375em; font-weight:500; } 
.main_bussiness .list > li .in .num_bar .bar { flex:1; width:3px; background:#fff; opacity:.4; } 
.main_bussiness .list > li .in .con { flex:1; padding-bottom:8em; } 

.main_center { background:#fff; overflow:hidden; padding:30vh 0 10em 0; } 
.main_center .posImg { position:absolute; z-index:2; bottom:0; right:0; width:75vw; opacity:.7; mix-blend-mode:soft-light; } 
.main_center .posImg img { width:100%; display:block; } 
.main_center .posCircle { position:absolute; top:50%; left:50%; width:100vw; height:100vw; background:#020e1b; border-radius:50%; transform:translate(-50%,-50%); overflow:hidden; } 
.main_center .posCircle .in { position:absolute; right:0; bottom:0; width:100%; height:50%; } 
.main_center .inner { position:relative; z-index:3; } 
.main_center .list { gap:3em; margin-top:8em; } 
.main_center .list > li:nth-child(1) { width:40%; } 
.main_center .list > li:not(:nth-child(1)) { flex:1 0 calc(50% - 1.5em); } 
.main_center .list > li .in { flex:1; position:relative; padding:18em 4em 3em 4em; border-radius:2em; overflow:hidden; } 
.main_center .list > li .in .img { position:absolute; top:0; left:0; width:100%; height:100%; } 
.main_center .list > li .in .img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.25; } 
.main_center .list > li .in .con { position:relative; } 
.main_center .list > li:nth-child(n + 3) .in { padding-top:12em; } 

.main_center .wrapObj { position:absolute; width:18%; border-radius:50%; overflow:hidden; animation-name: centerObjAni; animation-duration: 5s; animation-iteration-count: infinite; animation-direction:alternate; filter:blur(5em) } 
.main_center .wrapObj.o1 { right:25%; bottom:60%; width:12% } 
.main_center .wrapObj.o2 { right:3%; bottom:50%; width:15%; animation-delay:3s } 
.main_center .wrapObj.o3 { right:8%; top:5%; animation-delay:6s } 

/*문의*/
.sRinquiry_con { margin-right: 2em; } 
.sRinquiry_con .btn_list { gap: 1em; } 
.sRinquiry_con .btn_list > li { } 
.sRinquiry_con .btn_list > li > a { position: relative; transition: .2s; } 
.sRinquiry_con .btn_list > li > a:hover { transform: translateY(-.5em); transition: .2s; } 
.sRinquiry_con .btn_list > li > a > i { position: absolute; left: 0; width: 2em; height: 100%; font-size: 1.65em; background: rgba(0, 0, 0, .15); display: flex; align-items: center; justify-content: center; z-index: 2; color: #fff; overflow: hidden; border-radius: .24em 0 0 .24em; } 
.sRinquiry_con .btn_list > li .btn { position:relative; padding: 1.25em 1em 1.25em 4em; text-align:center; font-size: 1.05em; font-weight: 600; z-index:2; border-radius: .5em; overlfow: hidden; } 
.scroll .sRinquiry_con .btn_list > li .btn { box-shadow: 0 4px 12px 0 rgba(152, 160, 180, 10); } 
.sRinquiry_con .btn_list > li .btn.st1 { position:relative; color: #fff; background: #042d5c; } 
.sRinquiry_con .btn_list > li .btn.st2 { position: relative; color: #fff; background: #49b7be; } 
.sRinquiry_con .btn_list > li.kakao .btn { position: relative; color: #fff; background: #3b1c1c; } 
.sRinquiry_con .btn_list > li.kakao > a > i { background: #f9e000; color: #3b1c1c; } 


/*서비스 문의*/
.dp1_srinquiry .sub_page_bg { display: none; } 
.dp1_srinquiry #contents .sub_page_tit .nav > li:nth-child(2) { display: none; } 


@keyframes centerObjAni {80% { filter:blur(0); transform:translateY(-10em) } 
100% { filter:blur(0); transform:translateY(-10em) } 
 }


.main_partnership { background:#fff; } 
.main_partnership .vod_wrap { position:relative; } 
.main_partnership .vod_wrap .masktxt { padding:0 2vw 3em 2vw; background:#fff; color:#000; mix-blend-mode:lighten; text-align:justify; box-sizing:border-box; white-space:nowrap; } 
.main_partnership .vod_wrap .masktxt > .tt { font-size:14vw; } 
.main_partnership .vod_wrap .masktxt .word { display:flex !important; width:100%; } 
.main_partnership .vod_wrap .masktxt .word > * { flex:1 0 auto; } 

.mainPartnerSlide_wrap { padding:4em 0 0 0; } 
.mainPartnerSlide .el .wrap_img { padding:0 2em; height:8em; } 
.mainPartnerSlide .el .wrap_img img { max-height:90%; } 
.mainPartnerSlide .list { } 
.mainPartnerSlide .list > .el { width:25%; padding:1.5em 0; } 
.mainPartnerSlide .list > .el .wrap_img img { max-width:80%; /*max-height:80%;*/ height: 70px; object-fit: contain; filter: grayscale(1); transition: .25s;} 
.mainPartnerSlide .list > .el:hover .wrap_img img{ filter: none;}

.main_control { margin-top:5em; gap:.25em } 
.main_control .swiperPG { margin-right:2em } 

.main_news { background:#fff; } 
.mainNewsSlide_wrap { padding-bottom:8em; } 

.main_job { padding-bottom:8em; } 

.mainSlide .el .wrap_in { display:block; } 
.mainSlide .el .wrap_in .img_wrap { border-radius:1em; overflow:hidden; position:relative } 
.mainSlide .el .wrap_in .con_wrap { box-sizing:border-box; padding:1.5em 0; display:flex; flex-direction:column; gap:.75em 0 } 
.mainSlide .el .wrap_in .con_wrap .cate { font-weight:700; text-transform:uppercase; font-size:.938em } 
.mainSlide .el .wrap_in .con_wrap .tit { font-size:1.375em; font-weight:700 } 
.mainSlide .el .wrap_in .con_wrap .tt { font-size:1.063em; line-height:1.4; opacity:.8 } 
.mainSlide .el .wrap_in .con_wrap .info { gap:1em; padding:1em 0; border-top:1px solid #ddd; color:#888; } 
.mainSlide .el .wrap_in .con_wrap .info > li { display:flex; align-items:center; gap:.5em; } 
.mainSlide .el .wrap_in .con_wrap .info > li:before,
.mainSlide .el .wrap_in .con_wrap .info > li:after { font-family:xeicon; font-size:1.125em; } 
.mainSlide .el .wrap_in .con_wrap .info .area { flex:1; } 
.mainSlide .el .wrap_in .con_wrap .info .area:before { content:"\eb59"; } 
.mainSlide .el .wrap_in .con_wrap .info .date:after { content:"\e9a4"; } 

/* 메인 레이어 팝업 */
.mainLayerPop { } 
.mainLayerPop .popLayer { display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #000; box-sizing:border-box; } 
.mainLayerPop .popLayer_closeW { height:35px; padding:0 1em; text-align:right; background:#343b4d; } 
.mainLayerPop .popLayer_closeW * { color:#fff; } 
.mainLayerPop .popLayer_close .tt { font-size:.875em; } 
.mainLayerPop .popLayer_close a { display:inline-block; margin-left:.5em; font-weight:500; } 
@media screen and (max-width:1024px) {.mainLayerPop { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.4); } 
.mainLayerPop .in_w { box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto; } 
.mainLayerPop .moSlide .el .popLayer { position:static; height:auto !important; width:25em !important; max-width:100% !important; max-height:100%; border:none; } 
.mainLayerPop .moSlide .el .popLayer img { width:100%; } 
.mainLayerPop .dot_wrap { position:fixed; left:0; right:0; bottom:1em; text-align:center; } 
.mainLayerPop .slick-dots > ul > li { display:inline-block; margin:0 .125em; } 
.mainLayerPop .slick-dots > ul > li button { width:1em; height:1em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s; } 
.mainLayerPop .slick-dots > ul > li.slick-active button { width:3em; border-radius:5em; } 
.mainLayerPop.hide { display:none; } 
.mainLayerPop .moHide { } 
.mainLayerPop .pcHide { display:none; } 
.mainLayerPop div.popLayer_closeW { display:flex; align-content:center; align-items:center; } 
.mainLayerPop div.popLayer_closeW .popLayer_close { flex:1; } 
.mainLayerPop div.popLayer_closeW .tt { font-size:1.3em; line-height:2.1em; } 
 }