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

.pcHide { display: none; } 
.db780 {display: none;}

.gnb li.m_hide { display:none } 
body:not(.pop) { display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100) } 

.full-height { position: relative; box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 100%; min-height: 100vh; padding-top: 100px; } 
.full-height.ptn { padding-top: 0px; } 

.headT { padding-top:var(--headerT); } 
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { height:var(--headerT); transition:height .2s, background .2s; box-sizing:border-box; align-items: center; } 
#header { z-index:999; position:fixed; top:0; left:0; width:100%; transition: .25s; } 
.sub #header { transition: transform 1s } 
#header:hover { background: #fff !important; color: #111 !important; } 
#header.bgN { background:none } 
#header .wrapIn { height:var(--headerT) } 
.headerT { padding-top:var(--headerT) } 
#header .wrapIn { display:flex; gap:2vw } 
#header > .inner { align-items: center; } 
#header .wrapIn .menu_wrap { gap: 4em; } 
#header .wrapIn .menu_wrap .logo { } 
#header .logo > a { } 
#header .logo > .in { transform-origin:left center; transition:.2s; } 
#header .logo > .in img { width: 15em; filter: brightness(0) invert(1);} 

html:not(.white) .fp-viewing-Footer #header,
html:not(.white) .fp-viewing-Customer #header { background: #fff; border-bottom: 1px solid #ddd; } 

#nav { position: fixed; left:3em; width:auto; top:50%; z-index:1; transform:translateY(-50%) } 
#nav > li > a { color:#fff; height:2em; position:relative } 
#nav > li > a .dot { width:.5em; height:.5em; background:#fff; position:relative } 
#nav > li > a .tt { position:absolute; top:0; left:100%; margin-left:1em; white-space:nowrap; opacity:0; transition: .2s; } 
#nav > li > a .t1 { font-size:.915em } 
#nav > li:hover > a,
#nav > li.on > a,
#nav > li:hover > a .dot:after,
#nav > li.on > a .dot:after,
#nav > li:hover > a .tt { opacity:1; transition:.3s } 
#nav > li.on > a .tt { opacity: 1; } 
#nav.black { filter:brightness(.5) } 
#nav.black > li > a .dot { background: #111; } 
#nav.black > li > a .tt { color: #111; font-weight: 600; } 

#quick { position:fixed; right:0; top:40%; transform:translateY(-50%); z-index:999; transition:.3s } 
#quick .link { position:relative; } 
#quick .quick_btn { position:absolute; right:100%; width:3em; height:100%; background:#fff; box-sizing:border-box; display:flex; flex-direction:column } 
#quick .quick_btn .wrapBtn { height:3em; min-height: 3em; background:#111; color:#fff; display:flex; align-items:center; justify-content:center } 
#quick .quick_btn .wrapBtn.ctr .ico { transition:.5s } 
#quick .quick_btn .wrapBtn.ctr .ico:before { content:"\e93e" } 
#quick .quick_btn .wrapBtn.goTop { background: var(--siteC); } 
#quick .quick_btn .txt { flex:1 1 0%; writing-mode: vertical-rl; font-size:.813em; font-weight:800; line-height:1; word-spacing:.25em; white-space:nowrap; overflow:hidden; display:flex; align-items:center; background:#0d359f; color:#fff; box-sizing:border-box; border:1px solid rgba(255,255,255,.1) } 
#quick .quick_btn .txt > i { padding:.5em 0 } 
#quick .link .list > li > a { display:flex; align-items:center; color:#fff; height:3.5em; background:rgba(0,0,0,.5); padding:0 6em 0 1em; position:relative } 
#quick .link .list > li > a { border-top:1px solid rgba(255,255,255,.2) } 
#quick .link .list > li > a:after { content:"\e980"; font-family:xeicon; position:absolute; right:.5em; top:50%; transform:translateY(-50%); } 
#quick .link .list > li > a .t1 { font-weight:500; font-size:.975em } 
#quick .link .list > li > a:hover { background:rgba(0,0,0,.7) } 
#quick.off { transform:translate(100%, -50%) } 
#quick.off .quick_btn .wrapBtn.ctr .ico { transform:rotate(180deg) } 

.allGnbOn #quick,
.allGnbOn #kakao_Btn { z-index: -1; } 

/*kakao_Btn*/
#kakao_Btn { position:fixed; z-index:999; top:90%; right:4vw; transform:translateY(-50%); } 
#kakao_Btn .kakao { display: flex; align-items: center; gap: .45em; height: 4rem; width: 15rem; border-radius: 10em; text-align: center; background: #FAE100; justify-content: center; } 
#kakao_Btn .kakao > .tt { font-size: 1.15em; font-weight: 700; color: #222; } 
#kakao_Btn .kakao > .xi { font-size: 2.25em; transition: .3s; } 

#kakao_Btn .kakao:hover > .xi { transform: translateY(-.25em); } 


/*헤더 링크배너*/
.header_linkW { background: var(--siteC2); color: #fff; position: relative; } 
.header_linkW:before { content: ""; position: absolute; right: 90vw; height: 100%; width: 100vw; background: var(--siteC); transform: skewX(-30deg) translateX(1px); } 
.header_linkW .link_con { display: flex; height: 100%; } 
.header_linkW .link_con > li { flex: 1 1 1%; max-width: 12em; position: relative; height: 100%; } 
.header_linkW .link_con > li > a { position: relative; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; height: 3em; } 
.header_linkW .link_con > li > a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-right: 1px solid rgba(255, 255, 255, .3); transform: skewX(-30deg); transition: .3s; } 
.header_linkW .link_con > li > a > .tt { width: 100%; font-size: .938em; position: relative; z-index: 1; font-weight: 600; } 
.header_linkW .link_con > li > a > .icon { position: absolute; top: .5em; right: .5em; font-size: .85em; color: rgba(255,255,255, .85); opacity: 0; transition: .2s; } 

.header_linkW .link_con > li.on > a:before { background: var(--siteC); } 
.header_linkW .link_con > li.on > a > .icon { display: none; } 
.header_linkW .link_con > li.on > a:after { position: absolute; top: .5em; right: .5em; width: 7px; height: 7px; background: #fff; border-radius: 50%; content: ''; z-index: 1; } 

.header_linkW .link_con > li > a:hover:before { background: rgba(0,0,0, .1); }  
.header_linkW .link_con > li.on > a:hover:before { background: var(--siteC); } 
.header_linkW .link_con > li > a:hover > .icon { opacity: 1; } 

/**/
#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 2em; } 
#header .gnb_wrap .gnb > li .dp1 .tt { position:relative; font-size:1.15em; letter-spacing: -0.02em; font-weight:600; } 
#header .gnb_wrap .gnb > li .dp1 .tt:after { content:""; display:block; position:absolute; right: -10px; top: -6px; width: 6px; height: 6px; opacity: 0; background: var(--crBlack); border-radius: 50%; content: ''; transition: .3s; } 
#header .gnb_wrap .gnb > li.on .dp1 .tt:after,
#header .gnb_wrap .gnb > li.act .dp1 .tt:after { opacity: 1; } 
#header .gnb_wrap .gnb > li.act { z-index:2; overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.7); } 
html:not(.simple) #header:not(.active) .gnb_wrap .gnb > li .dp1:after { filter:var(--crWhitefil); } 

#header .gnb_wrap .gnb > li .dp2 { display: block; position: absolute; top: 80%; left: 50%; width: 11em; padding: 0 1.5em; background: #2e3b80; box-shadow: 0 2px .625em rgba(0, 0, 0, .1); border-radius: 1em; color: #fff; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: padding .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em 0; justify-content: center; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover { background: rgba(0,0,0,.2); } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { position:relative; font-size: 1em; color: #fff; font-weight:500; opacity: .95; transition: .2s; } 
#header .gnb_wrap .gnb > li.act { overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp2 { padding-top:1.5em; padding-bottom:1.5em; opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .in { position:relative; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .in:after { content:""; position:absolute; left:0; bottom:0; width:0; height:1px; background:#fff; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover .in:after { width:100%; transition:.65s } 
#header .gnb_wrap .gnb > li .layer { display: none; } 

#header .util_wrap { gap:0 1.5vw; padding-right: 2vw; } 

#header .all_wrap { } 
#header .all_wrap .all { } 
#header .all_wrap .all_btn { position:relative; display:block; width:2.5em; height:1em; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:3px; background:#000; transition:.2s; } 
#header .all_wrap .all_btn .ham { background: var(--siteC); } 
#header .all_wrap .all .ham:before { width:50%; } 
#header .all_wrap .all .ham:after { width:80%; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50%); } 
#header .all_wrap .all_btn .ham:after { top:calc(100%); } 

#header .all_wrap .all_btn:hover .ham:before,
#header .all_wrap .all_btn:hover .ham:after { width: 100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em); } 
#header .all_wrap .all_layer .all_inner { position:absolute; top:0; right:0; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:3em; padding:4em 3em; } 

#header .all_wrap .all_layer .wrap_in { position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; color:#000; } 
#header .all_wrap .all_layer .wrap_in .scrollst { height:100%; } 
#header .all_wrap .all_layer .all_img { position:relative; width:25%; height:100%; } 
#header .all_wrap .all_layer .all_img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; } 
#header .all_wrap .all_layer .all_img ~ .scrollst { flex:1; } 
#header .all_wrap .all_layer .allconWrap { padding:12vh 4vw; } 
#header .all_wrap .all_layer .all_top .tit_in { margin-bottom:3.5em; } 
#header .all_wrap .all_layer .all_top .tit_in .tt { font-size:3.000em; color:#222; } 
#header .all_wrap .all_layer .all_gnb .gnb { flex-wrap: wrap; } 
#header .all_wrap .all_layer .all_gnb .gnb .flex { display:block; text-align:left !important; } 
#header .all_wrap .all_layer .all_gnb .gnb > li { flex:0 0 calc(100% / 3); /* max-width: 45%; */ padding:1.5em 1em 2.5em 1em; box-sizing: border-box; } 
#header .all_wrap .all_layer .all_gnb .gnb > li ~ li { border-left:1px solid #e5e5e5; } 
#header .all_wrap .all_layer .all_gnb .gnb > li:nth-child(4) { border-left: none; } 
#header .all_wrap .all_layer .all_gnb .gnb > li a { padding:.8em 1em; transition:.1s; text-align: left; } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp1 { } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp1:before { content:""; display:inline-block; vertical-align:top; margin-right:.375em; width:.438em; height:.438em; background: var(--siteC); border-radius:50%; } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp1 .tt { font-size:1.375em; font-weight:600; } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 { padding:2.5em 0 0 .875em; } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 > li > a { opacity:.6; } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .all_gnb .gnb > li:hover .dp1 { color:var(--siteC); } 
#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 > li:hover > a { opacity:1; } 

#header .all_wrap .all_layer .all_gnb .gnb .dp3 { background:var(--crGray2); display: none; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp3 > li > a { padding: .8em 1em; color:#444; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .all_gnb .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp2 li.on .dp3 { display: block; } 

#header .all_wrap .all_layer .all_gnb .gnb > li .dp2 > li.on > a { opacity: 1; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp2 > li.on .link,
#header .all_wrap .all_layer .all_gnb .gnb .dp2 > li.on .layer { background-color: var(--siteC2); color:#fff; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp2 li.more .link { display: none; } 
#header .all_wrap .all_layer .all_gnb .gnb .dp2 li:not(.more) .layer { display: none; } 
#header .all_wrap .all_layer .all_gnb .gnb li.more > a.layer { position: relative; } 
#header .all_wrap .all_layer .all_gnb .gnb li.more > a.layer .arrow { position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em; } 
#header .all_wrap .all_layer .all_gnb .gnb li.more > a.layer .arrow:before { content:"\e943"; font-size:1.250em; font-weight: 600; display:block; transition:.2s; } 
#header .all_wrap .all_layer .all_gnb .gnb li.more.on > a.layer .arrow:before { transform: rotate(180deg); } 


.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:1em; right:1vw; width:3em; height:3em; filter:var(--crBlackfil) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index:99; opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer .all_close { opacity:1; transition:.4s; } 
.allGnbOn #header .all_wrap .all_layer .all_inner { transform:translateX(0); transition:.4s; } 

/*
#header.active { background:#fff; } 
#header.active .wrapIn { height: auto; align-items: flex-start; background: #fff; color:#111; } 
#header.active .inner { color:#000; } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC); } 
#header.active .gnb_wrap .gnb > li.on .dp1 .in:before { background: var(--siteC); } 
#header.active .gnb_wrap .gnb > li .dp2 { /* height: auto; opacity: 1; } 
#header.active .logo > .in .logoA { display:none; } 
#header.active .logo > .in .logoB { display:block; } 
#header.active .top_wrap::after { content: ''; width: 100%; height: 1px; background: rgba(0, 0, 0, .1); position: absolute; left: 0; top: var(--headerT); } 
*/
#header.gnbOpen { box-shadow:0 4px 1em rgba(0,0,0,.15); } 
#header.gnbOpen:before { background:#8198c9; opacity:.6; } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto; } 
#header.gnbOpen .gnb_wrap .gnb .dp2 { padding:2em 0; } 
#header.gnbOpen .gnbBg { height:5em; } 

html.white #header { background: transparent; color: #fff; } 
html.white #header .shop_wrap .shop_btn { border-color:rgba(255,255,255,.3) } 
html.white #header .all_wrap .all_btn .ham { background: var(--siteC); } 
html.white #header .all_wrap .all_btn .ham:before,
html.white #header .all_wrap .all_btn .ham:after { background:#fff } 


html:not(.white) #header .logo > .in img,
#header:hover .logo > .in img{ filter: none;}


/* @media (hover: hover) {html.white #header:hover { background: #fff; color: #111; } 
html.white #header:hover .all_wrap .all_btn .ham:before,
html.white #header:hover .all_wrap .all_btn .ham:after { background: #111; } 
 } */

.sub.scroll:not(.up) #header { transform:translateY(-100%) } 
.sub #header .all_wrap .all_btn .ham:before,
.sub #header .all_wrap .all_btn .ham:after { background: #fff; } 
.sub #header { color: #fff; } 

.sub #header:hover { color: #111; } 
.sub #header:hover .all_wrap .all_btn .ham:before,
.sub #header:hover .all_wrap .all_btn .ham:after { background: #111; } 

.sub #header.active { color: #111; } 
.sub #header.active .all_wrap .all_btn .ham:before,
.sub #header.active .all_wrap .all_btn .ham:after { background: #111; } 

.scroll.up #header { background:#fff; box-shadow:0 0 2em rgba(0,0,0,.1); color:#111 } 
.sub.scroll.up #header .all_wrap .all_btn .ham:before,
.sub.scroll.up #header .all_wrap .all_btn .ham:after { background: #111; } 

.scroll #header .all_wrap .all_btn .ham { background: var(--siteC); } 
.scroll #header .all_wrap .all_btn .ham:before,
.scroll #header .all_wrap .all_btn .ham:after { background:#111 } 

html:not(.scroll) #header .all_wrap .all_btn .ham:before,
html:not(.scroll) #header .all_wrap .all_btn .ham:after { background:#fff;} 

#header:hover .all_wrap .all_btn .ham:before,
#header:hover .all_wrap .all_btn .ham:after { background:#111 !important;} 

html.main:not(.white) #header .all_wrap .all_btn .ham:before,
html.main:not(.white) #header .all_wrap .all_btn .ham:after { background:#111 } 



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

#footer { z-index: 1; color: #fff; background: #111; } 
#footer .menu_wrap { border-bottom:1px solid rgba(255,255,255,.1) } 
#footer .menu_wrap .box1 { position:relative } 
#footer .menu_wrap .gnb_wrap { } 
#footer .menu_wrap .gnb_wrap .gnb .layer { display: none; } 
#footer .menu_wrap .gnb_wrap .gnb > li { flex:1; position:relative } 
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before { content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1 } 
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before { left:0 } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp1 { justify-content: flex-start; padding:2em 1.5em 1em 1.5em; color:#fff; text-align:left } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 { flex-direction:column; padding-bottom:2rem } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li { display:block } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a { justify-content: flex-start; padding:.3em 1.5em; text-align:left; color:#fff; opacity:.6; transition:.3s } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .va { font-size:.875em } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover { opacity:1 } 
#footer .menu_wrap .gnb_wrap .gnb > li .dp3, 
#footer .menu_wrap .gnb_wrap .gnb > li.m_privacy { display: none; } 

#footer .link_menu { padding: 1em 0; border-bottom: 1px solid rgba(255,255,255, .1); } 

#footer .f_info { padding: 4em 0 5em } 
#footer .logo img { height:3em; } 
#footer .cname { margin-bottom: .5em; color: rgba(255,255,255, .65); font-size: .938em; } 
#footer .infoW { margin-bottom:.25em; display:flex; font-size:.938em } 
#footer .infoW > dt { width:3em; font-weight:500; opacity:.8 } 
#footer .infoW > dd { flex:1 1 0%; min-width:0 } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.3em; opacity:.8; font-weight:300; position:relative } 
#footer .info > li:before { content:""; position:absolute; right:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info > li:last-child:before { display:none } 
#footer .info > li.point { font-weight:600 } 
#footer .info > li.br { clear:left } 

#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase; margin-top:1em } 
#footer .cs_wrap { display:flex; gap:0 4em } 
#footer .cs_wrap .wrap_in { position:relative } 
#footer .cs_wrap .wrap_in:not(:first-child):after { content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2 } 
#footer .cs_wrap .t1 { opacity:.7; font-weight:500; margin-bottom:.5em } 
#footer .cs_wrap .t2 { font-weight:700; font-size:1.25em } 

#footer .info_wrap .family { position: relative; } 
#footer .info_wrap .family .btn { gap:0 5.5em; height:3.5em; padding:0 1.5em; border-radius:.25em; background: #444; } 
#footer .info_wrap .family .btn .tt { font-size:.813em; } 
#footer .info_wrap .family .btn .xi { font-size:1.125em; } 
#footer .info_wrap .family .list { display:none; position:absolute; left:0; bottom: calc(100% + 2px); width:100%; max-height: 16em; margin-bottom:-1px; padding:1em 1em; background: #f8f8f8; border-bottom:1px solid rgba(255,255,255,.2); border-radius: .25em; box-sizing:border-box; border: 1px solid #ddd; } 
#footer .info_wrap .family .list > li > a { display:block; padding:.5em 0; font-size:.938em; color:#777; } 
#footer .info_wrap .family .list > li > a:hover { text-decoration:underline; } 
#footer .info_wrap .family.on .in { opacity:1; } 
#footer .info_wrap .family.on .in .arrow { transform:rotate(180deg); } 
#footer .info_wrap .family.on .list { display:block } 

#footer .footer_menuW { display:flex; gap:2em } 
#footer .footer_menuW > li > a { opacity:.6; font-weight:500 } 
#footer .footer_menuW > li.point > a { opacity:1; font-weight:700 } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; color: #fff; border-radius:50%; background: #333; transition:.3s } 
/*
.sns_st > li > a.ka { color: var(--snsKa); } 
.sns_st > li > a.yu { color: var(--snsYt); } 
.sns_st > li > a.fb { color: var(--snsFb); } 
.sns_st > li > a.in { color: var(--snsIn); } 
.sns_st > li > a.nv { color: var(--snsNv); } 
*/

/*컨텐츠*/
#contents { } 
#contents .doc { padding: 4em 0 8em 0; } 
#contents .doc.pt0 { padding: 0 0 8em 0; } 
#contents .doc.pb0 { padding: 4em 0 0 0; } 

#contents { } 
#contents .sub_top_wrap { box-sizing:border-box; display:flex; flex-direction:column } 
#contents .sub_top_wrap .visual_wrap { height:100vh; position:relative; overflow:hidden; transition:.5s } 
html:not(.scroll) #contents .sub_top_wrap .visual_wrap { padding:0 } 
#contents .sub_top_wrap .visual_wrap .wrapIn { position:relative; height:100% } 
#contents .sub_top_wrap .visual_wrap .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; transform: scale(1.1); } 
#contents .sub_top_wrap .visual_wrap .bg:before { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0, .215); content: ''; } 
#contents .sub_top_wrap .visual_wrap .con_wrap { position: absolute; bottom: 10em; left: 12em; color: #fff; } 
#contents .sub_top_wrap .visual_wrap .con_wrap .t2 { font-size: 1.415em; font-weight: 700; transition: 1.5s; transform: translateX(2em); opacity: 0; } 
#contents .sub_top_wrap .visual_wrap .con_wrap .t1 { font-size: 7.65em; font-weight: 600; line-height: 1; transition: 1.5s; transform: translateX(1em); opacity: 0; } 
.load #contents .sub_top_wrap .visual_wrap .con_wrap .t1 { transform: translateX(0); opacity: 1; } 
.load #contents .sub_top_wrap .visual_wrap .con_wrap .t2 { transform: translateX(0); opacity: 1; } 

#contents .sub_top_wrap .visual_wrap .slogan { position:relative; flex:1 1 0%; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2em 0 } 
#contents .sub_top_wrap .visual_wrap .slogan .t1 { font-weight:700; font-size:3em; text-transform:uppercase; letter-spacing:-.025em; padding-left:.025em; line-height:1 } 
#contents .sub_top_wrap .visual_wrap .slogan .sub-slogan { font-size: 1.45em; font-weight: 500; padding: 0 4vw; } 
.load #contents .sub_top_wrap .visual_wrap .bg { animation: 2.5s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards; } 

@keyframes subVisual { to { transform: scale(1); } 
 }

#contents .sub_top_wrap .tit_wrap { } 
#contents .sub_top_wrap .tit_wrap .wrapIn { display:flex; justify-content:space-between; align-items:center; margin-top: 3em; padding-left: 1em; } 
#contents .sub_top_wrap .tit_wrap .tit .t1 { font-size:2.415em; font-weight:800 } 
#contents .sub_top_wrap .nav { display:flex; align-items:center; color: #999; } 
#contents .sub_top_wrap .nav > li { text-transform:uppercase } 
#contents .sub_top_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin:0 .5em } 
#contents .sub_top_wrap .nav > li.home { } 
#contents .sub_top_wrap .nav > li.home > a { } 
#contents .sub_top_wrap .nav > li.home > a .xi { } 
#contents .sub_top_wrap .sub_tab { position: absolute; border-top: 2px solid rgba(255,255,255, .1); background-color: rgba(0,0,0, .1); bottom: 0; width:100%; backdrop-filter: blur(5px); } 
#contents .sub_top_wrap .sub_tab .gnb > li { width:100% } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 { } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li { position: relative; flex: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:after { position: absolute; top: 0; width: 100%; transform: scaleX(0); height: 3px; background: #fff; content: ''; transition: .5s; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover:after,
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on:after { transform: scaleX(1); } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:last-of-type:before { display: none; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a { display:flex; align-items:center; letter-spacing: .03em; justify-content:center; font-size: 1em; font-weight: 500; color: #fff; opacity: .75; height:4.515em; padding:0 .5em; transition: .15s; position:relative } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a:hover { opacity: 1; transition: .15s; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > a .va { font-weight:600; font-size:1.125em; opacity:.85; position:relative; z-index:1 } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a { color:#fff; opacity: 1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li:hover > a .va,
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li.on > a .va { opacity:1; } 
#contents .sub_top_wrap .sub_tab .gnb .dp2 > li > .layer { display: none; } 

#contents .sub_top_wrap .con_menu { } 
#contents .sub_top_wrap .con_menu ul:not(.dp3) { display:block; } 
#contents .sub_top_wrap .con_menu .gnb .dp4 { display:none; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 { /* justify-content: center; */ flex-wrap: wrap; gap: 1em .5em; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li { width:auto; /* background:#f0f4f7; */ } 
/* #contents .sub_top_wrap .con_menu .gnb .dp3 > li:first-child { border-radius:6em 0 0 6em; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li:last-child { border-radius:0 6em 6em 0; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li:nth-child(5) { border-radius:0 6em 6em 0; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li:nth-child(6) { border-radius:6em 0 0 6em; } */
#contents .sub_top_wrap .con_menu .gnb .dp3 > li > a { height:4em; padding:0 2em; border: 1px solid #ddd; border-radius:6em; color:#777; transition:.2s; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li > a .tt { font-weight: 600; font-size:1.125em; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li.act > a { color:#000; } 
#contents .sub_top_wrap .con_menu .gnb .dp3 > li.on > a { background:var(--siteC); color:#fff; font-weight:500; } 


/********* SUB PAGE ******************/
/*공통*/
.page_sec { padding:5em 0; } 
.page_sec.conP1 { padding:3em 0; } 
.page_sec.conP2 { padding:3em 0 5em; } 
.page_sec.bg1 { background:var(--crGray); } 
.page_sec.bg2 { background:var(--crGray2); } 
.page_sec.bg3 { background:var(--siteBg1); } 
.page_sec.bg4 { position: relative; } 
.page_sec.bg4 .box1 { position: relative; z-index: 1; } 
.page_sec.bg4::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); position: absolute; left: 0; top: 0; } 
.page_sec.line { border-top:5px solid #eee; } 
.doc.pd0 .page_sec:last-child,
.doc.pb0 .page_sec:last-child { padding-bottom:10em; } 

.pageTxt { margin-bottom: 4em; } 
.pageTxt.mb1 { margin-bottom: 1em; } 
.pageTxt.mb2 { margin-bottom: 1.5em; } 
.pageTxt.mb3 { margin-bottom: 2em; } 
.pageTxt.mb4 { margin-bottom: 2.5em; } 
.pageTxt.mbN { margin-bottom: 0em; } 
.pageTxt .t1 { font-size: 3.15em; font-weight: 800; color: #111; letter-spacing: -0.03em; line-height: 1; } 
.pageTxt .t2 { font-size: 2.815em; font-weight: 800; color: #111; letter-spacing: -0.03em; line-height: 1.4; } 
.pageTxt .t3 { font-size: 1.215em; font-weight: 700; margin-bottom: .5em; color: #111; letter-spacing: -0.025em; line-height: 1.4; } 
.pageTxt .t4 { font-size: 1.15em; font-weight: 500; color: #444; line-height: 1.6; margin-top: 1.5em; } 
.pageTxt .t5 { font-size: 2.15em; font-weight: 700; color: #111; line-height: 1.2; letter-spacing: -.03em; } 
.pageTxt .t6 { font-size: 3.15em; font-weight: 700; color: #111; line-height: 1; letter-spacing: -0.03em; } 
.pageTxt .t7 { font-size: 1.15em; font-weight: 500; letter-spacing: -0.05em; color: #111; line-height: 1.6; margin-top: 1.5em; } 
.pageTxt .t8 { font-size: 1.65em; font-weight: 700; letter-spacing: -0.05em; color: #111; } 



/*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 .fst6 > li { flex: 1 1 16.66%; max-width: 16.66%; } 
.flex_box .fst6 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a { display: block; } 

/**/
.Simbox { } 
.Simbox .Simbox_list { } 
.Simbox .Simbox_list > li { } 
.Simbox .Simbox_list > li .in { border: 2px solid var(--siteC); border-radius: .5em; overflow: hidden; } 
.Simbox .Simbox_list > li .in .topT { padding: 1em; text-align: center; box-sizing: border-box; background: var(--siteC); color: #fff; } 
.Simbox .Simbox_list > li .in .topT > .tt { font-size: 1.215em; font-weight: 700; letter-spacing: -0.05em; } 
.Simbox .Simbox_list > li .in .btmC { padding: 1.5em; box-sizing: border-box; } 
.Simbox .Simbox_list > li .in .simlistB { } 
.Simbox .Simbox_list > li .in .simlistB > li { padding: .65em 1.5em; margin-bottom: .5em; text-align: center; border-radius: .35em; background: #f2f2f2; } 
.Simbox .Simbox_list > li .in .simlistB > li:last-of-type { margin-bottom: 0em; } 
.Simbox .Simbox_list > li .in .simlistB > li > .tt { font-size: .95em; font-weight: 600; color: #444; } 

.merit_wrap { } 
.merit_wrap .merit_list { } 
.merit_wrap .merit_list > li { } 
.merit_wrap .merit_list > li.wide { flex: 1 1 100%; max-width: 100%; } 
.merit_wrap .merit_list > li > .in { } 
.merit_wrap .merit_list > li > .in > .inner { border: 2px solid #f2f2f2; border-radius: .5em; padding: 1em 1.5em; transition: .3s; } 
.merit_wrap .merit_list > li > .in > .inner .merit_tt { font-size: .8em; color: var(--siteC); font-weight: 500; margin-bottom: .5em; } 
.merit_wrap .merit_list > li > .in > .inner > .tt { font-size: 1.15em; font-weight: 600; color: #000; letter-spacing: -0.05em;; } 
.merit_wrap .merit_list > li > .in > .inner > .intxt { font-size: .9em; letter-spacing: -0.05em; line-height: 1.4; color: #444; font-weight: 500; margin-top: .5em; } 
.merit_wrap .merit_list > li > .in:hover > .inner { border: 2px solid var(--siteC); box-shadow: 1.5em 1.5em 2.5em rgba(230, 0, 18, 0.11); } 


.icon_list { } 
.icon_list > li { display: flex; } 
.icon_list > li .inner { display: flex; align-items: center; border: 2px solid #f2f2f2; border-radius: .35em; overflow: hidden; width: 100%; min-height: 6em; flex-grow: 1; transition: .3s; } 
.icon_list > li { margin-bottom: .75em; } 
.icon_list > li:last-of-type { margin-bottom: 0em; } 
.icon_list > li .iconB { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; width: 6em; min-width: 9em; background: #f2f2f2; transition: .3s; } 
.icon_list > li .iconB > img { width: 3em; height: 100%; object-fit: contain; transition: .3s; } 
.icon_list > li .iconB:after { position: absolute; top: 40%; transform: translateY(-50%); left: 3em; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--siteC); opacity: .15; transition: .3s; content: ''; } 
.icon_list > li .txtinfo { display: flex; flex-direction: column; justify-content: center; padding: 1.5em 3em; box-sizing: border-box; width: 100%; height: 100%; } 
.icon_list > li .txtinfo .tit { font-size: .9em; color: var(--siteC); letter-spacing: -0.03em; font-weight: 500; } 
.icon_list > li .txtinfo .txt { font-size: 1.415em; font-weight: 700; letter-spacing: -0.05em; margin-top: .25em; } 
.icon_list > li .txtinfo.s1 .txt { font-size: 1.15em; } 
.icon_list > li .txtinfo .numT { font-size: 1.15em; font-weight: 700; color: var(--siteC); letter-spacing: -.05em; } 

.icon_list > li .inner:hover { border: 2px solid var(--siteC); box-shadow: 1.5em 1.5em 2.5em rgba(230, 0, 18, 0.11); } 
.icon_list > li .inner:hover .iconB { background: var(--siteC); } 
.icon_list > li .inner:hover .iconB > img { filter: brightness(0) invert(1); } 
.icon_list > li .inner:hover .iconB:after { background: rgba(255,255,255, 1); opacity: .3; } 

.icon_list.w2 { display: flex; flex-wrap: wrap; margin: 0 0 -1em -1em; } 
.icon_list.w2 > li { flex: 1 1 50%; max-width: 50%; margin-bottom: 0em; } 
.icon_list.w2 > li > .inner { margin: 0 0 1em 1em; } 
.icon_list.w2 > li .iconB { min-width: 6em; } 
.icon_list.w2 > li .iconB > img { width: 2.75em; } 
.icon_list.w2 > li .iconB:after { left: 1.5em; } 
.icon_list.w2 > li .txtinfo { padding: 0 2.25em; } 

.tab_con { position: sticky; top: 0; width: 100%; align-items: center; border-bottom: 1px solid #ddd; background: #f2f2f2; color: #111; transition: 1s; z-index: 99; } 
.tab_con .sub-tab { justify-content: center; } 
.tab_con .sub-tab > li { position: relative; flex: 1; } 
.tab_con .sub-tab > li:after { position: absolute; bottom: 0; width: 100%; transform: scaleX(0); height: 3px; background: var(--siteC); content: ''; transition: .5s; } 
.tab_con .sub-tab > li.on:after { transform: scaleX(1); } 
.tab_con .sub-tab > li > .tab-btn { text-transform:uppercase; display: flex; align-items: center; cursor: pointer; letter-spacing: -.03em; justify-content: center; font-size: 1.1em; font-weight: 600; color: #666; height: 4.5em; transition: .3s; position: relative; } 
.tab_con .sub-tab > li > .tab-btn.tori{ text-transform: none;}
.tab_con .sub-tab > li.on > .tab-btn { color: var(--siteC); } 
html.up .tab_con { top: var(--headerT); } 

/**/
.ImgBox { } 
.ImgBox .ImgBox_list { } 
.ImgBox .ImgBox_list > li { } 
.ImgBox .ImgBox_list > li > .in { margin: 0 0 2em 2em !important; } 
.ImgBox .ImgBox_list > li > .in >.img_wrap { position: relative; width: 100%; height: 20em; border-radius: .5em; overflow: hidden; } 
.ImgBox .ImgBox_list > li > .in >.img_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.ImgBox .ImgBox_list > li > .in >.img_wrap > img { width: 100%; height: 100%; object-fit: cover; } 
.ImgBox .ImgBox_list > li > .in >.img_wrap .infoWrap { position: absolute; left: 3em; width: 100%; padding-right: 3em; box-sizing: border-box; bottom: 2em; color: #fff; } 
.ImgBox .ImgBox_list > li > .in >.img_wrap .infoWrap .tit { font-size: 1.615em; font-weight: 700; margin-bottom: .75em; letter-spacing: -0.05em; } 


/**/
.subBanner { position: relative; width: 100%; height: 30em; } 
.subBanner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.subBanner .line { position: absolute; bottom: 0em; left: 50%; transform: translateX(-50%); height: 8em; width: 3px; background: #fff; } 
.subBanner .txtW { position: absolute; padding: 0 4vw; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; } 
.subBanner .txtW > .tt { text-transform: uppercase; font-size: 1.315em; font-weight: 600; } 


.page_con { padding: 6em 0; } 
.page_con2 { padding: 2em 0; } 


/* */
.page_col.div_T { gap: 6em; } 
.page_col.col.div_T { gap: 2em; } 
.page_col.div_T .Tleft { flex: 1 1 22%; } 
.page_col.div_T .Tright { flex: 1 1 78%; } 
.page_col.div_T .Tright .con + .con { margin-top: 6em; } 
.page_col.div_T .Tright .con:first-child { padding-top: 0.5em; } 
.page_col.col .Tright .con { padding-left: 1em; } 
.page_col.col .Tright .con .imgWrap.bg { padding: 3em; background: #fff; border: 1px solid #eee; border-radius: 1.5em; } 
.page_col.col .Tright .con .imgWrap .img { text-align: center; } 

.imgdiv_Wrap { } 
.imgdiv_Wrap .s_imgdiv { gap: 1em; } 
.imgdiv_Wrap .s_imgdiv.st1 > li { } 
.imgdiv_Wrap .s_imgdiv.st1 > li:first-of-type { flex: 2; } 
.imgdiv_Wrap .s_imgdiv.st2 > li { width: calc((100% - 4.5em) / 4); } 
.imgdiv_Wrap .s_imgdiv.st2 > li .imgsec { height: 100%; } 
.imgdiv_Wrap .s_imgdiv > li { flex: 1; position: relative; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec { width: 100%; height: 28.5em; overflow: hidden; border-radius: .8em; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec > img { width: 100%; height: 100%; object-fit: cover; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec.logo { height: 15em; padding: 2em; box-sizing: border-box; background: #fff; } 
.imgdiv_Wrap .s_imgdiv > li .imgsec.logo > img { object-fit: contain; } 
.imgdiv_Wrap .s_imgdiv > li .txtsec { display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding: 2em; box-sizing: border-box; border-radius: .8em; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); position: absolute; left: 0; bottom: 0; } 
.imgdiv_Wrap .s_imgdiv > li .txtsec > .tt { font-weight: 600; font-size: 1.25em; color: #fff; } 
.imgdiv_Wrap .s_imgdiv.st3 > li { width: calc((100% - 2em) / 3); flex: none; } 
.imgdiv_Wrap .s_imgdiv.st3 > li .imgsec { height: 12.5em; } 
.imgdiv_Wrap .s_imgdiv.st3 > li .imgsec.bg { height: 0; padding-bottom: 65%; } 

/* */
.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_txt:not(:last-child) { margin-bottom:2em; } 
.page_txt.m0 { margin-bottom:.75em; } 
.page_txt.m1 { margin-bottom:1.5em; } 
.page_txt.m2 { margin-bottom:5em; } 
.page_txt .tit.icon .page_tt { position:relative; } 
.page_txt .tit.icon .page_tt:before,
.page_txt .tit.icon .page_tt:after { content:""; } 
.page_txt .tit.icon.st1 .page_tt { display:inline-block; padding-left:1em; line-height:1.4; } 
.page_txt .tit.icon.st1 .page_tt:before,
.page_txt .tit.icon.st1 .page_tt:after { position:absolute; left:0; top:.375em; width:.625em; height:.625em; border-radius:50%; box-sizing:border-box; } 
.page_txt .tit.icon.st1 .page_tt:before { border:1px solid rgba(0,0,0,.15); } 
.page_txt .tit.icon.st1 .page_tt:after { background:var(--siteC2); transform:scale(.5); } 

.page_txt .tit + .tit { margin-top:1em; } 
.page_txt .tit + .txt { margin-top:1.5em; } 
.page_txt .txt + .tit { margin-top:2.5em; } 
.page_txt .txt + .txt { margin-top:1.5em; } 

.page_txt .line { } 
.page_txt .line:before { content:""; display:block; width:1px; height:2px; background:var(--siteC2); } 
.page_txt .line.w { margin:1.75em 0; } 
.page_txt .line.w:before { width:2.25em; } 
.page_txt .line.h { margin:1.5em .125em; } 
.page_txt .line.h:before { height:1.5em; } 
.page_txt .line.h.h2:before { height:2.5em; } 
.page_txt .line.ac:before { margin:0 auto; } 
.page_txt .line.ar:before { margin-left:auto; } 
.page_txt .line:first-child { margin-top:0; } 
.page_txt .line:last-child { margin-bottom:0; } 
.page_txt .line + .tit,
.page_txt .line + .txt { margin-top:0; } 

.page_tit .tit1 { text-align: center; font-size: 2em; font-weight: 700; line-height: 1.8em; } 
.page_tit .tit2 { text-align: center; font-size: 1.5em; line-height: 1.6; text-transform: uppercase; font-weight: 600; } 

.page_tit.ico1 { margin-bottom: 1em; padding-left: 0.5em; font-weight: 800; font-size: 1.5em; color:#111; position: relative; } 
.page_tit.ico1::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--siteC2); position: absolute; left: 0; top: 0; } 
.page_tit.ico2 { padding-left: 1em; padding-top: .5em; position: relative; } 
.page_tit.ico2::before { content: ''; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC2); position: absolute; left: 0; top: 0; opacity: 1; } 

.page_tt.dot1 { padding-left: .8em; position: relative; } 
.page_tt.dot1:before { content: ""; width: 6px; height: 6px; border-radius: 2em; background: var(--siteC); position: absolute; left: 0; top: 9px; } 

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

/* */
.memo_box { padding:2em 2.5em; background:#f6f6f6; border-radius: .8em; } 
.memo_box.st1 { display:flex; flex-wrap:wrap; gap:1em 2em; } 
.memo_box.st1 > * { box-sizing:border-box; min-width:0; } 
.memo_box.st1 .memo_con { flex:1; } 
.memo_box.st2 { padding: 1.5em 1.5em } 
.memo_box.bgW { background:#fff; } 

/* */
.busi_contW { background: #f9f9f9; position: relative; } 
.busi_contW .in { } 
.busi_contW .img_wrap { width: 40%; position: relative; } 
.busi_contW .img_wrap .img { width: 150%; height: 100%; position: absolute; right: 0; top: 0; } 
.busi_contW .img_wrap::after { content:''; width:5em; height:3px; background:#fff; position:absolute; right:0; top:3em; } 
.busi_contW .txt_wrap { width: 60%; padding: 4em 3em 6em 4em; box-sizing: border-box; position:relative } 
.busi_contW .txt_wrap .tit { margin-bottom: .5em; font-weight: 600; font-size: 2em; color:var(--siteC2); opacity: .25; } 
.busi_contW .txt_wrap .page_tt { color:#333; } 
.busi_contW .txt_wrap .page_tt + .page_tt { margin-top: .8em; } 
.busi_contW .txt_wrap::after { content:''; width:2em; height:3px; background:#555; position:absolute; left:0; top:3em; } 


.page_arrow { padding-bottom:5%; background:url(../images/icon/page_arrow.svg) no-repeat; background-size:100% 100%; margin:3.5em 0 3em 0; } 
.page_arrow.st2 { transform: rotate(180deg); margin:2.5em 0 2em 0; } 


/* style kh */

.sTn_wrap { position: relative; width: 100%; } 
.sTn_wrap .sTn { position: relative; display: flex; align-items: center; justify-content: center; border-radius: .5em; height: 4em; padding: .65em 1.5em; box-sizing: border-box; background: #f2f2f2; color: #111; transition: .3s; width: 14.5em; } 
.sTn_wrap .sTn:before { position: absolute; top: 50%; right: 2em; transform: translateY(-50%); font-family: 'xeicon'; content: '\e907'; color: #444; font-size: 1.65em; opacity: 0; transition: .3s; } 
.sTn_wrap .sTn .tt { font-size: 1.0515em; font-weight: 600; letter-spacing: -0.03em; word-break: keep-all; } 

.sTn_wrap li .sTn.on { width: 19em; background: var(--siteC); justify-content: space-between; text-align: left; color: #fff; padding: .65em 2em; } 
.sTn_wrap li .sTn.on:before { opacity: 1; right: 1em; } 
.sTn_wrap li .sTn.on:before { color: #fff; } 
.sTn_wrap .pimg { padding: 1.5em; box-sizing: border-box; text-align: center; } 

.TrAll_wrap { } 
.TrAll_wrap .sub_boxW { margin-bottom: 3em; padding-bottom: 3em; border-bottom: 1px solid #eee; } 
.TrAll_wrap .sub_boxW:last-of-type { padding-bottom: 0em; margin-bottom: 0em; border-bottom: none; } 
.TrAll_wrap .tit_wrap { margin-bottom: 1.5em; } 
.TrAll_wrap .tit { font-size: 2.615em; font-weight: 700; letter-spacing: -0.05em; } 
.TrAll_wrap .txt { font-size: 1.15em; font-weight: 600; letter-spacing: -0.05em; margin-top: .75em; color: #333; line-height: 1.4; } 
.TrAll_wrap .imgwrap { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3em; box-sizing: border-box; background: #f2f2f2; border-radius: .5em; } 
.TrAll_wrap .imgwrap > img { width: 100%; height: 100%; object-fit: contain; } 
.TrAll_wrap .imgwrap.s1 > img { width: 50%; } 
.TrAll_wrap .imgwrap img + .innerT { margin-top: 3em; } 
.TrAll_wrap .imgwrap .innerT + img { margin-top: 3em; } 
.TrAll_wrap .imgwrap .innerT .tt { font-size: 1.25em; letter-spacing: -0.05em; font-weight: 500; line-height: 1.4; } 

.TrAll_wrap .imgwrap.bgN { background: #fff; border: 2px solid #f2f2f2; } 
.TrAll_wrap .dev_sec { display: flex; gap: 2em; } 
.TrAll_wrap .dev_sec .leftC { width: 50%; } 
.TrAll_wrap .dev_sec .leftC > .img_con { width: 100%; height: 100%; border: 1px solid #ddd; } 
.TrAll_wrap .dev_sec .leftC > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 
.TrAll_wrap .dev_sec .rightC { display: flex; flex-direction: column; justify-content: space-between; width: 50%; } 

.proAll { display: flex; gap: 5em; } 
.proAll .Tleft { width: 17em; position: sticky; top: 15em; height: 100%; } 
.proAll .Tleft:after { } 
.proAll .Tright { width:calc(100% - 22em); box-sizing: border-box; border-left: 1px solid #eee; padding-left: 4em; } 
.proAll .page_dev { padding-bottom: 5em; margin-bottom: 5em; border-bottom: 1px solid #ddd; } 
.proAll .page_dev:first-of-type { padding-top: 0em; } 
.proAll .page_dev:last-of-type { padding-bottom: 0em; margin-bottom: 0em; border: none; } 
.proAll .Tright .sub_tit { position: relative; padding-left: .75em; margin-bottom: 1em; } 
.proAll .Tright .sub_tit:before { position: absolute; left: 0; width: 5px; height: 60%; top: 50%; transform: translateY(-50%); background: var(--siteC); content: ''; } 
.proAll .Tright .sub_tit .tt { font-size: 1.215em; font-weight: 600; margin-top: 1em; letter-spacing: -0.03em; } 

.lineBox { padding: 1.25em 1.75em; box-sizing: border-box; border: 2px solid var(--siteC); border-radius: .35em; } 
.lineBox .tt { letter-spacing: -0.05em; font-weight: 600; line-height: 1.7; font-size: .9em; } 
.lineBox.cn { border: 2px solid #f2f2f2; } 

.lineBox.s2 { padding: 2em 2.5em; border: 3px solid #f2f2f2; margin-top: 1em; background: #f2f2f2; transition: .3s; } 
.lineBox.s2:hover { border: 3px solid var(--siteC); box-shadow: 1.5em 1.5em 2.5em rgba(230, 0, 18, 0.11); } 
.lineBox.s2.hN:hover { border: 3px solid transparent; box-shadow: none;; } 
.lineBox.s2 .tt { font-size: 1.15em; line-height: 1.4; font-weight: 500; word-break: keep-all; } 

.lineBox.s3 { padding: 0em; border: 3px solid #f2f2f2; border-radius: .35em; transition: .3s; margin-bottom: 1.5em; } 
.lineBox.s3 .boxT { padding: 1.5em 2em; box-sizing: border-box; background: #f2f2f2; text-align: center; transition: .3s; } 
.lineBox.s3 .boxT > .tit { font-size: 1.415em; font-weight: 700; letter-spacing: -0.05em; } 
.lineBox.s3 .infoBox { padding: 2em 5em; box-sizing: border-box; } 
.lineBox.s3 .infoBox .infoimg { position: relative; width: 100%; height: 9.5em; border-radius: .5em; overflow: hidden; } 
.lineBox.s3 .infoBox .infoimg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .6); content: ''; } 
.lineBox.s3 .infoBox .infoimg > img { width: 100%; height: 100%; object-fit: cover; } 
.lineBox.s3 .infoBox .infoimg .pT { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; letter-spacing: .5em; font-size: 1.215em; font-weight: 700; } 

.lineBox.s3:hover { border: 3px solid var(--siteC); box-shadow: 1.5em 1.5em 2.5em rgba(230, 0, 18, 0.11); } 
.lineBox.s3:hover .boxT { background: var(--siteC); color: #fff; } 


.lineBox.s4 { padding: 2em 2.5em; box-sizing: border-box; background: #f9f9f9; border: none; } 

.lineBox.s33 { padding: 2em 2.5em; } 
.lineBox.s33 .boxIn { gap: 3em; } 
.lineBox.s33 .boxIn .txt_w { flex: 1; } 
.lineBox.s33 .boxIn .txt_w .page_tt + .tt { padding-left: 1em; } 
.lineBox.s33 .tt { font-weight: 400; font-size: 1.125em; line-height: 1.4; color:#555; word-break: keep-all; } 
.lineBox.s33 .boxIn .img_w { width: 15em; padding: 1.5em 1em; background: #fff; border:1px solid #ddd; box-sizing: border-box; } 
.lineBox.s33 .boxIn .img_w .logo { width: 100%; height: 2em; } 



/**/
.grayBAll .lineBox { margin-bottom: 2em; } 
.grayBAll .lineBox:last-of-type { margin-bottom: 0em; } 
.WideNum_box { } 
.WideNum_box > .innerImg { width: 100%; height: 100%; } 
.WideNum_box > .innerImg > img { width: 100%; height: 100%; object-fit: contain; } 
.WideNum_box > .tit { font-size: 1.215em; margin-bottom: 1em; letter-spacing: -0.05em; font-weight: 600; } 
.WideNum_box > .wideNum_list { } 
.WideNum_box > .wideNum_list > li { margin-bottom: .5em; } 
.WideNum_box > .wideNum_list > li:last-of-type { margin-bottom: 0em; } 
.WideNum_box > .wideNum_list > li > .con { display: flex; gap: .75em; align-items: center; background: #f1f1f1; border-radius: .35em; padding: 1em 1.5em; } 
.WideNum_box > .wideNum_list > li > .con > .wideN { letter-spacing: -0.05em; font-weight: 600; color: rgba(0,0,0, .5); } 
.WideNum_box > .wideNum_list > li > .con > .tt { font-size: .95em; font-weight: 500; letter-spacing: -0.05em; color: #333; } 


/**/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; letter-spacing: -0.05em; font-weight: 500; } 
.page_dot_list > li > .txt { font-size: 1em; } 
.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.s1 > li { font-size: .9em; } 
.page_dot_list.w1 { display: flex; flex-wrap: wrap; gap: .5em; } 
.page_dot_list.w1 > li { width: calc(50% - .5em); margin-bottom: 0em; } 

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

/* */


/*** 바로돔소개 ***/
/* 소개 */
.dp2_companyinfo #contents .sub_top_wrap .tit_wrap { display: none; } 
.greet_tit { padding: 2em 0; } 
.greet_tit .logo_img img { height: 2em; } 
.greet_tit .t1 { font-size: 4em; font-weight: 800; background-image: url(../images/sub/company_bg1.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; text-shadow: 2px 0 6px rgba(0, 0, 0, .15); background-clip: text; -webkit-background-clip: text; color: transparent; } 
.greet_tit .t2 { font-size: 1.375em; color: #333; line-height: 1.5; margin-top: 1em; } 

.companyInfoW { padding: 0 12vw; } 
.companyInfo { gap: 4em; padding: 3em 0; } 
.companyInfo > li { width: calc((100% - 4em) / 2); position: relative; } 
.companyInfo > li::before { content:''; width:calc(100% + 5em); height:calc(100% + 5em); border-radius: 25em; border:1px solid var(--siteC2); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity: .6; } 
.companyInfo > li .in { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1em; width:100%; height: 15em; border-radius: 15em; color:#fff; position:relative; overflow: hidden; } 
.companyInfo > li .in .tit { font-weight: 700; font-size: 2.5em; } 
.companyInfo > li .in .desc { display:flex; gap:1em; align-items:center; } 
.companyInfo > li .in .desc .t1,
.companyInfo > li .in .desc .t2 { font-weight:600; font-size:1.25em; } 
.companyInfo > li .in .desc .xi { opacity:.7}
.companyInfo > li .in .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; } 
.companyInfo > li .in .bg::after { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); position: absolute; left: 0; top: 0; } 

/* 전국지사 안내 */
.csCenter_box { position: relative; width: 100%; margin: 4em auto 0; border-radius: 0 4em 0 0; background: linear-gradient( 1355deg, #373B44, #4286f4); } 
.csCenter_box .inner { min-height:24em; padding: 6em 4em; box-sizing: border-box; position: relative; z-index: 0; overflow: hidden; } 
.csCenter_box .inner::before { content: ""; position: absolute; right:0; bottom:0; width: 486px; height: 274px; background: url(/images/sub/csCenterBox_bg.png); z-index: -1; opacity: .7; } 
.csCenter_box .img_wrap { overflow: hidden; position: absolute; left: 4em; top: -4em; width: 35%; border-radius: 0 0 0 4em; box-shadow: 0px 10px 20px rgba(5, 55, 47, 0.2); } 
.csCenter_box .img_wrap .img { width: 100%; padding-bottom: 80%; } 
.csCenter_box .txt_wrap { width: 62%; margin-left:auto; padding-left: 7em; padding-left: 4em; box-sizing: border-box; } 
.csCenter_box .txt_wrap .sub { display: block; font-size: 1.125em; color: #fff; opacity: .8; } 
.csCenter_box .txt_wrap .tit { display: block; font-weight: 600; font-size: 2em; color: #fff; letter-spacing: -0.04em; line-height: 1.3; } 
.csCenter_box .txt_wrap p { color:#fff; } 
.csCenter_box .txt_wrap .contactNum { margin-top: 2em; } 
.csCenter_box .txt_wrap .contactNum .num { font-weight: 600; font-size: 3.5em;}
.csCenter_box .txt_wrap .contactNum .t1 { font-size: 1.125em; } 


/*** 바로돔소개 end***/

/*** 유지보수 ***/
/* 아웃소싱컨설팅 */
.outsourcing_digW { } 
.outsourcing_dig { } 
.outsourcing_dig .digIn { border: 3px solid transparent; border-radius: 4em; overflow: hidden; background-image: linear-gradient(#fff, #fff), var(--crGrad1); background-origin: border-box; background-clip: content-box, border-box; text-align: center; } 
.outsourcing_dig .digIn .wrapIn { padding: 5em 6em 3.5em; } 
.outsourcing_dig .digIn .t1 { /* width: 75%; */
 margin: 0 auto 1em; padding-bottom: 1em; border-bottom: 1px dashed var(--siteC2); font-weight: 600; font-size: 1.5em; } 
.outsourcing_dig .itemListWrap { padding: 2em 3em 0; } 
.outsourcing_dig .itemListWrap > ul { gap:1em .5em; } 
.outsourcing_dig .itemListWrap > ul li { display: flex; flex-direction: column; justify-content: center; align-items: center; gap:2em; flex:1; padding: 2em 1.5em; box-sizing: border-box; border:1px solid var(--siteC2); border-radius: 1em; background: #f6f6f6; backdrop-filter: opacity(.5); } 
.outsourcing_dig .itemListWrap > ul li .icon { width: 3em; height: 3em; } 
.outsourcing_dig .itemListWrap > ul li .tt { font-weight: 500; color:#555; word-break: keep-all; } 
.outsourcing_dig .bottomT { display: flex; justify-content: center; align-items: center; width: 75%; margin: 0 auto; padding: 3em 3.5em; border-radius: 12em; background: #f4f4f4; box-shadow: 2px 2px 10px rgba(0,0,0, .15); }
.outsourcing_dig .bottomT .tt { font-weight: 600; font-size: 1.5em; color:#333}
/*** 유지보수 end ***/

/*** 사업영역 ***/
.triDigWrap { } 
.triDig { display:flex; align-items:center; justify-content:center; height:40em; width: 40em; margin: 0 auto; padding: 11em 1em 0; position:relative; } 
.triDig > .tit { width: 24em; height: 24em; margin:0 auto; box-sizing:border-box; border-radius: 50%; border:2em solid #eee; background:#fff; position:relative; box-shadow: 0 0 20px rgba(0, 0, 0, .1); } 
.triDig > .tit .tt { font-weight: 600; font-size: 2em; color:var(--siteC2); text-align: center; } 
.circle { border-radius: 50%; position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); } 
.circle.st1 { width: calc(100% + 8em); height: calc(100% + 8em); border: 2px dashed #ddd; background: rgba(237,237,237,.7); transition: all 0.8s; opacity: .5; /* animation: circle 3s 1s infinite forwards; */}
.circle.st2 { width: calc(100% + 18em); height: calc(100% + 18em); border:1px solid #ddd; background: rgba(237,237,237,.7); box-shadow: 0 0 20px rgba(0, 0, 0, .1); transition: all 1s; opacity: .3; animation: circle 3s 1.5s infinite forwards; } 

@keyframes circle {0% { opacity: .3; } 
50% { opacity: 1; } 
100% { opacity: .3; } 
 }

.triDig .conList { } 
.triDig .conList > li { position:absolute; } 
.triDig .conList > li:nth-child(1) { left:50%; top:0; transform:translateX(-50%); } 
.triDig .conList > li:nth-child(2) { right: 100%; bottom: 1em; transform:translateX(50%); } 
.triDig .conList > li:nth-child(3) { left:100%; bottom:1em; transform:translateX(-50%)}
.triDig .conList > li .in { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 15em; height: 15em; border-radius: 50%; background: linear-gradient( 45deg, #373B44, #4286f4); position: relative; box-shadow:0 2px 15px rgba(0, 0, 0, .2); } 
.triDig .conList > li .in .icon { width: 4em; height: 4em; } 
.triDig .conList > li .in .tit { width:70%; margin-top:1rem; padding:1rem 0 .8rem; border-top:1px dotted rgba(255, 255, 255, .3); color:#fff; font-size: 1.125em; text-align:center}
.triDig .conList > li .in .desc { width: 100%; padding-left: 2em; color:#333; line-height: 1.4; word-break: keep-all; position: absolute; left: 100%; top: 50%; transform: translateY(-50%); } 
.triDig .conList > li:nth-child(2) .in .desc { padding-left: 0; padding-right: 1.5em; left:auto; right: 100%; text-align: right; } 
.triDig .conList > li::after { content:''; width:1.2em; height:1.2em; box-sizing:border-box; border-radius:50%; background:var(--siteC2); border:3px solid #fff; position:absolute; z-index:1; box-shadow: 0 2px 15px rgba(0, 0, 0, .1); } 
.triDig .conList > li:nth-child(1):after { left:50%; bottom:-.6em; transform:translateX(-50%); } 
.triDig .conList > li:nth-child(2):after { left: calc(100% - 3em); top: 1em; } 
.triDig .conList > li:nth-child(3):after { right: calc(100% - 3em); top: 1em; } 

/* 인프라공급 */
.brandSlideW { padding:1em 1em 1em; background: #f6f6f6; border-radius: 1em; } 
.swiper.brandSlide { position: relative; overflow: hidden; } 
.swiper.brandSlide:not(:has(.swiper-pagination-lock)) { padding-bottom: 2em; } 
.brandSlide .el { padding: .8em 2em; box-sizing: border-box; background: #fff; border:1px solid #ddd; } 
.brandSlide .el .logo { height: 2em; } 
.brandSlide .swiper-pagination { top: auto!important; bottom: 0!important; } 

/*토탈보안*/
.security_wrap { position: relative; } 
.security_wrap .cir_inner { position: absolute; display: flex; align-items: center; flex-direction: column; justify-content: center; border-radius: 50%; background: var(--siteC2); color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 19em; height: 19em; box-shadow: 0 25px 30px #2E3B8030; } 
.security_wrap .cir_inner:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 25em; height: 25em; border: 4px dotted #d2ddff; border-radius: 50%; /* animation-name: rotateAni; animation-duration: 50s; transform-origin: center; animation-timing-function: linear; animation-iteration-count: infinite; */ } 
.security_wrap .cir_inner .icon { } 
.security_wrap .cir_inner .icon > .xi { font-size: 5.15em; } 
.security_wrap .cir_inner .tt { font-size: 2.15em; font-weight: 800; } 
.security_wrap .security_list { } 
.security_wrap .security_list > li { display: flex; } 
.security_wrap .security_list.st2 > li:nth-child(3) { flex: 1; max-width: unset; } 
.security_wrap .security_list > li > .in { width: 100%; } 
.security_wrap .security_list > li > .in > .inner { box-sizing: border-box; padding: 3em; background: #f7f7f7; border-radius: 1em; height: 100%; } 
.security_wrap .security_list > li > .in > .inner > .title { font-size: 2.15em; font-weight: 800; margin-bottom: 1.25em; } 
.security_wrap .security_list > li:nth-child(1) .in > .inner { text-align: left; } 
.security_wrap .security_list > li:nth-child(2) .in > .inner,
.security_wrap .security_list > li:nth-child(4) .in > .inner { text-align: right; } 
.security_wrap .security_list > li:nth-child(2) .in > .inner .page_dot_list li:before,
.security_wrap .security_list > li:nth-child(4) .in > .inner .page_dot_list li:before { right: -15px; } 


/*** 사업영역 end ***/

/*** 인프라공급 ***/
.dp1_infra #contents .sub_top_wrap .tit_wrap .wrapIn { display: none; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 { } 
.dp1_infra #contents .sub_top_wrap .con_menu2 ul:not(.dp3) { display:block; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp4 { display:none; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 { justify-content:center; flex-wrap: wrap; gap: 1em 0; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li { flex: 1; background: #f7f7f7; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li:first-child { border-radius:6em 0 0 6em; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li:last-child { border-radius:0 6em 6em 0; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li > a { height:4.5em; align-items: center; justify-content: center; padding:0 0.5em; border-radius:6em; color:#777; transition:.2s; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li > a .tt { font-size:1.1em; font-weight: 700; letter-spacing: -0.03em; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li.act > a { color:#000; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li.on > a { background:var(--siteC); color:#fff; font-weight:500; } 
.dp1_infra #contents .sub_top_wrap .con_menu2 .gnb .dp3 > li.on > a .tt { font-weight: 800; } 

/**/
.IcBox { margin-top: 1.5em; padding: 0 2vw; } 
.IcBox .flex_box { margin: 0 0 -.5em -.5em; } 
.IcBox .Iclist { } 
.IcBox .Iclist > li { } 
.IcBox .Iclist > li > .in { margin: 0 0 .5em .5em; } 
.IcBox .Iclist > li > .in > .inner { display: flex; align-items: center; padding: .45em .85em; box-sizing: border-box; background: #f2f2f2; gap: .5em; border-radius: .35em; } 
.IcBox .Iclist > li > .in > .inner > .xi { color: var(--siteC); } 
.IcBox .Iclist > li > .in > .inner > .BoxT { letter-spacing: -0.05em; font-weight: 600; color: #444; font-size: .95em; } 

.IcBox.areaN { margin: 0em; padding: 0; } 

/**/
.Logowrap { } 
.Logowrap .listCon { margin-bottom: 3.5em; } 
.Logowrap .listCon:last-of-type { margin-bottom: 0em; } 
.Logowrap .listCon .logoT { margin-bottom: 1.5em; } 
.Logowrap .listCon .logoT > .tt { font-size: 1.815em; letter-spacing: -0.05em; font-weight: 700; } 
.Logowrap .listCon li { } 
.Logowrap .listCon li > .in { } 
.Logowrap .listCon li > .in > .img_con { width: 100%; height: 7.5em; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: #f2f2f2; } 
.Logowrap .listCon li > .in > .img_con > img { width: 50%; height: 4.5em; object-fit: contain; } 

/**/
.Gbox { } 
.Gbox .Gboxlist { } 
.Gbox .Gboxlist > li { } 
.Gbox .Gboxlist > li > .in { position:relative; margin: 0 0 2em 2em !important; background: #f2f2f2; border-radius: .35em; padding: 3em 2.5em; box-sizing: border-box; height: 22em; transition: .3s; } 
.Gbox .Gboxlist > li > .in > .icon { position: absolute; bottom: 2.5em; right: 3em; margin-top: 2.5em; } 
.Gbox .Gboxlist > li > .in > .icon:after { position: absolute; top: 20%; transform: translateY(-50%); left: 0; width: 1.5em; height: 1.5em; border-radius: 50%; background: var(--siteC); opacity: .15; transition: .3s; content: ''; } 
.Gbox .Gboxlist > li > .in > .icon > img { width: 3.5em; transition: .3s; } 
.Gbox .Gboxlist > li > .in > .title { margin-bottom: 1.5em; } 
.Gbox .Gboxlist > li > .in > .title > .tt { font-size: 1.415em; font-weight: 700; letter-spacing: -0.05em; transition: .3s; } 
.Gbox .Gboxlist > li > .in > .txtW { } 
.Gbox .Gboxlist > li > .in > .txtW > .tt { font-size: .95em; font-weight: 600; color: #444; letter-spacing: -.05em; line-height: 1.7; transition: .3s; } 
.Gbox .Gboxlist > li > .in > .page_dot_list { transition: .3s; } 

.Gbox .Gboxlist > li > .in:hover { background: var(--siteC); } 
.Gbox .Gboxlist > li > .in:hover .icon > img { filter: brightness(0) invert(1); } 
.Gbox .Gboxlist > li > .in:hover .title > .tt { color: #fff; } 
.Gbox .Gboxlist > li > .in:hover .txtW > .tt { color: #fff; } 
.Gbox .Gboxlist > li > .in:hover > .icon:after { background: rgba(255,255,255, 1); opacity: .3; } 
.Gbox .Gboxlist > li > .in:hover .page_dot_list { color: #fff; } 

/*소닉월 시큐리티*/
/* .sTn_wrap { position: relative; width: 16.5em; } 
.sTn_wrap .sTn { position: relative; display: flex; align-items: center; justify-content: center; border-radius: .5em; height: 4em; padding: .65em 1.5em; box-sizing: border-box; background: #f2f2f2; color: #111; transition: .3s; width: 14.5em; } 
.sTn_wrap .sTn:before { position: absolute; top: 50%; right: 2em; transform: translateY(-50%); font-family: 'xeicon'; content: '\e907'; color: #444; font-size: 1.65em; opacity: 0; transition: .3s; } 
.sTn_wrap .sTn .tt { font-size: 1.0515em; font-weight: 600; text-align: center; letter-spacing: -0.03em; } 

.sTn_wrap li .sTn.on { width: calc(100% + 2em); background: var(--siteC); justify-content: space-between; text-align: left; color: #fff; padding: .65em 2em; } 
.sTn_wrap li .sTn.on:before { opacity: 1; right: 1em; } 
.sTn_wrap li .sTn.on:before { color: #fff; } 
.sTn_wrap .pimg { padding: 1.5em; box-sizing: border-box; text-align: center; } */ 
/*
.TrAll_wrap { } 
.TrAll_wrap .sub_boxW { margin-bottom: 3em; padding-bottom: 3em; border-bottom: 1px solid #eee; } 
.TrAll_wrap .sub_boxW:last-of-type { padding-bottom: 0em; margin-bottom: 0em; border-bottom: none; } 
.TrAll_wrap .tit_wrap { margin-bottom: 1.5em; } 
.TrAll_wrap .tit { font-size: 2.615em; font-weight: 700; letter-spacing: -0.05em; } 
.TrAll_wrap .txt { font-size: 1.15em; font-weight: 600; letter-spacing: -0.05em; margin-top: .75em; color: #333; line-height: 1.4; } 
.TrAll_wrap .imgwrap { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3em; box-sizing: border-box; background: #f2f2f2; border-radius: .5em; } 
.TrAll_wrap .imgwrap > img { width: 100%; height: 100%; object-fit: contain; } 
.TrAll_wrap .imgwrap.s1 > img { width: 50%; } 
.TrAll_wrap .imgwrap .innerT { margin-top: 3em; } 
.TrAll_wrap .imgwrap .innerT .tt { font-size: 1.25em; letter-spacing: -0.05em; font-weight: 500; line-height: 1.4; } 

.TrAll_wrap .imgwrap.bgN { background: #fff; border: 2px solid #f2f2f2; } 
.TrAll_wrap .dev_sec { display: flex; gap: 2em; } 
.TrAll_wrap .dev_sec .leftC { width: 50%; } 
.TrAll_wrap .dev_sec .leftC > .img_con { width: 100%; height: 100%; border: 1px solid #ddd; } 
.TrAll_wrap .dev_sec .leftC > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 
.TrAll_wrap .dev_sec .rightC { display: flex; flex-direction: column; justify-content: space-between; width: 50%; } 
*/

/*double_take*/
.doble_wrap { display: flex; align-items: center; background: #f2f2f2; padding: 3.5em; box-sizing: border-box; border-radius: 1em; } 
.doble_wrap .logo_con { width: 30%; margin-right: 3em; padding-right: 3em; border-right: 1px solid #ddd; } 
.doble_wrap .logo_con > img { width: 100%; height: 100%; object-fit: contain; } 
.doble_wrap .txtT { width: 70%; } 
.doble_wrap .txtT > .tit { font-size: 1.215em; font-weight: 600; margin-bottom: 1em; letter-spacing: -0.05em; } 
.doble_wrap .txtT > .tt { font-size: 1em; font-weight: 500; letter-spacing: -0.05em; line-height: 1.7; } 

/*onq*/
.charNum > .tit { font-size: 1.815em; font-weight: 700; margin-bottom: 1em; letter-spacing: -0.05em; } 
.Numwrap { padding: 4em 3em; background: #f9f9f9; border-radius: 1em; box-sizing: border-box; } 
.Numwrap .Numlist { } 
.Numwrap .Numlist li { } 
.Numwrap .Numlist li > .in { display: flex; align-items: center; gap: 1em; margin: 0 0 1em 2em; } 
.Numwrap .Numlist li > .in > .round_N { } 
.Numwrap .Numlist li > .in > .round_N > .rT { font-size: .9em; font-weight: 700; letter-spacing: -0.05em; width: 2.5em; height: 2.5em; background: var(--siteC); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; } 
.Numwrap .Numlist li > .in > .box_Tit { letter-spacing: -0.03em; width: 100%; font-weight: 500; padding: 1em 1.5em; box-sizing: border-box; background: #f5f8ff; border: 1px solid #ddd; border-radius: .35em; } 

.effect_listW { } 
.effect_listW .effect_list { } 
.effect_listW .effect_list > li { } 
.effect_listW .effect_list > li > .in { } 
.effect_listW .effect_list > li > .in > .img_con { position: relative; width: 100%; height: 12.5em; border-radius: .5em; overflow: hidden; } 
.effect_listW .effect_list > li > .in > .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.effect_listW .effect_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.effect_listW .effect_list > li > .in > .info { padding: 1.5em; box-sizing: border-box; text-align: center; } 
.effect_listW .effect_list > li > .in > .info > .tt { font-size: 1.215em; font-weight: 700; letter-spacing: -0.03em; } 
.effect_listW .effect_list > li > .in > .info > .cbtn { display: inline-block; margin-top: 1em; background: var(--siteC2); color: #fff; padding: .5em 1em; border-radius: .35em; letter-spacing: -.03em; font-weight: 600; } 
.effect_wrap .arrow_con { text-align: center; } 
.effect_wrap .arrow_con > .xi { font-size: 3.15em; color: var(--siteC2) } 
.effect_wrap .grayB { padding: 2.5em; margin-top: 1.5em; box-sizing: border-box; background: #f2f2f2; color: #111; text-align: center; border-radius: .5em; } 
.effect_wrap .grayB > .tt { font-size: 1.815em; font-weight: 700; letter-spacing: -0.03em; } 


/* k industry */
.Cenimg { width: 100%; height: auto; margin: 0 auto; padding: 2.5em 2em; box-sizing: border-box; border: 1px solid #ddd; } 
.Cenimg > img { width: 100%; height: 100%; max-height: 80vh; object-fit: contain; } 


/*** 인프라공급 end ***/

/* 회사위치 */
.sub_location {}
.sub_location .map{ margin-bottom: 5em;}
.sub_location .address_box {margin-bottom: 1em;}
.sub_location .address_box .a_icon1 {background: var(--siteC); width: 1.5em; height: 1.5em; border-radius: 50%; text-align: center; color: #fff;line-height: 1.5em; font-size: 1em;}
.sub_location .info {margin-top: 3em; border-top: 2px solid var(--siteC); border-bottom: 1px solid #555;}
.sub_location .info li {padding: 1.5em 3em; border-bottom: 1px dashed #ddd; gap: 3em;}
.sub_location .info .icon {border: 1px solid #ddd; width: 4em; height: 4em; line-height: 4em;text-align: center; border-radius: .8em;}
.sub_location .info .icon > i {font-size: 1.4em;}
.sub_location .info .inner {}
.sub_location .info .inner .title {font-size: 1.125em; font-weight: 600; margin-bottom: 1em;}
.sub_location .info .inner .detail {margin-bottom: 1em;}
.sub_location .info .inner .detail:last-child {margin-bottom: unset;}
.sub_location .info .inner .detail .ti {margin-bottom: .5em;}
.sub_location .info .inner .detail .ti span {background: #333; color: #fff; border-radius: 3em; padding: .3em 1em; font-size: 0.96em;}
.sub_location .info .inner .detail .ti span.c1 {background: #717c01;}
.sub_location .info .inner .detail .ti span.c2 {background: #01509f;}
.sub_location .info .inner .detail .ti span.c3 {background: #2d949f;}
.sub_location .info .inner .detail .ti span.c4 {background: #2da74d;}
.sub_location .info .inner .detail .tx {}

.root_daum_roughmap .wrap_controllers{ display: none;}
    




/********* MAIN ******************/
/**/
.radius { border-radius:1em; overflow:hidden } 
.shadow { box-shadow:0 0 1em rgba(0,0,0,.2) } 

.main_top { position:relative; } 
.main_top:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); opacity:.1 } 
.main_top > .wrapIn { display:flex; gap:1.875em; align-items:flex-end; position:relative; padding:1.875em 0 } 
.main_top .main_top_con { flex:1 1 0%; min-width:0 } 

.vod_wrap { position:relative; width: 100%; height: 100%; } 
.vod_wrap .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.vod_wrap .layer { position:absolute; left:0; top:0; width:100%; height:100% } 

.visualSlide_wrap { position: relative; } 

.visualSlide_wrap { height: 100vh; z-index: 1; overflow: hidden; } 
.visualSlide_wrap .visualSlide { position:relative; width: 100%; height: 100%; overflow:hidden; } 
.visualSlide_wrap .visualSlide .el { position:relative; width: 100%; height: 100%; overflow:hidden; } 
.visualSlide_wrap .visualSlide .el .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden; z-index: 0; } 
.visualSlide_wrap .visualSlide .el .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); content: ''; z-index: 1; } 
.visualSlide_wrap .visualSlide .el .bg .img { position: relative; width: 100%; height: 100%; z-index: 0; } 
.visualSlide_wrap .visualSlide .el .bg .img span { position:relative; width: 100%; height: 100%; display: block; transform: matrix(1, 0, 0, 1, 0, 0); background-repeat: no-repeat; background-size: cover; background-position: center center; } 
.visualSlide_wrap .visualSlide .el.swiper-slide-active .bg { animation-name: clipPathLeft; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1.5s; animation-fill-mode: forwards; } 
.visualSlide_wrap .visualSlide .el.swiper-slide-active .bg .img { animation-name: leftFade; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 1.3s; animation-fill-mode: forwards; } 
.visualSlide_wrap .visualSlide.slideOn .el.swiper-slide-active .bg,
.visualSlide_wrap .visualSlide.slideOn .el.swiper-slide-active .bg .img { animation: none; } 
.visualSlide_wrap .visualSlide .el .bg .img span { transform: scale(1.1); transition: 2s; } 
.visualSlide_wrap .visualSlide .el.swiper-slide-active .bg .img span { transform: scale(1); } 

@keyframes clipPathLeft { 
 0% { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); } 
100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } 
 }
@keyframes clipPathright { 
 0% { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); } 
100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } 
 }
@keyframes leftFade { 
 0% { transform:translate3d(100px,0,0); } 
100% { transform:translate3d(0px,0,0); } 
 }


.mainScroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0em; color:#fff; z-index: 99; } 
.mainScroll .tt { display:block; font-size:.875em; font-weight:500; margin:0 0 2.5em 0 } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em; position:relative } 

.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; top:60%; box-sizing:border-box; transform:translateY(-50%); z-index:10; color:#fff; text-align:left; } 
.visualSlideSlogan_wrap .slogan { text-align: left; } 
.visualSlideSlogan_wrap .slogan .wrap_in { display:flex; flex-direction:column } 
.visualSlideSlogan_wrap .slogan .t1 { font-size:7em; text-transform:uppercase; font-weight:600; line-height:1; letter-spacing: -0.03em; transform: translateX(.5em); opacity:0; } 
.visualSlideSlogan_wrap .slogan .t2 { font-size:1em; color: rgba(255,255,255, .8); margin-bottom: 1em; font-weight: 500; letter-spacing: 0.2em; opacity:0; transform: translateX(1.5em); } 
.visualSlideSlogan_wrap .slogan .t3 { font-size: 1.25em; color: rgba(255,255,255, .9); margin-top: 2em; font-weight: 400; line-height: 1.4; letter-spacing: -.03em; opacity: 0; transform: translateX(1em); } 
.visualSlideSlogan_wrap .el.swiper-slide-thumb-active .slogan .t1 { opacity:1; transition:1s; transition-delay: 1s; transform: translateX(0em); } 
.visualSlideSlogan_wrap .el.swiper-slide-thumb-active .slogan .t2 { opacity: 1; transition:1s; transition-delay:.5s; transform: translateX(0em); } 
.visualSlideSlogan_wrap .el.swiper-slide-thumb-active .slogan .t3 { opacity: 1; transition: 1s; transition-delay: 1.5s; transform: translateX(0em); } 

.visualSlide_control { position:absolute; bottom:-11em; z-index:10 } 
.visualSlide_control .paging { color:#fff; width:auto; display:flex } 
.visualSlide_control .paging span { position:relative; background:rgba(255,255,255,.5); width: 5em; opacity:1; border-radius:0; position:relative; transition:.3s; height:2px; counter-increment: vIndex; display:block; margin-right: -.25em !important; } 
.visualSlide_control .paging span:before { /*content:counter(vIndex); position:absolute; right:100%; top:50%; width:1.5em; transform:translateY(-50%)*/ } 
.visualSlide_control .paging span:nth-child(-n+10):before { position: absolute; top: -2em; color: rgba(255,255,255, .5); content:"0" counter(vIndex); font-size:.815em; font-weight: 700; transition: .2s; } 
.visualSlide_control .paging span.swiper-pagination-bullet-active:before { color: rgba(255,255,255, 1); } 
.visualSlide_control .paging > span:after { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff } 
.visualSlide_control .paging > span.swiper-pagination-bullet-active { width:5em } 
.visualSlide_control .paging > span.swiper-pagination-bullet-active:after { width:100%; transition:7s } 
.visualSlide_control .swiperBtn { margin-left:.25em } 

/********메인 공통********/
.main_tit { position:relative; margin-bottom:2.5em; gap:.75em 0; } 
.main_tit.mb1 { margin-bottom: 1.5em; } 
.main_tit.sideDot { position: absolute; right: 1em; top: 0em; width: 1em; height: 1em; border-radius: 50%; background: var(--siteC3); } 
.main_tit .t1 { font-weight:800; font-size:4.515em; letter-spacing:-.03em; line-height: 1; } 
.main_tit .t1.s1 { font-size:3em } 
.main_tit .t1.s2 { font-size:2.75em } 
.main_tit .t1.s3 { font-size:2.5em } 
.main_tit .t2 { font-weight:800; font-size:3.45em } 
.main_tit .t3 { font-size: 2.615em; font-weight: 800; } 
.main_tit .t4 { font-size: 1.415em; margin-top: .5em; color: rgba(0,0,0, .65); line-height: 1.5; } 
.main_tit .t4.wh { color: rgba(255,255,255, .65); } 
.main_tit .t4.wh2 { color: rgba(255,255,255, .85); } 
.main_tit .tt { font-weight:500; font-size:1.25em; opacity:.8 } 
.main_tit .en { font-size: .915em; font-weight: 700; margin-top: .5em; color: #afafaf; text-transform: uppercase; } 
.main_tit.white { color:#fff; } 
.main_tit > p > .fd { font-weight: 500; } 
.main_tit .line { width: 1px; height: 2em; background: rgba(255,255,255, .8); margin: .75em auto; } 

.main_con { padding: 5em 0; } 

/*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 .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 li > a { display: block; } 

/*메인 버튼*/
.btn_list > .round-btn { position: relative; z-index: 1; display: flex; align-items: center; gap: .75em; overflow: hidden; padding: 0.75em 1.5em; border-radius: 100px; background-color: rgba(255,255,255, 0.1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } 
.btn_list > .round-btn.line { border: 1px solid #fff; } 
.btn_list > .round-btn.p1 { padding: .5em; } 
.btn_list > .round-btn > .wide { display: block; opacity: 0; position: absolute; transition: opacity 5ms; z-index: -1; } 
.btn_list > .round-btn > .btn-full { background-color: #fff; border: none; bottom: 0; height: 100%; left: 0; margin: auto; top: 0; transition: width .5s .05s ease; width: 0; } 
.btn_list > .round-btn > .txt { position:relative; font-size: .9em; font-weight: 500; transition: .3s; z-index: 1; } 
.btn_list > .round-btn > .txt.pr1 { padding-right: 1em; } 
.btn_list > .round-btn > .Sarrow { display: flex; align-items: center; justify-content: center; background: #fff; width: 1.5em; height: 1.5em; border-radius: 50%; min-width: 1.5em; min-height: 1.5em; transition: .3s; } 
.btn_list > .round-btn > .Sarrow > .xi { font-size: .9em; color: var(--siteC); transition: .3s; } 
.btn_list > .round-btn > .plus-icon { display: flex; align-items: center; justify-content: center; background: var(--siteC); width: 2.25em; height: 2.25em; border-radius: 50%; } 
.btn_list > .round-btn > .plus-icon > .xi { font-size: .615em; color: #fff; } 

.btn_list > .round-btn:hover { color: #111; } 
.btn_list > .round-btn:hover > .wide { opacity: 1; } 
.btn_list > .round-btn:not(:hover) > .wide { opacity: 0; } 
.btn_list > .round-btn:hover > .btn-full { width: 100%; } 
.btn_list > .round-btn:hover > .Sarrow { background: var(--siteC); } 
.btn_list > .round-btn:hover > .Sarrow > .xi { color: #fff; } 

@keyframes text-active-animation { 
 0% { opacity: 0; filter: blur(20px); } 
100% { opacity: 1.0; filter: blur(0px); } 
 }

/*탭버튼*/
.wrap_idx { } 
.wrap_idx .tabSt { display: flex; height: 3.45em; border-radius: 100px; background-color: #fff; margin: 0 auto 2em; } 
.wrap_idx .tabSt.w1 { width: 450px; } 
.wrap_idx .tabSt > li { position: relative; margin: 0 0 0 -1px; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 1.05em; font-weight: 600; border: 1px solid #ddd; color: #BDBDBD; transition: .3s; } 
.wrap_idx .tabSt > li.on { background-color: var(--siteC); color: #fff; } 
.wrap_idx .tabSt > li:first-of-type { border-radius: 100px 0 0 100px; } 
.wrap_idx .tabSt > li:last-of-type { border-radius: 0 100px 100px 0; } 

/*심플 버튼*/
.txtarrow { display: flex; align-items: center; gap: .5em; } 
.txtarrow.white { color: #fff; } 
.txtarrow.posi1 { position: relative; top: 30px; } 
.txtarrow.pr { position: absolute; right: 0; top: 3em; } 
.txtarrow .tt { font-size: 1em; font-weight: 500; } 
.txtarrow .xi { font-size: 1em; } 

/*버튼*/
.btn_con { display: inline-block; } 
.main_more { display:flex; align-items:center; justify-content:center; border: 1px solid var(--siteC); color: var(--siteC); gap:1em; height:3.15em; padding:0 2em; transition: .3s; } 
.main_more .t1 { font-size: 1em; font-weight:600 } 
.main_more .arrow { font-size:1em; transition: all ease-in .3s; } 
.main_more .arrow:before { content:"\e907" } 
.main_more.c2 { background:var(--siteC); color:#fff; } 
.main_more.w { border-color: #fff; color:#fff; } 
.main_more:hover .arrow { transform: translateX(.3em); } 

.main_more.w:hover { border-color: var(--siteC); background-color: var(--siteC); } 

/*부연설명 스타일*/
.est_tt { margin-top: 1em; } 
.est_tt.white { color: #fff; } 
.est_tt > li { margin-bottom: .35em; font-size: .85em; font-weight: 600; } 
.est_tt > li:last-of-type { margin-bottom: 0em; } 

/*슬라이드 css*/
.page_mq { overflow:hidden; } 
.page_mq .mqTT { display:flex; flex-shrink:0; white-space:nowrap; } 
.page_mq .mqTT > * { margin:0 .215em; } 

.marqueeAni { animation-name: marqueeAni; animation-duration: 60s; animation-timing-function:linear; animation-iteration-count: infinite } 
@keyframes marqueeAni { 
 0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
 }

/****************************/
/*메인 비즈니스*/
.main_business { } 
.main_business .business_tit { align-items: center; } 
.main_business .business_tit .txt_con > p { font-size: 1.15em; line-height: 1.4; font-weight: 400; color: #333; } 

.business_wrap { margin-top: 2.5em; } 
.business_wrap .busi_list > li > .inner > .infoW { position: absolute; display: flex; align-items: center; gap: .5em; top: 2em; left: 1.5em; z-index: 99; } 
.business_wrap .busi_list > li > .inner > .infoW .tit { position:relative; font-size: 1.15em; font-weight: 400; color: #fff; } 
.business_wrap .busi_list > li > .inner > .infoW .cir { width: 1em; height: 1em; border-radius: 50%; background: #fff; } 

.busi_list { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5em; width: 100%; height: 37em; transition: .5s; } 
.busi_list .item { position: relative; overflow: hidden; } 
.busi_list .item .inner { position: relative; transition: .5s; filter: grayscale(0) brightness(1.25); display: inline-block; width: 100%; height: 100%; } 
.busi_list .item .inner::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); transition: .5s; transform: translateY(100%); z-index: 11; } 
.busi_list .item .inner::after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(0,0,0,0.35); z-index: 13; } 
.busi_list .item .inner:hover::before { transform: translateY(0); } 
.busi_list:hover .item .inner { filter: grayscale(1); } 
.busi_list .item .inner:hover { filter: grayscale(0) brightness(1.25); } 

.busi_list:has(.li1:hover) { grid-template-columns: 2fr 0.5fr 0.5fr; } 
.busi_list:has(.li2:hover) { grid-template-columns: 0.5fr 2fr 0.5fr; } 
.busi_list:has(.li3:hover) { grid-template-columns: 0.5fr 0.5fr 2fr; } 

.busi_list .item .pre_tit { position: absolute; font-size: 1.515em; font-weight: 700; color: #fff; left: 1.5em; bottom: 1em; z-index: 20; } 
.busi_list:hover .item:not(:hover) .pre_tit img { height: 3em; } 
.busi_list .item .inner:hover .pre_tit { display: none; } 

.busi_list .con_wrap { position: absolute; left: 3em; bottom: 3em; color: #fff; z-index: 15; transform: translateY(100%); transition-duration: .5s; opacity: 0; } 
.busi_list .item .inner:hover .con_wrap { transform: translateY(0); opacity: 1; } 
.busi_list .con_wrap::before { } 
.busi_list .con_wrap .prod_tit { } 
.busi_list .con_wrap .prod_tit .t1 { font-size: 2.5em; font-weight: 700; } 
.busi_list .con_wrap .prod_tit .t2 { font-size: 1.25em; font-weight: 400; margin-top: 1em; opacity: .7; } 
.busi_list .con_wrap .btn_wrap { margin-top: 2em; } 

/*메인 커스터머*/
.main_about { position: relative; } 
.main_about:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .8); content: ''; } 
.main_about .main_aboutW { position:relative; display: flex; gap: 8em; justify-content: space-between; z-index: 2; } 
.main_about .main_aboutW .about_tit { width: 40%; } 
.main_about .main_aboutW .about_company { width: 60%; } 

.main_about .main_aboutW .about_tit .about_btnW { display: flex; gap: .5em; } 
.main_about .main_aboutW .about_tit .about_btnW > li .about_btn { position: relative; padding: 1.5em; color: #fff; box-sizing: border-box; width: 12em; height: 12em; border: 1px solid rgba(255,255,255, .45); transition: .3s; } 
.main_about .main_aboutW .about_tit .about_btnW > li .about_btn .tit { font-size: 1.15em; font-weight: 700; } 
.main_about .main_aboutW .about_tit .about_btnW > li .about_btn .xi { position: absolute; bottom: 1.5em; left: 1.5em; } 

.main_about .main_aboutW .about_tit .about_btnW > li .about_btn:hover { background: var(--siteC); border: 1px solid var(--siteC); } 

.about_company { } 
.about_company .company_info { } 
.about_company .company_info > li { padding: 2em 3em; border-top: 1px solid rgba(255,255,255, .45); } 
.about_company .company_info > li:last-of-type { border-bottom: 1px solid rgba(255,255,255, .45); } 
.about_company .company_info > li > .infoW { display: flex; align-items: center; gap: 2em; justify-content: space-between; } 
.about_company .company_info > li > .infoW .txtW { } 
.about_company .company_info > li > .infoW .txtW .enT { font-size: .9em; color: rgba(255,255,255, .9); margin-bottom: 1em; } 
.about_company .company_info > li > .infoW .txtW .titT { font-size: 2.85em; letter-spacing: -0.03em; font-weight: 800; color: #fff; } 

.about_company .company_info > li > .infoW .icon { } 
.about_company .company_info > li > .infoW .icon > img { width: 5em; filter: brightness(0) invert(1); } 

/*메인 커스터머*/
.main_customer { } 
.main_customer .custmer_wrap { } 
.main_customer .custmer_wrap .customer_top { display: flex; gap: 3em; align-items: center; } 
.main_customer .custmer_wrap .customer_top .main_tit { width: 30%; } 
.main_customer .custmer_wrap .customer_top .link_con { width: 70%; } 

.main_customer .custmer_wrap .customer_top .link_con { display: flex; gap: 1em; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner { position: relative; display: block; width: 100%; height: 20em; overflow: hidden; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; z-index: 1; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .img_con { width: 100%; height: 100%; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .img_con > img { transition: .3s; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con { position: absolute; top: 3em; left: 3em; color: #fff; z-index: 2; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con .tit { font-size: 1.415em; font-weight: 700; margin-bottom: .75em; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con .txt { font-size: 1em; color: rgba(255,255,255,.8); font-weight: 500; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con .num_con { display: flex; gap: .5em; align-items: center; margin-top: .5em; color: #fff; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con .num_con > .xi { width: 1.75em; height: 1.75em; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; font-size: 1.65em; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner .info_con .num_con > .num { font-size: 1.85em; font-weight: 800; } 

.main_customer .custmer_wrap .customer_top .link_con .link_banner .main_cir { position: absolute; bottom: 3em; right: 3em; color: #fff; z-index: 2; transition: .3s; } 
.main_customer .custmer_wrap .customer_top .link_con .link_banner:hover .main_cir { background: #fff; color: #e60012; } 

.main_customer .custmer_wrap .customer_top .link_con .link_banner:hover .img_con > img { transform: scale(1.05); } 

.main_customer .custmer_wrap .customer_btm { margin-top: 4em; display: flex; } 
.main_customer .custmer_wrap .customer_btm .link_list { display: flex; width: 50%; } 
.main_customer .custmer_wrap .customer_btm .link_list .in { display: flex; flex-direction: column; justify-content: space-between; width: 50%; background: #f9f9f9; padding: 2.5em; box-sizing: border-box; color: #fff; height: 18em; } 
.main_customer .custmer_wrap .customer_btm .link_list .in.ty1 { background: #e60012 } 
.main_customer .custmer_wrap .customer_btm .link_list .in.ty2 { background: #ef8009; } 
.main_customer .custmer_wrap .customer_btm .link_list .in .tit_conW { display: flex; gap: 3.5em; justify-content: space-between; } 
.main_customer .custmer_wrap .customer_btm .link_list .in .tit_conW .icon > img { filter: brightness(0) invert(1); width: 6em; } 
.main_customer .custmer_wrap .customer_btm .link_list .in .tit_conW .tit_con { } 
.main_customer .custmer_wrap .customer_btm .link_list .in .tit_conW .tit_con .tit { font-size: 1.715em; font-weight: 800; margin-bottom: .5em; } 
.main_customer .custmer_wrap .customer_btm .link_list .in .tit_conW .tit_con .en { font-size: .9em; text-transform: uppercase; color: rgba(255,255,255, .35); transition: .2s; } 
.main_customer .custmer_wrap .customer_btm .link_list .in .txt { font-size: 1em; color: rgba(255,255,255, .65); transition: .2s; } 

.main_customer .custmer_wrap .customer_btm .link_list .in:hover .tit_conW .tit_con .en,
.main_customer .custmer_wrap .customer_btm .link_list .in:hover .txt { color: rgba(255,255,255, .85); } 

.main_customer .custmer_wrap .customer_btm .link_long { width: 50%; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con { display: flex; gap: 3em; padding: 2.5em; height: 18em; box-sizing: border-box; color: #111; background: #faf0ed; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .left_con { width: 11em; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .left_con .tit { font-size: 1.815em; font-weight: 700; margin-bottom: .5em; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .left_con .arrow_btn { } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .left_con .arrow_btn > .xi { font-size: 2.5em; } 

.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con { display: flex; gap: 1em; width: 100%; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link { width: 50%; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in { display: block; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in > .img_con { width: 100%; height: 10em; overflow: hidden; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in > .tit_con { display: flex; align-items: center; padding: 1em; box-sizing: border-box; background: #fff; } 
.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in > .tit_con .tt { font-size: 1.1em; font-weight: 700; } 

.main_customer .custmer_wrap .customer_btm .link_long .linkW_con .right_con .etc_link .in:hover > .img_con > img { transform: scale(1.05); } 

.main_cir { width:2.5em; height:2.5em; border-radius:50%; border:1px solid rgba(255,255,255,.5); display:flex; align-items:center; justify-content:center; } 
.main_cir .arrow:before { content:"\e907" } 
.main_cir.s1 { font-size:.875em } 
.main_cir.s2 { font-size:.675em } 
.main_cir.c1 { background: #000; color:#fff; border-color:transparent } 

/**/
.process_wrap { position: relative; } 
.process_wrap .img_con { position: relative; width: 100%; height: 20em; border-radius: .5em; overflow: hidden; } 
.process_wrap .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.process_wrap .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.process_wrap .img_con .innerT { position: absolute; width: 100%; text-align: center; padding: 0 4vw; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; } 
.process_wrap .img_con .innerT > .tt { font-size: 1.85em; font-weight: 700; letter-spacing: -0.05em; } 

.round_arrow { display: flex; align-items: center; justify-content: center; width: 3em; height: 3em; background: #e60012; box-shadow: 3px 7px 24px rgba(0, 0, 0, .15); margin: 1.5em auto; } 
.round_arrow > .xi { font-size: 1.65em; color: #fff; } 

.process_wrap .midB { padding: 2.5em 2em; } 
.process_wrap .midB .subT { text-align: center; font-size: 1.215em; letter-spacing: -0.05em; font-weight: 600; margin-bottom: 1em; } 
.process_wrap .midB .title { display: flex; align-items: center; text-align: center; justify-content: center; font-size: 2.15em; font-weight: 700; letter-spacing: -0.05em; color: #e60012; } 
.process_wrap .midB .title > .xi { margin: 0 .5em; font-size: .7em; } 

.process_box { position: relative; } 
.process_box .pro_Blist:before { position: absolute; top: 4.1em; width: 90%; left: 50%; transform: translateX(-50%); margin: 0 auto; height: 8px; background: #f2f2f2; z-index: -1; content: ''; } 
.process_box .pro_Blist { } 
.process_box .pro_Blist > li { } 
.process_box .pro_Blist > li > .in { margin: 0 0 3em 3em; } 
.process_box .pro_Blist > li > .in > .inner { position: relative; } 
.process_box .pro_Blist > li > .in > .inner .iconB { position: relative; background: #fff; box-shadow: 1.2rem 1.2rem 2.2rem rgba(0, 0, 0, 0.09); height: 8em; border-radius: .3em; display: flex; align-items: center; justify-content: center; border: 2px solid #e60012; } 
.process_box .pro_Blist > li > .in > .inner .iconB > img { width: 3em; } 
.process_box .pro_Blist > li > .in > .inner .iconB:before { position: absolute; top: 40%; transform: translate(-50%,-50%); left: 40%; width: 1.5em; height: 1.5em; border-radius: 50%; background: #e60012; opacity: .15; transition: .3s; content: ''; } 
.process_box .pro_Blist > li > .in > .inner .Rarrow { position: absolute; top: 2.65em; z-index: 2; right: -1.65em; transform: rotate(90deg); color: #e60012; opacity: .6; } 
.process_box .pro_Blist > li > .in > .inner .num { margin-top: .5em; letter-spacing: -0.05em; color: #e60012; font-weight: 700; margin-bottom: .3em; text-align: center; font-size: .95em; } 
.process_box .pro_Blist > li > .in > .inner .tit { letter-spacing: -0.05em; font-weight: 700; line-height: 1.4; font-size: 1.05em; text-align: center; } 

.process_img { border: 1px solid #ddd; border-radius: .5em; padding: 3.5em; box-sizing: border-box; background: #f2f2f2; } 
.process_img > img { width: 100%; height: 100%; object-fit: contain; } 

/*이메일 보안*/
.email_imgC { margin: 0 auto; text-align: center; } 

/*소닉월 탭*/
.tab_inner{ padding-top: 4em;}
.tab-content{}
.tab-container { } 
.tab-container .tab-header {display: flex;height: 4.515em;border-radius: 100px;background-color: #fff;margin: 0 auto 4.5em; border: 1px solid #eee;} 
.tab-container .tab-header.w1 { width: 1240px; margin: 0 auto;} 
.tab-container .tab-header > .tab-btn {position: relative;cursor: pointer;height: 100%;display: flex;align-items: center;justify-content: center;flex: 1;font-size: 1.15em;font-weight: 700;border: 2px solid transparent;border-radius: 100px;color: #444; background: #fff; transition: .3s; } 
.tab-container .tab-header > .tab-btn.active {background-color: var(--siteC);color: #fff; } 

.tab-container .tab-content .tab_inner{ background: #fff; border-radius: 2.5em; overflow: hidden; padding: 3em 4em; box-sizing: border-box; margin-top: 3em;}

.sub-tab-container{}
.sub-tab-container .tab_imgbanner{ position: relative; margin-bottom: 2.5em;}
.sub-tab-container .tab_imgbanner:before{ }
.sub-tab-container .tab_imgbanner > .img_con{ position: relative; width: 100%; height: 20em; border-radius: 2em; overflow: hidden;} 
.sub-tab-container .tab_imgbanner > .img_con:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: '';}
.sub-tab-container .tab_imgbanner > .img_con > img{ width: 100%; height: 100%; object-fit: cover;}

.sub-tab-container .tab_imgbanner .banner_txt{ position: absolute; text-align: center; width: 100%; padding: 0 4em; box-sizing: border-box; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;}
.sub-tab-container .tab_imgbanner .banner_txt .tit{ font-size: 3.15em; font-weight: 800; margin-bottom: .5em;}
.sub-tab-container .tab_imgbanner .banner_txt .txt{ font-size: 1.1em; color: rgba(255,255,255, .85);}

.sub-tab-content .content_inner{}
.sub-tab-content .content_inner .content_box{ padding-bottom: 4em;}
.sub-tab-content .content_inner .content_box:last-of-type{ padding-bottom: 0em;}
.sub-tab-content .content_inner .content_box .content_main{ display: flex; align-items: center; gap: 6em; margin-top: 3em;}
.sub-tab-content .content_inner .content_box .content_main .pro_img{ width: 45%; max-height: 30em; height: 30em;}
.sub-tab-content .content_inner .content_box .content_main .pro_img > img{ width: 100%; height: 100%; object-fit: contain;}
.sub-tab-content .content_inner .content_box .content_main .pro_info{ width: 55%;}
.sub-tab-content .content_inner .content_box .content_main .pro_info.w100 {width: 100%;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top{}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .brand{ font-size: 2.15em; letter-spacing: -0.03em; font-weight: 700;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .pro_name{ font-size: 4.15em; line-height: 1; font-weight: 800; letter-spacing: -0.03em; margin: .25em 0 .3em 0;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_top .sub_txt{ font-size: 1.515em; color: rgba(0,0,0, .5);}

.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_txtcon{ margin-top: 2em;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_txtcon > .tt{ font-size: 1.15em; line-height: 1.4; color: #444; font-weight: 400; margin-bottom: 1.5em;}
.sub-tab-content .content_inner .content_box .content_main .pro_info .pro_txtcon > .tt:last-of-type{ margin-bottom: 0em;}

.sub-tab-content .content_inner .content_box .div-container{ margin-bottom: 4em;}
.sub-tab-content .content_inner .content_box .div-container:last-of-type{ margin-bottom: 0em;}

.tab-panel,
.sub-tab-panel {display: none;}

.tab-panel.active,
.sub-tab-panel.active {display: block;}

.sub-tab-header{ display: flex; justify-content: center; gap: .75em;}
.sub-tab-btn{ position: relative; background: none; border: 1px solid #ddd; padding: .65em 2em; border-radius: 3em; font-size: 1.1em; font-weight: 500; color: #666; transition: .3s;}
.sub-tab-btn.active{ background: var(--siteC); color: #fff; font-weight: 600; box-shadow: 3px 6px 12px rgba(0,0,0, .1);}

/*제품 컨텐츠 내부 디자인*/
.sub-tab-content .content_inner .content_box .char_container{ display: flex; width: 100%;}
.sub-tab-content .content_inner .content_box .char_container .inner_con{ display: flex; width: 100%; border-radius: 1.5em; border: 3px solid var(--siteC2); overflow: hidden;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con{ position:relative; width: 40%; background: var(--siteC2); color: #fff; padding: 3em; box-sizing: border-box;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con .sub_tit{ font-size: 1.215em; font-weight: 500; margin-bottom: .35em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con .en{ font-size: 2.65em; line-height: 1.1; text-transform: uppercase; font-weight: 800;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .bg_con > .xi{ position: absolute; bottom: -.2em; right: -.05em; font-size: 20em; opacity: .15;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC{ width: 60%; padding: 3em; box-sizing: border-box;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list{ display: flex; flex-wrap: wrap; margin: 0 0 -1em -1em;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li{ flex: 1 1 50%; max-width: 50%;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li.w100 {max-width: 100%; flex: 1 1 100%;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li > .con{ position: relative; display: flex; gap: .5em; margin: 0 0 1em 1em; padding: .5em; box-sizing: border-box; align-items: center; background: #f5f5f5; }
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li > .con > .icon{ position: absolute; display: flex; background: var(--siteC2); align-items: center; justify-content: center; top: 0; left: 0; width: 2.5em; height: 100%;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li > .con > .icon > .xi{ color: #fff;}
.sub-tab-content .content_inner .content_box .char_container .inner_con .char_listC .char_list > li > .con > .tt{ font-size: 1.05em; padding-left: 2.5em; font-weight: 500;}

.sub-tab-content .content_inner .content_box .content_tit{ margin-bottom: 1.5em;}
.sub-tab-content .content_inner .content_box .content_tit > .tt{ font-size: 2.15em; font-weight: 800;}