@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:before { content: ''; position: absolute; top: var(--headH); left: 0; width: 100%; height: 1px; background: #ddd; opacity: 0; transition: .2s; } 
#header .inner { gap:0 1vw; color: #fff; } 
#header .logo { width: 15.5em; } 
#header .util_wrap { width: 5em; } 

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

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

.pageLay #header { background: rgba(255,255,255, 1) !important; backdrop-filter: blur(0) !important; } 
.pageLay #header .inner { color: var(--crBlack); border-bottom: 1px solid #ddd; } 
html.pageLay #header .logo { filter: none; } 
.pageLay #header .all_wrap .allBtn .quad_btn > li { background: var(--crBlack); } 
.scroll.pageLay:not(.up) #header { transform: translateY(0); } 

#header.gnbOpen { background: rgba(255, 255, 255, .5); 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 3em; } 
#header.gnbOpen .all_wrap .allBtn .quad_btn > li { background: var(--crBlack); } 

#header .gnb_wrap .gnb > li { overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; padding:0 2em; } 
#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:-1px; width:100%; height:2px; background:var(--crBlack); opacity:0; transform:scaleX(0); transition:transform .3s; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.7); } 

#header .gnb_wrap .gnb > li .dp2 { display:block; max-width:9.25em; margin:0 auto; transition:.2s; padding: 1.5em 0; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { position:relative; display:block; padding:1em .5em; } 
#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:after { width:100%; transition:.5s } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { } 

/* 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 .all_wrap .allBtn { } 
#header .all_wrap .allBtn.pcHide { display: none; } 
#header .all_wrap .allBtn .all_btn { position: absolute; width: 20px; height: 20px; z-index: 2; } 
#header .all_wrap .allBtn .quad_btn { position: relative; width: 20px; height: 20px; display: flex; flex-wrap: wrap; box-sizing: border-box; } 
#header .all_wrap .allBtn .quad_btn > li { position: absolute; 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(-80%); opacity:0; visibility:hidden; transition:.3s; } 
#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; 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; } 


/*푸터*/
.sub #footer { border-top: 1px solid #ddd; } 
#footer { position:relative; padding:3em 0 4em 0; background:var(--crBlack); color:#fff; /* z-index: 2; */ } 
#footer .logo_wrap .wrap_in { gap:2.5em; width: 100%; } 
#footer .logo_wrap .logo img { height:3em } 
#footer .logo_wrap .menu { gap:0 2em; font-family: var(--fontPre); } 
#footer .logo_wrap .menu > li .in { position:relative; font-size: 1.05em; color: rgba(255,255,255, .8); } 
#footer .logo_wrap .menu > li + li .in:before { content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#2a6bb6; font-weight:700; line-height:1; opacity:.5; } 
#footer .logo_wrap .menu > li .in:hover .tt { text-decoration:underline; } 

#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: 5px; justify-content: center; z-index:998; position:fixed; right:3em; bottom:3em; width:4em; height:4em; text-align:center; background:var(--crBlack); 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) } 

#footer .site_wrap { position:relative; z-index:1 } 
#footer .site_wrap .btn { display:block; padding: 1em; padding-right:3em; background:#fff; width:10em; position:relative; border-radius: 10px; } 
#footer .site_wrap .btn .xi { position:absolute; right:0; 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:700; font-size:.875em; color:#666 } 
#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 } 
#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:#ddd; } 
#footer .site_wrap .list .btn:hover .xi { right:0 } 
#footer .site_wrap.on .list { opacity:1; visibility:visible } 
#footer .site_wrap.on .siteBtn .xi { transform:rotate(180deg) } 



/*contents*/
#contents .sub_page_top { position:relative; height:35em; } 
#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 { font-size:5.500em; font-weight:600; text-transform: capitalize; } 
#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(--siteC2); 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.188em; 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; } 
#contents .sub_page_con .con_tit { } 
#contents .sub_page_con .con_tit .tt { font-size:3.000em; font-weight:700; } 
#contents .sub_page_con .con_tit + .con_menu { margin-top:3em; } 
#contents .sub_page_con .con_menu { } 
#contents .sub_page_con .con_menu ul:not(.dp3) { display:block; } 
#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 { height:4em; padding:0 0.5em; border-radius:6em; color:#777; transition:.2s; } 
#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:#000; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li.on > a { background:var(--siteC); color:#fff; font-weight:500; } 

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

/**/
.pageLay-wrapper { display: flex; min-height: calc(100vh); } 
.pageLay-wrapper .pageLay-menu { padding-top: var(--headH); overflow-y: hidden; width: 30%; border-right: 1px solid #ddd; } 
.pageLay-wrapper .pageLay-menu .proImg { width: 100%; height: 32.5vh; overflow: hidden; } 
.pageLay-wrapper .pageLay-menu .proImg > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transition: 2s; } 
.load .pageLay-wrapper .pageLay-menu .proImg > img { transform: scale(1); } 
.pageLay-wrapper .pageLay-container { width: 70%; padding-right: 4vw; box-sizing: border-box; margin-top: 4em; } 
.pageLay-wrapper .pageLay-container .pageSlogan { text-align: center; font-size: 3em; font-weight: 700; color: #363636; margin-top: 1.5em; padding-bottom: 1.1em; border-bottom: 1px solid #ddd; } 


.pageLay #contents .gnb { flex-wrap: wrap; } 
.pageLay #contents .gnb > li { flex: 1 1 100%; } 
.pageLay #contents .gnb > li.m_mypage { display: block; } 
.pageLay #contents .gnb ul.flex { display: block; } 
.pageLay #contents .gnb a { position: relative; justify-content: flex-start; text-align: left !important; font-weight: 500; transition: .2s; } 
.pageLay #contents .gnb li.more { } 
.pageLay #contents .gnb li.more > a.link { display: none; } 
.pageLay #contents .gnb li.more > a.layer { display: flex !important; padding-right: 2.5em; } 
.pageLay #contents .gnb li.more > a .arrow { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); font-size: 1em; } 
.pageLay #contents .gnb li.more > a .arrow:before { content: "\e943"; font-size: 1.250em; display: block; transition: .2s; } 
.pageLay #contents .gnb li.more > ul { /* display: none; */ } 
.pageLay #contents .gnb li.more.on > a .arrow:before { /* transform: rotate(-180deg); */ } 
.pageLay #contents .gnb li.more.on > ul { display: block; } 
.pageLay #contents .gnb ul { } 
.pageLay #contents .gnb ul li > a { padding: .575em 2em; } 
.pageLay #contents .gnb ul .dp3 > li > a > .in > .tt { font-size: .95em; } 
.pageLay #contents .gnb ul .dp3 > li.on > a > .in > .tt { color: var(--siteC); font-weight: 600; } 
.pageLay #contents .gnb ul li.more .arrow { right: 1.5em; } 
.pageLay #contents .gnb > li .dp1 { height: 4em; padding: 0 1.5em; border: solid var(--crGray); border-width: 1px 0; margin-bottom: -1px; line-height: 4em; cursor: pointer; } 
.pageLay #contents .gnb > li .dp1 .tt { font-size: 1.188em; } 
.pageLay #contents .gnb > li.act .dp1,
.pageLay #contents .gnb > li.on .dp1 { background-image: var(--crGrad1); color: #0e4194; } 
.pageLay #contents .gnb > li.more .dp1.layer { display: none !important; } 
.pageLay #contents .gnb .dp2 > li > a { padding-left: 1.5em; padding: 1.5em 2em; background: var(--siteC); color: #fff; font-weight: 600; border-bottom: 1px solid #ddd; } 
.pageLay #contents .gnb .dp2 > li > a .tt { font-size: 1.063em; } 
.pageLay #contents .gnb .dp3 { background: var(--crGray2); } 
.pageLay #contents .gnb .dp3 > li > a { color: #444; } 
.pageLay #contents .gnb .dp3 > li + li > a { border-top: 1px dashed #ddd; } 
.pageLay #contents .gnb .dp3 > li.act > a .tt,
.pageLay #contents .gnb .dp3 > li.on > a .tt { text-decoration: underline; } 

#contents .sub_page_full { position:relative; width: 100%; height: 100vh; } 
#contents .sub_page_full .bg { position:relative; width: 100%; height: 100%; } 
#contents .sub_page_full .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; } 
#contents .sub_page_full .title_con { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); } 
#contents .sub_page_full .title_con > .title { font-size: 4em; font-weight: 800; color: #fff; line-height: 1.3; word-break: keep-all; } 
#contents .sub_page_full .title_con > .cname { font-size: 3.5em; font-weight: 700; color: #fff; margin-top: 1em; } 

.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; } 


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


div.visualSlider { position: fixed; left:0; top:0; width:100%; margin:0 } 
.scroll div.visualSlider { z-index:-1 } 
.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_wrap { position: fixed; left:0; top:0; width:100%; margin:0; will-change: transform; height: 100vh; overflow: hidden; } 
.visualSlider_wrap:before { } 
.scroll div.visualSlider { z-index:-1 } 
.visualSlider { position: relative; } 
.visualSlider .el { position: relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); 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% + 6em); 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 { left:-3em; opacity:1; transition:3s, opacity 1s; } 


.visualSlider_wrap .slogan { position:absolute; bottom: 5em; 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:600; line-height: 1.2; letter-spacing: -0.01em; 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; letter-spacing: -0.01em; color: rgba(255,255,255, .8); font-weight: 400; line-height:1.6; width: 60%; word-break: keep-all; transform: translateY(2em); opacity: 0; } 
.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; } 

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

.main_con { position:relative; padding:6em 0; word-break:keep-all; } 
.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 6vw; } 
.main_layout.gp1 { gap:2em 3vw; } 
.main_layout > li { } 
.main_layout > li.w1 { width:50%; } 
.main_layout > li.w2 { } 
.main_layout + .main_layout { margin-top:14em; } 
.main_layout > li .p1 { padding:4em 0 5em 0; } 
.main_layout > li .p2 { padding:1.5em 0; } 
.main_layout > li .round { border-radius:1.25em; overflow:hidden; } 
.main_layout > li .wrap_img:not(.resize) { position:relative; height:100%; } 
.main_layout > li.flex:not(.col) > * { flex:1; } 

/*메인 어바웃*/
.main_about { position: relative; height: 250vh; color: #fff; margin-top: 100vh; background: #fff; z-index: 2; } 
.main_about .sticky { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; } 
.main_about .heading { position: absolute; width: 100%; text-align: center; font-size: 55px; letter-spacing: -0.01em; font-weight: 600; color: #171717; text-transform: uppercase; } 
.main_about .background { position: absolute; border-radius: 16px; overflow: hidden; } 
.main_about .background .vod_wrap { position:relative; width: 100%; height: 100%; } 
.main_about .background .vod_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .15); z-index: 1; content: ''; } 
.main_about .background .vod_wrap > .vod { width: 100%; height: 100%; object-fit: cover; } 
.main_about .heading-1 { top: 29.5vh; } 
.main_about .heading-2 { top: 66.5vh; } 
.main_about .heading-2 { display: flex; align-items: center; justify-content: center; } 
.main_about .midLine { display: inline-block; margin: 0 .75em; width: 2em; height: 5px; background: #000; } 
.main_about .main-heading { color: inherit; } 
.main_about .contents { position:relative; margin-right: auto; margin-left: auto; padding-top: 180px; height: 100%; } 
.main_about .contents .text-wrap { position: absolute; top: 40%; right: 10vw; bottom: 8em; width: 40%; z-index: 2; } 
.main_about .contents .text-wrap .main-badge { font-size: 3.15em; line-height: 1; font-weight: 700; margin-bottom: .5em; } 
.main_about .contents .text-wrap .main-heading { font-size: 1.715em; line-height: 1.4; font-weight: 400; word-break: keep-all; } 
.main_about .link-primary-light { margin-top: 0; } 

.link-primary,
.link-primary-light { display: inline-flex; align-items: center; margin-top: 80px; font-size: 16px; font-weight: 600; color: #000; } 
.link-primary .icon,
.link-primary-light .icon { display: flex; align-items: center; justify-content: center; margin-right: 1em; background: rgba(255,255,255, .1); backdrop-filter: blur(5px); width: 40px; height: 40px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; transition: all ease .35s; } 
.link-primary-light .text { position: relative; } 
.link-primary-light .text:before { position: absolute; bottom: -.2em; left: 0; width: 0%; height: 2px; background: #fff; content: ''; transition: .3s; } 

.link-primary-light.white { color: #fff; } 
.link-primary-light.white .icon { border: 1px solid rgba(255,255,255, .8); } 

.link-primary-light.white:hover .icon { background: #fff; color: #171717; } 
.link-primary-light.white:hover .text:before { width: 100%; } 

.link-primary-light.black .text:before { background: var(--crBlack); } 
.link-primary-light.black:hover .icon { background: var(--crBlack); color: #fff; } 
.link-primary-light.black:hover .text:before { width: 100%; } 

/**/
.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: 4em; z-index:10; width:11em; cursor: pointer; z-index:999 } 
.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 .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 .375em; } 
.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; } 

/* 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%; } 

/*제품*/

/*제품 nav*/
.pageLay-container .nav { padding-left: 3vw; box-sizing: border-box; } 
.pageLay-container .nav > li { position: relative; color: #AEAEAE; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-right: 15px; padding-right: 15px; } 
.pageLay-container .nav > li:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 11px; width: 1px; background: #00000026; } 
.pageLay-container .nav > li:last-of-type { color: var(--crBlack); font-weight: 600; } 
.pageLay-container .nav > li:last-of-type:before { display: none; } 
.pageLay-container .nav > li:nth-child(3) { display: none; } 
.pageLay-container .nav > .home > a { transition: .3s; } 
.pageLay-container .nav > .home > a:hover { color: var(--siteC3); } 
.pageLay-container { padding-top: var(--headH); } 

/*제품 공통*/
.Laydoc { } 
.Laydoc .Laysub-wrapper { position:relative; padding: 0 4em 8em 4em; box-sizing: border-box; border-bottom: 1px solid #ddd; } 
.Laydoc .Laysub-wrapper:first-of-type { padding-top: 4em; } 
.Laydoc .Laysub-wrapper:last-of-type { border-bottom: none; } 

/* .Laydoc .LayInnerCon .Laycontents { padding-bottom: 6em; } */
/* .Laydoc .LayInnerCon .Laycontents:last-of-type { padding-bottom: 0em; } */

.Laysub-wrapper .subject { position: absolute; top: 0; background: linear-gradient(97deg, var(--siteC3) 8.3%, var(--siteC) 73.44%); color: #FFF; text-align: right; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.5px; width: max-content; height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; box-sizing: border-box; box-shadow: 3px 8px 30px rgba(0, 0, 0, 0.15); } 
.Laysub-wrapper .subject_tit { font-size: 1.815em; font-weight: 700; margin-bottom: 1.5em; } 

.LayInnerCon .subject { margin: 1em 0; } 

.pageDotTit { } 
.pageDotTit > .tt { position: relative; padding-left: 1.3em; font-size: 1.415em; font-weight: 600; margin-bottom: 1em; } 
.pageDotTit > .tt:before { position: absolute; top: 3px; left: 0; width: .9em; height: .9em; border-radius: 50%; clip-path: inset(0 0 60% 0); background: var(--siteC3); content: ''; } 
.pageDotTit > .tt:after { position: absolute; top: 4px; left: 0; width: .9em; height: .9em; border-radius: 50%; clip-path: inset(60% 0 0 0); background: var(--siteC); content: ''; } 

.Laycontents.Laymulti .prod_table_st { margin-top: 1em; margin-bottom: 4em; } 

.grayB { background: #f5f5f5; border-radius: .5em; } 
.grayB > .img_con { width: 100%; height: 18.5em; margin: 0 auto; } 
.grayB > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 

.OneProwrap { display: flex; gap: 3em; align-items: stretch; margin-bottom: 2em; } 
.OneProwrap:last-of-type { margin-bottom: 0em; } 
.OneProwrap .flex_box { width: 35%; display: flex; flex-direction: column; } 
.OneProwrap .flex_box .BoxList { height: 100%; } 
.OneProwrap .flex_box .BoxList > li > .in { display: flex; height: 100%; } 
.OneProwrap .flex_box .grayB { flex: 1; display: flex; align-items: center; justify-content: center; } 
.OneProwrap .prod_table { width: 65%; margin-top: 0em; } 

/*고용*/
.empoly-wrapper .empolyList { } 
.empoly-wrapper .empolyList > li { } 
.empoly-wrapper .empolyList > li > .in { margin: 0 0 2em 2em; } 
.empoly-wrapper .empolyList > li > .in > .img_con { position:relative; width: 100%; height: 40vh; border-radius: 1em; overflow: hidden; } 
.empoly-wrapper .empolyList > li > .in > .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .3); content: ''; z-index: 1; transition: 2s; } 
.empoly-wrapper .empolyList > li > .in > .img_con.on:before { background: rgba(0,0,0, .2) } 
.empoly-wrapper .empolyList > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.15); transition: 2s; } 
.empoly-wrapper .empolyList > li > .in > .img_con.on > img { transform: scale(1); } 
.empoly-wrapper .empolyList > li > .in > .img_con .tit { position: absolute; left: 2em; bottom: 2em; line-height: 1; font-size: 1.715em; color: #fff; font-weight: 700; transition: .5s; z-index: 2; } 
.empoly-wrapper .empolyList > li > .in > .tit { margin-top: 1em; } 

.empoly-wrapper .empolyList > li > .in:hover .img_con > img { transform: scale(1.1); } 

.empoly-wrapper .empoly_line { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--crBlack); border-bottom: 1px solid var(--crBlack); overflow: hidden; color: var(--crBlack); font-family: var(--fontPre); } 
.empoly-wrapper .empoly_line > li { display: flex; justify-content: space-between; align-items: center; padding: 40px; min-height: 180px; margin-top: -1px; border-top: 1px solid #ddd; } 
.empoly-wrapper .empoly_line > li:nth-child(2n) { border-left: 1px solid #ddd; } 
.empoly-wrapper .empoly_line > li > .tit_con { } 
.empoly-wrapper .empoly_line > li > .tit_con > .tit { font-size: 1.815em; font-weight: 700; } 
.empoly-wrapper .empoly_line > li > .tit_con > .pageSmT { padding-left: 1.15em; font-weight: 600; font-size: 1em; color: var(--siteC); margin-top: .5em; } 
.empoly-wrapper .empoly_line > li > .icon { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background: #f5f5f5; } 
.empoly-wrapper .empoly_line > li > .icon > img { width: 3em; object-fit: contain; } 

/*연혁*/
.history-bg { position:relative; height: 400px; border-radius: 1em; overflow: hidden; } 
.history-bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.history-bg .txt-wrap { position: relative; z-index: 2; } 
.history-bg .txt-wrap > .name { letter-spacing: 2em; color: rgba(255,255,255, .8); opacity: 0; transition: 2s; } 
.history-bg .txt-wrap.on > .name { letter-spacing: 1em; opacity: 1; } 
.history-bg .txt-wrap > .tt { color: rgba(255,255,255, .8); font-weight: 600; letter-spacing: .1em; opacity: 0; transform: translateY(1em); transition: 2s; } 
.history-bg .txt-wrap.on > .tt { transform: translateY(0); opacity: 1; } 
.history-con { padding: 5rem 0; } 
.history-list { } 
.history-list > li { padding-bottom: 8rem; position: relative; } 
.history-list > li:last-of-type { padding-bottom: 0em; } 
.history-list > li > .year { position:absolute; top: -10px; left: 0; } 
.history-list > li > .year > .tit { font-size: 4.5em; font-weight: 700; line-height: 1; color: var(--crBlack); transition: .3s; } 
.history-list > li::before { content: ''; position: absolute; top: 5px; left: 0; right: 0; margin: auto; width: 1px; height: calc(100%); background: #ddd; } 
.history-list > li:last-child:before { display: none; } 
.history-list > li > dl { flex-direction: column; padding-left: calc(50% + 30px); padding-bottom: 5em; } 
.history-list > li > dl:last-of-type { padding-bottom: 0em; } 
.history-list > li > dl > dt::before { content: ''; position: absolute; top: 0; right: -5px; bottom: 0; margin: auto; width: 12px; height: 12px; background: var(--siteC); transform: rotate(45deg); transition: 0.3s; } 
.history-list > li > dl > dt { position: absolute; top: -7px; right: 50%; padding-right: 50px; padding-left: 0; font-weight: 900; color: var(--siteC); transition: .8s; } 
.history-list > li > dl > dd { position: relative; margin-bottom: 1em; padding-left: 1em; font-size: 1.125rem; color: #666; } 
.history-list > li > dl > dd:before { position: absolute; left: -1.9em; top: 6px; transform: rotate(45deg); width: 10px; height: 10px; background: #ddd; content: ''; } 
.history-list > li > dl > dd:first-of-type:before { display: none; } 
.history-list > li > dl > dd > p { font-weight: 500; display: flex; gap: .5em; } 
.history-list > li > dl > dd > p > .month { color: var(--siteC); font-weight: 600; width: 1.5em; text-align: center; } 

/*인사말*/
.greeting-inner { display: flex; gap: 8em; padding-top: 4em; padding-bottom: 8em; } 
.greeting-inner.rever { flex-direction: row-reverse; padding-bottom: 0em; } 
.greeting-inner .left { width: 55%; } 
.greeting-inner .left .title { text-transform: uppercase; font-size: 3.215em; font-weight: 700; margin-bottom: 1em; letter-spacing: -0.035em; line-height: 1.3; } 
.greeting-inner .left .title > i { display: block; } 
.greeting-inner .left .sub_tit { text-transform: uppercase; font-size: 1.515em; font-weight: 600; margin-bottom: 1em; letter-spacing: -0.035em; line-height: 1.5; } 
.greeting-inner .left .textArea { } 
.greeting-inner .left .textArea > .tt { font-size: 1.063em; color: rgba(0,0,0, .7); line-height: 1.8; margin-bottom: 1.5em; } 
.greeting-inner .left .textArea > .sign { margin-top: 4em; margin-bottom: 1em; } 
.greeting-inner .left .textArea > .ceo { font-size: 1.215em; font-weight: 600; margin-top: .25em; gap: .5em; align-items: baseline; } 
.greeting-inner .left .textArea > .ceo > i { font-size: 1.15em; font-weight: 700; } 
.greeting-inner .right { width: 45%; } 
.greeting-inner .right > .img_con { width: 100%; height: 100%; border-radius: 50em 0 0 50em; overflow: hidden; } 
.greeting-inner .right > .img_con > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2); transition: 2s; } 
.greeting-inner .right > .img_con.on > img { transform: scale(1); } 

.greeting-wrapper .prodBg { position: relative; width: 100%; padding: 6em 0; box-sizing: border-box; overflow: hidden; } 
.greeting-wrapper .prodBg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; } 
.greeting-wrapper .prodBg .gree_pordT { position:relative; margin-bottom: 3em; z-index: 2; } 
.greeting-wrapper .prodBg .gree_pordT .tit { font-size: 2.515em; color: #fff; font-weight: 600; margin-bottom: .35em; letter-spacing: -0.035em; } 
.greeting-wrapper .prodBg .gree_pordT .desc { font-size: 1.063em; color: rgba(255,255,255, .9); line-height: 1.4; } 
.greeting-inner.rever .right > .img_con { border-radius: 0 50em 50em 0; height: 60vh; } 

.greePord > li { display: flex; } 
.greePord > li > .in { flex: 1; padding: 2em; backdrop-filter: blur(3px); background-color: rgba(133, 178, 216, 0.25); border-radius: 1em; box-sizing: border-box; } 
.greePord > li > .in { } 
.greePord > li > .in > .img_con { width: 100%; height: 10em; border-radius: .5em; overflow: hidden; margin-bottom: 1em; } 
.greePord > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.greePord > li > .in > .subT { font-size: 1.063em; color: #fff; font-weight: 600; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(255, 255, 255, .15); } 

.greeProdSlide_wrap { } 
.greeProdSlide_wrap .greeProdSlide { position: relative; overflow: visible; will-change: transform; } 
.greeProdSlide_wrap .greeProdSlide .greeProdSlide_control { display: flex; align-items: center; justify-content: end; } 


.greeProdSlide_wrap .greeProdSlide .greeProdSlide_control .swiperBtn.pause:before{ content: '\ea3e';}
.greeProdSlide_wrap .greeProdSlide .greeProdSlide_control .swiperBtn.play:before{ content: '\ea3b';}
.checkList { } 
.checkList.cw { color: #fff; } 
.checkList > li { position:relative; padding-left: 1.5em; font-size: .95em; font-weight: 400; margin-bottom: .5em; } 
.checkList > li:last-of-type { margin-bottom: 0em; } 
.checkList > li:before { position: absolute; left: 0; content: '\e929'; font-family: 'xeicon'; } 

/*contact*/
.contact_wrapper .info { display: flex; justify-content: space-between; gap: 8em; } 
.contact_wrapper .info .left { width: 35%; } 
.contact_wrapper .info .right { width: 60%; } 
.contact_wrapper .info .right .info_txt_wrap { margin-top: 4em; } 
.contact_wrapper .info .right .info_txt_wrap > li { padding: 2em 0; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #e4e4e4; } 
.contact_wrapper .info .right .info_txt_wrap > li:last-of-type { border-bottom: 1px solid #e4e4e4; } 
.contact_wrapper .info .right .info_txt_wrap > li > .tit { font-size: 18px; font-weight: 700; } 
.contact_wrapper .info .right .info_txt_wrap > li > .txt { font-size: 19px; font-weight: 400; flex: 29em 0; } 
.contact_wrapper .map { margin-bottom: 6em; } 
.contact_wrapper .map iframe { width: 100%; height: 50vh; border-radius: 1em; overflow: hidden; } 

/*overview*/
.overview_wrapper{ display: flex; gap: 6em;}
.overview_wrapper .info,
.overview_wrapper .img_con{ width: 50%;}
.overview_wrapper .img_con{ border-radius: 2em; overflow: hidden;}
.overview_wrapper .img_con > img{ width: 100%; height: 100%; object-fit: cover;}
.overview_wrapper .info .overList{}
.overview_wrapper .info .overList > li{ padding: 3em 0; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.overview_wrapper .info .overList > li:last-of-type{ border-bottom: none;}
.overview_wrapper .info .overList > li > .con{}
.overview_wrapper .info .overList > li > .con .iconBox_wrap{ display: flex; gap: 1em; align-items: center; margin-bottom: 1.5em;}
.overview_wrapper .info .overList > li > .con .iconBox_wrap .tit{ font-size: 1.515em; font-weight: 600;}
.overview_wrapper .info .overList > li > .con .iconBox{ display: flex; align-items: center; justify-content: center; width: 4em; height: 4em; border-radius: .5em; overflow: hidden; background: var(--siteC);}
.overview_wrapper .info .overList > li > .con .iconBox > .xi{ color: #fff; font-size: 1.8em;}
.overview_wrapper .info .overList > li > .con > .infoInner{}
.overview_wrapper .info .overList > li > .con > .infoInner .tit{ font-size: 1.515em; font-weight: 600; margin-bottom: .5em;}
.overview_wrapper .info .overList > li > .con > .infoInner .desc{ font-size: 1.063em; color: #444;}
.overview_wrapper .info .overList > li > .con > .infoInner .BgList{}
.overview_wrapper .info .overList > li > .con > .infoInner .BgList > li{ margin-bottom: 1em; background: #eff3f7; padding: 1em 1.5em; box-sizing: border-box; border-radius: .5em;}
.overview_wrapper .info .overList > li > .con > .infoInner .BgList > li:last-of-type{ margin-bottom: 0em;}
.overview_wrapper .info .overList > li > .con > .infoInner .BgList > li > .tt{ position:relative; padding-left: .85em; font-size: 1em; font-weight: 500;}
.overview_wrapper .info .overList > li > .con > .infoInner .BgList > li > .tt:before{ position: absolute; left: 0; content: '-';}