@charset "utf-8"; /* CSS Document */
.box0 { width:var(--fullWidth); margin:0 auto; } 
.box1 { width:var(--baseWidth); margin:0 auto; max-width: var(--fullWidth); } 
.box2 { width: var(--midwidth); margin: 0 auto; } 

.pcHide { display:none !important; } 
.moHide { } 

.dn1024 { display: block; } 
.db1024 { display: none; } 
.dn1200 { display: block; } 
.db1200 { display: none; } 
.ovhd { overflow: hidden; } 

.gnb li.m_hide { display:none !important } 
.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:var(--siteC); color:#fff; } 
.cw > .sns_st > li .in { background:transparent; color:#fff; } 
.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:var(--crWhitefil); } /*화이트*/
.filB { filter:var(--crBlackfil); } /*블랙*/
.filRE { filter:var(--crfilRE); } /*색상반전*/

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

#header { z-index:999; position:fixed; top:0; left:0; width:100%; border-bottom: 1px solid rgba(255,255,255, .15); transition:background .2s; } 
#header .inner { gap:0 1vw; } 
#header .logo { } 
#header .logo > .in { transform-origin:left center; transition:.2s; } 
#header .logo > .in img { height: 3em; filter: var(--crWhitefil); } 
#header .menu_wrap { gap:0 8vw; } 

#header .gnb_wrap { } 
#header .gnb_wrap .gnb { padding-right: 10em; } 
#header .gnb_wrap .gnb > li { position:relative; overflow:hidden; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li .dp1 { padding:0 2vw; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.15em; text-transform:uppercase; color: #fff; font-weight: 500; } 
#header .gnb_wrap .gnb > li .dp1 > .in { display: flex; align-items: center; } 
#header .gnb_wrap .gnb > li .dp2 { position:absolute; display:block; left:50%; width:100%; min-width:16em; padding:1.25em 1em; background:var(--siteC); color:#fff; transform:translateX(-50%); opacity:0; visibility:hidden; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2:before { content:""; position:absolute; left:0; top:-3px; width:100%; height:3px; background:var(--siteC2); transform:scaleX(0); opacity:0; transition:transform .3s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { display:block; padding:.75em .938em; text-align:left !important; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2 > li:not(:last-child) > a { border-bottom:1px dashed rgba(255,255,255,.15); } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:.938em; font-weight:300; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a { background:#fff; border-radius:.313em; color:var(--siteC); } 
#header .gnb_wrap .gnb > li.act .dp1,
#header .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC); } 
#header .gnb_wrap .gnb > li.act { overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp2 { opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li.act .dp2:before { transform:scaleX(1); opacity:1; } 

#header .util_wrap { position: absolute; top: 1px; right: 0; gap:0 1.5vw; } 
#header .search_wrap { } 
#header .search_wrap .sc { } 
#header .search_wrap .sc_btn .xi { font-size:1.625em; } 
#header .search_wrap .search_layer { position:fixed; z-index:2; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; transition:.2s; } 
#header .search_wrap .search_layer .sc_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); backdrop-filter:blur(.375em); } 
#header .search_wrap .search_layer .sc_inner { position:relative; padding:4em 0 7em 0; background:#fff; box-shadow:0 3px 1em rgba(0,0,0,.2); text-align:center; color:#000; } 
#header .search_wrap .search_layer .wrap_in { gap:2em; width:52em; padding:0 3vw; margin:0 auto; } 
#header .search_wrap .search_layer .sc_close { position:relative; z-index:2; } 
#header .search_wrap .search_layer .sc_close .close_btn { position:absolute; top:4.5em; right:6vw; width:4em; height:4em; background:var(--siteC); border-radius:50%; color:#fff; } 
#header .search_wrap .search_layer .sc_close .close_btn .xi { font-size:1.875em; transition:.3s; } 
#header .search_wrap .search_layer .sc_close .close_btn:hover .xi { transform:rotate(180deg); } 
#header .search_wrap .search_layer .sc_tit .tt { font-size:2.500em; } 
#header .search_wrap .search_layer .search { max-width:100%; height:5em; border:3px solid var(--siteC2); border-radius:6em 6em 0 6em; } 
#header .search_wrap .search_layer .search .input_st { padding:0 2em; height:100%; font-size:1.250em; border:none; background:none; } 
#header .search_wrap .search_layer .search .inp_txt { flex:1; } 
#header .search_wrap .search_layer .search .inp_btn .xi { font-size:1.500em; } 
#header .search_wrap .search_layer .search .inp_btn:hover { color:var(--siteC); } 

#header .search_wrap .search_layer .sc_keyword { text-align:left; } 
#header .search_wrap .search_layer .sc_keyword .kw_tit { margin-bottom:1em; } 
#header .search_wrap .search_layer .sc_keyword .kw_tit .tt { font-size:1.188em; font-weight:700; } 
#header .search_wrap .search_layer .sc_keyword .kw_list { gap:.75em 1.5em; } 
#header .search_wrap .search_layer .sc_keyword .kw_list > li { } 
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a { display:block; color:#666; } 
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a .tt:before { content:"# " } 
#header .search_wrap .search_layer .sc_keyword .kw_list > li > a:hover { color:#000; text-decoration:underline; } 

.searchOn { overflow-y:hidden } 
.searchOn #header.active { backdrop-filter:none !important; } 
.searchOn #header .search_wrap .search_layer { opacity:1; visibility:visible; } 

#header .all_wrap { height: 100%; } 
#header .all_wrap .all { width:5.5em; height: 100%; background: var(--siteC); color: #fff; transition:.2s; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.415em; height:1.175em; } 
#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:2px; background:#fff; transition:.2s; } 
#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); } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .all:hover { background:#000; border-color:#000; } 
#header .all_wrap .all:hover .ham,
#header .all_wrap .all:hover .ham:before,
#header .all_wrap .all:hover .ham:after { background:#fff; } 


#header .all_wrap .all_layer { position:fixed; top:0; right:0; width:25%; height:100vh; background: #fff; color:#fff; transform:translateX(80%); opacity:0; visibility:hidden; transition:.3s; box-shadow: -5px 0 30px rgba(0, 0, 0, .05); } 
#header .all_wrap .all_layer .all_header { padding:2em 0 0; } 
#header .all_wrap .all_layer .all_header .close_btn { margin-right: 2.5em; } 
#header .all_wrap .all_layer .all_header .close_btn { width:4em; height:4em; background:var(--siteC); border-radius:50%; justify-content: center; align-items: center; } 
#header .all_wrap .all_layer .all_header .close_btn .xi { font-size:1.875em; transition:.3s; } 
#header .all_wrap .all_layer .all_header .close_btn:hover .xi { transform:rotate(180deg); } 

#header .all_wrap .all_layer .all_header .all_logo .in > img { width: 8em; } 

#header .all_wrap .all_layer .all_inner { flex:1; opacity:0; transition:.3s; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.5em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { height:2.75em; padding:0 2em; border:1px solid rgba(255,255,255,.3); border-radius:6em; transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { background:var(--siteC); border-color:var(--siteC); } 

#header .all_wrap .all_layer .wrap_middle .gnb { flex-direction: column; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { flex:1; padding:1.5em 2.5em 0 2.5em; text-align: left; display: flex; align-items: center; justify-content: flex-start; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_business { display: none; } 
/* #header .all_wrap .all_layer .wrap_middle .gnb > li.m_page4 .dp1 .tt,
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_page5 .dp1 .tt { font-family: var(--fontBase); } */
#header .all_wrap .all_layer .wrap_middle .gnb > li ul { display:block; padding:1.25em 0 2em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li a { padding:.5em .375em; width: fit-content; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in { display:flex; align-items:flex-end; gap:.75em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:2em; font-weight:700; color:#111; position: relative; transition: 0.3s; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt::before { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--siteC); transition: 0.3s; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1:hover .tt { color: var(--siteC); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1:hover .tt::before { width: 100%; } 
/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow { display:inline-block; margin-bottom:.375em; width:.5em; height:.5em; background:var(--siteC3); border-radius:50%; } */
/* #header .all_wrap .all_layer .wrap_middle .gnb > li.act { background:rgba(0,0,0,.2); } */
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1 .tt { background-position: 0 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in { display:inline-block; position:relative; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in:after { content:""; position:absolute; left:0; bottom:-.25em; width:100%; height:2px; background:#fff; transform:scaleX(0); transform-origin:left bottom; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:1.188em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .in:after { transform:scaleX(1) } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a { gap:0 .75em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a:before { content:""; width:4px; height:2px; background:rgba(255,255,255,.4); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt { opacity:.7; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li.act > a .tt { text-decoration:underline; opacity:1; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp4 { display:none; } 

#header .all_wrap .all_layer .wrap_bottom { display:none; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn #header .all_wrap .all_layer { transform:translateY(0); opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer .all_inner { opacity:1; transition-delay:.4s; } 

.stickyT { position:sticky !important; top:var(--headHS); } 
.wrapHide,
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1 { height:var(--headHS); } 
.scroll #header { background: #fff; } 
.scroll #header .gnb_wrap .gnb > li .dp1 .tt { color: var(--crBlack); } 
.scroll #header .logo > .in img { filter: unset; } 
.scroll #header .logo > .in { transform:scale(.85,.85); } 


/*footer*/
#footer { background:var(--siteBg1); } 
#footer .inner { padding:4.25em 0; gap:2vw; color:#fff; } 
#footer .info_wrap { flex:1; gap:1.5em; } 
#footer .info_wrap .site_name .tt { font-size:2em; font-weight:700; } 
#footer .info_wrap .info { line-height:1.3; } 
#footer .info_wrap .info > li { float: left; margin-right: 2em; margin-bottom: .25em; } 
#footer .info > li.br { clear: left } 
#footer .info_wrap .info > li .tt { } 
#footer .info_wrap .copyright { font-size:.813em; font-weight:300; text-transform:uppercase; opacity:.5; } 

#footer .menu_wrap { gap:1em; } 
#footer .menu_wrap .menu { } 
#footer .menu_wrap .menu > li > .in { padding:1em 0; } 
#footer .menu_wrap .menu > li:not(:last-child) > .in:after { content:""; margin:0 1.25em; width:1px; height:1em; background:#fff; opacity:.3; } 
#footer .menu_wrap .menu > li > .in .tt { font-size:1.000em; } 
#footer .menu_wrap .menu > li > .in.point { font-weight:600; color:var(--siteC2); } 
#footer .menu_wrap .menu > li > .in:hover { text-decoration:underline; } 
#footer .menu_wrap .sns { gap:2em; } 
#footer .menu_wrap .sns_st > li .in { border:1px solid rgba(255,255,255,.1); } 

#footer .goTop { z-index:998; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:var(--siteC2); color:var(--siteC3); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.250em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(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 } 

/***********************/
/*MAIN******************/
.vod_wrap { position:relative } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.1 } 
.vod_wrap .layer.gra { background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,.3) 100%); } 
.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_wrap { position:relative; height:100% } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000 } 

.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.2 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:7s; transform:scale(1) rotate(.001deg) } 
.visualSlide .el[data-swiper-slide-index='0'] .bg { width:110%; transform:scale(1) } 
.visualSlide .el.swiper-slide-active[data-swiper-slide-index='0'] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index='0'] .bg { transform:translateX(-9.0909%) rotate(.001deg) } 
.visualSlide .el[data-swiper-slide-index='1'] .bg { width:110%; transform:scale(1); left:auto; right:0 } 
.visualSlide .el.swiper-slide-active[data-swiper-slide-index='1'] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index='1'] .bg { transform:translateX(9.0909%) rotate(.001deg) } 

.visualSlide .wrapIn { position: relative; } 

.visualSlide_wrap .slogan { position:absolute; top:45%; left:0; width:100%; z-index:10; color:#fff; transform:translateY(-50%); } 
.visualSlide_wrap .slogan .wrap_in { gap:.75em; line-height:1.2; } 
.visualSlide_wrap .slogan .mark img { width:7em; } 
.visualSlide_wrap .slogan .tt.line { } 
.visualSlide_wrap .slogan .tt.line > * { display:inline-block; padding:0 .125em .125em; border-bottom:4px solid var(--siteC2); } 
.visualSlide_wrap .slogan .tt.pd { padding:1.5em 0; } 
.visualSlide_wrap .slogan .t1 { font-size:1.875em; font-weight:700; line-height: 1.3; color: #f4ba23; } 
.visualSlide_wrap .slogan .t2 { font-size:2.250em; font-weight:300; } 
.visualSlide_wrap .slogan .t3 { font-size:5.000em; } 
.visualSlide_wrap .slogan .t4 { font-size:3.250em; font-weight:700; } 
.visualSlide_wrap .slogan .tt { opacity:0; transform:translateY(4em); transition:1s; } 
.visualSlide_wrap .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; } 
.visualSlide_wrap .el.swiper-slide-active .slogan .tt { opacity:1; transform:translateY(0); transition:2s; } 
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(1) { transition-delay:0.2s; } 
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(2) { transition-delay:0.8s; } 
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(3) { transition-delay:1.4s; } 
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(4) { transition-delay:2s; } 

.visualSlide_control { position: absolute; left: 0; bottom: 1em; margin:4vmin 0 4vmin 0; display:flex; align-items:flex-end; width:100% } 
.visualSlide_control .paging .swiper-pagination-progressbar-fill { transition-duration:3s !important } 
.visualSlide_control .control { width:100%; gap:1em } 
.visualSlide_control .paging { width:5em; text-align:center; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight:700 } 

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

.content_wrap{ overflow: hidden;}
/**/
/*flex box*/
.flex_box { } 
.flex_box.sm { margin: 0 0 .5em -.5em; } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { margin: 0 0 -3em -3em; } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst1 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box.sm .fst3 > li > .in { margin: 0 0 .5em .5em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.flex_box.sm .fst4 > li > .in { margin: 0 0 .5em .5em; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst5 > li > .in { margin: 0 0 1em 1em; } 
.flex_box.sm .fst5 > li > .in { margin: 0 0 .5em .5em; } 
.flex_box .fst6 > li { flex: 1 1 16.66%; max-width: 16.66%; } 
.flex_box .fst6 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst7 > li { flex: 1 1 14.28%; max-width: 14.28%; } 
.flex_box .fst7 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 
.flex_box .fst8 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a { display: block; } 

/**/
.main_con { padding:6em 0; word-break:keep-all; } 
.main_con.pbN { padding-bottom: 0em; } 
.main_con.conpd1 { padding:4em 0; } 
.main_con.round { border-radius:1.5em; overflow:hidden; } 
.main_con.bg1 { background:var(--siteBg1); } 
.main_con.bg2 { background:var(--siteBg2); } 
.main_con.bg3 { background:linear-gradient(to right,var(--siteBg3),var(--siteC3)); } 
.main_con.bg4 { background:var(--crGray); } 

.main_txt { position:relative; margin-bottom: 3.5em; } 
.main_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt.m2 { margin-bottom:5em; } 
.main_txt .tit { margin-top:1em; } 
.main_txt .txt { margin-top:2em; line-height:1.6; } 
.main_txt .txt + .txt { margin-top:1em; } 
.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.250em; } 
.main_txt .t9 { font-size:2.875em; } 
.main_txt .t10 { font-size:3.250em; } 

.main_txt .line { display:inline-block; width:2px; height:3px; } 
.main_txt .line:before { content:""; display:block; width:100%; height:100%; background:var(--siteC2); } 
.main_txt .line.w { margin:2em 0; width:3em; } 
.main_txt .line.h { margin:1.5em .125em; 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.st1 { } 
.main_txt .ico.st1 > .bg { display:inline-block; width:1.75em; height:1.75em; background-image:url(../images/icon/ico_quotes.svg); } 
.main_txt .ico.st1.r > .bg { margin-top:.5em; transform:rotate(180deg); } 
.main_txt .ico.c1 { filter:var(--siteCfil); } 
.main_txt .ico.c2 { filter:var(--siteCfil2); } 

.main_more > .more { position:relative; gap:0 1em; padding:.5em 2em; height:3.75em; min-width:12em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; transition:.2s; } 
.main_more > .more .in_tt { font-size:.938em; font-weight:500; } 
.main_more > .more .xi { font-size:1.250em; } 
.main_more > .more.re { background:transparent; border:1px solid var(--siteC); color:var(--siteC); } 
.main_more > .more.re:hover { background:var(--siteC); color:#fff; } 

.main_more > .more.st1 { padding:0 0; width:3.5em; height:3.5em; min-width:auto; background:transparent; border:1px solid rgba(0,0,0,.2); border-radius:50%; color:#000; transition:.2s; } 
.main_more > .more.st1 .xi { font-size:1.250em; } 
.main_more > .more.st1:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

.main_more > .more.st2 { height:3.25em; min-width:10em; font-size:.813em; text-transform:uppercase; } 

.main_txt.cw .tt { color:#fff; } 
.main_txt.cw .line:before { background:#fff; } 
.main_more.cw > .more { background:var(--siteC2); } 
.main_more.cw > .more.re { background:transparent; border:1px solid var(--siteC2); color:var(--siteC2); } 
.main_more.cw > .more.st1 { background:transparent; border-color:var(--siteC2); color:var(--siteC2); } 
.main_more.cw > .more.re:hover,
.main_more.cw > .more.st1:hover { background:var(--siteC2); color:#fff; } 

.main_layout { gap:2em 6vw; } 
.main_layout.gp1 { gap:2em 3vw; } 
.main_layout > li { } 
.main_layout > li.w1 { width:45%; } 
.main_layout > li.w2 { width:35%; } 
.main_layout + .main_layout { margin-top:14em; } 
.main_layout > li .p1 { padding:4em 0 5em 0; } 
.main_layout > li .p2 { padding:1.5em 0; } 
.main_layout > li .round { border-radius:1.25em; overflow:hidden; } 
.main_layout > li .wrap_img { position:relative; height:100%; } 
.main_layout > li.flex:not(.col) > * { flex:1; } 
.main_layout > li.inm1 { margin-top:8em; margin-left:10em; } 
.main_layout > li.inm2 { margin-top:-8em; } 

/*main esl*/
.textSlide { padding-top: 1em; background: var(--siteBg1); padding-bottom: 2em; } 
.textSlide .page_tt { color: #fff; } 
.lineTxt { color: transparent; line-height: 1; -webkit-text-stroke: 1px white; } 

.main_eslabout .eslBg { position:relative; width: 100%; height: 100vh; overflow: hidden; } 
.main_eslabout .eslBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; z-index: 1; } 
.main_eslabout .eslBg > img { width:100%; object-fit: cover; } 

/*main gallery*/
 .main_video { padding:0 0; } 
.main_boardList .list { } 
.main_boardList .list.flex { gap:1em; } 
.main_boardList .list .in { gap:1em; border-radius:1.5em; transition:.2s; } 
.main_boardList .list .in .img .imgfix { border-radius:1em; overflow:hidden; } 
.main_boardList .list .in .con { gap:.625em; padding:1.25em 1.25em; } 
.main_boardList .list .in .con .cate { gap:.5em; color:var(--siteC); } 
.main_boardList .list .in .con .cate .ico { width:.5em; height:.5em; background:var(--siteC); } 
.main_boardList .list .in .con .cate .tt { font-size:.875em; } 
.main_boardList .list .in .con .tit { font-size:1.250em; font-weight:700; } 
.main_boardList .list .in .con .txt { color:#555; } 
.main_boardList .list .in .con .date { font-size:.875em; color:#555; } 
.main_boardList .list_big { display:flex; } 
.main_boardList .list_big .in { flex:1; } 
.main_boardList .list_big .in .con { flex:1 0 auto; padding:1.25em 2em 2em; } 
.main_boardList .list_big .in .con .tit { font-size:1.500em; } 
.main_boardList .list > li { } 
.main_boardList .list > li .in { } 
.main_boardList .list > li .in .img { width:30%; min-width:20.75em; } 
.main_boardList .list > li .in .con { flex:1; } 
.main_boardList .list .in:hover { background:var(--siteC2); } 

.main_boardList.st2 .list > li .in .img { width:22%; min-width:12em; } 

.main_interview .list { gap:2em; } 
.main_interview .list > li { display:flex; width:calc(25% - 1.5em); } 
.main_interview .list > li .in { flex:1; gap:1.5em; position:relative; padding:.625em; background:#fff; border-radius:1.25em; overflow:hidden; } 
.main_interview .list > li .in:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--siteC2); opacity:0; transform:scaleY(0); transform-origin:center bottom; transition:transform .3s; } 
.main_interview .list > li .in > * { position:relative; } 
.main_interview .list > li .in .con { padding:1.75em 1.5em 0; } 
.main_interview .list > li .in .con .tit { gap:1em; } 
.main_interview .list > li .in .con .tit .tt { flex:1; font-size:1.375em; font-weight:700; } 
.main_interview .list > li .in .con .tit .xi { color:var(--siteC); } 
.main_interview .list > li .in .con .date { font-size:.875em; color:#555; margin-top:1.25em; } 
.main_interview .list > li .in .img .imgfix { border-radius:1em; overflow:hidden; } 
.main_interview .list > li .in:hover:before { opacity:1; transform:scaleY(1); } 
/*.main_interview .list > li .in:hover .con * { color:#fff !important; transition:.2s; } */

.main_gallery { overflow:hidden; } 
.mainGallerySlider { overflow:visible !important; } 
.mainGallerySlider .el .in { display:block; } 
.mainGallerySlider .el .in .img { border-radius:1em; overflow:hidden; } 
.mainGallerySlider .swiper-wrapper { transition-timing-function:linear; } 

/*main about*/
.Number { font-size: 1.415em; font-weight: 700; color: rgba(255,255,255, .8); margin-bottom: 1.25em; } 
.Number.bl { color: rgba(0,0,0, .8); } 
.main_intro { } 
.introLayOut { display: flex; } 
.introLayOut .left { width: 50%; } 
.introLayOut .left .imgCon { width: 100%; height: 80vh; } 
.introLayOut .left .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.introLayOut .right { position:relative; width: 50%; display: flex; flex-direction: column; justify-content: space-between; padding: 6em; box-sizing: border-box; background: var(--siteBg1); } 
.introLayOut .right .topArea { } 
.introLayOut .right .topArea .tit { color: #fff; font-size: 1.315em; font-weight: 400; } 
.introLayOut .right .btmArea { } 
.introLayOut .right .btmArea .mark { position: absolute; top: 0; right: 2em; } 
.introLayOut .right .btmArea .mark > img { width: 25em; object-fit: contain; opacity: .04; } 
.introLayOut .right .btmArea .tit { font-size: 2.515em; color: #fff; font-weight: 700; margin-bottom: 1em; } 
.introLayOut .right .btmArea .desc { font-size: 1.063em; width: 85%; line-height: 1.4; color: rgba(255,255,255, .8); word-break: keep-all; } 

/*main link*/
.linkList { } 
.linkList > li { } 
.linkList > li > .in { } 
.linkList > li > .in > .imgCon { position:relative; width: 100%; height: 17.6em; overflow: hidden; border-radius: .5em; } 
.linkList > li > .in > .imgCon .titArea { position: absolute; width: 100%; padding: 0 2em; box-sizing: border-box; bottom: 2em; z-index: 2; } 
.linkList > li > .in > .imgCon .titArea .tit { font-size: 1.415em; font-weight: 700; color: #fff; margin-bottom: .5em; } 
.linkList > li > .in > .imgCon .titArea .txt { font-size: 1em; font-weight: 600; color: #fff; } 
.linkList > li > .in > .imgCon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; z-index: 1; } 
.linkList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 

.linkList > li > .in:hover > .imgCon > img { transform: scale(1.03); } 

/**/
.main_enprogram { background: var(--siteBg1) } 
.main_enprogram .roundList { display: flex; gap: 2em; } 
.main_enprogram .roundList > li { position:relative; width: 25%; } 
.main_enprogram .roundList > li:before { position: absolute; right: -1.1em; font-size: 1.6em; color: rgba(255,255,255, 1); top: 50%; transform: translateY(-50%); content: '\e93f'; font-family: 'xeicon'; } 
.main_enprogram .roundList > li:last-of-type:before { display: none; } 
.main_enprogram .roundList > li > .roundWrap { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 40vh; border: 1px solid var(--siteC4); border-radius: 50%; } 
.main_enprogram .roundList > li > .roundWrap > .enT { color: var(--siteC4); font-size: 1.15em; margin: 1.25em 0 .75em 0; } 
.main_enprogram .roundList > li > .roundWrap > .txt { color: rgba(255,255,255, 1); font-size: 1.315em; text-align: center; line-height: 1.4; } 
.main_enprogram .roundList > li > .roundWrap > .iconRound { display: flex; align-items: center; justify-content: center; width: 5em; height: 5em; border: 1px solid var(--siteC4); border-radius: 50%; } 
.main_enprogram .roundList > li > .roundWrap > .iconRound > img { width: 2.5em; object-fit: contain; } 

/**/
.main_eslabout .innerTxt { position: absolute; width: 43%; top: 8em; z-index: 2; } 

/**/
.main_staff { background: var(--siteBg1); padding-top: 4em; } 
.main_staff .staffBg_wrapper { position: relative; } 
.main_staff .staffBg_wrapper .tit { position: relative; top: .65em; z-index: 9; text-align: center; font-size: 4.15em; letter-spacing: -0.03em; color: #fff; } 
.main_staff .staffBg_wrapper .tit > i { color: var(--siteC2); } 
.main_staff .staffBg_wrapper .imgCon { width: 100%; border-radius: 1em; height: 25vh; overflow: hidden; } 
.main_staff .staffBg_wrapper .imgCon:before { /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--siteBg1); opacity: .4; z-index: 1; content: ''; */ } 
.main_staff .staffBg_wrapper .imgCon > img { width: 100%; object-fit: cover; } 

.main_staff .innerHu { position: relative; width: 90%; margin: 0 auto; /* top: -8.5em; */ box-sizing: border-box; z-index: 2; } 
.imgInnerWrap { position: relative; } 
.huList { } 
.huList > li { } 
.huList > li > .in { } 
.huList > li > .in > .huImg { width: 100%; height: 21.5em; border-radius: 1em; overflow: hidden; } 
.huList > li > .in > .huImg > img { width: 100%; height: 100%; object-fit: cover; } 
.huList > li > .in > .info { text-align: center; margin-top: 1.25em; } 
.huList > li > .in > .info .tit { font-size: 1.215em; color: #fff; margin-bottom: 1.25em; } 
.huList > li > .in > .info .desc { font-size: 1em; line-height: 1.4; color: rgba(255,255,255, .9); } 

/*map*/
.map_wrapper { } 
.map_wrapper .main_map { border-radius: 1em; overflow: hidden; } 
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers { display: none; } 

/**/
.threeline { display: flex; align-items: center; } 
.threeline.bg1 { background: var(--crGray2); padding: 2em; border-radius: 0.8em; box-shadow: 0 3px 0.5em rgba(0,0,0,.15); } 
.threeline .threeflout { width: 100%; overflow: hidden; gap: 1em; } 
.threeline > .threeflout >li { width: calc((100% - 3em) / 4); } 
.threeline > .threeflout >li:nth-child(2n) { margin-top: 2em; } 
.threeline > .threeflout >li > .in { } 
.threeline > .threeflout >li > .in > .page_txt { background: var(--crGray3); margin-top: 1em; padding: 1.5em; box-sizing: border-box; border-radius: .5em; } 
.threeline > .threeflout >li > .in > .page_txt > .txt { color: var(--siteC); } 
.threeline > .threeflout >li > .in > .page_txt > .tinfo { margin-top: 1em; } 
.threeline > .threeflout >li > .in > .page_txt > .tinfo .page_tt { display: flex; margin-bottom: .25em; gap: 1em; font-size: 1em; } 
.threeline > .threeflout >li > .in > .page_txt > .tinfo .page_tt:last-of-type { margin-bottom: 0em; } 
.threeline > .threeflout >li > .in > .page_txt > .tinfo .page_tt > strong { position:relative; width: 35%; } 
.threeline.w2 > .threeflout >li { width: calc(50% - 1em); } 
.threeline > .threeflout > li > .in > .img { border-radius: .5em; overflow: hidden; } 

.grievance_sec { padding: 1em 0 4em; } 
.grievance_sec .grie_con { gap: 2em; margin-top: 3em; width: 100%; } 
.grievance_sec .grie_con li { width: calc(25% - 2em); position: relative; } 
/* .grievance_sec .grie_con.w2 li { width: calc(25% - 2em); } */
.grievance_sec .grie_con li .inn { background: var(--crGray2); padding: 5em 0; border-radius: 5em; } 
.grievance_sec .grie_con li .inn .icon { background: var(--siteC); width: 6em; height: 6em; line-height: 6em; border-radius: 50%; margin: 0 auto; } 
.grievance_sec .grie_con li .inn .icon .xi { color: #fff; font-size: 2.5em; } 
.grievance_sec .grie_con li .inn .tit { margin-top: 1em; position: relative; display: inline-block; font-size: 1.35em; font-weight: 700; } 
.grievance_sec .grie_con li .inn .tit:before { position: absolute; content: ''; bottom: 0; left: 0; background: var(--siteC); opacity: .2; width: 100%; height: .5em; border-radius: 1em; } 
.grievance_sec .grie_con li .inn .tt { font-size: 1.05em; font-weight: 500; margin-top: 1em; } 
.grievance_sec .grie_con li .inn .tt2 { font-size: 1.25em; font-weight: 500; margin-top: 1em; } 
.grievance_sec .grie_wrap { background: var(--crGray); padding: 0.1em 3em 2em 3em; border-radius: 1em; margin-top: 3em; } 
.grievance_sec .grie_con li .xi_arrow { position: absolute; right: -1.5em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: var(--siteC3);; } 

/**/
.main_select { position: relative; display: flex; height: 100vh; } 
.main_select .rightLay,
.main_select .leftLay { width: 50%; } 
.main_select .leftLay { position: relative; box-sizing: border-box; } 
.main_select .leftLay .imgCon { position:relative; width: 100%; height: 100vh; background: #f5f5f5; } 
.main_select .leftLay .imgCon:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.main_select .leftLay .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.main_select .leftLay .imgLay { position: relative; } 
.main_select .leftLay .imgLay .infoLay { position: absolute; top: 6.5em; width: 100%; padding-left: 5em; box-sizing: border-box; padding-right: 3em; /* color: #212121; */ color: #fff; } 
.main_select .leftLay .imgLay .infoLay .subTit { display: flex; align-items: center; gap: 1em; } 
.main_select .leftLay .imgLay .infoLay .line { width: 70px; height: 1px; /* background: var(--siteC); */ background: rgba(255,255,255, .5); } 
.main_select .leftLay .imgLay .infoLay h3 { font-size: 1.215em; font-weight: 400; } 
.main_select .leftLay .imgLay .infoLay h1 { font-size: 3.515em; margin-top: .5em; margin-bottom: .75em; } 
.main_select .leftLay .imgLay .infoLay > .desc { font-size: 1.315em; line-height: 1.4; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab { width: 660px; margin: 130px 0 0 60px; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li { } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con { position: relative; width: 100%; height: 100%; background: none; border-top: 0; border-left: 0; border-right: 0; padding: 25px 0; display: flex; border-bottom: 1px solid; gap: 10px; align-items: center; justify-content: space-between; border-color: #cdcdcd85; cursor: pointer; transition: .5s; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con .titB { display: flex; align-items: center; gap: 1em; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con .titB > .kn { font-size: 1.615em; font-weight: 500; transition: .3s; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con .titB > .en { font-size: .9em; font-weight: 500; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li > .con > .arrow { padding-right: 3em; opacity: 0; visibility: hidden; transition: .5s; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li.on > .con > .titB > .kn { font-size: 1.815em; font-weight: 600; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li.on > .con > .arrow { opacity: 1; visibility: visible; padding-right: 1.15em; } 
.main_select .leftLay .imgLay .infoLay > .selec_tab > li.on > .con { border-color: #fff; } 

.linkBanner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index:10; width:15em; cursor: pointer; z-index:9 } 
.linkBanner .svgtt { width:100%; height:100% } 
.linkBanner .svgtt .tt { font-weight:500; text-transform:uppercase; font-size:1.15em; fill: var(--siteC); opacity: .3; letter-spacing:.225em } 
.linkBanner .svgtt .tt .c1 { fill:#999 } 
.linkBanner .in { position: absolute; cursor: auto; display: flex; align-items: center; justify-content: center; width: 10em; height: 10em; border-radius: 50%; background: var(--siteC); top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.linkBanner .in > p { font-weight: 600; color: #fff; font-size: 1.15em; line-height: 1.3; } 
.linkBanner .in .xi { font-size: 2.75em; color: var(--siteC); } 
.linkBanner .in .ico { height:100%; position:absolute; left:50%; transform:translateX(-50%); bottom:0; max-width:none } 
.linkBanner .in .t1 { font-size:1.15em; font-weight:700; position:relative; color:#fff; padding-bottom:1em } 

.main_select .rightLay { border: 1px solid #ddd; } 
.main_select .rightLay .right_wrapper { position: relative; height: 100%; padding: 0 10% 0 16%; box-sizing: border-box; } 
.main_select .rightLay .right_wrapper .list_page { position:relative; top: 50%; transform: translateY(-50%); display: none; } 
.main_select .rightLay .right_wrapper .list_page.on { display: block; } 
.main_select .rightLay .right_wrapper .list_page .pageTop { } 
.main_select .rightLay .right_wrapper .list_page .pageTop h1 { font-size: 2.815em; font-weight: 600; margin-bottom: .5em; } 
.main_select .rightLay .right_wrapper .list_page .pageTop h2 { font-size: 3.815em; color: rgba(0,0,0, .15); line-height: 1.1; } 
.main_select .rightLay .right_wrapper .list_page .pageTop h2 > .br { display: block; padding-left: 1.5em; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm { padding-left: 1em; margin-top: 2.5em; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .tit { position:relative; padding-left: 1.5em; margin-bottom: 1.5em; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .tit.en { color: var(--siteC); font-weight: 500; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .tit:before { position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #ddd; content: ''; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .tit .tt { margin-bottom: .5em; font-size: 1.063em; line-height: 1.4; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .classList { margin-bottom: 3em;} 
.main_select .rightLay .right_wrapper .list_page .pageBtm .classList > li { } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .classList > li > .in { display: flex; border-radius: .25em; margin: 0 0 .5em .5em;; align-items: center; justify-content: center; height: 3em; border: 1px solid var(--siteC); background: var(--siteC); color: #fff; } 
.main_select .rightLay .right_wrapper .list_page .pageBtm .classList > li > .in > p { font-size: 1.063em; font-weight: 500; } 

/**/
.main_guide{ position:relative; padding: 6em 0;}
.main_guide:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: '';}

.main_guide .guideBox{ position:relative; display: flex; gap: 2em; margin-top: 8em; padding-top: 2.5em; border-top: 1px solid rgba(255,255,255, .5);}
.main_guide .guideBox > li{ display: flex; width: calc((100% - 2em) / 3);}
.main_guide .guideBox .guideWrap{ flex: 1; padding: 3em; box-sizing: border-box; background: rgb(19 33 100 / 60%); border-radius: .5em; backdrop-filter: blur(3px);}
.main_guide .guideBox .guideWrap > .tit{ font-size: 1.815em; font-weight: 700; color: #fff; margin-bottom: 1em;}
.main_guide .guideBox .guideWrap .checkList{}
.main_guide .guideBox .guideWrap .checkList > li{ margin-bottom: .5em;}
.main_guide .guideBox .guideWrap .checkList > li > .con{ display: flex; gap: .25em;}
.main_guide .guideBox .guideWrap .checkList > li > .con > .xi{ color: #fff; font-size: 1em;}
.main_guide .guideBox .guideWrap .checkList > li > .con > .tt{ color: #fff; font-weight: 500;}
.main_guide .guideBox .guideWrap .checkList > li > .checkB{ margin-left: 1em; padding: 1em; box-sizing: border-box; margin-top: .5em; background: rgba(255, 255, 255, .9); border-radius: .25em;}
.main_guide .guideBox .guideWrap .checkList > li > .checkB > .item{ display: flex; margin-bottom: .5em;}
.main_guide .guideBox .guideWrap .checkList > li > .checkB > .item > .xi{ font-size: .9em; color: var(--siteC)}
.main_guide .guideBox .guideWrap .checkList > li > .checkB > .item:last-of-type{ margin-bottom: 0em;}
.main_guide .guideBox .guideWrap .checkList > li > .checkB > .item > .tt{ font-size: .9em;}