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

html.allGnbOn [data-lenis-scroll] { pointer-events: none; touch-action: none; } 

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

.hideT { position: absolute; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial; } 
.hideT.close { display:none } 

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

.sns_st { display:flex; align-items:center; gap:.25em } 
.sns_st > li > a { width:2.5em; height:2.5em; background:#f1f1f1; display:flex; align-items:center; justify-content:center; border-radius:50% } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity:.5 } 
.sns_st > li > a .xi { font-size:1.25em } 
.sns_st > li > a img { height:40% } 
.sns_st > li > a:hover { color:#fff; transition:.3s } 
.sns_st > li > a:hover .xi,
.sns_st > li > a:hover img { opacity:1 } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 
.sns_st > li > a:hover.fb { background:#395398 } 
.sns_st > li > a:hover.in { background:#a9309d } 
.sns_st > li > a:hover.yt { background:#f70000 } 
.sns_st > li > a:hover.tt { background:#111 } 
.sns_st > li > a:hover.nb { background:#29a139 } 

.ch .sns_st > li > a .xi,
.ch .sns_st > li > a img { opacity: 1; filter: brightness(0) invert(1); } 
.ch .sns_st > li > a.fb { background:#395398 } 
.ch .sns_st > li > a.in { background:#a9309d } 
.ch .sns_st > li > a.yt { background:#f70000 } 
.ch .sns_st > li > a.tt { background:#111 } 
.ch .sns_st > li > a.nb { background:#29a139 } 


.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, padding .5s ease; box-sizing:border-box; } 
#header { z-index:999; position:fixed; top:0; left:0; width:100%; transition: transform .5s, background-color .5s; } 
#header .inner { position:relative; top: -1px; gap:0 1vw; color: #fff;} 
#header .inner .inner_wrap { gap: 5em; } 
#header .logo { width: 10.5em; } 
#header .util_wrap { } 

#header .mbBanner{ background: #34b74d; display: flex; align-items: center; justify-content: center; padding: 1em 2em; box-sizing: border-box;}
#header .mbBanner > .alink{ display: flex; align-items: center; gap: 1em;}
#header .mbBanner > .alink > .tt{ color: #fff; font-weight: 500; letter-spacing: 0.05em;}
#header .mbBanner > .alink > .blogRound{ display: flex; align-items: center; min-width: 5.5em; height: 2.15em; padding: 0 1em; justify-content: center; color: #fff; border: 1px solid #fff; border-radius: 100px;}
#header .mbBanner > .alink > .blogRound > i{ font-size: .935em;}

/* .wrapHide, */
html:not(.scroll) #header .logo { filter: var(--crWhitefil); } 

.scroll.up #header { background: rgba(255,255,255, .7); backdrop-filter: blur(12px); } 
.scroll.up #header .inner { color: var(--crBlack); } 
.scroll.up #header .all_wrap .allBtn .quad_btn > li { background: var(--siteC); } 
.scroll.up #header .snb-list li a { color: #fff; } 
.scroll:not(.up) #header { transform:translateY(-100%) } 

#header .gnb_wrap .gnb > li { overflow:hidden; width: 11em; transition: width 0.5s, background-color 0.5s; } 
#header .gnb_wrap .gnb > li.m_customer { width: 13em; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; /* padding:0 2.5em; */ } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.1em; font-weight:400; text-transform:uppercase; font-family: var(--fontJamsil); transition: .3s; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background: #fff; opacity:0; transform:scaleX(0); transition:transform .3s; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.5); } 

#header .gnb_wrap .gnb > li .dp2 { display:block; margin:0 auto; padding: 1.5em 0; } 
#header .gnb_wrap .gnb > li:hover { background: var(--siteC); color: rgba(255,255,255, .8); } 
#header .gnb_wrap .gnb > li:hover .dp1 .tt { color: #fff; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { position:relative; display:block; padding:.75em .5em; transition: .3s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { position:relative; font-size:1em; font-weight: 500; padding-bottom: .1em; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt:after { /* content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:var(--crBlack); */ } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { color: #fff; } 
#header .gnb_wrap .gnb > li .dp3 { display: flex; flex-direction: column; align-items: start; box-sizing: border-box; background: #1f9cd9c4; margin: 0 1.5em; padding: 1em; border-radius: .5em; } 
#header .gnb_wrap .gnb > li .dp3 > li { position: relative; margin-bottom: .35em; padding-left: 1em; color: rgba(255,255,255, .95); transition: .3s; } 
#header .gnb_wrap .gnb > li .dp3 > li:last-of-type { margin-bottom: 0em; } 
#header .gnb_wrap .gnb > li .dp3 > li:before { position: absolute; left: 0; content: '-'; } 
#header .gnb_wrap .gnb > li .dp3 > li > a > .in > .tt { font-size: .863em; } 
#header .gnb_wrap .gnb > li .dp3 > li:hover { color: rgba(255,255,255, 1); } 
#header .gnb_wrap .gnb > li:hover .dp3 { background: #fff; } 
#header .gnb_wrap .gnb > li:hover .dp3 > li { color: rgba(0,0,0, .7); } 
#header .gnb_wrap .gnb > li:hover .dp3 > li:hover > a > .in > .tt { color: rgba(0,0,0, 1); } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; } 
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { } 

#header .bannerWrap { position: relative; height: 50px; } 
#header .bannerWrap .closeBtn { position: absolute; right: 0; top: 0; width: 3.75em; height: 3.75em; display: flex; align-items: center; justify-content: center; z-index: 99; color: #555; } 
#header .bannerWrap .closeBtn .ico { font-size: 1.75em; } 
#header .bannerWrap .closeBtn .ico:before { content: "\e9af"; } 
#header .bannerWrap .el { display: block; overflow: hidden; } 
#header .bannerWrap .el .bnEl { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0; } 
#header .bannerWrap .el .bnEl > img { } 
html:not(.banner) #header .bannerWrap{ display: none; } 

#header.gnbOpen { background: rgba(255, 255, 255, .7); backdrop-filter: blur(12px); } 
#header.gnbOpen:before { background: #f1f1f1; opacity: 1; } 
#header.gnbOpen .inner { color: var(--crBlack); } 
#header.gnbOpen .logo { filter: none !important; } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto; } 
#header.gnbOpen .gnb_wrap .gnb > li .dp1 { /* padding: 0 3.5em; */ } 
#header.gnbOpen .all_wrap .allBtn .quad_btn > li { background: var(--crBlack); } 
#header.gnbOpen .gnb_wrap .gnb > li { width: 12.5em; } 
#header.gnbOpen .all_wrap .allBtn .quad_btn > li { background: var(--siteC); } 

/* Language Button */
#header .util_wrap .lang_wrap .lang { position: relative; } 
#header .util_wrap .lang_wrap .lang .lang_btn { } 
#header .util_wrap .lang_wrap .lang .lang_btn .tt { } 
#header .util_wrap .lang_wrap .lang .lang_btn .xi { font-size: 1rem; } 

#header .util_wrap .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5em); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, .2); border-radius: 5px; } 
#header.active .util_wrap .lang_wrap.on .lang .drop,
#header.gnbOpen .util_wrap .lang_wrap.on .lang .drop { background: var(--crWhite); border: 1px solid #eee; } 

#header .util_wrap .lang_wrap.on .lang .drop { height: fit-content; } 
#header .util_wrap .lang_wrap .lang .drop > li { } 
#header .util_wrap .lang_wrap .lang .drop > li > a { padding: 0.5em; display: inline-block; } 
#header .util_wrap .lang_wrap .lang .drop > li > a .tt { font-size: 0.875rem; } 

/*
#header .gnb_wrap { } 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li { position:relative; overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; padding:0 2.5vw; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.063em; font-weight:600; text-transform:uppercase; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .3s; } 
#header.gnbOpen .gnb_wrap .gnb > li { overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.7); } 
#header:not(.active) .gnb_wrap .gnb > li .dp1:after { filter:var(--crWhitefil); } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC); } 

#header .gnb_wrap .gnb > li .dp2 { display:block; max-width:9.25em; margin:0 auto; transition:.2s; padding: 1.5em 0; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { display:block; padding:.5em .5em; font-weight:300; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:1em; } 
*/

#header .util_wrap { gap:0 1.5vw; } 
#header:not(.active) .shop_wrap .shop_btn { filter:var(--crWhitefil); } 

#header .lang_wrap .lang_btn .xi { font-size:1.500em; } 

#header .snb-list { display: flex; align-items: center; margin-right: 16px;} 
#header .snb-list li a { display: inline-flex; align-items: center; padding: 0 25px; color: #fff; height: 32.6px; font-size: 16px; font-weight: 500; background-color: var(--siteC); border-radius: 10em; transition: all ease 0.35s; font-size: 15px; font-family: var(--fontJamsil); } 
#header .snb-list li a .xi.login { margin-right: .2em; font-size: 1.215em; } 
#header .snb-list li a .xi.inquiry { margin-left: .2em; font-size: 1.15em; transform: rotate(-45deg); } 
#header .snb-list li a:hover { background: var(--siteC); color: #fff; } 

#header .all_wrap { display: flex; align-items: center; } 
#header .all_wrap .allBtn { gap: 0.8em; align-items: center; height: 42px; border-radius: 100px;} 
#header .all_wrap .allBtn.pcHide { display: none; } 
#header .all_wrap .allBtn .all_btn {  z-index: 2; } 
#header .all_wrap .allBtn .quad_btn { position: relative; width: 22px; height: 22px; display: flex; flex-wrap: wrap; box-sizing: border-box; } 
#header .all_wrap .allBtn .quad_btn > li { position: absolute; border-radius: 50%; display: inline-block; background: #fff; width: .5rem; height: .5rem; transition: all 0.4s; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(1) { /* background: #E60012; */ top: 0; left: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(2) { right: 0; top: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(3) { left: 0; bottom: 0; } 
#header .all_wrap .allBtn .quad_btn > li:nth-child(4) { /* background: #0235bb; */ right: 0; bottom: 0; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; background: rgba(0,0,0,.65); backdrop-filter: blur(20px); color:#fff; transform:translateY(-100%); opacity:0; visibility:hidden; transition:.3s; z-index: 999;} 
#header .all_wrap .all_layer .all_header { padding:2em 0 0; } 
#header .all_wrap .all_layer .all_header .all_logo > a > img { filter: var(--crWhitefil); } 
#header .all_wrap .all_layer .all_header .close_btn { align-items: center; justify-content: center; } 
#header .all_wrap .all_layer .all_header .close_btn .xi { font-size:1.875em; } 

#header .all_wrap .all_layer .all_inner { flex:1; opacity:0; transition:.3s; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding:8em 0 0 0; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.5em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { align-items: center; 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-wrap:wrap; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { flex:1 1 100%; gap: 3em; display: flex; align-items: center; padding: 1.5em 0; border-bottom:1px solid rgba(255,255,255,.2); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li:first-of-type { border-top: 1px solid rgba(255,255,255,.2); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li ul { display: flex; gap: 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li a { justify-content:flex-start; text-align:left !important; padding:.5em 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { width: 20em; } 
#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:2.250em; font-weight:700; background:linear-gradient(to right, var(--gradC2), var(--gradC1) 50%, #fff 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; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow { display:inline-block; margin-bottom:.375em; min-width: .5em; width:.5em; height:.5em; background:var(--siteC); 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; color: rgba(255,255,255, .8); transition: .1s; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a:hover .tt { color: rgba(255,255,255, 1); } 
#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 { display: none; } 
#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; background: rgba(0, 0, 0, .65); } 
.allGnbOn #header .all_wrap .all_layer .all_inner { opacity: 1; transition-delay: .4s; } 
.allGnbOn.scroll #header { transform: translateY(0); } 
.allGnbOn #header { backdrop-filter: unset !important; } 

.stickyT { position:sticky !important; top:var(--headHS); } 
#header:has(.gnb_wrap .gnb > li.act .dp1) { height: auto; } 

.dp1_performance #header .inner { color: var(--crBlack); border-bottom: 1px solid #ddd; } 
.dp1_performance #header .logo { filter: none !important; } 
.dp1_performance #header .all_wrap .allBtn .quad_btn > li { background: var(--siteC); } 


/*푸터*/
#footer { position:relative; padding:3em 0 0 0; background:var(--siteC2); } 
#footer .logo_wrap .wrap_in { gap:2.5em; width: 100%; } 
#footer .logo_wrap .logo img { height:3em } 

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

#footer .info_wrap .logo { width: 11em; } 
#footer .info_wrap .logo > a { width: 100%; height: 3.5em; display: flex; align-items: center; justify-content: center; border: 1px solid #111; color: #111; } 

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

#footer .goTop { display: flex; align-items: center; border-radius: 50%; justify-content: center; z-index:998; position:fixed; right:3em; bottom:3em; width:4em; height:4em; 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.850em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em);} 
.scroll #footer .goTop { opacity:1; transform:translateY(0);} 

.footerWrapper { } 
.footerWrapper .footerT { } 
.footerWrapper .footerT .logo_con { display: flex; align-items: center; gap: 3em; } 
.footerWrapper .footerT .logo { } 
.footerWrapper .footerT .logo > img { width: 12em; object-fit: contain; } 
.footerWrapper .footerMid { } 
.footerWrapper .footerMid .slogan { font-size: 2.15em; font-weight: 600; margin-top: 1em; } 
.footerWrapper .footerBtm { margin-top: 3.5em; } 
.footerWrapper .footerBtm .con { display: flex; align-items: center; justify-content: space-between; background: var(--siteC); padding: 1em 2.5em; box-sizing: border-box; border-radius: 1em 1em 0 0; } 
.footerWrapper .footerBtm .con .copyright { color: rgba(255,255,255, 1); font-size: .975em; } 

#footer .menu { } 
#footer .menu > li > .in { padding:1em 0; color: #fff; } 
#footer .menu > li:not(:last-child) > .in:after { content:""; margin:0 1.25em; width:1px; height:1em; background:#fff; opacity:.3; } 
#footer .menu > li > .in .tt { font-size:1.000em; } 
#footer .menu > li > .in.point { font-weight:600; } 
#footer .menu > li > .in:hover { text-decoration:underline; } 

#footer .site_wrap { position:relative; z-index:1 } 
#footer .site_wrap .btn { display:block; padding: 1em; font-size: 1.063em; border: 1px solid var(--crBlack); font-family: var(--fontBase); padding-right:3em; background:#fff; width:12.5em; position:relative; } 
#footer .site_wrap .btn .xi { position:absolute; right:.5em; width:2.5em; text-align:center; top:50%; color: #111; line-height:1em; margin-top:-.5em; transition:.3s; font-size:1em } 
#footer .site_wrap .btn .tt { font-weight:600; font-size:.965em; color:var(--crBlack); } 
#footer .site_wrap .siteBtn { font-weight:500 } 
#footer .site_wrap .list { position:absolute; bottom:100%; width:100%; transition:.3s; opacity:0; visibility:hidden } 
#footer .site_wrap .list .btn { overflow:hidden; border-bottom: none; } 
#footer .site_wrap .list .btn .xi { right:-2em } 
#footer .site_wrap .list .btn .xi:before { transform:scale(.75) } 
#footer .site_wrap .list .btn:hover { background: var(--siteC2); } 
#footer .site_wrap .list .btn:hover .xi { right:0 } 

#footer .site_wrap.on .list { opacity:1; visibility:visible } 

/*moveBar*/
.moveBar { position:relative; } 
.menuBar .bar { } 

/*contents*/
#contents .sub_page_top { position:relative; height:28em; } 
#contents .sub_page_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } 
#contents .sub_page_bg > .bg { position:absolute; top:0; right:0; width:calc(100% + 3vw); height:100%; transition:3s; } 
#contents .sub_page_bg > .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.2)); } 
.load #contents .sub_page_bg > .bg { right:-1.5vw; } 
#contents .sub_page_tit { flex:1 0 auto; position:relative; color:#fff; } 
#contents .sub_page_tit .sub_tit .tt { position: relative; top: 1.5em; font-size:3.000em; font-family: var(--fontJamsil); font-weight:600; text-transform: capitalize; } 
html:not(.banner) #contents .sub_page_tit .sub_tit .tt{ top: .5em;}
#contents .sub_page_tit .nav { position:absolute; right:2%; bottom:0; padding-bottom:2em; } 
#contents .sub_page_tit .nav > li { } 
#contents .sub_page_tit .nav > li .xi { width:1.5em; height:1.5em; background:var(--siteC); border-radius:50%; font-size:1em; color:#fff; } 
#contents .sub_page_tit .nav > li .tt { vertical-align:middle; font-size:.938em; } 
#contents .sub_page_tit .nav > li + li:before { content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8; } 
#contents .sub_page_tit .nav > li:last-child .tt { font-weight:600; text-decoration:underline; } 

#contents .sub_page_menu { position:relative; background:rgba(0,0,0,.3); border-top:3px solid rgba(0,0,0,.2); backdrop-filter:blur(.25em); } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .gnb .dp3 { display:none; } 
#contents .sub_page_menu .gnb .dp2 { justify-content:center; } 
#contents .sub_page_menu .gnb .dp2 > li { width: 15%; position:relative; } 
#contents .sub_page_menu .gnb .dp2 > li:before { content:""; position:absolute; left:0; bottom:100%; width:100%; height:3px; background:#fff; transform:scaleX(0); transition:.3s; } 
#contents .sub_page_menu .gnb .dp2 > li > a { gap:.875em; height:4.5em; padding:0 1em; color:#fff; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size:1.125em; opacity:.8; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .tt,
#contents .sub_page_menu .gnb .dp2 > li.on > a .tt { opacity:1; } 
#contents .sub_page_menu .gnb .dp2 > li.on > a .tt { font-weight:600; } 
#contents .sub_page_menu .gnb .dp2 > li.act:before,
#contents .sub_page_menu .gnb .dp2 > li.on:before { transform:scaleX(1); } 


#contents .sub_page_con { padding:5em 0 0 0; text-align:center; } 
.dp1_performance #contents .sub_page_con { padding-top: var(--headH); margin-top: 9em; } 
html:not(.banner).dp1_performance #contents .sub_page_con { margin-top: 4em;}
#contents .sub_page_con .con_tit { } 
#contents .sub_page_con .con_tit .tt { font-size:2.450em; font-weight:600; font-family: var(--fontJamsil); } 
#contents .sub_page_con .con_tit + .con_menu { position: relative; margin-top:3em; } 
#contents .sub_page_con .con_menu .gnb { justify-content: center; width: 100%; } 
#contents .sub_page_con .con_menu .gnb > li { width: 100%; } 
#contents .sub_page_con .con_menu .gnb .dp2 > li { width: 80%; margin: 0 auto; } 
#contents .sub_page_con .con_menu .gnb .dp4 { display:none; } 
#contents .sub_page_con .con_menu .gnb .dp3 { justify-content:center; flex-wrap: wrap; gap: 1em 0; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li { width:20%; background:var(--crGray); } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:first-child { border-radius:6em 0 0 6em; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:last-child { border-radius:0 6em 6em 0; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:nth-child(5) { border-radius:0 6em 6em 0; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:nth-child(6) { border-radius:6em 0 0 6em; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li > a { position: relative; box-sizing: border-box; height:4em; padding:0 0.5em; border-radius:6em; color:var(--crBlack); transition:.2s; z-index: 2; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt { font-size:1em; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li.act > a { color:#fff; font-weight:500; } 


#contents .sub_page_con .menuBar .bar { position:absolute; top: 0; height: 4em; border-radius: 6em; background:var(--siteC); transition:.5s } 

#contents .doc { padding:4em 0 10em; } 
#contents .doc.inquiry { overflow: hidden; } 


.mouse-ico { position: absolute; left: 0; bottom: 3em; width: 100%; z-index: 10; text-align: center; } 
.mouse-ico .xi { color: var(--crWhite); font-size: 2.5rem; animation: mouseAni 1s infinite alternate; } 
@keyframes mouseAni { 
 0% { transform: translateY(0%); } 
100% { transform: translateY(50%); } 
 }

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


/*SUB PAGE*******************/
/*inc*/
.page_con { padding:4em 0; } 
.page_con.pt0 { padding-top: 0; } 
.page_con.bg1 { background:var(--siteBg1); } 
.page_con.bg2 { background:var(--siteBg2); } 
.page_con.bg3 { background:var(--siteBg3); } 
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child { padding-bottom:10em; } 


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



/*버튼 공통*/
.Abtn .more { display: inline-flex; width: auto; align-items: center; border: 1px solid var(--crBlack); box-sizing: border-box; font-size: 16px; padding: .8em 1.5em; overflow: hidden; position: relative; font-weight: 700; } 
.Abtn .more > p { position: relative; z-index: 2; } 
.Abtn .more.white { border: 1px solid #fff; color: #fff; transition: all 0.2s; } 
.Abtn .more.white:hover { border: 1px solid var(--crBlack); } 
.Abtn .more.round { border-radius: 70px; } 
.Abtn .more:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; height: 100%; width: 0; z-index: 1; background-color: var(--siteC2); transition: all 0.5s; background-color: #222; } 

.Abtn .more.c1:before { background-color: var(--siteC); color: #fff; } 
.Abtn .more.c1 { border: 1px solid var(--siteC); color: var(--siteC); } 
.Abtn .more.c1.hover { border: 1px solid #fff; color: #fff; } 
.Abtn .more.c1.hover:hover { border: 1px solid var(--siteC); } 

.Abtn .more.c2 { background: var(--siteC); color: #fff; border: 1px solid var(--siteC); } 
.Abtn .more.c2:before { display: none; } 

.Abtn .more.c3:before { background-color: var(--siteC3); color: #fff; } 
.Abtn .more.c3 { border: 1px solid var(--siteC3); color: var(--siteC3); } 
.Abtn .more.c3.hover { border: 1px solid #fff; color: #fff; } 
.Abtn .more.c3.hover:hover { border: 1px solid var(--siteC3); } 

.Abtn .more.s1 { font-size: .9em; } 
.Abtn .more.s2 { font-size: .85em; } 
.Abtn .more.s3 { font-size: 1.15em; } 

.Abtn .more > span { position:relative; z-index: 2; line-height: 1; } 
.Abtn .more:hover { color: #fff; } 
.Abtn .more:hover::before { width: 100%; } 
.Abtn .more > .xi { padding-left: .65em; position: relative; z-index: 2; } 

.Abtn .more.st1 { border: none; padding: 0em; font-weight: 500; font-size: 1.25em; border-radius: 0; color: #eee; } 
.Abtn .more.st1:before { top: unset; bottom: 0; width: 0%; height: 3px; background: rgba(255,255,255, .65); content: ''; transition: .3s all; } 
.Abtn .more.st1:hover:before { width: 100%; } 

.con_idx { position:relative } 
.con_idx > .idx { position:absolute; left:0; top:0; width:100%; visibility:hidden; filter:alpha(opacity=0); opacity:0; display: none; } 
.con_idx > .idx.on { position:relative; visibility: visible; filter:alpha(opacity=100); opacity:1; display: block; } 

/*main_tab*/
.main-tab { gap: .75em; margin-bottom: 3.5em; } 
.main-tab > li { } 
.main-tab .tab-btn { display: flex; cursor: pointer; border: 1px solid #e9e9e9; align-items: center; justify-content: center; height: 3em; background: #fff; position: relative; padding: 0em 2em; border-radius: 3em; font-size: 1.15em; font-weight: 500; color: #333; transition: .3s; font-family: var(--fontJamsil); } 
.main-tab > li.on .tab-btn { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; font-weight: 600; box-shadow: 3px 6px 12px rgba(0, 0, 0, .1); } 

.main-tab.white .tab-btn { background: #f7f7f7; } 


/***********************/
/*MAIN******************/
/* html.main #contents { overflow: hidden; } */



.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% } 
.visualSlider { position: relative; height: 100vh;} 
.visualSlider .el { position: relative; overflow:hidden; height: 100%; background:#fff } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 2; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlider .el .vod_wrap { position:relative; height:100% } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:calc(100%); transform: scale(1.1); height:100%; opacity:0; transition:2s, opacity 4s; } 
.visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { opacity:1; transform: scale(1); transition:3s, opacity 1s; } 


.mainVodBanner{ position: relative; height: 100vh; background: var(--crBlack);}
.visualSlider_wrap { width: 1600px; max-width: 94%; margin: 0 auto;} 
.visualSlider_wrap .slogan { position:absolute; top: 45%; transform: translateY(-50%); left:0; width:100%; z-index:10; color:#fff; z-index: 3; } 
.visualSlider_wrap .slogan .wrap_in { gap:.875em; line-height:1.2; } 
.visualSlider_wrap .slogan .line { margin:0 .25em 1em; } 
.visualSlider_wrap .slogan .line:after { content:""; display:inline-block; width:6em; height:1px; background:#fff; } 
.visualSlider_wrap .slogan .tt.pd { padding:2em 0 0; } 
.visualSlider_wrap .slogan .t1 { font-size:5.15em; font-weight:800; line-height: 1.2; text-transform: uppercase; } 
.visualSlider_wrap .slogan .t2 { font-size: 2.915em; line-height: 1.5; letter-spacing: 0.03em; font-weight: 700; } 
.visualSlider_wrap .slogan .t3 { font-size:1.315em; margin: 1em 0; color: rgba(255,255,255, 1); font-weight: 500; line-height:1.6; width: 60%; word-break: keep-all; transform: translateY(2em); opacity: 0; font-family: var(--fontJamsil); } 
.visualSlider_wrap .slogan .row { height:1.125em; display:block; overflow:hidden; line-height:1 } 
.visualSlider_wrap .slogan .row > .in { display:inline-block; transform:translateY(150%); transition: 1s; } 
.visualSlider_wrap .slogan .tt.line { transform:scaleX(0); transform-origin:left center; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt { opacity:1; transform:translateY(0); transition:1.5s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt.dy1 { transition-delay:1s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(1) { transition-delay:0.2s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(2) { transition-delay:0.7s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(3) { transition-delay:1.2s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt:nth-child(4) { transition-delay:1.7s; } 
.visualSlider_wrap .el.swiper-slide-active .slogan .tt.line { transform:scaleX(1); } 


.visualSlider_control { position:absolute; left:0; bottom:2em; width:100%; z-index:10 } 
.visualSlider_control .paging { color:#fff; width: 100%; } 
.visualSlider_control .paging span { position:relative; background:rgba(255,255,255,.5); opacity:1; width:0; height:3px; border-radius:0; position:relative; } 
.visualSlider_control .paging .swiper-pagination-progressbar-fill { background: #fff; height: 100%; width: 100%; transform: scaleX(0); transform-origin: left; transition: transform 0s linear; } 

.visualControl { position: absolute; top: 60%; left: 0; width: 100%; z-index: 100 } 
.visualControl .box0 { position: relative } 
.visualControl .visualSlider-btn { width: 120px; cursor: pointer; line-height: 2.5em; color: #fff; outline: none; text-align: center } 
.visualControl .visualSlider-btn .xi { font-size: 1.5em } 
.visualControl .visualSlider-btn:hover { color: #fff; opacity: 1 } 
.visualControl .visualProgress { position:relative; text-align: center; margin-right: 2em } 
.visualControl .visualPauseWrap { position: absolute; width: 4.375em; text-align: center; top: 0 } 
.visualControl .visualPauseWrap .visualSlider-btn { line-height: 120px } 
.visualControl .visualPauseWrap .visualSlider-btn .xi { font-size: 1.5em; } 
.visualControl .Btn { color: rgba(255,255,255, .5); cursor: pointer; transition: .3s; } 
.visualControl .Btn:hover { color: rgba(255,255,255, 1); } 
.visualControl .Btn > .xi { font-size: 1.8em; } 
.visualControl .Btn.prev { margin-right: 1.5em; } 
.visualControl .visualPauseWrap .visualSlider-play { display: none } 
.visualControl .visualPauseWrap.pause .visualSlider-pause { display: none } 
.visualControl .visualPauseWrap.pause .visualSlider-play { display: block; opacity: 1; color: #fff } 
.visualControl .visualSlider-pagination { margin-top: 2em } 
.visualControl .visualSlider-pagination span { width: 1em; height: 1em; background: #fff; border-radius: 0; font-size: .625em; opacity: .7; margin: 0 .25em; transition: .3s } 
.visualControl .visualSlider-pagination span.swiper-pagination-bullet-active { width: 7em; opacity: 1; } 

#scrollAni { position: absolute; left: 50%; width: 6em; margin-left: -3em; text-align: center; bottom: 2em; opacity: 1; z-index: 100; text-decoration: none; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite } 
#scrollAni .xi { vertical-align: middle } 
#scrollAni .xi-mouse { font-size: 3em; color: #fff; margin-right: -7px } 
#scrollAni .xi-scroll { font-size: 2em; color: #fff; margin-left: -7px } 
#scrollAni .tt { display: block; color: #fff; font-size: .75em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0 } 
#scrollAni.hide { opacity: 0; z-index: -1 } 

@keyframes downAni { 60% { margin-bottom: 0 } 
80% { margin-bottom: -1em } 
100% { margin-bottom: 0 } 
 }

/*메인 어바웃*/
.main_aboutWrap{ display: flex; justify-content: space-between; gap: 4em;}
.main_aboutWrap .left{ width: 50%;}
.main_aboutWrap .left > .info{ display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.main_aboutWrap .left > .info > .btmT{}
.main_aboutWrap .left > .info > .btmT > .desc{ font-size: 1.15em; line-height: 1.6; color: #666;}
.main_aboutWrap .right{ width: 50%; position: relative;}
.main_aboutWrap .right .imgCon{ width: 100%; height: 56vh; border-radius: 2em; overflow: hidden;}
.main_aboutWrap .right .imgCon > .vod_wrap{ width: 100%; height: 100%;}
.main_aboutWrap .right .imgCon > .vod_wrap > .vod{ }
.main_aboutWrap .right .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}

.main_aboutWrap .control {gap: 0.5em; position: absolute; right: 10px; bottom: 10px;}
.main_aboutWrap .swiperBtn.btn{background: #fff; border-radius: 100px;}
/* .main_aboutWrap .swiperBtn:not(.xi).prev:before,
.main_aboutWrap .swiperBtn:not(.xi).next:before{color: #fff;} */

/**/
.h100 { height:100vh; box-sizing:border-box; } 
.h200 { height:200vh; box-sizing:border-box; } 
.h300 { height:300vh; box-sizing:border-box; } 

.page_tit { margin:0 0 1.25em 0 } 
.main .page_tit { margin: 0 0 3.5em 0; } 
.page_tit.c_white { color: #fff; } 
.page_tit.m0 { margin-bottom:0; } 
.page_tit.m1 { margin-bottom:2em; } 
.page_tit.m2 { margin-bottom: 1em; } 
.page_tit .tt { font-family: var(--fontJamsil); } 
.page_tit .tt * { vertical-align:baseline; } 
.page_tit .tt .info-tt { color: #888; font-size: 0.875rem; margin-top: 5px; } 
.page_tit .t1 { font-size: 3.215em; font-weight: 600; line-height: 1.2; } 
.page_tit .t2 { margin:.75em 0; color:#666; font-size:1.063em } 
.page_tit .t2:first-child { margin-top:0; } 
.page_tit .t3 { font-weight:700; font-size:1.515em; text-transform: uppercase; font-family: var(--fontBase); } 
.page_tit .t4 { font-weight:700; font-size:2.5em; line-height: 1.3; } 
.page_tit .t5 { font-weight:600; font-size:1.188em; text-transform: uppercase; } 
.page_tit .t6 { font-weight:500; font-size:.938em; } 
.page_tit .t7 { font-weight:500; font-size:1.063em; } 
.page_tit .t8 { font-weight:500; font-size:1.188em; color:#666; } 
.page_tit .t9 { font-weight: 600; font-size: 2.215em; } 

.main_con { position:relative; padding: 8em 0 8em ; word-break:keep-all; overflow: hidden; } 
.main_con.pb0 { padding-bottom: 0em; } 
.main_con.bg1 { background:var(--siteBg1); } 

.main_txt { position:relative; } 
.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:1.5em; 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 .o2 { opacity:.15; } 
.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.000em; } 
.main_txt .t9 { font-size:3.000em; } 
.main_txt .t10 { font-size:3.500em; } 
.main_txt .t11 { font-size:4.500em; } 
.main_txt .t12 { font-size:6.000em; } 

.main_txt .icon:before { content:""; } 
.main_txt .icon.st1 { display:inline-flex; align-items:center; gap:1em; } 
.main_txt .icon.st1:before { width:3.25em; height:1px; background:var(--siteC); } 
.main_txt .icon.white.st1 { color: #fff; } 
.main_txt .icon.white.st1:before { background: #fff; } 

.main_more.flex { gap:1em; } 
.main_more > .more { position:relative; gap:0 1em; padding:.5em 0; color:var(--siteC); transition:.2s; } 
.main_more > .more .in_tt { font-size:1.125em; font-weight:500; } 
.main_more > .more:not(.st1) .xi { display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.000em; width:2em; height:2em; background:var(--siteC); border-radius:50%; color:#fff; } 
.main_more > .more:not(.st1):after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:var(--siteC); transform:scaleX(0); transition:.2s; transform-origin:left bottom; } 
.main_more > .more:not(.st1):hover:after { transform:scaleX(1); } 

.main_more > .more.st1 { padding:0 0; width:3.5em; height:3.5em; 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 { gap:0 1.5em; height:3.5em; padding:0 2.75em 0 1.25em; border:1px solid var(--siteC); border-radius:6em; } 
.main_more > .more.st2:after { display:none; } 
.main_more > .more.st2:hover { background:var(--siteC); color:#fff; } 
.main_more > .more.st2:hover .xi { background:#fff; color:var(--siteC); } 

.main_txt.cw .tt { color:#fff; } 
.main_txt.cw .icon.st1:before { background:var(--crWhite); } 
.main_more.cw > .more { color:#fff; } 
.main_more.cw > .more:not(.st1) .xi { background:var(--siteC3); } 
.main_more.cw > .more:not(.st1):after { background:#fff; } 
.main_more.cw > .more.st1 { background:transparent; border-color:var(--siteC2); color:var(--siteC2); } 
.main_more.cw > .more.st1:hover { background:var(--siteC2); color:#fff; } 
.main_more.cw > .more.st2 { border-color:var(--siteC2); } 
.main_more.cw > .more.st2 .xi { background:var(--siteC2); } 
.main_more.cw > .more.st2:hover { background:var(--siteC2); } 
.main_more.cw > .more.st2:hover .xi { background:#fff; color:var(--siteC2); } 

.main_more > .btn { position:relative; display: flex; align-items: center; gap: 1em; min-width: 160px; width: auto; padding: 16px 24px; border-radius: 100px; font-size: 20px; letter-spacing: -0.03em; line-height: 1; vertical-align: middle; box-sizing: border-box; overflow: hidden; } 
.main_more > .bgMore { border: 1px solid #cacaca; background: rgba(0,0,0,.5); transition: .3s; } 
.main_more > .bgMore:hover { background: rgba(255,255,255,1); color: #111; } 

.main_txt .Entit { font-style: italic; } 
.main_txt .Entit i { font-style: italic; } 
.main_txt .Entit .ori { font-style: normal; margin-left: .15em; } 

.main_layout { gap:2em 6em; } 
.main_layout > li { } 
.main_layout > li.w1 { width:35%; } 
.main_layout > li.w2 { width:25%; } 
.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.5em; overflow:hidden; background: #333; border-color: #333; } 
.main_layout > li .wrap_img { position:relative; height:100%; } 
.main_layout > li.stickyT { height:100%; } 
.main_layout > li.inm1 { margin-top:8em; margin-left:10em; } 
.main_layout > li.inm2 { margin-top:-8em; } 

.table_info_txt{ margin-top: 1em;}
.table_info_txt > li{ margin-bottom: .2em;}
.table_info_txt > li:last-of-type{ margin-bottom: 0em;}
.table_info_txt > li > .con{ display: flex; gap: .25em;}
.table_info_txt > li > .con > .xi{ position:relative; top: -4px; color: var(--siteC);}
.table_info_txt > li > .con > .tt{ font-size: .9em; line-height: 1.2; color: #444;}


/************/

/*메인 오버뷰*/
.main_overview { padding: 8em 0; } 
.overview_wrapper { } 
.overview_wrapper .overviewTop { } 
.overview_wrapper .overviewTop .overTopCon { display: flex; align-items: end; justify-content: space-between; margin-bottom: 4em; } 
.overview_wrapper .overviewTop .overTopCon .desc { font-size: 1.215em; font-weight: 500; color: #999; line-height: 1.4; font-family: var(--fontJamsil); } 
.overview_wrapper .overviewTop .overTopCon .t1 { /* line-height: 1 !important; */ } 

.overview_vod { } 
.overview_vod .vod_wrap { position:relative; width: 100%; height: 50vh; border-radius: 50em; overflow: hidden; } 
.overview_vod .vod_wrap .tit { position: absolute; bottom: -25px; right: 1em; color: var(--siteC); line-height: 1; font-size: 10em; font-weight: 800; } 

.overviewNum { display: flex; gap: 4.5em; padding: 8em 0 0em 0; width: 1320px; margin: 0 auto; max-width: 96%; } 
.overviewNum .Numcon { flex: 1; } 
.overviewNum .Numcon .tit { font-size: 1.15em; text-align: center; font-weight: 400; font-family: var(--fontJamsil); color: #333; } 

/* 카운트 */
.countUp { display: flex; align-items: end; justify-content: center; margin-bottom: 2.5em; } 
.countUp .comma { font-size: 4.15em; line-height:1; } 
.countUp .count-num-box { display:flex; align-items:center; justify-content: center; font-size:3rem } 
.countUp .count-num-box .num { line-height: 1em; font-size: 16rem; color:#000000; font-weight:500; } 
.countUp .count-num-box .num.white { color: #fff; } 
.countUp .count-num-item-wrap { height:6.15em; overflow:hidden; } 
.countUp .count-num-item-wrap .count-num-item-box { height:68.3em; } 
.countUp .count-num-item-wrap .count-num-item-box .count-num-item { line-height: 1em; font-size: 6.15em; font-weight: 800; letter-spacing: -0.03em; font-family: var(--fontJamsil); } 
.countUp .txt { font-size: 1.7rem; font-weight: 500; margin-left: .35em; color: #000; line-height: 1.64; font-family: var(--fontJamsil); } 
.countUp .plus { position:relative; top: -18px; font-size: 4.515em; font-weight: 700; line-height: 1; } 
/* active */
.countUp.on .count-num-item-box { animation:count-up-ani 4s forwards; } 
.countUp.on .count-num-item-box.down { animation:count-down-ani 4s forwards; } 
@keyframes count-up-ani { 
 0% { transform: translate3d(0, 0, 0); } 
100% { transform: translate3d(0, -90%, 0); } 
 }
@keyframes count-down-ani { 
 0% { transform: translate3d(0, -90%, 0); } 
100% { transform: translate3d(0, 0, 0); } 
 }

/*메인 퍼포먼스*/
.main_performance { overflow: hidden; } 
.performance_wrapper { position:relative; padding: 0 0 0 12.6%; /* left: 12.6%; */ } 
.performance_wrapper .main-tab{ padding-right: 14.5%;}
.performance_wrapper .bgContents { position: absolute; right: -35em; top: -7em; } 
.performance_wrapper .bgContents > img { width: 150vw; height: 100%; filter: grayscale(1); opacity: .04; object-fit: contain; } 
.performance_wrapper .viewImg { display: flex; gap: 3em; align-items: end; } 
.performance_wrapper .viewImg .big_wrap { width: 60%; overflow: visible; } 
.performance_wrapper .viewImg .big_wrap .wide { } 
.performance_wrapper .viewImg .big_wrap .wide > .ImgCon { width: 100%; height: 70vh; border-radius: 1em; overflow: hidden; } 
.performance_wrapper .viewImg .big_wrap .wide > .ImgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.performance_wrapper .viewImg .big_wrap .info { position: absolute; left: 100%; top: 5%; display: flex; align-items: start; flex-direction: column; width: calc(40% - 47px); height: 59%; padding-left: 47px; } 
.performance_wrapper .viewImg .big_wrap .control { position: absolute; left: 100%; top: 32%; display: flex; gap: .5em; width: calc(40% - 47px); padding-left: 47px; } 
.performance_wrapper .viewImg .big_wrap .control .swiperBtn { width: 5em; height: 5em; border: 1px solid #ddd; border-radius: 50%; cursor: pointer; } 
.performance_wrapper .viewImg .big_wrap .info .Num { font-size: 1.515em; font-weight: 600; margin-bottom: .5em; font-family: var(--fontJamsil); color: var(--siteC); } 
.performance_wrapper .viewImg .big_wrap .info .tit { font-size: 2.15em; font-weight: 600; font-family: var(--fontJamsil); } 
.performance_wrapper .viewImg .big_wrap .info .desc { font-size: 1.063em; line-height: 1.4; font-family: var(--fontJamsil); color: #666; margin-top: 1em; } 
.performance_wrapper .viewImg .thumb_wrap { width: 40%; } 

.viewSliderThumb { } 
.viewSliderThumb { } 
.viewSliderThumb .thumbImg { width: 100%; height: 25vh; border-radius: .5em; overflow: hidden; border: 2px solid transparent; } 
.viewSliderThumb .swiper-slide-thumb-active .thumbImg { border: 2px solid var(--siteC); } 
.viewSliderThumb .thumbImg > img { width: 100%; height: 100%; object-fit: cover; } 

/*메인 서포트*/
.main_support { position: relative; height: 260vh; color: #fff; background: #fff; z-index: 2; } 
.main_support .sticky { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; } 
.main_support .supportBg { position:relative; } 
.main_support .supportBg .opacity { position: absolute; top: 0; left: 0; /* background-color: rgba(0,0,0, .2); */ width: 100%; height: 100%; content: ''; z-index: 2; } 
.main_support .support_wrapper { position: absolute; width: 1420px; align-items: center; display: flex; gap: 2em; justify-content: space-between; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; } 
.main_support .support_wrapper .page_tit { width: 50%; } 
.main_support .support_wrapper .supporBox_wrap { width: 45%; } 
.main_support .support_wrapper .supporBox_wrap .el { margin-bottom: 2em; } 
.main_support .support_wrapper .supporBox_wrap .el:last-of-type { margin-bottom: 0em; } 
.main_support .support_wrapper .supporBox_wrap .con { padding: 3em 5em 3em 7.5em; border-radius: 10em; box-sizing: border-box; background: rgba(16, 16, 16, .6); transition: 1s; } 
.main_support .support_wrapper .supporBox_wrap .con .titcon { position: relative; } 
.main_support .support_wrapper .supporBox_wrap .con .titcon .tt { color: #fff; font-size: 1.815em; font-weight: 600; font-family: var(--fontJamsil); margin-bottom: .75em; } 
.main_support .support_wrapper .supporBox_wrap .con .titcon .icon { position: absolute; top: 0; left: -3em; } 
.main_support .support_wrapper .supporBox_wrap .con .titcon .icon > img { width: 2.25em; filter: brightness(0) invert(1); } 
.main_support .support_wrapper .supporBox_wrap .con .desc { font-size: 1.215em; word-break: keep-all; line-height: 1.6; font-family: var(--fontJamsil); color: rgba(255,255,255, .8); } 

.main_support .support_wrapper .supporBox_wrap .con.on { background: rgba(54, 169, 225, .6); } 

/*메인 유지보수*/
.main_gallery .galleryTop { padding-right: 14.5%; align-items: end; margin-bottom: 3em; } 
.main_gallery .mainGallerySlider { } 
.main_gallery .mainGallerySlider .el { } 
.main_gallery .mainGallerySlider .el .inner { } 
.main_gallery .mainGallerySlider .el .inner .imgCon { width: 100%; height: 30vh; border-radius: .5em; overflow: hidden; } 
.main_gallery .mainGallerySlider .el .inner .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.main_gallery .mainGallerySlider .el .inner .infoCon { padding: 0 .5em; box-sizing: border-box; } 
.main_gallery .mainGallerySlider .el .inner .tit { margin-top: 1.5em; margin-bottom: 1em; height: 2.5em; line-height: 1.4; font-size: 19px; font-weight: 500; font-family: var(--fontJamsil); } 
.main_gallery .mainGallerySlider .el .inner .date { font-size: 1em; color: rgba(0,0,0, .6); font-family: var(--fontJamsil); } 

.main_gallery .mainGallerySlider .el .inner:hover .tit { text-decoration: underline; } 

/*메인 공지*/
.notice_wrapper { padding-bottom: 120px; padding-top: 140px; } 
.notice_wrapper .noti_innerWrapper { display: flex; justify-content: space-between; padding: 2.5em 3em; box-sizing: border-box; background: var(--siteC2); border-radius: 1em; } 
.notice_wrapper .noti_inner { position:relative; width: 90%; display: flex; align-items: center; } 
.notice_wrapper .noti_inner .type { align-items: center; border: 1px solid var(--siteC); border-radius: 50px; color: #fff; display: flex; font-weight: 600; background: var(--siteC); flex-shrink: 0; font-size: 14px; height: 39px; justify-content: center; width: 84px; margin-right: 1.5em; } 
.notice_wrapper .noti_inner .tt { font-size: 1.215em; font-family: var(--fontJamsil); font-weight: 500; padding-right: 3em; color: var(--crBlack) } 
.notice_wrapper .noti_inner .date { position: absolute; top: 50%; right: 0; transform: translateY(-50%); color: rgba(0,0,0, .6); font-size: 1em; font-family: var(--fontJamsil); } 
.notice_wrapper .moreCon { display: flex; align-items: center; } 
.notice_wrapper .moreCon .line { width: 1px; height: 18px; background: var(--siteC); } 
.notice_wrapper .moreCon .more { margin-left: 2em; color: var(--crBlack); display: flex; letter-spacing: -0.01em; font-weight: 500; align-items: center; font-family: var(--fontJamsil); } 

.notice_wrapper .noti_inner .tt:hover { text-decoration: underline; } 

/*메인 공지*/
.main_inquiry { position:relative; width: 100%; /* height: 60vh; */ overflow: hidden; } 
.main_inquiry:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; z-index: 1; } 
.main_inquiry .inquiryBg { } 
.main_inquiry .inquiryBg > img { width:100%; object-fit: cover; } 
.main_inquiry .infoWrapper { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; } 
.main_inquiry .inquiryBg .img_wrapper { } 
.main_inquiry .inquiryBg .img_wrapper .img { position: absolute; left: 0; top: 0; width: 100%; height: 130%; background-image: url(../images/main/inquiry_bg.jpg); background-size: cover; background-position: center; } 


.select-wrapper { position:relative; } 
.select-wrapper:before { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); font-size: 1.5rem; color: #fff; transition: all .4s ease-in-out; font-family: 'xeicon'; z-index: 2; } 
.select-wrapper:not(.selected):before { content: '\e936' } 
.select-wrapper.selected:before { content: '\e930'; } 

#opSelect { position:relative; color: #fff; } 
#opSelect:focus { color: #fff; } 
#opSelect option { color: #111; } 
#opSelect:focus option { color: black; } 

.main_inquiry .main_layout { position: relative; z-index: 2; } 
.main_inquiry .form_wrap { } 
.main_inquiry .form_wrap .form { gap:.5em; font-size:.95em; } 
.main_inquiry .form_wrap .form > li { position: relative; } 
.main_inquiry .form_wrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 0.25rem; } 
.main_inquiry .form_wrap .form > li:not(.w100) { width:calc(50% - .25em); } 
.main_inquiry .form_wrap .form > li .inp_wrap { position:relative; } 
.main_inquiry .form_wrap .form > li .inp_wrap .tit,
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea) { height:4em; } 
.main_inquiry .form_wrap .form > li .inp_wrap .tit { position:absolute; top:0; left:0; padding-left:1.5em; } 
.main_inquiry .form_wrap .form > li .inp_wrap .tit .tt { font-size:.95em; font-weight:600; color: #fff; } 
.main_inquiry .form_wrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; padding-left:7em; } 
.main_inquiry .form_wrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.main_inquiry .form_wrap .form > li .inp_wrap .input_st { border:none; background: transparent; color: #fff; border-radius: .15em; outline: 1px solid transparent; transition: all .4s ease-in-out; } 
.main_inquiry .form_wrap .form > li .inp_wrap input:focus { outline: 1px solid #fff; } 
.main_inquiry .form_wrap .form > li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(0,0,0, .5) inset !important; background-color: transparent !important; color: #fff !important } 
.main_inquiry .form_wrap .form_chk { margin-top:2em; } 
.main_inquiry .form_wrap .form_chk .chk { gap:1em; } 
.main_inquiry .form_wrap .form_chk .btn .input_st { background: transparent; color: #fff; width:12em; border: 4px solid rgba(255, 255, 255, .4); transition: all .4s ease-in-out; } 
.main_inquiry .form_wrap .form_chk .btn .input_st:hover { border: 4px solid #fff; } 
.main_inquiry .label_st input ~ .tt { color: #fff; } 

.main_inquiry .form_wrap .form > li .inp_wrap .inp_inner.captcha > .cap { flex:1; } 
.main_inquiry .form_wrap .form > li .inp_wrap .inp_inner.captcha > .captcha-inner { margin-left: 0.5em; } 
.main_inquiry .captcha_wrap { width: 98%; } 
.main_inquiry #capthaReload { color: #fff; } 


/*메인 어바웃*/

/**/
.main_product { position: relative; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } 
.main_product .page_mq { position: absolute; left: 0; bottom: -2em; width: 100%; z-index: 0; } 
.main_product .gsBg { /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; */ } 
.main_product .sideTab { width: 50%; position: relative; margin-left: auto; z-index: 88; max-width: 400px; height: 100vh; border-right: 1px solid rgba(0,0,0, .15); } 
.main_product .sideTab > .fixTab { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.main_product .sideTab > .fixTab > li { letter-spacing: -0.02em; box-sizing: border-box; margin-bottom: 30px; position: relative; color: rgba(0, 0, 0, 0.4); text-align: right; transition-duration: 0.4s; cursor: pointer; } 
.main_product .sideTab > .fixTab > li > a { padding: 10px 20px; display: block; width: 100%; box-sizing: border-box; } 
.main_product .sideTab > .fixTab > li:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #595959; position: absolute; top: 50%; right: -12px; transform: translate(-50%, -50%); transition-duration: 0.4s; } 

.main_product .sideTab > .fixTab > li.on { font-size: 1.35em; font-weight: 700; color: var(--siteC); } 
.main_product .sideTab > .fixTab > li.on:before { background: var(--siteC); } 

.main_product .prodWrap { position: relative; width: 100%; height: 100%; } 
.main_product .prodWrap .prodImg { width: 100%; max-width:650px; position: absolute; top: 50vh; transform: translate(-30%, -50%); left: 50%; opacity: 0; transition-duration: 0.4s; border-radius: 50%; overflow: hidden; transition: 1s; } 
.main_product .prodWrap .prodImg.on { opacity: 1; transform: translate(-40%, -50%); } 
.main_product .prodList-wrapper { width: calc(780 / 1912* 100%); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.main_product .prodWrap .prodImg:after { display: block; padding-bottom: 100%; content: ''; } 
.main_product .txt_list { } 
.main_product .txt_list .txtInfo { visibility: hidden; width: 25%; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; position: absolute; top: 50%; transform: translateY(-30%); opacity: 0; z-index: 2; transition: 1s; } 
.main_product .txt_list .txtInfo.on { transform: translateY(-50%); opacity: 1; visibility: visible; } 
.main_product .txt_list .txtInfo .txtBox { } 
.main_product .txt_list .txtInfo .txtBox .sub-tit { margin-top: .75em; font-size: 1.315em; font-weight: 600; margin-bottom: .75em; } 
.main_product .txt_list .txtInfo .txtBox h2 { font-size: 1.315em; font-weight: 600; line-height: 1; margin-bottom: 1.5em; color: var(--siteC); } 
.main_product .txt_list .txtInfo .txtBox h1 { font-size: 2.515em; font-weight: 700; line-height: 1.2; margin-bottom: 1em; } 
.main_product .txt_list .txtInfo .txtBox .desc { font-size: 1.063em; line-height: 1.4; font-weight: 500; color: #444; } 

/*메인 컨텍트*/
.main_contact { position:relative; background: #f5f5f5; } 
.main_contact .contactBg { position: relative; width: 100%; height: 45vh; overflow: hidden; width: 100%; } 
.main_contact .contactBg > img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transform: scale(1.15); } 
.main_contact .contactBg .title { position: absolute; width: 100%; text-align: center; bottom: -1.25em; left: 50%; transform: translateX(-50%); color: #fff; } 
.main_contact .contactBg .title .sub-tit { font-size: 3em; } 
.main_contact .contactBg .title .tit { font-size: 8em; font-weight: 800; line-height: 1; letter-spacing: -0.03em; } 

.main_contact .map-wrapper { display: flex; gap: 2em; } 
.main_contact .map-wrapper .mapBoard { width: 40%; } 
.main_contact .map-wrapper .mapBoard iframe { width: 100%; height: 100%; border-radius: 2em; overflow: hidden; } 
.main_contact .map-wrapper .mapInfo { width: 60%; padding: 3.5em 3.5em 5em 3.5em; box-sizing: border-box; border-radius: 2em; overflow: hidden; background: var(--crBlack); } 
.main_contact .map-wrapper .mapInfo .site_name { font-size: 3.15em; font-weight: 700; color: #fff; padding-bottom: .315em; border-bottom: 1px solid rgba(255,255,255, .2); } 
.main_contact .map-wrapper .mapInfo .siteInfoL { display: flex; flex-wrap: wrap; gap: 2em; margin-top: 3.5em; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li { position: relative; width: calc(50% - 1em); overflow: hidden; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li:before { position: absolute; bottom: 0px; left: 10px; width: 100%; height: 2px; background: #fff; content: ''; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner { display: flex; align-items: center; gap: 1em; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner > .infoT { position: relative; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner > .infoT .tit { letter-spacing: -0.03em; font-size: 1.15em; font-weight: 600; margin-bottom: .5em; color: #fff; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner > .icon { display: flex; align-items: center; justify-content: center; border-radius: 10px 10px 0 10px; width: 5em; min-width: 5em; height: 6em; background: #fff; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner > .icon > .xi { font-size: 2.15em; color: #272727; } 
.main_contact .map-wrapper .mapInfo .siteInfoL > li > .inner > .infoT .tt { font-size: 1.063em; color: rgba(255,255,255, .9); font-weight: 500; } 


.main_contact .contactInfo_wrap { padding: 6em 0; } 
.main_contact .contactInfo_wrap .contact-subT { font-size: 1.415em; line-height: 1.4; word-break: keep-all; color: #444; text-align: center; margin-bottom: 4em; } 

/*메인 data go*/
.linkBanner { position: absolute; right: 5em; bottom: 6em; width: 11em; cursor: pointer; z-index: 996; } 
.linkBanner .svgtt { width:100%; height:100% } 
.linkBanner .svgtt .tt { font-weight:500; text-transform:uppercase; font-size:1.26em; fill: #fff; letter-spacing:.225em } 
.linkBanner .svgtt .tt .c1 { fill:#999 } 
.linkBanner .in { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.linkBanner .in a{ width: 100px; height: 100px; border-radius: 100px; background: var(--siteC); display: block; text-align: center; line-height: 100px; color: #fff;} 
.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.125em; font-weight:700; position:relative; color:#fff; padding-bottom:1em } 

/*메인 텍스트 슬라이드*/
.marqueeAni { animation-name: marqueeAni; animation-duration: 30s; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
 }
.marqueeAni.sp1 { animation-duration: 40s; } 
.page_mq { overflow:hidden; } 
.page_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; text-transform: uppercase; } 
.page_mq .mqTT.bod { border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; } 
.page_mq .mqTT.c1 { color: #f8f8f8; } 
.page_mq .mqTT.c2 { color: #666; } 
.page_mq .mqTT > * { margin:0 .215em; } 
.page_mq .mqTT.sp1 > * { margin: 0 .15em; } 
.page_mq .mqTT .name { margin: 0 .375em 0 0; } 
.page_mq .mv_tit { } 
.page_mq .mv_tit .tit { font-weight: 900; } 
.page_mq .mv_tit .tit.fs1 { font-size: 9em; } 
.page_mq .mv_tit .tit.fs2 { font-size: 20em; } 

/*main map*/
.main_nationwide { background: #f7f7f7;} 
.sub .main_nationwide{ padding: 4em 0; background: #fff;}
.nationWideWrap { display: flex; gap: 8em; align-items: center; } 
.nationWideWrap .nation_txtW { } 
.nationWideWrap .nation_txtW .item { margin-bottom: 3em; } 
.nationWideWrap .nation_txtW .item .tit { font-size: 1.315em; font-weight: 700; margin-bottom: 1em; } 
.nationWideWrap .nation_txtW .item .txtArea { } 
.nationWideWrap .nation_txtW .item .txtArea > li { position: relative; padding-left: 1.15em; margin-bottom: .75em; font-size: 1.063em; font-weight: 600; } 
.nationWideWrap .nation_txtW .item .txtArea > li:before { position: absolute; left: 1px; content: '-'; } 
.nationWideWrap .nation_txtW .item .txtArea > li:last-of-type { margin-bottom: 0em; } 
.nationWideWrap .nation_txtW .item .txtArea > li > .tt { } 
.sub .nationWideWrap .nation_txtW .item .txtArea{ padding: 2em; box-sizing: border-box; background: #f5f5f5; border-radius: .5em;}
.sub .nationWideWrap .nation_img{ margin-bottom: 3em;}

.nationWideWrap .nation_img { position: relative; width: 100%; height: 20em; border-radius: 1em; overflow: hidden; margin-bottom: 3em;} 
.nationWideWrap .nation_img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; } 
.nationWideWrap .nation_img .locationT { position: absolute; bottom: 2em; width: 100%; padding: 0 2em; box-sizing: border-box; } 
.nationWideWrap .nation_img .locationT .tit { font-size: 1.315em; font-weight: 700; margin-bottom: .65em; color: #fff; } 
.nationWideWrap .nation_img .locationT .txt { font-size: 1.063em; line-height: 1.4; color: rgba(255,255,255, .8); } 
.nationWideWrap .nation_img > img { width: 100%; height: 100%; object-fit: cover; } 

.nationWideWrap .right,
.nationWideWrap .left { width: 50%; } 
.nationWideWrap .left .page_tit .t3 { color: var(--siteC); } 

.nationWideWrap .right { position: relative; } 
.nationWideWrap .right .map_in > img { width: 100%; height: 100%; object-fit: contain; filter: var(--crBlackfil); transition: .5s; } 
.main_nationwide.on .nationWideWrap .right .map_in > img { filter: var(--crWhitefil); } 

.coord .marker { position: absolute; } 
.coord .marker .nation_name { position: absolute; width: auto; min-width: 4vw; height: 2.2em; background: var(--siteC3); box-shadow: 3px 2px 12px rgba(0, 0, 0, .2); border-radius: 100px; display: flex; align-items: center; justify-content: center; } 
.coord .marker .nation_name > p { font-size: .9em; font-weight: 500; letter-spacing: -0.02em; color: #fff; } 
.coord .marker .nation_name:after { display: inline-block; position: absolute; content: ''; width: 2.5em; height: 2px; background: var(--siteC3) } 

.coord .marker .nation_name.lt_up { top: calc(max(24.42px, 2.708854vw) * -1); right: max(5.86px, 0.0671875vw); } 
.coord .marker .nation_name.lt_up:after { top: max(25.08px, 2.4739583333vw); right: calc(max(11.22px, 1.1067708333vw) * -1); transform: rotate(45deg); } 

.coord .marker .nation_name.lt_down { bottom: calc(max(18.48px, 3.2229166667vw) * -1); right: max(1.84px, 0.0625vw); } 
.coord .marker .nation_name.lt_down:after { top: calc(max(1.32px, 0.202083333vw) * -1); right: calc(max(11.88px, 1.171875vw) * -1); transform: rotate(310deg); } 

.coord .marker .nation_name.rt_down { bottom: calc(max(22.44px, 3.85416667vw) * -1); left: max(15.18px, 1.5573958333vw); } 
.coord .marker .nation_name.rt_down:after { bottom: max(23.76px, 2.34375vw); left: calc(max(11.682px, 1.15234375vw) * -1); transform: rotate(45deg); } 

.coord .marker .nation_name.rt_up { bottom: max(10.46px, 0.582291667vw); left: max(13.86px, 1.3671875vw); } 
.coord .marker .nation_name.rt_up:after { bottom: calc(max(5.94px, 0.5859375vw) * -1); left: calc(max(11.22px, 1.1067708333vw) * -1); width: max(18.48px, 1.8229166667vw); transform: rotate(310deg); } 

.coord .marker .point { position: absolute; display: block; width: 1.4em; height: 1.4em; } 
.coord .marker .point span { display: block; position: absolute; top: 0; left: 0; width: 1.415em; height: 1.415em; background: var(--siteC3); border-radius: 50%; opacity: .3; box-shadow: 3px 2px 12px rgba(0, 0, 0, .2); animation: spotAni; animation-duration: 1s; animation-iteration-count: infinite; animation-direction:alternate; } 
.coord .marker .point em { display: block; z-index: 11; position: absolute; top: 50%; left: 50%; width: max(5.28px, 0.5208333333vw); height: max(5.28px, 0.5208333333vw); border-radius: 50%; background-color: #fff; transform: translate(-50%, -50%); } 
.coord .marker .point em:after { content: ""; position: absolute; top: 50%; left: 50%; width: max(2.64px, 0.2604166667vw); height: max(2.64px, 0.2604166667vw); border-radius: 50%; background-color: var(--siteC3); transform: translate(-50%, -50%); } 
@keyframes spotAni { 
 0% { transform:scale(1); } 
100% { transform:scale(1.3); } 
 }

.coord .marker.marker1 { top: 21%; left: 24%; } 
.coord .marker.marker2 { top: 22%; left: 18%; } 
.coord .marker.marker3 { top: 26%; left: 30%; } 
.coord .marker.marker4 { top: 24%; left: 44%; } 
.coord .marker.marker5 { top: 48%; left: 38%; } 
.coord .marker.marker6 { bottom: 32%; left: 23%; } 
.coord .marker.marker7 { bottom: 42%; right: 39%; } 
.coord .marker.marker8 { bottom: 32%; right: 35%; } 
.coord .marker.marker9 { bottom: 32%; right: 29%; } 
.coord .marker.marker10 { bottom: 39%; right: 26%; } 
.coord .marker.marker11 { bottom: 6%; left: 23%; } 
.coord .marker.marker12 { top: 13%; right: 42.5%; } 




/* page style */
.page_txt:not(:last-child) { margin-bottom:3.5em; } 
.page_txt.m0 { margin-bottom:.75em; } 
.page_txt.m1 { margin-bottom:1.25em; } 
.page_txt.m2 { margin-bottom:5em; } 

/**/
.page_tt { font-size:1em; word-break:keep-all; line-height:1.4; } 
.page_tt > .tt + .tt { margin-top:1.25em; } 
.page_tt.o1 { opacity:.7; } 
.page_tt.o2 { opacity:.1; } 
.page_tt.s1 { font-size:0.938em } 
.page_tt.s2 { font-size:1.063em } 
.page_tt.s3 { font-size:1.125em } 
.page_tt.s4 { font-size:1.250em } 
.page_tt.s5 { font-size:1.313em } 
.page_tt.s6 { font-size:1.500em } 
.page_tt.s7 { font-size:1.875em } 
.page_tt.s8 { font-size:2.250em } 
.page_tt.s9 { font-size:2.500em } 
.page_tt.s10 { font-size:3.000em } 
.page_tt.s11 { font-size:3.500em } 
.page_tt.s12 { font-size:4.000em; } 
.page_tt.s13 { font-size:4.500em; } 
.page_tt.s14 { font-size:5.000em; } 

.page_col { gap:2em 6em; } 
.page_col.gp1 { } 
.page_col > li { } 
.page_col > li.w1 { width:45%; } 
.page_col > li.w2 { width:26%; } 
.page_col + .page_col { margin-top:8em; } 
.page_col > li .p1 { padding:4em 0 5em 0; } 
.page_col > li .p2 { padding:1.5em 0 2em 0; } 
.page_col > li .round { border-radius:1.5em; overflow:hidden; } 
.page_col > li .wrap_img:not(.resize) { position:relative; height:100%; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.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 .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst5 > 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; } 
.flex_box:has(.BoxList > li:nth-child(1):nth-last-child(1)) .BoxList > li,
.flex_box:has(.BoxList > li:nth-child(3):nth-last-child(1)) .BoxList > li:last-child,
.flex_box:has(.BoxList > li:nth-child(5):nth-last-child(1)) .BoxList > li:last-child,
.flex_box:has(.BoxList > li:nth-child(7):nth-last-child(1)) .BoxList > li:last-child,
.flex_box:has(.BoxList > li:nth-child(9):nth-last-child(1)) .BoxList > li:last-child,
.flex_box:has(.BoxList > li:nth-child(11):nth-last-child(1)) .BoxList > li:last-child { flex: 1 1 100%; max-width: 100%; } 

/**/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.mt0 { margin-top: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; letter-spacing: -0.03em; font-weight: 500; font-size: 1.063em; } 
.page_dot_list > li > .con { display: flex; } 
.page_dot_list > li > .txt { font-size: 1.063em; } 
.page_dot_list > li:before { position: absolute; left: -15px; top: -1px; content: '-'; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_dot_list.ty1 > li { position: relative; margin-bottom: .5em; letter-spacing: 0em; font-weight: 500; } 
.page_dot_list.ty1 > li:before { position: absolute; left: -15px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 

.page_dot_list.s1 > li { font-size: .9em; } 
.page_dot_list.s2 > li { font-size: 1.063em; line-height: 1.4; } 
.page_dot_list.s3 > li { font-size: 1.15em; line-height: 1.4; } 
.page_dot_list.w1 { display: flex; flex-wrap: wrap; gap: 1em; } 
.page_dot_list.w1 > li { width: calc(50% - .5em); margin-bottom: 0em; padding-right: .5em; box-sizing: border-box; } 

.page_dot_list.w2 { display: flex; flex-wrap: wrap; gap: .5em; } 
.page_dot_list.w2 > li { width: calc(33.33% - .5em); margin-bottom: 0em; } 

.page_dot_list.c1 { color: #111; } 
.page_dot_list.c2 { color: #222; } 
.page_dot_list.c3 { color: #333; } 
.page_dot_list.c4 { color: #444; } 

.page_dot_list.sqL > li:before { width: 8px; height: 8px; background: var(--siteC); top: 7px; content: ''; } 
.page_dot_list > li.sq:before { position: absolute; top: 7px; width: 7px; height: 7px; background: transparent; border: 1px solid var(--siteC); content: ''; } 
.page_dot_list > li.cir:before { background: transparent; width: 7px; height: 7px; top: 6px; border: 1px solid var(--siteC); border-radius: 50%; } 

/*인증서*/
.page_certificate { } 
.page_certificate .list { gap: 6em 2em; } 
.page_certificate .list > li { position: relative; flex: 0 0 calc(25% - 1.5em); cursor: pointer; } 
.page_certificate .list > li .img-area { position: relative; height: 20em; padding: 2.5em; background: #f8f8f8; 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: #fff; background: var(--siteC); opacity: 0; visibility: hidden; transition: 0.3s; } 
.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; } 

/*문의*/
.inquiry-con .page_col .gsimgFix .posImg img { position: absolute; bottom: 0; width: 100%; height: 130%; } 
.inquiry-con .page_col .gsimgFix .posImg { position: relative; height: 100%; min-height: 90vh; } 
.inquiry-con { } 
.inquiry-con .form_wrap { } 
.inquiry-con .form_wrap .form { gap: 2em 1em; font-size: 1.063em; } 
.inquiry-con .form_wrap .form > li { } 
.inquiry-con .form_wrap .form > li:not(.w100) { width: calc(50% - .5em); } 
.inquiry-con .form_wrap .form > li .inp_wrap { position: relative; } 
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) { height: 2.75em; } 
.inquiry-con .form_wrap .form > li .inp_wrap .tit { padding-bottom: 0.5em; } 
.inquiry-con .form_wrap .form > li .inp_wrap .tit .tt { font-size: 1.063em; font-weight: 600; } 
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(select, textarea):focus { border-bottom: 1px solid var(--siteC2); } 
.inquiry-con .form_wrap .form > li .inp_wrap .input_st:not(textarea) { width: 100%; padding: 0.625rem 0; } 
.inquiry-con .form_wrap .form > li .inp_wrap select.input_st { border: 1px solid #ddd; border-radius: 5px; padding-left: 1em; } 
.inquiry-con .form_wrap .form > li .inp_wrap textarea.input_st { padding-left: 0.625rem; height: 8em; resize: none; border: 1px solid #ddd; border-radius: 5px; } 
.inquiry-con .form_wrap .form > li .inp_wrap textarea.input_st:focus { border-color: var(--siteC2); } 
.inquiry-con .form_wrap .form > li .inp_wrap .input_st { border: none; /* box-shadow: 0 2px 1em rgba(0, 0, 0, .05); */ border-bottom: 1px solid #ddd; } 
.inquiry-con .form_wrap .form_chk { margin-top: 2em; } 
.inquiry-con .form_wrap .form_chk .chk { gap: 1em; } 
.inquiry-con .form_wrap .form_chk .btn .input_st { width: 10em; } 
.form_chk .label_st input[type=checkbox],
.form_chk .label_st input[type=radio] { width: auto; height: auto; overflow: visible; margin-bottom: auto; } 
.inquiry-con .inquiry-bg-wrap { position: relative; height: 100%; } 
.inquiry-con .inquiry-bg-wrap .img-area { position: absolute; width: 50vw; height: inherit; overflow: hidden; border-radius: 1em 0 0 1em; } 

/*인사말*/
.greeting_wrapper { display: flex; align-items: center; gap: 6em; } 
.greeting_wrapper .left { width: 45%; overflow: hidden; border-radius: 1em; } 
.greeting_wrapper .left > .imgCon { width: 100%; height: 100%; } 
.greeting_wrapper .left > .imgCon > img { width: 100%; height: 100%; object-fit: cover; border-radius: 1em; overflow: hidden; transform: scale(1.27); } 
.greeting_wrapper .right { width: 55%; } 
.greeting_wrapper .right > .txtTop { margin-bottom: .5em } 
.greeting_wrapper .right > .txtTop > .tit { font-size: 2.615em; font-weight: 600; } 
.greeting_wrapper .right > .txtTop > .sub_tit { font-size: 1.315em; margin: 1em 0 2em 0; font-weight: 600; margin-top: .75em; } 
.greeting_wrapper .right > .txtArea { } 
.greeting_wrapper .right > .txtArea > .tt { font-size: 1.063em; line-height: 1.6; color: #666; margin-bottom: 1.5em; } 
.greeting_wrapper .right > .txtArea > .tt:last-of-type { margin-bottom: 0em; } 
.greeting_wrapper .right > .txtArea > .ceo { font-size: 1.215em; line-height: 1; font-weight: 500; margin-top: 2em; align-items: end; } 
.greeting_wrapper .right > .txtArea > .ceo > i { font-size: 1.415em; letter-spacing: .2em; font-weight: 700; vertical-align: baseline; margin-left: .25em; } 
.greeting_wrapper .right > .txtArea > .ceo > span { margin-right: .25em; } 

/*유지보수*/
.moveImg { position: relative; width: 100%; overflow: hidden; } 
.moveImg .opacity { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); z-index: 1; content: ''; } 
.moveImg .img { position: absolute; left: 0; top: 0; width: 100%; height: 130%; background-image: url(../images/sub/mainten_bg.jpg); background-size: cover; background-position: center; } 
.moveImg .img.partner{ background-image: url(../images/sub/partner_bg.jpg);}
.moveImg .moveTit_wide { padding: 11.5em 0; text-align: center; position: relative; z-index: 2; } 
.moveImg .moveTit_wide .tit { font-size: 2.15em; font-weight: 600; margin-bottom: .75em; color: #fff; } 
.moveImg .moveTit_wide .desc { color: rgba(255,255,255, .9); font-size: 1.063em; line-height: 1.4; } 

.mainten_Wrap { background: #fff; padding: 6em 0 8em 0; } 
.maintenBox { } 
.maintenBox .item { display: flex; gap: 2em; margin-bottom: 3em; } 
.maintenBox .item .leftB { width: 40%; display: flex; flex-direction: column; border-radius: 1.5em; overflow: hidden; justify-content: space-between; padding: 3em; box-sizing: border-box; background: #f7f7f7; border: 1px solid #ddd; transition: .3s; } 
.maintenBox .item .leftB .numT { } 
.maintenBox .item .leftB .numT > p { font-size: 2.515em; font-weight: 700; color: rgba(0,0,0, .1); transition: .3s; } 
.maintenBox .item .leftB .btmT { } 
.maintenBox .item .leftB .btmT .tit { font-size: 2.315em; font-weight: 700; margin-bottom: .6em; transition: .3s; } 
.maintenBox .item .leftB .btmT .desc { font-size: 1.063em; line-height: 1.4; color: rgba(0,0,0, .9); transition: .3s; } 
.maintenBox .item .rightB { flex: 1; } 
.maintenBox .item .rightB > .img_con { width: 100%; height: 27.5em; border-radius: 1.5em; overflow: hidden; }
.maintenBox .item .rightB > .img_con > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: 2s;} 

.maintenBox .item:nth-child(1) .rightB > .img_con {height: 34.5em;}

.maintenBox .item.on .leftB { background: var(--siteC); border: 1px solid var(--siteC); } 
.maintenBox .item.on .leftB .numT > p { color: #ddf4ff7a; } 
.maintenBox .item.on .leftB .btmT .desc,
.maintenBox .item.on .leftB .btmT .tit { color: #fff; } 
.maintenBox .item.on .rightB > .img_con > img{ transform: scale(1);}

/*회사소개*/
.pageWrapper .page_con { position:relative; padding: 0 0 6em 0; } 
.pageWrapper .page_con:last-of-type{ padding-bottom: 0em;}
.comImg { } 
.comImg > li { } 
.comImg > li > .in { } 
.comImg > li > .in > .imgCon { width: 100%; height: 27em; border-radius: 1em; overflow: hidden; } 
.comImg > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

.page_overview { overflow: hidden; } 
.page_overview .page_mq { position: absolute; top: 23em; } 
.page_overview .page_mq .anitit { font-size: 10em; font-weight: 600; color: rgba(0,0,0, .05); } 
.business-con01 .area { position: relative; width: 100%; height: 550px; -webkit-box-sizing: border-box; box-sizing: border-box; } 

.business-cir { position: absolute; top: 40px; left: 0; right: 0; margin: auto; width: 550px; height: 550px; border: 1px dashed var(--siteC); -webkit-border-radius: 100%; border-radius: 100%; } 
.business-cir:before { position: absolute; top: 50%; left: 50%; margin-top: -250px; margin-left: -250px; display: block; content: ''; width: 500px; height: 500px; background: url("../images/inc/line.png") center/cover no-repeat; animation: spinL 10s infinite linear; } 
@keyframes spinL {100% { transform: rotate(360deg); } 
}
.business-cir-logo { position: absolute; top: 50%; left: 50%; margin-top: -130px; margin-left: -130px; width: 260px; height: 260px; background: var(--siteC); border: 1px solid #eee; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; } 
.business-cir-logo:before { position: absolute; top: 50%; left: 50%; margin-top: -160px; margin-left: -160px; width: 320px; height: 320px; background: #36a9e11a; border-radius: 50%; content: ''; } 
.business-cir-logo img { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; display: block; max-width: 70%; filter: var(--crWhitefil); } 

.overviewList{ position: relative; z-index: 3; top: -1em;}
.overviewList > li{ display: flex;}
.overviewList > li > .in{ flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 2.5em; box-sizing: border-box; background: var(--siteC2); border-radius: 1em; overflow: hidden;}
.overviewList > li > .in > .iconB{ margin-bottom: 5em; height: 5em; align-items: center;}
.overviewList > li > .in > .iconB > img{ height: 80px; object-fit: contain;}
.overviewList > li > .in > .iconB.h2 > img{ height: 60px;}
.overviewList > li > .in > .info{}
.overviewList > li > .in > .info > .tt{ font-size: 1.15em; line-height: 1.4;}
.overviewList > li > .in > .info > .tit{ font-size: 1.315em; font-weight: 600; margin-bottom: .75em; color: var(--siteC);}
.overviewList > li > .in > .info > .txt{ font-size: 1.615em; font-weight: 600;}

.overviewList > li:first-of-type > .in{ background: var(--siteC);}
.overviewList > li:first-of-type > .in > .info > .tit,
.overviewList > li:first-of-type > .in > .info > .txt{ color: #fff;}
.overviewList > li:first-of-type > .in > .iconB > img{ filter: var(--crWhitefil);}

.value_wrap{}
.value_wrap .infoItem{ display: flex; align-items: center; margin-bottom: 4rem;}
.value_wrap .infoItem:nth-child(2n){ flex-direction: row-reverse;}
.value_wrap .infoItem > .imgCon{ width: 50%; border-radius: 1em; overflow: hidden; height: 25em;}
.value_wrap .infoItem > .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.value_wrap .infoItem > .textInfo{ width: 50%; padding: 0 7rem 0 7rem; box-sizing: border-box;}
.value_wrap .infoItem > .textInfo > .topT{ font-size: 1.215em; font-weight: 600; color: var(--siteC); margin-bottom: 1em;}
.value_wrap .infoItem > .textInfo > .tit{ font-size: 1.815em; font-weight: 700; line-height: 1.5; margin-bottom: .5em;}
.value_wrap .infoItem > .textInfo > .desc{ font-size: 1.15em; line-height: 1.6; color: #666;}

/*연혁*/
.history-con .hisTopImg{ width: 100%; height: 25em; border-radius: 1em; overflow: hidden; margin-bottom: 2.5em;}
.history-con .hisTopImg > img{ width: 100%; height: 100%; object-fit: cover;}
.history-layout {gap: 6em;}
.history-layout .left { position: sticky; height: 100%; top: var(--headH); flex: 1 1 45%; margin-top: 2.5em;}
.history-layout .left .title-wrap {}
.history-layout .left .title-wrap > .desc{ font-size: 1.15em; color: #444;}
.history-layout .left .title-wrap > h3{font-size: 2.515em; margin: .25em 0; font-weight: 700;}
.history-layout .left .img-wrap {margin-top: 1.5em; height: 25em; position: relative;}
.history-layout .left .img-wrap img {border-radius: 1em; width: 100%; height: 100%; object-fit: cover;}
.history-layout .right {flex: 1 1 55%;}
.history-layout .right .hitory_wrap {}

.history_bgw {overflow:hidden; position:relative; margin-bottom:3em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; /*letter-spacing:5px;*/ font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.125em; color:#fff; margin-bottom:.5em;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; padding:2em 0 2em 0; overflow: hidden;}
.history_wrap:before,
.history_wrap .scrollAniHis{ content:""; position:absolute; left:2%; top:0; width:2px; height:100%; background:#ddd}
.history_wrap .history{ padding-left: 1em;}

.history_wrap .scrollAniHis{ height:0; background: var(--siteC); transition:.3s;}
.history_wrap .scrollAniHis:before {content:""; position:absolute; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ content:""; position:absolute; left:2%; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}

.history_wrap.rich .scrollAniHis{background:var(--siteC);}
.history_wrap.rich .scrollAniHis:before {border:.25em solid var(--siteC);}
.history_wrap:after{  border:.25em solid var(--siteC);}

.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:6em; flex-direction: column; gap: .5em;}
.history_wrap .history > li:first-child{ margin-top: 0}
.history_wrap .history > li .year{ width:28%; /* overflow:hidden; */ padding-left: 2em;}
.history_wrap .history > li .year .wrap_in{ position:relative;}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; font-size:2.715em; letter-spacing:-3px; color: var(--siteC); font-weight:700;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; right:110%; top:50%; margin-top:-1px; width:30%; border-top:2px solid #ddd; z-index: -1;}
.history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic}
.history_wrap .history > li .list{ width:100%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:1em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em; /* align-items: center; */ position: relative;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 2em; font-size: 1.063em; line-height: 1.4; color: var(--siteC); font-weight: 600;}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em;letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; color:#333; font-size:1.063em; line-height:1.4; font-weight:400; word-break: keep-all;}

.histroy-ank {max-width: 70%; margin: auto; margin-top: -2em; box-shadow: 0 10px 10px rgba(0,0,0,.1); border-radius: 5em; overflow: hidden;}
.histroy-ank > li {flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; transition: .35s; border-right: 1px solid #ddd;}
.histroy-ank > li:hover {background: #012350;}
.histroy-ank > li:hover .btn-tt {color: #fff;}
.histroy-ank > li .btn-tt {font-size: 1.75em; font-weight: 600; color: #777; position: relative; transition: .35s; padding: .5em 1em; transition: .35s; width: 100%; text-align: center;}
.histroy-ank > li .btn-tt.on {background: #012350; color: #fff;}
.histroy-ank > li .btn-tt:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #2b9cbb; border-radius: 50%; width: .25em; height: .25em; opacity: 0; transition: .35s;}
.histroy-ank > li .btn-tt:hover:before {opacity: 1; top: -.5em;}


/*오시는 길*/
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{ display: none;}
.map_Wrapper{ overflow: hidden;}
.map_Wrapper .map{ position:relative; border-radius: 1em; overflow: hidden;}
.map_Wrapper .map:before{ /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0); content: ''; z-index: 2; */}

.map_Wrapper .mapInfoWrap{ position: relative; top: -9em; border-radius: 1em; z-index: 2; display: flex; gap: 2em; padding: 3.5em; box-sizing: border-box; background: var(--siteC);}
.map_Wrapper .mapInfoWrap .leftInfo{ width: 60%;}
.map_Wrapper .mapInfoWrap .leftInfo > .tit{ font-size: 2.15em; font-weight: 700; color: #fff; margin-bottom: 1.5em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo{ display: flex; flex-wrap: wrap; gap: 1em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li{}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li.br{ width: 100%;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con{ display: flex; gap: .25em; font-size: 1.063em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi{ position: relative; top: -.15em; color: #fff; font-size: 1.515em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon{ display: flex; gap: .75em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit{ font-weight: 700; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt{ font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7);}

.map_Wrapper .mapInfoWrap .rightInfo{ width: 40%;}
.map_Wrapper .mapInfoWrap .rightInfo .flex_box{ height: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen{ height: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li{ display: flex;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in{ position:relative; border-radius: .5em; height: 100%; flex: 1; padding: 1.5em; box-sizing: border-box; background: rgba(255,255,255, .3); transition: .3s;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt{ font-size: 1.215em; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .plus{ position: absolute; right: 1.5em; bottom: 1.5em; width: 1.5em; height: 1.5em; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li:first-of-type > .in:hover{ background: #29a139;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li:last-of-type > .in:hover{ background: #dfc432;}

.location_galleryWrap{ position:relative; left: 12.6%;}
.location_gallery .img_con{ width: 100%; height: 80vh; border-radius: 1em; overflow: hidden;}
.location_gallery .img_con > img{ width: 100%; height: 100%; object-fit: cover;}

/*리모델링*/
.remod-wrapper { } 
.remod-wrapper .remod-img { position:relative; width: 100%; height: 76vh; border-radius: 1em; overflow: hidden;} 
.remod-wrapper .remod-img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; } 
.remod-wrapper .remod-img > img { width: 100%; height: 100%; object-fit: cover; } 
.remod-wrapper .remod-img .filTit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: rgba(255,255,255, .8); width: 100%; text-align: center; } 
.remod-wrapper .remod-img .filTit > .tit { font-size: 7em; font-weight: 800; line-height: 1; } 
.remod-wrapper .remod-img .filTit > .txt { font-size: 2.515em; font-weight: 700; text-transform: uppercase; margin-bottom: .5em; letter-spacing: .2em; opacity: 0; transition: 1s; } 
.remod-wrapper .remod-img .filTit > .txt.on { letter-spacing: unset; opacity: 1; } 
.remod-wrapper .remod-img .filTit > .desc{ font-size: 1.315em; line-height: 1.4; color: rgba(255,255,255, .915);}
.remod-wrapper .remod-img .filTit > .logoImg{ margin-bottom: 1em;}
.remod-wrapper .remod-img .filTit > .logoImg > img{ height: 100px; object-fit: contain; filter: var(--crWhitefil);}
.remod-wrapper .remod_txt { padding: 4.5em 0 8em 0; text-align: center; } 
.remod-wrapper .remod_txt .tit { font-size: 2.15em; font-weight: 700; margin-bottom: .5em; } 
.remod-wrapper .remod_txt .txt { font-size: 1.515em; line-height: 1.6; color: #444; } 

/*협력업체*/