@charset "utf-8"; /* CSS Document */
.box0 { padding: 0 4vw; box-sizing: border-box; } 
.box1 { width: 1280px; margin: 0 auto; max-width: 94% } 
.box2 { width: 1400px; margin: 0 auto; max-width: 94% } 

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

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

.filW { filter: var(--crWhitefil); } 
/*화이트*/
.filB { filter: var(--crBlackfil); } 
/*블랙*/
.filRE { filter: var(--crfilRE); } 
/*색상반전*/





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



/*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{ position: absolute; left:0; top:0; width:100%; z-index:1000; color:#000;  box-sizing:border-box; transition: background .2s;}
#header .top_wrap .logo{ width: 14em; transform-origin: left center; transition: .2s; filter: var(--crWhitefil);}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .gnb > li,
#header .top_wrap .gnb_wrap .gnb > li .dp1{ height:6em; transition:height .2s;}

.scroll .headH,
#header .wrapHide,
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .gnb > li,
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1{ height:4.5em}
.scroll #header .top_wrap .logo{ filter: unset;}
.scroll #header .logo > .in{ transform: scale(.85, .85); transition: .2s;}
.scroll #header{ box-shadow: 4px 0 12px rgba(0,0,0,.1);}
.scroll #header .all_wrap .all_btn{ border: 1px solid #ccc;}

#header .top_wrap{ color: #fff;}
#header .top_wrap .topIn{}
#header .top_wrap .logo > a{ height:5.5em; overflow:hidden;}
#header .top_wrap .logo .in{ height:100%;}
#header .top_wrap .logo .in > img{ width: 100%;}
#header .top_wrap .logo .in_tt{ display:flex; height:100%; align-items:center; gap:0 1em;}
#header .top_wrap .logo .in_tt .tt{ /*font-size:1.125em;*/ font-size: 1.125em; font-weight:600; color: #000; margin-left: -.5em;}
#header .top_wrap .logo .in_tt img{ height:2.75em}

#header .top_wrap .gnb_wrap{}
#header .top_wrap .gnb_wrap .gnb{gap: 1em;}
#header .top_wrap .gnb_wrap .gnb > li{position: relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:0 2.5vw; min-width:5em; position:relative;}
#header .top_wrap .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; top:0; width:1px; height:0; background:#fff; transition:.3s}
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ height:20%}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.188em; font-weight:600}
/* #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:block; transition:.2s;} */
#header .top_wrap .gnb_wrap .gnb > li > .dp2 { position: absolute; left: 50%; transform: translateX(-50%); width: 13em; box-sizing: border-box; border-bottom-left-radius: 1em;border-bottom-right-radius: 1em; padding: 1em; background: #fff; display: block; top: 100%; opacity: 0; visibility: hidden;}
#header .top_wrap .gnb_wrap .gnb > li:hover > .dp2 {opacity: 1; visibility: visible; transition: .5s;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 0; color:#666;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1em;}
#header .top_wrap .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#00a29a;}

#header .top_wrap .util{ gap:0 1.7vw;}
#header .top_wrap .util > li.menu > a{ padding:.5em 0; font-size:.875em}
#header .top_wrap .util > li.menu .xi{ margin-right:.25em}
#header .top_wrap .util > li.link > a{ background: var(--siteC); color:#fff; padding:.25em 1em; border-radius:2em;}
#header .top_wrap .util > li.link .tt{ font-size:.938em;}
#header .top_wrap .util > li.link .ico{ margin-right:.25em}
#header .top_wrap .util > li.link .arrow{ margin-left:.25em; transition:.3s}
#header .top_wrap .util > li.link:hover .arrow{ transform:translateX(.25em)}
#header .top_wrap .util > li.all_wrap > a{ width:5em; border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2)}
#header .top_wrap .util > li.all_wrap > a .xi{ font-size:1.75em}


#header .top_wrap .gnb_wrap .gnb > li:not(:last-child) > .dp2{ display:none;} /*dp2 고객센터만 보이게*/


#header .all_wrap{}
#header .all_wrap .all{}
#header .all_wrap .all_btn{ width:3.5em; height:3.5em; border:1px solid rgba(255,255,255,.2); border-radius:50%; transition:.2s;}
#header .all_wrap .all_btn .xi{ font-size:1.500em;}
#header .all_wrap .all_btn:hover{ background:#000; border-color:#000; color:#fff; transform:rotate(90deg);}
/* #header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:4.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:2px; background:#fff; 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; z-index:-1; top:0; left:0; width:100%; height:100vh; background:#fff; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_inner{ width:100%; height:100%;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{ width:40%; overflow:hidden;}
#header .all_wrap .all_layer .all_inner > .wrap_in{ flex:1; padding:6em 8em 3em; overflow:hidden;}
#header .all_wrap .all_layer .wrap_bg .slogan{ flex:1; padding:1em 2em 10vh; opacity:0; transform:scale(1.2);}
#header .all_wrap .all_layer .wrap_bg .slogan .all_logo img{ width:22em; filter: var(--crWhitefil);}
#header .all_wrap .all_layer .wrap_bg .slogan .tit{ margin-top:1.5em;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t1{ font-size:3.000em; font-weight:600; line-height:1;}
#header .all_wrap .all_layer .wrap_bg .slogan .tit .t2{ font-size:1.500em; margin-top:1em;}

#header .all_wrap .all_layer .wrap_middle{ 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; display:inline-block; text-align:left !important;}
#header .all_wrap .all_layer .wrap_middle .gnb > li + li{ margin-top:2.5em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1:before{ content:""; position:absolute; left:-1em; width:.5em; height:.5em; background:var(--siteC); border-radius:50%;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.875em; font-weight:600; color: #000;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2{ margin-top:2em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after{ content:""; display:inline-block; vertical-align:middle; margin:0 1em; width:1px; height:1em; background:rgba(0,0,0,.2);}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in{ vertical-align:middle;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt{ font-size:1.188em; color: #000;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a{ color:var(--siteC2);}

#header .all_wrap .all_layer .wrap_bottom{ padding-top:3em; opacity:0; transform:translateX(-2em);}
#header .all_wrap .all_layer .wrap_bottom .in_link{ gap:.25em;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in{ padding:.5em 1.5em; height:2.75em; background:#fff; border:1px solid #e2e2e2; border-radius:10em; transition:.2s;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in .tt{ font-weight:500;}
#header .all_wrap .all_layer .wrap_bottom .in_link > li .in:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;}

.allGnbOn{ overflow-y: hidden}
.allGnbOn body{ overflow-y: scroll}
.allGnbOn #header .all_wrap .all_btn{ z-index:999; position:fixed; top:2em; right:3em; width:3.5em; height:3.5em;}
.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; background:#000;}
.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;}
.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_bottom{ opacity:1; transform:translate(0); transition:1s; transition-delay:.4s;}

.allGnbOn #header .all_wrap .all{}
.allGnbOn #header .all_wrap .all_btn{ width:3.5em; height:3.5em; border:1px solid rgba(0,0,0,.5); border-radius:50%; transition:.2s;}
.allGnbOn #header .all_wrap .all_btn .xi{ font-size:1.500em; color: #000;}
.allGnbOn #header .all_wrap .all_btn:hover{ background:#000; border-color:#000; transform:rotate(90deg);}
.allGnbOn #header .all_wrap .all_btn:hover .xi {color:#fff;}




#header.active,
.L1 #header{background:#fff;color:#111;}
#header.active .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header.active .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC);}
#header.active .top_wrap .gnb_wrap .gnb > li:hover .dp1:after,
#header.active .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ background:var(--siteC);}

#header.active .inner{ color:#000;}
#header.active .top_wrap .logo{ filter:unset;}




/**/
.stickyT { position: sticky !important; top: var(--headHS); } 



.dp1on .gnb .dp2 { display: none !important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3 { 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 } 

#footer { z-index: 1; color: #fff; background: #111;  } 
#footer .goTop { position: fixed; right: 0; bottom: 0; width: 3.5em; line-height: 3.5em; text-align: center; background: var(--siteC); 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 .inner{ color:#fff;}
#footer .info_wrap,
#footer .copy_wrap{ background:#0d0d0d;}

#footer .info_wrap .inner{ padding:2.5em 0;}
#footer .info_wrap .inner .f_infoW{ gap:1em 3vw; padding-bottom: 2em; border-bottom: 1px solid rgba(255, 255, 255, .1); }
#footer .info_wrap .logo img{ width:13em; filter:var(--crWhitefil);}
#footer .info_wrap .info{ flex:1;}
#footer .info_wrap .info .list{ overflow:hidden;}
#footer .info_wrap .info .list > li{ float:left;}
#footer .info_wrap .info .list > li.br{ clear:left;}
#footer .info_wrap .info .list > li{ padding:.375em 2.75em .375em 0;}
#footer .info_wrap .info .list > li .tt{ font-size:1em; opacity: .9;}

#footer .info_wrap .menu{ gap: 1em;}
#footer .info_wrap .menu > li{}
#footer .info_wrap .menu > li .in{ display:block;}
#footer .info_wrap .menu > li .in .tt{ display:inline-block; font-size:1.375em; font-weight:800; position: relative; overflow: hidden; background: linear-gradient(to right, var(--siteC2), var(--siteC2) 50%, #888 50%); background-size: 200% 100%; background-position: 100%; transition: background-position 0.2s linear; background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent;}
#footer .info_wrap .menu > li .in:hover .tt{ background-position: 0 100%;}

#footer .copy_con{ margin-top: 2em; text-align: center;}
#footer .copy_con .copyright{ font-size:.813em; text-transform:uppercase; opacity:.5;}

#footer .copy_wrap{}
#footer .copy_wrap .inner{ padding:3.375em 0; border-top:1px solid rgba(255,255,255,.1);}
#footer .copy_wrap .copyright{ font-size:.913em; text-transform:uppercase; opacity:.5;}
#footer .copy_wrap .menu{}
#footer .copy_wrap .menu > li > .in{ padding:.25em 1em; font-size:1.05em;}
#footer .copy_wrap .menu > li > .point{ font-weight:500;}
#footer .copy_wrap .menu > li > .in:hover{ text-decoration:underline;}





/*contents*/
#contents .doc { padding: 2em 0 10em 0; } 
#contents .doc.pt0 { padding: 0em 0 10em 0; } 
#contents .doc.pb0 { padding: 2em 0 0em 0; } 

#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.m2_map { display: none; } 

#contents .sub_top_wrap { box-sizing: border-box; display: flex; flex-direction: column } 
#contents .sub_top_wrap .visual_wrap { height: 45vh; position: relative; overflow: hidden; transition: .5s } 
html:not(.scroll) #contents .sub_top_wrap .visual_wrap { padding: 0 } 
#contents .sub_top_wrap .visual_wrap .wrapIn { position: relative; height: 100% } 
#contents .sub_top_wrap .visual_wrap .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; transform: scale(1.1); transition: .3s; } 
#contents .sub_top_wrap .visual_wrap .bg:before { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .25); content: ''; } 
#contents .sub_top_wrap .visual_wrap .con_wrap { height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; box-sizing: border-box } 
#contents .sub_top_wrap .visual_wrap .con_wrap .t1 { font-size: 3.15em; font-weight: 700; } 
#contents .sub_top_wrap .visual_wrap .slogan { position: relative; flex: 1 1 0%; min-height: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2em 0 } 
#contents .sub_top_wrap .visual_wrap .slogan .t1 { font-weight: 700; font-size: 3em; text-transform: uppercase; letter-spacing: -.025em; padding-left: .025em; line-height: 1 } 
#contents .sub_top_wrap .visual_wrap .slogan .sub-slogan { font-size: 1.45em; font-weight: 500; padding: 0 4vw; } 
.load #contents .sub_top_wrap .visual_wrap .bg { animation: 2.5s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; } 


#contents .sub_top_wrap .tit_wrap { } 
#contents .sub_top_wrap .tit_wrap .wrapIn { display: flex; justify-content: center; align-items: center; text-align: center; padding-top: 4em; } 
#contents .sub_top_wrap .tit_wrap .tit .t1 { font-size: 2.415em; font-weight: 800 } 
#contents .sub_top_wrap .nav { position: absolute; gap: 4.5em; left: 50%; top: 40%; transform: translate(-50%, -50%); display: flex; align-items: center; } 
#contents .sub_top_wrap .nav > li { position: relative; text-transform: uppercase; color: #fff; font-size: 1.075em; width: auto; } 
#contents .sub_top_wrap .nav > li:not(.home):before { position: absolute; left: -3.15em; top: 50%; width: 40px; height: 1px; background: #fff; content: ''; } 
#contents .sub_top_wrap .nav > li.home { color: var(--siteC) } 
#contents .sub_top_wrap .nav > li.home > a { border-radius: 50%; color: #fff; display: flex; align-items: center; justify-content: center } 
#contents .sub_top_wrap .nav > li.home > a .xi { font-size: 1.25em } 
#contents .sub_top_wrap .sub_tab { position: absolute; bottom: 0; width: 100%; background: rgba(255, 255, 255, .2); backdrop-filter: blur(2px); box-shadow: 6px 0 18px rgba(0, 0, 0, .05); } 
#contents .sub_top_wrap .sub_tab .gnb > li { width: 100% } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 { justify-content: center } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li { position: relative; flex: 1; max-width: 20%; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on:after { position: absolute; top: 0; width: 100%; height: 3px; background: #fff; content: ''; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:last-of-type:before { display: none; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:before { position: absolute; right: 0; width: 1px; height: 20px; background: rgba(255, 255, 255, .35); content: ''; top: 50%; transform: translateY(-50%); } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a { display: flex; align-items: center; letter-spacing: .03em; justify-content: center; font-size: 1.25em; font-weight: 500; color: #fff; opacity: .65; height: 4.25em; padding: 0 .5em; transition: .15s; position: relative } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a:hover { opacity: 1; transition: .15s; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va { font-weight: 600; font-size: 1.125em; opacity: .7; position: relative; z-index: 1 } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a { color: #fff; opacity: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover > a .va,
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a .va { opacity: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > .layer { display: none; } 

.dp1_inquiry #contents .sub_top_wrap .tit_wrap { display: none; } 

/**/
/*.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% } 
.visualSlide{ position: relative; overflow: hidden; height: 100dvh;padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); background: #fff } 
.visualSlide .el { position: relative; overflow: hidden; height: 100dvh;padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); 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:nth-child(3n - 2) .bg { height: 110%; transform: scale(1) } 
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg { transform: translateY(-9.0909%) rotate(.001deg) } 
.visualSlide .el:nth-child(3n - 1) .bg { width: 110%; transform: scale(1); left: auto; right: 0 } 
.visualSlide .el.swiper-slide-active:nth-child(3n - 1) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 1) .bg { transform: translateX(9.0909%) rotate(.001deg) } 





.visualSlideSlogan_wrap { position: absolute; left: 0; width: 100%; height: 100%; bottom: 0; box-sizing: border-box; z-index: 10; color: #fff } 
.visualSlideSlogan_wrap .wrapIn { display: flex; flex-direction: column; height: 100% } 
.visualSlideSlogan_wrap .wrapIn .visual_con { flex: 1 1 0%; min-height: 0; display: flex; flex-direction: column; justify-content: center; gap: 3em; margin-top: 10vh } 

.visualSlide_wrap .slogan { box-sizing: border-box; padding: 0 5vw; text-align: center } 
.visualSlide_wrap .slogan .t1 { font-size: 2.5em; font-weight: 500 } 
.visualSlide_wrap .slogan .t2 { font-size: 5.25em; font-weight: 900; margin: 0 0 .375em 0 } 
.visualSlide_wrap .slogan .t3 { font-size: 1.313em; line-height: 1.6 } 
.visualSlide_wrap .slogan .tLogo { height: 6em; margin: 1.5em 0 2.5em 0 } 
.visualSlide_wrap .slogan .tLogo path { fill: #fff } 
.visualSlide_wrap .slogan .ani { overflow: hidden } 
.visualSlide_wrap .slogan .ani > i { transform: translateY(200%); } 
.load .visualSlide_wrap .slogan .ani > i { transform: translateY(0); transition: 1s } 
.load .visualSlide_wrap .slogan .ani.d1 > i { transition-delay: .5s } 
.load .visualSlide_wrap .slogan .ani.d2 > i { transition-delay: 1s } 
.load .visualSlide_wrap .slogan .ani.d3 > i { transition-delay: 1.5s } 
.visualSlide_control { margin-top: 2em; display: flex; align-items: flex-end; width: 100%;; } 
.visualSlide_control .control { margin: 0 0 1em auto; gap: 1em; } 
.visualSlide_control .paging { width: 5em; text-align: center; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight: 700 } */




.visualSlide .el{ position:relative; overflow:hidden; height:100vh;}
.visualSlide .el .vod_wrap{}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.25);/* background-image:linear-gradient(180deg,rgba(3,26,58,.45),rgba(0,0,0,.2));*/}
.visualSlide .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:calc(100% + 8em); height:100%; opacity:0; transition:3s, opacity 5s;}
.visualSlide .el .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}

.visualSlide_wrap{ position:relative; background:#000;}
.visualSlide_wrap .slogan{ position:absolute; left:0; width:100%; top:50%; z-index:10; transform:translateY(-50%); text-align:center; color:#fff; word-break:keep-all;}
.visualSlide_wrap .slogan .wrap_in{ gap:2em;}
.visualSlide_wrap .slogan .tt.line:after{ content:""; display:block; margin-top:2em; width:3em; height:2px; background:var(--siteC);}
.visualSlide_wrap .slogan .tt{ line-height:1.2;}
.visualSlide_wrap .slogan .t1{ font-size:7.500em;}
.visualSlide_wrap .slogan .t2{ font-size:2.400em;}
.visualSlide_wrap .slogan .t3{ font-size:3.750em; line-height:1; font-weight:800;}
.visualSlide_wrap .slogan .t4{ font-size:1.188em; line-height:2;}
.visualSlide_wrap .slogan .tt{ opacity:0; transform:translateY(4em); transition:1s;}
.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:.2s;}
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(2){ transition-delay:.8s;}
.visualSlide_wrap .el.swiper-slide-active .slogan .tt:nth-child(3){ transition-delay:1.4s;}

.visualSlide_wrap .visualSlide .el:nth-child(2) .slogan .tt .t3 {font-size: 3.5em; line-height: 1.2;}

.visualInner_wrap{ position:absolute; width:96%; top:var(--headH); bottom:5em; left:4%; overflow:hidden;}
.visualInner_wrap .inBg{ position:absolute; left:0; top:0; bottom:0; width:100%; background:#fff; border-radius:10em 0 0 0; opacity:0; transform:translateX(25%); transition:1s, opacity 5s;}
.visualInner_wrap .slogan{ text-align:left; color:#000;}
.visualInner_wrap .slogan .box0{ max-width:88%;}
.visualInner_wrap .slogan .wrap_in{ width:50%;}

.visualInner_wrap .wrap_inner{ position:absolute; top:12vh; right:4vw; width:30vw; height:30vw; opacity:0;}
.visualInner_wrap .wrap_inner:before{ content:""; position:absolute; top:0; left:-10vw; width:105%; height:105%; border-radius:50%; border:1px solid var(--siteC2); animation-name: circleObjAni; animation-duration: 16s; animation-iteration-count: infinite; animation-direction:alternate; animation-delay:1.4s;}
.visualInner{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; border-radius:50%; overflow:hidden; transform:translate(0, 0) scale(1); animation-name: circleObjAni; animation-duration: 12s; animation-iteration-count: infinite; animation-direction:alternate;}
.visualInner .inel{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:1s;}
.visualInner .inel.on{ opacity:1; visibility:visible;}

.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ left:-4em; opacity:1; transition:5s, opacity 1s;}
.visualSlide .el.swiper-slide-active .inBg,
.visualSlide .el.swiper-slide-duplicate-active .inBg{ opacity:1; transform:translateX(0); transition:1s, opacity 1s;}
.visualSlide .el.swiper-slide-active .wrap_inner,
.visualSlide .el.swiper-slide-duplicate-active .wrap_inner{ opacity:1; transition:2s; transition-delay:.8s;}

.visualSlider_control{ position:absolute; left:0; bottom:.75em; width:100%; z-index:10}
.visualSlider_control .swiperPG{ margin-right:1em;}
@keyframes circleObjAni{
40%  { transform:translate(-3vw, -2vw) scale(1.04);}
70% { transform:translate(-1vw, -1.5vw) scale(1.07);}
}













.mainScroll { color: #fff } 
.mainScroll .line { position: relative; display: block; height: 4em; 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: flex; align-items: center; transform: rotate(90deg); font-size: .75em; margin: 0 0 2.5em 0 } 
.mainScroll .tt .xi { font-size: 1.5em; margin-right: .25em } 

.main_box { padding: 5em 0; overflow: hidden } 
.main_box.bg1 { background: #f5f5f5 } 
.main_box.bg2 { background: #e9f4ff } 

/*.main_tit { margin-bottom: 3em; display: flex; flex-direction: column; align-items: flex-start; gap: 1em } 
.main_tit.hc { align-items: center; text-align: center } 
.main_tit.g1 { gap: 2em } 
.main_tit.m1 { margin-bottom: 1em } 
.main_tit .tit0 { font-size: 3em; font-weight: 400; letter-spacing: -.05em; word-spacing: .125em } 
.main_tit .tit1 { font-size: 2.5em; font-weight: 700; letter-spacing: -.025em; word-spacing: .125em } 
.main_tit .tit1.s1 { font-size: 3em } 
.main_tit .tit2 { font-size: 1.813em; font-weight: 500; line-height: 1.5 } 
.main_tit .tt1 { font-size: 1.25em; line-height: 1.6; opacity: .7 } 
.main_tit .tt1.point { opacity: 1; font-weight: 700 } 
.main_tit .noW { padding: .5em 1.5em; border: 1px solid rgba(255, 255, 255, .5); border-radius: 3em; margin: .5em 0; display: inline-flex; align-items: center; font-size: .938em } 
.main_tit .noW .no { font-weight: 900; margin: 0 .5em 0 .25em } 
.main_tit .line { position: relative; padding: 0 .25em; box-sizing: border-box; width: auto } 
.main_tit .line > * { position: relative } 
.main_tit .line:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 35%; background: var(--siteC); opacity: .1 } 
.main_tit.white { color: #fff } */


.main_txt{}
.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: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:.6;}
.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.500em;}
.main_txt .ls1 {letter-spacing: 0.2em;}



.main_txt.cw .tt{ color:#fff;}



.main_more { display: flex; align-items: center; gap: 1em } 
.main_more .arrow { width: 2em; height: 2em; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; color: var(--siteC) } 
.main_more .arrow:before { content: "\e907" } 
.main_more .ico { font-size: 1.5em } 
.main_more.st1 { padding: .75em 1.5em; border: 1px solid transparent; font-size: 1.125em; border-radius: .25em; gap: .5em } 
.main_more.st1 .arrow { font-size: .75em; margin-left: 1.5em } 
.main_more.st1.white { border-color: #fff } 

.mainReviewSlide .el { width: calc(25% - 27px) } 
.mainReviewSlide .el .wrap_in { background: #f5f5f5; overflow: hidden } 
.mainReviewSlide .el .con_wrap { padding: 2em; display: flex; flex-direction: column; gap: 1.5em } 
.mainReviewSlide .el .con_wrap .t1 { font-weight: 600; font-size: 1.25em } 
.mainReviewSlide .el .con_wrap .t2 { color: #555 } 
.mainReviewSlide .el .con_wrap .info { display: flex; flex-direction: column; gap: .5em } 
.mainReviewSlide .el .con_wrap .info > li { display: flex; font-size: .938em } 
.mainReviewSlide .el .con_wrap .info > li .tit { display: flex; align-items: center; gap: .25em; width: 6em; font-weight: 700 } 
.mainReviewSlide .el .con_wrap .info > li .tit .ico { font-size: 1em } 
.mainReviewSlide .el .con_wrap .info > li .tt { flex: 1 1 0%; min-width: 0; color: #777 } 
.mainReviewSlide .el .con_wrap .btn { background: #fff; padding: .5em; font-size: .875em; font-weight: 600; border-radius: .25em; text-align: center; display: flex; align-items: center; justify-content: center; gap: .5em; transition: .3s } 
.mainReviewSlide .el .con_wrap .btn:hover { background: var(--siteC); color: #fff } 

.mainPartnerSlide .swiper-wrapper { transition-timing-function: linear } 
.mainPartnerSlide .el { width: calc(14.44% - 18px) } 
.mainPartnerSlide .el .img_wrap { padding: 2em 1em; } 
.mainPartnerSlide .el .img_wrap .resize { padding-bottom: 50% } 


.main_count { display: flex; gap: 2em } 
.main_count > li { flex: 1; max-width: 25% } 
.main_count > li .wrap_in { padding-bottom: 75% } 
.main_count > li .wrap_in .re { background: #fff; display: flex; flex-direction: column; box-sizing: border-box; padding: 1em 2em } 
.main_count > li .wrap_in .tit { display: flex; flex-direction: column } 
.main_count > li .wrap_in .tit .ico { font-size: 3em; opacity: .1 } 
.main_count > li .wrap_in .tit .t1 { font-size: 1.25em; font-weight: 700 } 
.main_count > li .wrap_in .no { display: flex; align-items: baseline; justify-content: flex-end; gap: .5em; margin-top: auto } 
.main_count > li .wrap_in .no .t1 { font-size: 2.5em; font-weight: 900; letter-spacing: -.0375em; color: var(--siteC) } 
.main_count > li .wrap_in .no .t2 { font-size: 1.125em } 

.main_program { display: flex } 
.main_program > li { flex: 1 1 auto; width: 8%; transition: 1s } 
.main_program > li .wrap_in { height: 50vh; position: relative; color: #fff; overflow: hidden } 
.main_program > li .wrap_in .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box } 
.main_program > li .wrap_in .tit_wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; box-sizing: border-box; padding: 3em 0 } 
.main_program > li .wrap_in .tit_wrap .t1 { writing-mode: vertical-lr; letter-spacing: -.25em; word-spacing: .5em; font-weight: 700; font-size: 1.375em } 
.main_program > li .wrap_in .con_wrap { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: 1.5em; opacity: 0; transform: translateY(20%); padding: 3em; box-sizing: border-box; height: 100% } 
.main_program > li .wrap_in .con_wrap .t1 { font-weight: 700; font-size: 2em } 
.main_program > li .wrap_in .con_wrap .t2 { opacity: .8; font-size: 1.125em; line-height: 1.5 } 
.main_program > li .wrap_in .con_wrap .main_more { margin: auto 0 0 auto; } 
.main_program:not(:hover) > li:first-child,
.main_program > li:hover { width: 60% } 
.main_program:not(:hover) > li:first-child .tit_wrap,
.main_program > li:hover .tit_wrap { display: none } 
.main_program:not(:hover) > li:first-child .con_wrap,
.main_program > li:hover .con_wrap { opacity: 1; transform: translateY(0); transition: .3s; transition-delay: .3s } 

.main_mapW { display: flex; gap: 2em } 
.main_mapW .main_map { flex: 1 1 0%; min-width: 0; box-shadow: 0 0 1em rgba(0, 0, 0, .1) } 
.main_mapW .main_link { width: 24% } 

.main_map .resize { position: relative; padding-bottom: 40% } 
.main_map iframe { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100% } 

.main_link { display: flex; flex-direction: column; gap: 1em } 
.main_link > li { flex: 1 1 0%; min-height: 0 } 
.main_link > li .in { background: var(--siteC); color: #fff; box-sizing: border-box; height: 100%; padding: 1.5em; position: relative; display: flex; flex-direction: column; gap: 1em } 
.main_link > li .in .ico { position: absolute; left: 1em; bottom: 0; opacity: .2 } 
.main_link > li .in .ico:before { font-size: 4em } 
.main_link > li .in .t1 { font-weight: 700; font-size: 1.25em } 
.main_link > li .in .main_more { margin: auto 0 0 auto; } 
.main_link > li .in.c1 { background: green } 

.main_inquiry { position: relative } 
.main_inquiry:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(-45deg, var(--siteC2) 0%, rgba(0, 0, 0, .2) 100%); mix-blend-mode: overlay } 
.main_inquiry .formSt { display: flex; flex-wrap: wrap; gap: 1em; filter: brightness(0) invert(1); position: relative } 
.main_inquiry .formSt > li { width: 100% } 
.main_inquiry .formSt > li.w1 { width: calc(50% - .5em) } 
.main_inquiry .formSt .wrap_in { display: flex; align-items: center; gap: 1em } 
.main_inquiry .formSt .wrap_in > * { flex: 1 1 0%; min-width: 0 } 
.main_inquiry .formSt .input_st { border-color: rgba(0, 0, 0, .3); background-color: unset; color: #aaa } 
.main_inquiry .formSt textarea { height: 10em; padding: 1.5em } 
.main_inquiry .formSt .label_wrap { border: 1px solid rgba(0, 0, 0, .3); padding: 1em; border-radius: .5em } 
.main_inquiry .formSt .label_st2 { font-weight: 700; font-size: 1.063em } 
.main_inquiry .formSt .btnW > * { flex: 0 0 auto } 
.main_inquiry .formSt .btnW .link { padding: .25em 1.25em; border-radius: 2em; border: 1px solid rgba(0, 0, 0, .3); font-size: .875em; font-weight: 500; display: flex; align-items: center } 
.main_inquiry .formSt .btnW .btn { margin-left: auto; border-width: 3px; padding: 1em 2em; display: flex; align-items: center; gap: .5em } 

.mainFlex { display: flex; gap: 4em; align-items: flex-start; position: relative; box-sizing: border-box } 
.mainFlex .wrapTit { width: 40%; position: sticky; left: 0; top: 0; padding: 1em 0; box-sizing: border-box } 
.mainFlex .wrapCon { flex: 1 1 0%; min-width: 0 } 



/*메인비즈니스*/
.main_business{ position:relative; padding:5em 0;}
.main_business .posBg{ position:absolute; left:4%; right:0; bottom:0; height:50%; border-radius:6em 0 0 0; overflow:hidden;}
.main_business .posBg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(238,238,238,.6); backdrop-filter:grayscale(1) blur(.2em);}
.main_business .list_wrap{ border-radius:5em 0 5em 0; overflow:hidden;}
.main_business .list{}
.main_business .list > li{ flex:1;}
.main_business .list > li .in{ flex:1; position:relative; padding:10em 3em; overflow:hidden;}
.main_business .list > li .in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(14,14,14,.7),rgba(0,0,0,.3)); transition:.2s;}
.main_business .list > li .in > *{ position: relative;}
.main_business .list > li .in:hover:before{ backdrop-filter: blur(.25em);}

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

.main_more2.cw > .more{ background:var(--siteC);}
.main_more2.cw > .more.re{ background:transparent; border:1px solid #fff; color: #fff;}
.main_more2.cw > .more.re:hover{ background:var(--siteC); border-color:var(--siteC); color:#fff;}



/**/
.visual_wrap .news_wrap{ position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 99; height: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #ffffff20; border-radius: 12px; backdrop-filter: blur(27px); -webkit-backdrop-filter: blur(27px); color: #fff; overflow: hidden;}
.visual_wrap .news_wrap > .tit{ width: 8em; padding: 26px 24px; font-size: 1.750em;; font-weight: 600;}
.visual_wrap .news_wrap > .tit .sub{ padding-top: 2px; display: block; font-size: .570em; opacity: 0.8;}
.visual_wrap .news_wrap .news_list{ width: calc(100% - 8em); display: -webkit-box; display: -ms-flexbox; display: flex;}
.visual_wrap .news_wrap .news_list li{ width: 25%; padding: 28px 30px; position: relative; -webkit-transition: 0.4s; transition: 0.4s;}
.visual_wrap .news_wrap .news_list li a{ width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;
-webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.visual_wrap .news_wrap .news_list li .emo{ font-weight: 500; color: #fff; text-align: center; background: rgba(255,255,255,.2); border-radius: 100%; width: 80px; height: 80px; margin: 0 auto; line-height: 80px;}
.visual_wrap .news_wrap .news_list li i{ /*width:80px; height:80px;*/ text-align: center; font-size: 3em;}
.visual_wrap .news_wrap .news_list li .tit{ font-size: 1.063em; opacity: 0.6; color: #fff; text-align: center;}
.visual_wrap .news_wrap .news_list li::before{ content: ""; display: inline-block; width: 1px; height: 60px; background-color: #ffffff2b; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.visual_wrap .news_wrap .news_list li:hover{ background-color: var(--siteC);}


/**/
.dp4_menu_wrap{ margin-top:-2em; margin-bottom:3em;}
.dp4_menu{ background:#fff; top:0; left:0; width:100%; z-index:60; border-bottom:1px solid #ddd;}
.dp4_menu .vm_wrap{ height:4.3em; cursor:pointer; line-height:4.3em;}
.dp4_menu .vm_wrap:hover .va,
.dp4_menu .vm_wrap.on .va{ color:#108ad3}
.dp4_menu .va{ font-size:1.250em; font-weight:500}
.dp4_menu .dp4_tab li{ padding-right:1.5em; position:relative; margin-right:1.5em}
.dp4_menu .dp4_tab li:after{ content:""; position:absolute; right:0; width:1px; height:30%; background:#ddd; top:35%;}
.dp4_menu .dp4_tab li:last-child:after{ display:none}
.dp4_menu .inq_btn1{ border:1px solid #108ad3; color:#108ad3; border-radius:30px; padding:0 3em; text-align:center; height:2.6em; line-height:2.6em; transition:.3s; position:absolute; right:0; top:10px; font-size:1.125em}
.dp4_menu .inq_btn1:hover{ background:var(--siteC); color:#fff;}








/* inc*/
.sec_bg { width: 100%; min-height: 20em; /*border-radius: .8em; */
 position: relative; } 
.sec_bg.st2 { width: 100%; min-height: 15em; /*border-radius: .8em; */
 position: relative; } 
.sec_bg.st2::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1; } 
.bgfix { background-position: 50% 55%; background-repeat: no-repeat; background-size: cover; } 
.bgfix35 { background-position: 50% 35%; background-repeat: no-repeat; background-size: cover; } 
.bgfix25 { background-position: 50% 25%; background-repeat: no-repeat; background-size: cover; } 
.gap2 { gap: 2em; } 

.organ { border: 1px solid #eee; } 
.ml13 { margin-left:13px; } 
.transX14 { transform: translateX(150px); } 
.pdfw95{width: 95%;}
.pdfwrap{width:100%; height:100%;}
/*about*/

.greeting_wrap{ position: relative; gap: 5em;}
.greeting_wrap .img_con{ width: 40%; height: 60vh; border-radius:2.5em 0 2.5em 0; overflow:hidden;}
.greeting_wrap .img_con > img{ width: 100%; height: 100%; object-fit: cover;}
.greeting_wrap .greeting_txt{ position: relative; width: 50%; }
.greeting_wrap .greeting_txt > .sn{ position: absolute; line-height: 1;  color: #37383A; font-size: 3.75em; top: 1em; left: -3em; font-weight: 800; text-transform: uppercase;}
.greeting_wrap .greeting_txt .info{ padding-top: 10em;}
.greeting_wrap .greeting_txt .info > strong{ font-size: 1.85em; font-weight: 800; line-height: 1.4; margin-bottom: 1em;}
.greeting_wrap .greeting_txt .info > strong > i{ color: var(--siteC); font-size: 1.15em;}
.greeting_wrap .greeting_txt .info > .tt{ font-size: 1.250em; margin-bottom: 1.25em; line-height: 36px; color: #444;}
.greeting_wrap .greeting_txt .info > .tt:last-of-type{ margin-bottom: 0em;}
.greeting_wrap .greeting_txt .info > .ceo{ display: flex; align-items: baseline; font-size: 1.45em; font-weight: 800; margin-top: 1.5em;}
.greeting_wrap .greeting_txt .info > .ceo > i{ padding-left: .75em; font-size: 1.15em;}

.greeting_wrap .loding_t{ position: absolute; left: -4em; top: 0;}
.greeting_wrap .loding_t > .txt{ position:relative; text-transform: uppercase; font-size: 1.25em; font-weight: 700; writing-mode: tb; color: #aeaeae;}
.greeting_wrap .loding_t > .pro{ position: relative; width: 2px; height: 110px; margin: 0 auto; background: #E0E4E8; margin-top: 32px;}
.greeting_wrap .loding_t > .pro:before{ content: ''; display: block;  width: 100%; background: var(--siteC);position: absolute; top: 0; left: 0; animation: 3s pro infinite linear;}

@keyframes pro{
	0%{height: 0}
	100%{height: 100%}
}

/*교육가치관*/
.subtit { } 
.subtit > .tit { line-height: 1.5; font-size: 1.5em; font-weight: 600; min-height: 12em; border: 1px solid #ddd; } 
.subtit.st2 { position: relative; } 
.subtit.st2::before { content: ""; position: absolute; top: 0; left: 0; width: 90%; } 

p > .tit2 { transform: translateY(120px); line-height: 1.5; font-size: 1.5em; font-weight: 600; } 
p > .tit3 { transform: translateY(75px); line-height: 1.5; font-size: 3em; font-weight: 700; text-transform: capitalize; } 
p > .tit3.st2 { transform: translateY(70px); line-height: 1.5; font-size: 1.5em; font-weight: 700; text-transform: capitalize; } 
p > .tit4 { transform: translateY(60px); line-height: 1.2; font-size: 3em; font-weight: 700; text-transform: capitalize; } 
p > .tit5 { transform: translateY(90px); line-height: 1.2; font-size: 1.5em; font-weight: 700; text-transform: capitalize; } 
.bar { position: relative; } 
.bar::before { content: ""; width: 15em; height: 2px; position: absolute; bottom: -7.5em; right: -25%; background: #fff; z-index: 1; } 

.bar2 { position: relative; bottom: 0; } 
.bar2::before { content: ""; width: 15em; height: 2px; position: absolute; bottom: -7.5em; left: -25%; background: #fff; z-index: 1; } 

.subpage_tit > .tit { font-size: 2.250em; line-height: 3; font-weight: 700; position: relative; text-align:center;} 
.subpage_tit > .tit:after { content: ""; position: absolute; left: 0%; bottom: 70%; width: 1em; height: 1em; transform: translate(-60%, 60%); border-radius: 50%; /*background: var(--siteC); */opacity: .3; } 
.subpage_tit > .txt{ font-size: 1.250em;line-height: 1.6;margin-bottom: 3em; padding:0 10%; text-align: center;}
.subpage_tit > .tit2 { font-size: 1.8em; line-height: 1; font-weight: 700; position: relative; } 
.subpage_tit > .tit2:after { content: ""; position: absolute; left: 0%; bottom: 70%; width: 1em; height: 1em; transform: translate(-60%, 60%); border-radius: 50%; /*background: var(--siteC);*/ opacity: .3; } 
.subpage_txt > .t1 { font-size: 1.1em; line-height: 1.3; } 

/*대내외 인증*/
.page_certificate { } 
.page_certificate .list { gap: 6em 2em; } 
.page_certificate .list > li { position: relative; flex: 0 0 calc(25% - 2em); /*cursor: pointer; */} 
.page_certificate .list > li .img-area { position: relative; /*padding: 2.5em;*/ background: var(--crGray2); border: 3px solid transparent; transition: 0.3s; } 
.page_certificate .list > li .xi { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 2.5em; height: 2.5em; border: 3px solid var(--siteC); border-radius: 50%; color: var(--crWhite); background: var(--siteC); opacity: 0; visibility: hidden; transition: 0.3s; } 
.search.xi-search:before { content: "\e97a"; transform: translate(15px, 10px); } 
.page_certificate .list > li:hover .xi { opacity: 1; visibility: visible; } 
.page_certificate .list > li:hover .img-area { border-color: var(--siteC); } 
.page_certificate .list > li .img-area .imgfix { box-shadow: 0 0 30px rgba(0, 0, 0, .075); /*width: 240px; height: 340px; */} 
.page_certificate .list > li .txt { margin-top: 1.5em; text-align: center; } 
.page_certificate .list > li .txt > p { font-size: 1.125rem; } 
.page_certificate .list > li .txt > span { display: inline-block; font-size: 1rem; color: var(--crGray3); margin-top: 10px; } 
/* */
/*3차메뉴*/
.in_prod_cate_wrap { } 
.in_prod_cate_wrap > ul { width: 100%; } 
.in_prod_cate_wrap > ul > li { width: 6em; gap: .5em; margin: .3em; } 
.in_prod_cate_wrap > ul > li > a { height: 3em; color: #333; background-color: #fff; border: 1px solid #ddd; font-weight: 500; border-radius: 10em; box-shadow: 3px 3px 5px #ddd; } 
.in_prod_cate_wrap > ul > li.on > a,
.in_prod_cate_wrap > ul > li:hover > a { border: 1px solid #0e4194; color: #0e4194; } 

.in_prod_cate_wrap.st2 { } 
.in_prod_cate_wrap.st2 > ul { width: 100%; } 
.in_prod_cate_wrap.st2 > ul > li { width: 8em; gap: .5em; margin: .3em; } 
.in_prod_cate_wrap.st2 > ul > li > a { height: 3.5em; color: #333; background-color: #fff; border: 1px solid #ddd; font-weight: 500; border-radius: .8em; } 
.in_prod_cate_wrap.st2 > ul > li.on > a,
.in_prod_cate_wrap.st2 > ul > li:hover > a { border: 1px solid #0e4194; color: #0e4194; } 

/*갤러리*/
.gallery_wrap > .gallery_Box { width: 100%; display: flex; flex-wrap: wrap; gap: 1em; }
.gallery_wrap > .gallery_Box > li.gallB { width: calc(25% - 1em);  padding: 2em; box-sizing: border-box; } 
.gallery_wrap > .gallery_Box > li .wrap_in .con_logo{ width: 100%; padding: .5em 1em; border: 1px solid #eee; box-sizing: border-box; background: #fff; text-align: center;}
.gallery_wrap > .gallery_Box > li .wrap_in .con_wrap{display: none;}
.gallery_wrap > .gallery_Box > li .wrap_in .con_wrap .con{ }
.gallery_wrap > .gallery_Box > li .wrap_in .con_logo > img{ width: 100%; height: 55px; object-fit: contain;}
.con_wrap .btn { margin-top: 1.5em; background: #fff; padding: .5em; font-size: .875em; font-weight: 600; border-radius: .25em; text-align: center; display: flex; align-items: center; justify-content: center; gap: .5em; transition: .3s; cursor: pointer; } 
.con_wrap .btn:hover { background: var(--siteC); color: #fff; } 
.con_wrap .info { display: flex; flex-direction: column; gap: .5em; margin-bottom: .5em; } 
.con_wrap .info > li { display: flex; font-size: .938em; } 
.con_wrap .info > li .tit { display: flex; align-items: center; gap: .25em; width: 6em; font-weight: 700; } 
.con_wrap .info > li .tit .ico { font-size: 1em; } 
.con_wrap .info > li .tt { flex: 1 1 0%; min-width: 0; color: #777; } 

/*프로그램 소개*/
.info_wrap { gap: 4.5em; } 
.info_wrap .con_idx { flex: 1 1 80%; } 
.info_tab { position: sticky; top: 6em; height: 100%; flex: 1 1 20%; } 
.info_tab .tab_top { background: var(--siteC); width: 100%; height: 150px; border-radius: 20px 20px 0 0; display: flex; align-items: center; justify-content: center; } 
.info_tab .tab_top .tt { font-size: 1.65em; font-weight: 700; color: #fff; } 
.info_tab .sub-tab { position: relative; border-width: 0px 1px 1px; padding: 25px 25px 15px; border-radius: 20px; border: 1px solid #E0E0E0; background: #FFF; box-shadow: 0px -10px 7px 0px rgba(0, 57, 89, 0.03); margin-top: -20px; } 
.info_tab .sub-tab > li { position: relative; display: flex; cursor: pointer; justify-content: space-between; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #e8e8e8; } 
.info_tab .sub-tab > li:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: var(--siteC); opacity: 0; content: ''; transition: all .2s; } 
.info_tab .sub-tab > li:last-of-type { margin-bottom: 0em; padding-bottom: 1em; border-bottom: none; } 
.info_tab .sub-tab > li .tab-btn { position: relative; font-size: 1.15em; font-weight: 400; text-align: left; color: #111; } 
.info_tab .sub-tab > li > .icon { width: 1.5em; height: 1.5em; border: 1px solid #ddd; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition: all .2s; } 
.info_tab .sub-tab > li.on:before { opacity: 1; } 
.info_tab .sub-tab > li.on > .icon { border: 1px solid var(--siteC); } 
.info_tab .sub-tab > li > .icon > .xi { color: #999; font-size: 1.15em; transition: all .2s; } 
.info_tab .sub-tab > li.on > .icon { background: var(--siteC); } 
.info_tab .sub-tab > li.on > .icon > .xi { transform: rotate(90deg); color: #fff; } 
.info_tab .sub-tab > li.on .tab-btn { color: var(--siteC); } 

.info_tab .sub-tab > li:hover:before { opacity: 1; transition: all .2s; } 
.info_tab .sub-tab > li:hover > .icon { background: var(--siteC); } 
.info_tab .sub-tab > li:hover > .icon > .xi { color: #fff; transform: rotate(90deg); } 
.info_tab .sub-tab > li:hover > .tab-btn { color: var(--siteC); } 
.info_tab .sub-tab > li:last-of-type:before { display: none; } 

.viewSliderW { position: relative; padding: 3em 14em 3em 14em; text-align: center; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; overflow: hidden; } 
.viewSliderW .hu_fic { position: absolute; left: 2em; bottom: 0; } 
.viewSliderW .hu_fic > img { width: 8em; } 
.viewSliderW .ch_img { position: absolute; top: -2em; left: 0; width: 30em; height: 25em; } 
.viewSliderW .ch_img > img { filter: brightness(0); opacity: .05; } 
.viewSliderW .banner_tit { text-align: center; display: inline-block; position: relative; margin: 0 auto; } 
.viewSliderW .banner_tit h2 { position: relative; display: inline-block; font-size: 2.315em; color: #111; font-weight: 700; } 
.viewSliderW .banner_tit h2:before { /*position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background: linear-gradient(to top, #e4ddd8 50%, transparent 50%); content: ''; z-index: -1; */ } 
.viewSliderW .banner_tit:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 45px; background: linear-gradient(to top, #e4ddd8 50%, transparent 50%); content: ''; } 

.viewSlider { position: relative; border-radius: 1.5em; margin-top: 2em; overflow: hidden; box-shadow: 2px 0 18px rgba(0, 0, 0, .25); } 
.viewSlider .el { width: 100% !important; } 
.viewSlider .el .pro_img { height: 20em; width: 100%; } 
.viewSlider .el .pro_img > img { width: 100%; height: 100%; object-fit: cover; } 
.viewSliderW .swiperBtn.pl { left: 8em; margin-top: 1em; } 
.viewSliderW .swiperBtn.pr { right: 8em; margin-top: 1em; } 
.viewSliderW .paging-con { position: absolute; left: 50%; transform: translateX(-50%); padding-bottom: .25em; } 
.viewSliderW .paging-con .swiper-pagination-bullet { width: 30px; height: 3px; border: 1px solid #000; background: #fff; border-radius: 0em !important; transition: all .2s; } 
.viewSliderW .paging-con .swiper-pagination-bullet-active { background: #000; } 

.txtBox { margin-top: 2em; } 
.txtBox .box_wrap { background: var(--siteC3); padding: 4em 4.8em; border-radius: .5em; } 
.txtBox .box_wrap .txt_list { } 
.txtBox .box_wrap .txt_list > li { margin-bottom: 2.5em; } 
.txtBox .box_wrap .txt_list > li:last-of-type { margin-bottom: 0em; } 
.txtBox .box_wrap .txt_list > li > .tt { font-size: 1.1em; line-height: 1.6; color: #444; } 


.sub_con_left { width: 25%; } 
.sub_con_right { width: 75%; } 

/*edu*/
.sub_navWrap { width: 15em; } 
.sub_navWrap > .subnav_tit { width: 15em; box-sizing: border-box; text-align: center; padding: 1em 0; background-color: #006ab5; } 
.sub_navWrap > ul { } 
.sub_navWrap > ul > li { width: 100%; } 
.sub_navWrap > ul > li > a { display: inline-block; width: 100%; background-color: #0e4194; padding-left: 10px; line-height: 2em; font-size: 1.5em; font-weight: 700; color: #fff; box-sizing: border-box; } 
.sub_navWrap > ul > li > .subnav4 { display: none; } 
.sub_navWrap > ul > li.on > .subnav4 { display: block; padding: 2em 0; } 
.sub_navWrap > ul > li > .subnav4 > li { display: block; padding: .5em 0 .5em .5em; box-sizing: border-box; } 
.sub_navWrap > ul > li > .subnav4 > li > a { color: #444; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%; } 
.sub_navWrap > ul > li.on > .subnav4 > li.on > a,
.sub_navWrap > ul > li.on > .subnav4 > li:hover > a,
.sub_navWrap > ul > li > .subnav4 > li:hover > a { color: #0e4194; } 
.sub_navWrap > ul > li > a > .ibox { font-size: .9em; transition: all 0.5s; } 
.sub_navWrap > ul > li:hover > a > .ibox { transform: rotate(90deg); } 
.btn2 { padding: .5em 1em; box-shadow: 3px 3px 5px #ddd; border-radius: .5em; background-color: #fafafa; transition: .5s; } 
.btn2:hover { background-color: #0e4194; color: #fff; } 

/*inquiry*/
.sub_wrap { padding: 0 .5em; position: relative; } 
.boxline { border: 2px solid #fafafa; padding: 2.5em; transform: translateY(65px); font-size: 1.5em; } 
.page_tt.tit1 { font-size: 1.75em; position: relative; } 
.agree_wrap { padding: 1.5em 0 1em; font-size: .938em; line-height: 2; border-top: 2px solid #333; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; /*padding:2em; */
 /* background:#f9f9f9; */ } 
.agree_wrap .agree.st strong { font-size: 1.2em; letter-spacing: .5px; line-height: 1.9; /*padding:1em 0; */
 color: #222; font-weight: 500; } 
.agree_wrap .textarea_box { width: 100%; height: 200px; padding: 20px; box-sizing: border-box; overflow-y: auto; font-size: 14px; line-height: 1.4; } 
.agree_wrap .textarea_box h3 { color: #333; margin-bottom: 10px; font-size: 1.2rem; font-weight: 500 } 

.code { display: inline-block; vertical-align: middle; height: 2.5em; line-height: 2.5em; background: #222; color: white; font-weight: 300; margin-right: 5px; padding: 0 1em; text-align: center } 
.board_st.write { margin-top: 2em; border-top: 1px solid #333; font-size: 1.125em } 
.board_st.write th,
.board_st.write td { height: 2em; padding: .75em 1.5em } 
.board_st.write th { text-align: left; font-weight: 500 } 
.board_st.write.hAuto th,
.board_st.write.hAuto td { height: auto } 

.board_st .bg1 { background: #f5f5f5; border-right: 1px solid #ddd } 
/**/
.label_st { display: inline-flex; align-items: center; min-height: 1em; gap: 0 .25em; cursor: pointer; line-height: 1; box-sizing: border-box } 
.label_st input { zoom: 1.5; margin-bottom: auto; cursor: pointer } 
.label_st input:checked { accent-color: #0060ae } 
.label_st input:checked ~ .tt { color: #0060ae } 

.label_st.s1 { font-size: 1.25em; font-weight: 500 } 
.label_st.s1 input { zoom: 2 } 

.label_st.st1 { position: relative; padding: 1.5em 1em; text-align: center } 
.label_st.st1.p1 { padding: 1em } 
.label_st.st1 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; z-index: -1 } 
.label_st.st1 .tt.s1 { font-size: .938em; opacity: .8 } 
.label_st.st1 input:checked { accent-color: #fff } 
.label_st.st1 input:checked ~ .bg { background: #0060ae } 

.tagwrap { border: 1px solid #ddd; text-align: center; padding: .5em; width: 4em; border-radius: 10em; background-color: #0e4194; color: #fff; box-sizing: border-box; font-weight: 700; } 
.tagwrap2 { border: 1px solid #ddd; text-align: center; padding: .5em; width: 4em; border-radius: 10em; background-color: #fafafa; color: #0e4194; box-sizing: border-box; font-weight: 700; } 

/*program*/
.subwrap_box.st2 { width: 100%; } 
.subwrap_box.st2 > ul { width: 100%; } 
.subwrap_box.st2 > ul > li { width: calc(50% - 2em); } 
.subwrap_box.st2 > ul > li > .wrapbox { display: flex; flex-wrap: wrap; flex-direction: column; } 
.subwrap_box.st2 > ul > li > .wrapbox > .imgwrap { width: 100%; } 
.subwrap_box.st2 > ul > li > .wrapbox > .txtwrap { width: 100%; padding: 1em; box-sizing: border-box; } 

.table_st.st2 { border-top: 1px solid #111; width: 100%; border-collapse: collapse } 
.table_st.st2 th,
.table_st.st2 td { border: 1px solid #ddd; padding: .5em; height: 2em; text-align: center; } 
.table_st.st2 th { background: #f5f5f5; font-weight: 700 } 

.con_idx { position: relative; padding: 1em; } 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; } 
.con2_list { width: 100%; border-radius: 10px; } 
.con2 { width: 100%; height: auto; } 
.con2_list .wrap_idx { width: 100%; height: 100%; } 

.con2_list .wrap_idx > ul { width: 100%; border-bottom: 0; position: relative; overflow: hidden; border-radius: 10px; border: 2px solid #eaeaea; } 
.tab { width: 100%; line-height: 50px; } 
.tab.st2 { width: 100%; line-height: normal; } 
.con2 > .wrap_idx > .tab > li { text-align: center; border: none; position: relative; width: 50%; } 
.con2 > .wrap_idx > .tab > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 20px; background-color: #ccc; } 
.con2 > .wrap_idx > .tab > li:first-of-type::before { width: 0px; } 

.con2_list .wrap_idx > .con_idx > .list > li.lines { border-bottom: none; } 
.con2 > .wrap_idx > .st2 > li { text-align: center; border: none; position: relative; width: 20%; padding: .75em .5em; box-sizing: border-box; } 
.con2 > .wrap_idx > .st2 > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 20px; background-color: #ccc; } 
.con2 > .wrap_idx > .st2 > li:first-of-type::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(6)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(11)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(16)::before { width: 0px; } 

.con2 > .wrap_idx > .st3 > li { text-align: center; border: none; position: relative; width: 100%; height: 2.5em; } 
.con2 > .wrap_idx > .st3 > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 0px; background-color: #ccc; } 
.con2 > .wrap_idx > .st3 > li:first-of-type::before { width: 0px; } 
.con2_list .wrap_idx > .con_idx > .list > li.lines { border-bottom: none; } 
/* .con_idx */

.con2 > .wrap_idx > .tab > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .tab > li.on,
.con2 > .wrap_idx > .tab > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color: #0e4194; } 

li.con2 .in .list > li .list_t { display: block; position: relative; } 

.con2 > .wrap_idx > .st2 > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .st2 > li.on,
.con2 > .wrap_idx > .st2 > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color: #0e4194; } 

.con2 > .wrap_idx > .st3 > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .st3 > li.on,
.con2 > .wrap_idx > .st3 > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color: #0e4194; width: 100%; } 


li.con2 .in .list > li .list_t { display: block; position: relative; } 

li.con2 .in { /*padding: 0 0.5em; */
 box-sizing: border-box; border-radius: 10px; } 
.listdot { display: block; position: relative; padding: .2em 0; } 
.listdot::before { content: ""; position: absolute; top: 17px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
.table_st th.brn,
.table_st td.brn { border: 1px solid #ddd; border-right: none; border-left: none; padding: .5em; height: 2em; } 
li.con2 .in .list > li { display: block; position: relative; padding: .2em 0; gap: 2em; } 
li.con2 .in .list > li.listdot { display: block; position: relative; padding: .2em 0; } 
li.con2 .in .list > li.listdot::before { content: ""; position: absolute; top: 10px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
li.con2 .in .list > li .list_t .txt { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%; color: #333; font-size: .938em; padding-bottom: .8em; padding-left: 1.5em; } 
li.con2 .in .list > li .list_t .date { position: absolute; top: 50%; right: .2em; transform: translateY(-50%); font-size: .875em; color: #848484; font-family: 'notokrR'; } 
.f50 { flex: 0 0 50%; } 
.f70 { flex: 0 0 70%; } 

.con_idx > .list { width: 100%; } 
.con_idx > .list > .tab_cont { display: flex !important; padding: .5em 0; } 
.con_idx > .list > li.tab_cont > .img_wrap { width: 100%; } 
.con_idx > .list > li.tab_cont > .list_t { width: 100%; } 

.con_idx > .list.gap { width: 100%; gap: 1em; } 
.con_idx > .list > .booklist { width: calc(22% - 1em); } 
.con_idx > .list > li.tab_cont > .img_wrap { width: 100%; } 
.con_idx > .list > li.tab_cont > .list_t { width: 100%; } 

li.con2 .in .list > li.listdot { display: block; position: relative; padding: .2em 0; } 
li.con2 .in .list > li.listdot::before { content: ""; position: absolute; top: 10px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
li.con2 .in .list > li .list_t .txt { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%; color: #333; font-size: .938em; padding-bottom: .8em; padding-left: 1.5em; } 
.con2 > .wrap_idx > .st2 > li.barn::before { content: ""; position: absolute; top: 15px; left: 0; width: 0px; height: 0px; background-color: #ccc; } 


li.con2 .in .list > li .list_t .tit { display: inline-block; color: #333; font-size: .938em; font-weight: bold; } 
li.con2 .in .list > li .list_t .date1 { display: inline-block; color: #333; font-size: .938em; padding-bottom: .8em } 
li.con2 .in .list > li .list_t .txt1 { width: 100%; color: #333; font-size: .938em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } 


/*pop*/
.conIdx { width:0; height:0; overflow:hidden; visibility:hidden } 
.conIdx.on { width:auto; height:auto; visibility:visible } 

.dwrap { position:relative; width:2000px; left:50%; margin-left:-1000px } 

.layerWrap { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1003 } 
.layerWrap .layerBg { position:absolute; z-index:9999; width:100%; height:100%; left:0; top:0; background: rgba(0, 0, 0, 0.2); opacity:.5 } 
.layerWrap .layerFrame { position:absolute; z-index:10000; left:0; top:0; width:100%; height:100% } 
html.pop { background:transparent; display:flex; justify-content:center; align-items:center; width:100%; height:100vh } 
html.pop .popWrap { position:relative; display:flex; flex-direction:column; justify-content:center; max-width:96vw; height:90vh } 
html.pop .popWrap .popTit { position:relative; z-index:1; padding:.5em 1em .5em 2em; display:flex; align-items:center; background:var(--siteC); border-radius:.5em .5em 0 0; transform:translateY(1px); color:#fff } 
html.pop .popWrap .popTit .tit { flex:1 1 100% } 
html.pop .popWrap .popTit .tit .t1 { font-weight:700; font-size:1.375em } 
html.pop .popWrap .popTit .tit .t2 { font-weight:700; font-size:1.125em } 
html.pop .popWrap .popTit .popClose { flex:0 0 auto; text-align:center; width:3em; line-height:3em; border-radius:100%; text-align:center; opacity:.6 } 
html.pop .popWrap .popTit .popClose .xi { transition:.3s; font-size:1.75em } 
html.pop .popWrap .popTit .popClose .xi:before { content:"\e9af" } 
html.pop .popWrap .popTit .popClose:hover { opacity:1 } 
html.pop .popWrap .popTit .popClose:hover .xi { transform:rotate(180deg) } 
html.pop .popWrap .popIn { box-sizing:border-box; padding:2em 2em 3em 2em; background:#fff; border-radius:0 0 .5em .5em; box-shadow:1px 1px 10px #333; position:relative } 
html.pop .popWrap .popIn .popCon { min-height:5em } 
html.pop .popWrap .popBtn { position:relative; z-index:1; display:flex; background:#fff; border-radius:0 0 .5em .5em; transform:translateY(1px); overflow:hidden; padding-top:.5em; margin-top:-.5em; box-sizing:border-box } 
html.pop .popWrap .popBtn:before { content:""; position:absolute; left:0; top:0; height:.5em; width:100%; background:#fff } 
html.pop .popWrap .popBtn .input_st { border-radius:0 } 

html.pop .popWrap.st1 { width:100%; background:rgba(0,0,0,.8); max-width:100vw; height:100vh; position:fixed; left:0; top:0 } 
html.pop .popWrap.st1 .popTit { background:none; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; padding:.5em 2em } 
html.pop .popWrap.st1 .popTit .popClose { color:#fff } 
html.pop .popWrap.st1 .popIn { flex:1 1 0%; min-height:0; padding:0; background:none; border-radius:0; box-shadow:none; padding:0 } 
html.pop .popWrap.st1 .popIn .popCon { height:100% } 

.scrollst { overflow-y:auto; scrollbar-width: thin; scrollbar-color: gray transparent; scrollbar-face-color: #666; scrollbar-track-color: #f1f1f1; scrollbar-arrow-color: none; scrollbar-highlight-color: #f1f1f1; scrollbar-3dlight-color: none; scrollbar-shadow-color: #fff; scrollbar-darkshadow-color: none; } 
.scrollst::-webkit-scrollbar { width: 5px } 
.scrollst::-webkit-scrollbar-track { background-color:#f5f5f5 } 
.scrollst::-webkit-scrollbar-thumb { border-radius: 10px; background-color:var(--siteC); background-clip: padding-box; border:none } 
.scrollst::-webkit-scrollbar-button { width: 0; height: 0; } 
.scrollst.c1::-webkit-scrollbar-track { background:#aaa } 
.scrollst.c1::-webkit-scrollbar-thumb { background-color:#333 } 

.popWrap.def { width:52em; } 
.popWrap.mem { width:28em; } 
.popWrap.msg { width:38em; } 
.popWrap.cert { width:65em; } 


/*오시는 길*/
.map_Wrap { position: relative; } 
.map_Wrap .root_daum_roughmap .wrap_controllers { display: none; } 
.map_Wrap > div { position:relative } 
.map_Wrap .map_moreW { position:absolute; left:1em; top:1em; margin-top:0; font-size:.875em; z-index:10; background:#111; color:#fff } 

.map_moreW { display:flex; justify-content:center; margin-top: 3em; } 
.map_more { padding:1em 2em; border:2px solid #111; font-weight:700; position:relative } 
.map_more:before { content:""; position:absolute; left:50%; transform:translateX(-50%); top:0; width:0; height:100%; background:#111; transition:.3s } 
.map_more .in { position:relative; display:flex; align-items:center; gap:1em } 
.map_more .in .t1 { font-size:1.125em } 
.map_more .in .ico:before { content:"\e913" } 
.map_more:hover { color:#fff } 
.map_more:hover:before { width:100% } 
.map_more.re { border:2px solid #fff; } 
.map_more.re:hover { background:#fff; } 

.info_con { } 
.info_con .info_box { position: relative } 
.info_con .info_box > .list { } 
.info_con .info_box > .list:nth-child(2) .in { background: #fff; border: 1px solid #092553; color: #fff; } 
.info_con .info_box > .list .info_inn { padding:2em 3em; background: #092553; color: #fff; display: flex; flex-direction: column; justify-content: space-between; border-radius:0 0 2em 2em } 
.info_con .info_box > .list .info_inn .btm_Wrap { gap: 2em; align-items: flex-end; } 
.info_con .info_box > .list .info_inn .btm_Wrap .info { } 
.info_con .info_box > .list .info_inn .btm_Wrap .info.w2 { width: 100%; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn { width: 100%; } 
.info_con .info_box > .list:nth-child(2) .info_inn .btm_Wrap .location_btn > a { border: 1px solid #111; color: #111; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a { border: 1px solid #fff; border-radius: 5em; padding: .95em 2em; display: inline-block; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a > .xi { padding-left: .45em; } 
.info_con .info_box > .list .info_inn .btm_Wrap .location_btn > a > span { font-size: 1.05em; } 

.info_con .list { } 
.info_con .list { gap:1em 1em; margin: 0 0 1.5em; } 
.info_con .list > li { flex:1; text-align:center; } 
.info_con .list > li .inn { flex:1; } 
.info_con .list > li + li .inn { padding-left:1em; border-left:1px solid #ddd; } 
.agree_box { border-radius:.5em; border:1px solid #ddd; padding:1.5em; background: #fff; height: auto; } 

.fwBR{font-weight: 800;}

.subwrap_box > ul > li > .wrapbox > .imgwrap{width: 40%;}
.subwrap_box > ul > li > .wrapbox > .txtwrap {width: 55%;}






/*비즈니스*/
.index_con{ position:relative; overflow:hidden; gap: 1em;}
.index_con > div{ width:calc(25.3% - 1em); box-sizing:border-box; margin-bottom:1em;}
.index_con.w3 > div{ width:calc(33.3% - 1em);}
.index_con > div h2{ margin:0 auto; line-height:60px; border-radius:1em 0 1em 0; color:#fff; background:var(--siteC); font-weight:300;position:relative;z-index:10;font-size:1.125em;text-align:center;font-weight:500}
.index_con .index_list{ background: #f2f7fd; position:relative; overflow:hidden; padding:3.5em 1.5em  1.5em 1.5em; box-sizing:border-box; margin:-35px auto 0 auto; min-height: 130px;}
.index_con .index_list > p{ position:relative; line-height:1.6; text-align: center; word-break:keep-all;}
.index_con > div:nth-child(even){ margin-right:0}
/*.index_con > div:nth-child(even) h2{ background:var(--gradC2);}
*/

/**/
.re-circle-wrap {} 
.re-circle-wrap .list {gap: 4em; margin-top: 3em; counter-reset: cirnum 0;} 
.re-circle-wrap .list > li  {position: relative; flex: 1 1 33.3%; max-width: 350px;} 
.re-circle-wrap .list > li:before {content: counter(cirnum); counter-increment: cirnum; position: absolute; top: 0; transform: translate(-50%, -50%); width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--siteC);}
.re-circle-wrap .list > li .cir-in { height: 250px; border: 2px solid #ddd; border-radius: 50%; background: #fff; box-shadow: 3px 0 9px rgba(0,0,0, .1); position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;} 
.re-circle-wrap .list > li:last-of-type .cir-in{ border: 2px dashed var(--siteC);}
.re-circle-wrap .list > li .cir-txt {} 
.re-circle-wrap .list > li .cir-txt > h3 {font-size: 1.25em; font-weight: 700; color: var(--siteC2);} 
.re-circle-wrap .list > li .cir-txt > span {font-size: .938em; color: #888; line-height: 1.2; width: 100%;} 
.re-circle-wrap .list > li .cir-in .xi.xi-angle-right-min {position: absolute; right: -2.15em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: var(--siteC);}
.re-circle-wrap .list > li .cir-in .icon{ font-size: 2.750em; color: var(--siteC); opacity: .5; height: 80px;}
.re-circle-wrap.st2 .list > li  {flex: 1 1 20%; max-width: 210px;} 
.re-circle-wrap.st2 .list > li .cir-txt > h3 {font-size: 1.05em;}
.re-circle-wrap.st2 .list > li .cir-in {height: 210px;}
.re-circle-wrap.st2 .list > li .cir-in .icon > img{ width: 50px; height: 50px;}

.page_txt .ttdot{ position:relative; padding-left:.8rem; line-height:1.1; }
.page_txt .ttdot:before{ content:""; position:absolute; left:0; top:.375em; width:.313rem; height:.313rem; background:var(--siteC); border-radius:50%;}
.page_txt .ttdot + .ttdot{ margin-top:.75em;}
.page_txt .ttdot.st2:before {background:#fff;}

.join-process{padding: 0 0 3em;}
.join-process.line { border-top: 1px solid #ddd;}
.join-process:last-of-type{ margin-bottom: 0em;}
.join-process .join-divi{ margin-bottom: 1em;}
.join-process .join-box{ background: var(--crGray); padding: 0.1em 3em 2em 3em; border-radius: 1em;}
.join-process .list .detail_tx {padding: 1.5em; background: var(--siteC); min-height:100px;}
.join-process .list .detail_tx.h1 {min-height: 7em;}
.join-process .list .detail_tx.h2 {min-height: 3em;}
.join-process .list .detail_tx .page-tt {color: #fff; word-break:keep-all;}


.page-tt.s9{ font-size: 1.25em;}
.pageBg { background: #f2f7fd; padding: 4em 0; margin: 6em 0;}
.pageBg.c1,
.pageBg2.c1{ background:#f5f5f5;}
.pageBg.w1 { background: #dde6f1; padding: 1.5em; margin: 3em 0;}
.pageBg2{ background: #f2f7fd; padding: 4em 0; margin-top:-2em;}


.grievance_sec {padding: 2em 0 4em;}
.grievance_sec .grie_con {gap: 2em;}
.grievance_sec .grie_con li {width: calc(50% - 2em); position: relative;}
.grievance_sec .grie_con.w2 li {width: calc(25% - 2em);}
.grievance_sec .grie_con li .inn {background: var(--crGray); padding: 2em 0; border-radius: 1em; min-height:230px;}
.grievance_sec .grie_con.c1 li .inn{ background:#fff;}
.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(--siteC2);;}




.page_layout2{ position:relative; background:#fff; padding:2em; gap:2em;;}
.page_layout2 .page_tit{ font-size:1.570em; font-weight:800;}
.page_layout2 .page_txt{ font-size:1.063em; line-height:1.6; word-break: keep-all;}
.page_layout2 .page_txt .c_point{ font-weight:700;}
.page_layout2 .wrap_in,
.page_layout2 .img_con{ flex:1;}
.page_layout2 .wrap_in .img_wrap{ width:58%; padding:3em 0; margin:0 auto;}
.page_layout2 .wrap_in .img_wrap:before{ content:""; position:absolute; z-index:1; width:15.75em; height:7.75em; bottom:-1em; opacity:.2;
background-image: radial-gradient(#093291 20%, transparent 0), radial-gradient(#093291 20%, transparent 0); background-position: 0 0, 5px 5px; background-size: 10px 10px; z-index:-1;}
.page_layout2 .wrap_in .img_wrap .bg { box-shadow:.75em .75em .75em rgba(9,50,145,.15); width:430px; height:217px;}
.page_layout2 .wrap_in .img_wrap .img{ z-index:2; box-shadow:.75em .75em .75em rgba(9,50,145,.15); position:relative;}
.page_layout2 .wrap_in .img_wrap .img img{ width:100%;}
.page_layout2 .wrap_in .imgBig{ width:55%;}
.page_layout2 .wrap_in .imgSmall{ width:35%;}
.page_layout2 .wrap_in .hAuto{ height:auto; min-height:auto;}
.page_layout2.layoutL{}
.page_layout2.layoutR .wrap_in .img_wrap:before{ left:-0.5em; right:auto;}
.page_icon_quotes > img{ width:1.5em;}


.vision_top .vision_tit {position: relative;}
/*.vision_top .vision_tit::after {position: absolute; content:""; bottom: 0; left: 0; width: 100%; height: .4em; background: var(--siteC); opacity: .4; border-radius: 1em; z-index: -1;}*/
.page-tt.s5{ font-size: 2em; font-weight:600; color:var(--crBlack);}


.busi_logo{ gap:1em; /*width:55%;*/}
.busi_logo > li{width:calc(25.3% - 1em);border: 1px solid #ddd;box-sizing: border-box;text-align: center;}


/*ces*/
.ces_wrap .map_img{margin:0 auto; padding:2em; width:100%; text-align:center; box-shadow:0 0 40px rgba(150,187,216,0.3); border:2px solid var(--siteC); background:#f5f5f5;}


.page_ttbg_wrap.st1{ margin: 4em 0;}
.page_ttbg_wrap.st1 > li{ width:45%;}
.page_ttbg_wrap.st1.w2 > li{ width:calc(33.3% - 1em);}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1 { font-size:1.313em; font-weight:500; color:#000; line-height:1.5; padding: 0.8em 0 0.4em 0; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt1.h1 { min-height:3em;}
.page_ttbg_wrap.st1 > p .wrap_tt .page_tt1 { font-size:1.313em; font-weight:500; color:#000; line-height:1.5; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 { line-height:1.5; font-size:1em; color:#000; position: relative; padding-left: 1.4em; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i { color:var(--siteC2); }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i:before { position: absolute; left: 0; top: -5px; }
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i.xi2 { vertical-align:middle;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt2 i.xi2:before { position:unset;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt3 {font-size: 1.125em; font-weight: 500; margin-bottom: 1em;}
.page_ttbg_wrap.st1 > li .wrap_tt .page_tt3 i { background:var(--siteC); border-radius:50%; width:1em; height:1em; color:#fff; margin-right:.5em; vertical-align: bottom;}
.page_ttbg_wrap.st1 > li .wrap_img{ width:100%}
/*.page_ttbg_wrap.st1 > li:nth-child(2n){margin-bottom:-3em}*/
.page_ttbg_wrap.st1 > li:nth-child(2n) .wrap_tt{ text-align:left}
.page_ttbg_wrap.st1 > li:nth-child(3),
.page_ttbg_wrap.st1 > li:nth-child(4){margin-top:4em;}
.page_line.st1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:var(--siteC); content:"";}
.page_line.st1_1{ width:2em; height: 3px; margin:1em 0 .75em 0; background:var(--siteC); content:"";}
.page_line.st1_2{ width:2em; height: 3px; margin:1em 0 .75em 0;}



/*프로그램운영*/
.ov_wrap{ margin: 3em 0; }
.ov_wrap ul{display:flex; flex-wrap:wrap; border-top:3px solid var(--siteC); border-radius: 2em;}
.ov_wrap.c1 ul{ border-color:var(--gradC2);}
.ov_wrap ul li{border-bottom:1px solid #ddd; border-top:0; width:100%; box-sizing:border-box; transition:.3s; position:relative;}
.ov_wrap ul li > div{height:100%; /*padding:0 2rem;*/ box-sizing:border-box;}
.ov_wrap ul li > div > div{height:100%; align-items:center; display:flex;}
.ov_wrap ul li > div > div.ov_icon_box{width:90px; justify-content:center;}
.ov_wrap ul li > div > div.ov_icon_box img{transform:scale(.6); opacity:.7; transition:.3s;}
.ov_wrap ul li:hover > div > div.ov_icon_box img{transform:scale(.75); opacity:.9;}
.ov_wrap ul li > div > div.ov_tit_box{width:calc(100% * .25); text-align:center; background:var(--siteC); /*margin-right:90px;*/}
.ov_wrap.c1 ul li > div > div.ov_tit_box{ background:var(--gradC2);}
.ov_wrap ul li > div > div.ov_ctt_box{width:calc(100% * .25); /*padding-left:2rem;*/ box-sizing:border-box; padding-left:1em;}
.ov_wrap ul li > div > div.ov_ctt_box.s1{ width:calc(100% *.55); background:#edf6f8;}
.ov_wrap ul li > div > div p{width:100%;}
.ov_wrap ul li > div > div.ov_tit_box p{text-align:center; font-size: 1.125em; color: #fff; font-weight:600;}
.ov_wrap ul li > div > div.ov_tit_box p.icon {width: 50px; height: 50px; margin: 0 auto;}
.ov_wrap ul li > div > div.ov_tit_box p.num {background: var(--siteC2); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 50%; margin: 0.5em auto;}
.ov_wrap ul li > div > div.ov_ctt_box p{color:#333; padding: 0.2em 0;}
.ov_wrap ul li > div > div.ov_ctt_box p:first-child {padding: 1.3em 0 .5em;}
.ov_wrap ul li:first-child > div > div.ov_tit_box {border-radius: 1.3em 0 0 0;}
.ov_wrap ul li:first-child > div > div.ov_ctt_box.s1{ border-radius:0 1.5em 0 0; }
.ov_wrap ul li > div > div.ov_ctt_box p:last-child {padding: .5em 0 1.5em;}
.ov_wrap ul li > div > div.ov_ctt_box{display: block;}


.ov_wrap.c1 ul li > div > div.ov_ctt_box p:first-child{ padding:1em 0 .2em;}
.ov_wrap.c1 ul li > div > div.ov_ctt_box p:last-child{ padding:.2em 0 1em;}


.plan_left{ width: 48%;}
.plan_right{ width: 50%; margin-top:3em;}
.plan_right > ul{ gap: .5em;}
.plan_right > ul > li{ width:calc(50% - 1%);}


/*회사소개*/
.reval_con2 {gap: 1em;}
.reval_con2 .list {width: calc(33.3% - 1em); background: #fff; padding: .5em; box-shadow: 4px 0 12px rgba(0,0,0,.1);}
.reval_con2 .list .title {font-size: 1.25em; font-weight: 600; background: var(--siteC); color: #fff; border-radius: 3em; padding: .3em 0; margin-bottom: .5em;}
.reval_con2 .list .page_txt {background: var(--crGray); padding: 1em; min-height: 13.5em; margin-top: .5em;}


.reval_con2 .e_fcon{ font-size:1.125em; font-weight:500; background:#ecf0f4; border:5px solid #fff; box-shadow:1px 3px 8px rgba(0,0,0,0.2); padding:1.5em; border-radius:50px; text-align:center; margin-top:4em; position:relative; word-break:keep-all;}
.reval_con2 .e_fcon .line { position:absolute; left:50%; bottom:100%; transform:translate(-50%,0); width:3em; height:3.5em; opacity:.4;}
.reval_con2 .e_fcon .xi{ position:absolute; z-index:1; left:50%; top:0; transform:translate(-50%,0); font-size:.8em; line-height:1;}
.reval_con2 .e_fcon .xi:before{ content:'\e935'; font-size:7em; color:#44afd3; }
.reval_con2 .e_fcon .ba{ position:absolute; z-index:2; top:4px; left:0; right:0; height:2em; line-height:2em; background:#44afd3;}



/*경영이념*/
.legal_sys{}
.legal_sys .sysT{ width:60%; margin:0 auto; padding:1.5em 1em; box-sizing:border-box; border-radius:.5em; background:var(--siteC); color:#fff; text-align:center; position:relative;}
.legal_sys .sysT::after{ content:''; width:100%; height:27px; border-left:1px dashed #002144; position:absolute; left:50%; bottom:-26px;}
.legal_sys .sysT > p > span{ color:#fdff00;}
.legal_sys .sysB .in > li{}
.legal_sys .sysB .in > li {}
.group{ width:calc( (100% - 30px)/4); margin-right:10px; border:1px solid var(--siteC); border-radius:.5em; position:relative; background: #fff;}
.group.w2 {width:calc( (100% - 30px)/2);}
.group .tt{ display:flex; justify-content:center; align-items:center; width:100%; height:8em; border-bottom:1px solid #ddd; font-size:1.125em}
.group .td{ align-items:center; padding:0 1em; font-size:1rem; line-height:1.4; color:#333; word-break:keep-all}
.group:last-child{ margin-right:0;}
.group:before{ content:''; width:calc( 100% + 9px); height:1em; border-top:1px dashed #002144; border-left:1px dashed #002144; position:absolute; left:50%; top:-24px;}
.group:last-child:before{ border-top:none; border-left:1px dashed #002144;}
.group:after{ content:''; width:10px; height:10px; border:4px solid var(--siteC); border-radius:50%; background-color:#fff; position:absolute; left:50%; top:-9px; transform:translateX(-50%);} 
.legal_sys2 .t1 {background: var(--gradC1); color: #fff; font-size: 1.25em; display: inline-block; padding: 0.5em 1em; border-radius: 2em; margin: 1em 0;}
.legal_sys2 .t2 {background: var(--gradC1); border-radius: 1em; color: #fff; padding: 1em; font-size:1.063em; margin:1em 0;}
.legal_sys2 .t2:nth-child(odd){ background:var(--gradC2);}
.page_arrow{ padding-bottom:7%; background:url(../images/sub/arrow.png) no-repeat; background-size:100% 100%; margin:0 2em 1em -2em}
.page_arrow2 img {transform: rotate(180deg);}


/*오시는길*/
.location_wrap .map_info1 {overflow:hidden;margin-bottom:20px;box-shadow:0 0 40px rgba(150,187,216,0.3); padding: 1em;border-radius: 2em;}
.location_wrap .map_info1 .tt{ font-weight:500; color:#333; font-size:1.250em; padding-bottom:1em}
.location_wrap .map_info1 .t1 { text-align:center}
.location_wrap .map_info1 .t1 span { font-size:1.125em; color:#666; display:inline-block; margin-right:20px; line-height:38px; padding:.2em 0}
.location_wrap .map_info1 .t1 span:last-child { margin-right:0;}
.location_wrap .map_info1 .t1 .xi { font-size: 1.250em; vertical-align:middle; color:#fff; margin-right:.5em; background: var(--siteC); border-radius:50px; width:1.7em; height:1.7em; line-height:1.7em; text-align:center;}
.location_wrap .map_info1 .map_btn { float:right; display:inline-block; padding:11px 45px 10px 45px; color:#fff; background:#003f87; border:1px solid #ddd; }
.location_wrap .map_info1 .map_btn .tx{ font-size:.875em; color:#fff; vertical-align:middle}
.root_daum_roughmap{width:100% !important;}


.busi_detail1{ padding:0 6%;}
.busi_detail1 dt{ width:5em; text-align:center;}
.busi_detail1 .xi{ font-size:2.5em;}
.busi_detail1 dd > p{ font-size:1.25em; font-weight:600}


/**/
.page_tab2 {background: #eee; width: 50%; margin: 0 auto 3em; overflow: hidden; border-radius: 1em;}
.page_tab2.st2 {width: 100%;}
.page_tab2 li {width: 14.28%;}
.page_tab2 li a {text-align: center; font-size: 1.250em; padding: 0.7em; display: block;}
.page_tab2 li.on a,
.page_tab2 li.on a:hover {background-color: var(--siteC); color: #fff;}