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

.pcHide { display: none; } 

.PC { display:block; } 
.PHONE { display:none; } 
.db780 { display: none; } 

.gnb li .layer,
.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; } 

.scr_i { display: none; } 

.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.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: 6em; } 
#header .wrapIn .menu_wrap .logo { } 
#header .logo > a { } 
#header .logo > .in { transform-origin:left center; transition:.2s; } 
#header .logo > .in img { height: 40px; object-fit: contain; filter: var(--crWhitefil); } 

html:not(.white) .fp-viewing-Business #header,
html:not(.white) .fp-viewing-Footer #header,
html:not(.white) .fp-viewing-Customer #header { background: #fff; border-bottom: 1px solid #ddd; } 
html:not(.white) #header .logo > .in img { filter: none; } 

#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(--color-point); } 
#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 { 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(--color-point2); color: #fff; position: relative; } 
.header_linkW:before { content: ""; position: absolute; right: 90vw; height: 100%; width: 100vw; background: var(--color-point); 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(--color-point); } 
.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(--color-point); } 
.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 3em; } 
#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(--color-point2); 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 { 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: var(--color-point2); 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:hover { overflow:visible; } 
#header .gnb_wrap .gnb > li:hover .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; } 

#header .all_wrap { } 
#header .all_wrap .all { } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.75em; 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:2px; background:#000; transition:.2s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .all_btn .ham { background: var(--color-point2); } 
#header .all_wrap .all:hover .ham:before { width:50%; } 
#header .all_wrap .all:hover .ham:after { width:80%; } 
#header:not(.active) .all_wrap .all_btn { } 

#header .all_wrap .all_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--crWhite); color: #111; transform: translateY(-80%); opacity: 0; visibility: hidden; transition: .3s; } 
#header .all_wrap .all_layer .all_header { } 
#header .all_wrap .all_layer .all_header .all_close .close_btn { position: fixed; top: 1.5em; right: 1.5em; } 
#header .all_wrap .all_layer .all_header .close_btn { display: flex; align-items: center; justify-content: center; width: 5em; height: 5em; background: var(--color-point); color: var(--crWhite); border-radius: 50%; } 
#header .all_wrap .all_layer .all_header .close_btn .xi { font-size: 1.875em; transition: .3s; } 
#header .all_wrap .all_layer .all_header .close_btn:hover .xi { transform: rotate(180deg); } 

#header .all_wrap .all_layer .all_inner { flex: 1; opacity: 0; transition: .3s; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap: 5em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img { display: flex; align-items: center; justify-content: center; width: 30%; height: 100vh; position: relative; padding: 0 5em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .wrap_img_txt { position: relative; align-items: center; z-index: 10; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .wrap_img_txt > p { font-size: 2.5rem; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .img_bottom { position: absolute; bottom: 3em; left: 3em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .img_bottom ul { opacity: 0.8; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .img_bottom ul li { display: flex; font-size: 1.125rem; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .img_bottom ul li span:first-child { width: 3.5em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .img_bottom ul li:first-child { margin-bottom: 1em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img .logo { width: 12rem; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_img::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(45deg, rgba(0, 0, 0, 0.5), transparent); } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_middle { width: 60%; height: 100vh; overflow-y: scroll; padding-top: 5em; } 
#header .all_wrap .all_layer .all_inner > .wrap_in .wrap_middle::-webkit-scrollbar { display: none; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap: .5em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { height: 2.75em; padding: 0 2em; border: 1px solid rgba(255, 255, 255, .3); border-radius: 6em; transition: .2s; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size: .938em; font-weight: 500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { background: var(--color-point); border-color: var(--color-point); } 

#header .all_wrap .all_layer .wrap_middle .gnb { flex-wrap: wrap; flex-direction: column; padding-bottom: 20vh; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { display: flex; justify-content: space-between; align-items: flex-start; flex: 1; padding: 3.5em 2.5em; border-left: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid #ddd; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_performance .tt { width: 55%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li ul { display: flex; flex-wrap: wrap; padding: 0; width: 40vw; gap: 1em 2em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li ul.dp3 { padding-bottom: 1.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li a { justify-content: flex-start; text-align: left !important; padding: .5em .5em 0.5em 0.5em; /* align-items: flex-start; */
 position: relative; } 
/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li a::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.25em; aspect-ratio: 1/1; border-radius: 50%; background: var(--color-point); } */
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .in { display: flex; align-items: flex-end; gap: .5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size: 2.250em; font-weight: 700; color: #111; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .arrow { display: inline-block; margin-bottom: .375em; width: .35em; height: .35em; background: var(--color-point); border-radius: 50%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.act { background: rgba(0, 0, 0, .03); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1 .tt { background-position: 0 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in { display: inline-block; position: relative; } 
/* #header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in:after { content:""; position:absolute; left:0; bottom:-.25em; width:100%; height:2px; background:var(--color-point); transform:scaleX(0); transform-origin:left bottom; transition:.2s; } */
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size: 1.188em; font-weight: 500; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .tt { color: var(--color-point); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .in:after { transform: scaleX(1) } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a { gap: 0 .5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a:before { content: "·"; color: rgba(0, 0, 0, .4); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li > a .tt { opacity: .7; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp3 > li.act > a .tt { text-decoration: underline; opacity: 1; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp4 { display: none; } 

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

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

/*
#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(--color-point); } 
#header.active .gnb_wrap .gnb > li.on .dp1 .in:before { background: var(--color-point); } 
#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:before,
html.white #header .all_wrap .all_btn .ham:after { background:#fff } 


.proview:not(.scroll) #header { background: transparent; } 
.proview:not(.scroll) #header .top_wrap { color: #fff; } 
.proview:not(.scroll) #header .logo > .in img { filter: var(--crWhitefil) } 
.proview:not(.scroll) #header .gnb_wrap .gnb > li .dp1 .tt:after { background: #fff; } 
.proview:not(.scroll) #header .all_wrap .all_btn .ham,
.proview:not(.scroll) #header .all_wrap .all_btn .ham:before,
.proview:not(.scroll) #header .all_wrap .all_btn .ham:after { background: #fff; } 


.sub.scroll:not(.up) #header { /*transform:translateY(-100%)*/ } 

.sub #header { background: #fff; } 
.scroll.sub #header { border-bottom: 1px solid #ddd; } 

.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 .link_menu .box0 { justify-content: flex-end; } 

#footer .f_info { padding: 4em 0 5em } 
#footer .logo img { height:3em; filter: brightness(0) invert(1);} 
#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 .family { position: relative; } 
#footer .family .btn { gap:0 5.5em; height:3.5em; padding:0 1.5em; border-radius:.25em; background: #444; } 
#footer .family .btn .tt { font-size:.813em; } 
#footer .family .btn .xi { font-size:1.125em; } 
#footer .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 .family .list > li > a { display:block; padding:.5em 0; font-size:.938em; color:#777; } 
#footer .family .list > li > a:hover { text-decoration:underline; } 
#footer .family.on .in { opacity:1; } 
#footer .family.on .in .arrow { transform:rotate(180deg); } 
#footer .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: 2em 0 8em 0; } 
#contents .doc.pt0 { padding: 0 0 8em 0; } 
#contents .doc.pb0 { padding: 2em 0 0 0; } 
.proview #contents .doc { padding: 0 0 8rem 0; } 
#contents .nav { padding-left: 3vw; box-sizing: border-box; } 
#contents .nav > li { position: relative; color: #AEAEAE; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; margin-right: 15px; padding-right: 15px; } 
#contents .nav > li:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 11px; width: 1px; background: #00000026; } 
#contents .nav > li:last-of-type { color: var(--crBlack); font-weight: 600; padding-right: 0em; margin-right: 0em; } 
#contents .nav > li:last-of-type:before { display: none; } 
#contents .nav > .home > a { transition: .3s; } 
#contents .nav > .home > a:hover { color: var(--color-point); } 

#contents .sub_page_top { position:relative; height:35em; padding-top: var(--headerT); box-sizing:border-box; word-break:keep-all; } 
#contents .sub_page_top > .inner { position:relative; height:100%; } 
#contents .sub_page_bg { position:absolute; top:0; left:0; width:100%; height:100%; } 
#contents .sub_page_bg > .bg { position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s; } 
#contents .sub_page_bg > .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.3)); } 
#contents .sub_page_bg > .bg:before { background: rgba(0,0,0, .215); } 
.load #contents .sub_page_bg > .bg { right:-1vw; } 
#contents .sub_page_tit { flex:1; position:relative; z-index:9; padding:0 0 4.5em 0; } 
#contents .sub_page_tit .sub_tit_wrap { overflow:hidden; } 
#contents .sub_page_tit .sub_tit_wrap:last-child .tit_inner { padding-bottom:7.5em; } 
#contents .sub_page_tit .tit_inner { padding:1.5em 0 3.5em 0; text-align:left; } 
#contents .sub_page_tit .wrap_tit { color:#fff; } 
#contents .sub_page_tit .wrap_tit .tt { display:block; } 
#contents .sub_page_tit .wrap_tit .sub_txt .tt { font-size:1.150em; opacity:.75; padding-top:.5em; } 
#contents .sub_page_tit .wrap_tit .sub_tit .tt { font-size:3em; font-weight: 600; } 

#contents .sub_page_menu { text-align:left; } 
#contents .sub_page_menu .menu_wrap { max-width:100%; border-bottom: 1px solid rgba(255,255,255, .3); } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .wrapH { height:4.5em; color:#fff; } 
#contents .sub_page_menu .home { position:relative; } 
#contents .sub_page_menu .home .in { width:3em; justify-content: center; align-items: center; transition:.2s; } 
#contents .sub_page_menu .home .in .xi { font-size:1.375em; } 
#contents .sub_page_menu .drop_menu { position:relative; } 
#contents .sub_page_menu .drop_menu .drop_tit { gap:0 2em; padding:0 .875em 0 1em; min-width:14em; transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .tt { font-size:1.063em; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow { transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before { content:"\e942"; } 
#contents .sub_page_menu .drop_menu ul { display:block; } 
#contents .sub_page_menu .drop_menu .gnb { position:absolute; top:100%; left:0; box-sizing: border-box; padding: .65em 0em; width:100%; background: var(--color-point2); color:#fff; display: none; } 
#contents .sub_page_menu .drop_menu .gnb a.flex { display:block; text-align:left !important; } 
#contents .sub_page_menu .drop_menu .gnb li > a { padding:.525em 1.5em; width: 100%; text-align: left; box-sizing: border-box; font-weight:300; transition:.2s; } 
#contents .sub_page_menu .drop_menu .gnb li > a.layer { display: none; } 
#contents .sub_page_menu .drop_menu .gnb li > a .tt { font-size:.975em; font-weight: 500; } 
#contents .sub_page_menu .drop_menu .gnb li > a > .in { position:relative; width: 100%; } 
#contents .sub_page_menu .drop_menu .gnb li:first-of-type { /*padding-top: 1em; */ } 
#contents .sub_page_menu .drop_menu .gnb li:last-of-type { /*padding-bottom: 1em; */ } 
#contents .sub_page_menu .drop_menu .gnb li > a > .in .arrow { } 
#contents .sub_page_menu .drop_menu .gnb li.act > a,
#contents .sub_page_menu .drop_menu .gnb li.on > a { color: #fff; } 
#contents .sub_page_menu .drop_menu .gnb li.on > a .tt { font-weight:700; } 
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on { z-index:2; } 
#contents .sub_page_menu .drop_menu.on .drop_tit { background: transparent; } 
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow { transform:rotate(-180deg); } 
#contents .sub_page_menu .drop_menu.on .gnb { display: block; } 

#contents .sub_page_menu .menu .gnb { position:relative; } 
#contents .sub_page_menu .menu .gnb:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1.25em; background:#fff; opacity:.2; transform:translateY(-50%); } 
#contents .sub_page_menu .menu .gnb .dp2 { } 
#contents .sub_page_menu .menu .gnb .dp2 > li { } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a { position:relative; padding:1em 3.5em; min-width:14em; color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.3); } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt { font-size:1.250em; font-weight:600; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in { position:relative; padding:0 .5em; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--color-point3); transform:scaleX(0); transition:transform .3s; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a { color:#fff; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after { transform:scaleX(1); } 
#contents .sub_page_menu .menu .gnb .dp3 { display:none; } 

#contents .sub_page_con { background: #f1f1f1; height: 5.5rem; display: flex; align-items: center; justify-content: center; } 
#contents .sub_page_con .con_menu { } 
#contents .sub_page_con .con_menu ul:not(.dp2) { display:block; } 
#contents .sub_page_con .con_menu ul li .layer { display: none; } 
#contents .sub_page_con .con_menu ul li .dp2 { display: flex; align-items: center; justify-content: center; gap: 3rem; } 
#contents .sub_page_con .con_menu ul li .dp2 > li { } 
#contents .sub_page_con .con_menu ul li .dp2 > li > a > .va { } 
#contents .sub_page_con .con_menu ul li .dp2 > li > a > .va > .tt { font-size: var(--font-size-md-1); font-weight: 700; color: #151515; opacity: .3; transition: .3s ease; } 
#contents .sub_page_con .con_menu ul li .dp2 > li.on > a > .va > .tt,
#contents .sub_page_con .con_menu ul li .dp2 > li > a:hover > .va > .tt { opacity: 1; } 
#contents .sub_page_con .con_menu .gnb .dp3,
#contents .sub_page_con .con_menu .gnb .dp4 { display:none; } 

#contents .tit_wrap { } 
#contents .tit_wrap .wrapIn { position:relative; display:flex; justify-content: center; align-items:center; padding: 4rem 0 0 0; } 
#contents .tit_wrap .tit .t1 { font-size: var(--font-size-xl); font-weight:700 } 

#contents .lnb_wrap { width:16em } 
#contents .lnb_wrap .gnb { /* position: sticky; top: 8.5em; margin-bottom: 8em; */ position:relative; } 
#contents .lnb_wrap .gnb,
#contents .lnb_wrap .gnb ul { display:block } 
#contents .lnb_wrap .gnb > li { display:none } 
#contents .lnb_wrap .gnb > li.on { display:block } 
#contents .lnb_wrap .gnb > li .dp1 { display: flex; align-items: center; justify-content: center; position:relative; height:7.5em; border-left:none; border-right:none; color:#fff; border-radius: .5em; background: var(--color-point2); } 
#contents .lnb_wrap .gnb > li .dp1 .sym { position: absolute; display: block; top: 3.85em; left: -5em; filter: brightness(0) invert(1); } 
#contents .lnb_wrap .gnb > li .dp1 .sym > img { width: 21em; opacity: .075; } 
#contents .lnb_wrap .gnb > li .dp1 .in > .tt { font-size:1.515em; font-weight: 700; } 
#contents .lnb_wrap .gnb > li .dp2 > li { } 
#contents .lnb_wrap .gnb > li .dp2 > li > a { position:relative; border: 1px solid #eee; background: #f1f1f1; font-weight:600; padding:1em 1.25em 1em 1.25em; position:relative; margin:.5em 0 0 0; color:#444; line-height:1.2; border-radius: .5em; } 
#contents .lnb_wrap .gnb > li .dp2 > li > a:after { content: ""; position: absolute; right: 0em; top: 50%; transform: translateY(-50%); width: 1.5em; height: 1px; background: #333; transform-origin: right center; transform: scaleX(0); transition: transform 0.3s ease; } 
#contents .lnb_wrap .gnb > li .dp2 > li > a:before { position: absolute; top: 50%; right: 1.85em; top: 50%; transform: translateY(-50%); min-width: .3em; min-height: .3em; width: .3em; height: .3em; border-radius: 50%; opacity: 0; visibility: hidden; background: #333; transition: .3s; content: ''; } 
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:before,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:after { background: #fff; } 
#contents .lnb_wrap .gnb > li .dp2 > li.on > a { background: #333; color:#fff } 
#contents .lnb_wrap .gnb > li .dp2 > li.on:hover > a { color: #fff; } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a { color: #333; } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a:after,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:after { transform: scaleX(1); } 
#contents .lnb_wrap .gnb > li .dp2 > li:hover > a:before,
#contents .lnb_wrap .gnb > li .dp2 > li.on > a:before { opacity: 1; visibility: visible; } 
#contents .lnb_wrap .gnb > li .dp3 { margin-bottom:.75em; border:1px solid #eee; margin-top: .35em; border-radius: .5em; } 
#contents .lnb_wrap .gnb > li .dp3 > li > a { justify-content: start; text-align:left; padding:1em 1.5em 1em 2em; border-bottom:1px solid #eee; color:#777; position:relative; overflow:hidden; line-height:1.2 } 
#contents .lnb_wrap .gnb > li .dp3 > li > a .va { font-size:.938em; font-weight: 600; } 
#contents .lnb_wrap .gnb > li .dp3 > li > a:before { content:"- "; position:absolute; left:1.25em; top:1em; height:auto; width:auto } 
#contents .lnb_wrap .gnb > li .dp3 > li > a:after { content:"\e93f"; font-family:xeicon!important; position:absolute; right:.5em; line-height:1em; top:50%; margin-top:-.5em; transform:translateX(2em); transition:.3s } 
#contents .lnb_wrap .gnb > li .dp3 > li:last-of-type > a { border-bottom: none; } 
#contents .lnb_wrap .gnb > li .dp3 > li.on > a,
#contents .lnb_wrap .gnb > li .dp3 > li:hover > a,
#contents .lnb_wrap .gnb > li .dp3 > li.act > a { color:var(--color-point) } 
#contents .lnb_wrap .gnb > li .dp3 > li.on > a:after,
#contents .lnb_wrap .gnb > li .dp3 > li:hover > a:after,
#contents .lnb_wrap .gnb > li .dp3 > li.act > a:after { transform:translateX(0) } 
#contents .sub_wrap { width:calc(100% - 19em); } 
#contents .sub_wrap .sub_top_wrap { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.5em; margin-bottom: 2em; border-bottom: 1px solid #ddd; } 
#contents .sub_wrap .sub_tit { } 
#contents .sub_wrap .sub_tit .t1 { font-size:2.315em; font-weight: 700; line-height:1.2 } 
#contents .sub_wrap .sub_tab { margin-bottom:2.5em } 
#contents .sub_wrap .sub_tab > .gnb li { width:100% } 
#contents .sub_wrap .sub_tab > .gnb .dp3 { display: none; padding:1px 0 0 1px; position:relative } 

/**/
.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(--color-point); 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; height: 100vh; overflow: hidden; } 
.visualSlide_wrap .visualSlide { } 
.visualSlide .el { position:relative; overflow:hidden; height:100vh; background:#fff } 
.visualSlide .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0,0,0,.2) 0%, rgba(0,0,0,.5) 100%); content: ''; z-index: 1; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.15) } 
.visualSlide .el .bg > img { width: 100%; height: 100%; object-fit: cover; } 
.visualSlide .el .mask { -webkit-mask-image: url(../images/main/visual_mask.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-position: right bottom; } 
.visualSlide .el .vod { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover } 
.visualSlide .el .vod_wrap:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:1 } 
.visualSlide .el .vod_bg { position:absolute; left:0; top:0; width:100%; height:100% } 
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after { transition:2s; opacity:.1 } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { transition:5s; transform:scale(1) } 

.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; top:50%; box-sizing:border-box; padding:0 11vw; transform:translateY(-50%); z-index:10; color:#fff; text-align:left } 
.visualSlide_wrap .slogan { margin-bottom:auto; box-sizing:border-box; } 
.visualSlide_wrap .slogan .wrap_in { display:flex; flex-direction:column } 
.visualSlide_wrap .slogan .t1 { font-size:4em; text-transform:uppercase; font-weight:700; line-height:1.2; margin-top: .35em; letter-spacing: -0.03em; } 
.visualSlide_wrap .slogan .t2 { font-size:1.215em; font-weight: 500; margin-bottom: .35em; color: rgba(255,255,255, .7) } 

.visualSlide_wrap .slogan .ani { overflow:hidden } 
.visualSlide_wrap .slogan .ani > i { transform:translateY(200%); } 

.visualSlide_wrap .el.swiper-slide-thumb-active .slogan .ani > i { transform:translateY(0); transition:1.5s } 

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

.visualSlide_control { position:absolute; left: 11vw; bottom:-4.5em; 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; } 
.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(--color-point3); } 
.main_tit .t1 { font-weight:700; font-size:4.515em; letter-spacing:-.025em } 
.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 .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; } 

/*메인 버튼*/
.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(--color-point); transition: .3s; } 
.btn_list > .round-btn > .plus-icon { display: flex; align-items: center; justify-content: center; background: var(--color-point); 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(--color-point); } 
.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(--color-point); 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(--color-point); color: var(--color-point); 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(--color-point); color:#fff; } 
.main_more.w { border-color: #fff; color:#fff; } 
.main_more:hover .arrow { transform: translateX(.3em); } 

.main_more:hover { border-color: var(--color-point); background-color: var(--color-point); color: #fff; } 
.main_more.w:hover { border-color: var(--color-point); background-color: var(--color-point); } 

/*부연설명 스타일*/
.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 { position: relative; width: 100%; height: 100%; } 
.business_wrap { display: flex; } 
.business_wrap .business_imgCon { position: relative; width: 40em; height: 73.5vh; } 
.business_wrap .business_imgCon .list-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; box-shadow: 1em 1em 4em rgba(0, 0, 0, .15); transition: 1s; } 
.business_wrap .business_imgCon .list-img > img { transform: scale(1.05); transition: 1s; } 
.business_wrap .business_imgCon .list-img.on { opacity: 1; } 
.business_wrap .business_imgCon .list-img.on > img { transform: scale(1); } 

.business_wrap .business_imgCon .list-img .infoT { position: absolute; width: 100%; box-sizing: border-box; text-align: center; padding: 0 2em; bottom: 3em; left: 50%; transform: translateX(-50%); } 
.business_wrap .business_imgCon .list-img .infoT > .tt { text-transform: uppercase; font-size: 1em; color: #fff; letter-spacing: 0em; font-weight: 600; transition: .75s; } 

.business_wrap .business_imgCon .list-img.on .infoT > .tt { letter-spacing: .15em; } 
.business_wrap .business_infoW { width: calc(100% - 35em); } 
.business_wrap .business_infoW .main_tit { padding-top: 3em; padding-left: 5em; padding-bottom: 3em; margin-bottom: 0em; border-bottom: 1px solid rgba(0,0,0, .1); box-sizing: border-box; } 
.business_wrap .business_infoW .business_list { } 
.business_wrap .business_infoW .business_list > .list-item { position:relative; border-bottom: 1px solid rgba(0,0,0, .1); width: 100%; height: 4.5em; } 
.business_wrap .business_infoW .business_list > .list-item:before { position: absolute; left: 0; bottom: 0; width: 0%; height:3px; background: #111; content: ''; z-index: 1; transition: .65s; } 
.business_wrap .business_infoW .business_list > .list-item > .inner { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 6em; box-sizing: border-box; } 
.business_wrap .business_infoW .business_list > .list-item > .inner > .tt { font-size: 2.15em; font-weight: 800; letter-spacing: -.025em; color: #111; transition: .25s; } 
.business_wrap .business_infoW .business_list > .list-item > .inner > .xi { font-size: 1.65em; transform: translateX(-.75em); opacity: 0; transition: .35s; } 

.business_wrap .business_infoW .business_list > .list-item:hover:before { width: 100%; } 
.business_wrap .business_infoW .business_list > .list-item:hover > .inner > .xi { transform: translateX(0em); opacity: 1; } 

.business_wrap .business_infoW .business_list > .list-item.on:before { width: 100%; } 
.business_wrap .business_infoW .business_list > .list-item.on > .inner > .xi { transform: translateX(0em); opacity: 1; } 
.business_wrap .business_infoW .business_list > .list-item.on > .inner > .tt { color: var(--color-point); } 

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

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

/*메인 서비스*/
.main_service { position: relative; } 
.main_service:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .615); content: ''; z-index: 1; } 
.service_wrap { position:relative; display: flex; gap: 2em; align-items: center; z-index: 2; } 
.service_wrap .info_con { width: 35%; } 
.service_wrap .serviceSlide_wrap { width: 65%; } 
.service_wrap .serviceSlide_wrap .serviceSlide { margin-right: -17.5em; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el { } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner { position: relative; border-radius: .5rem; overflow: hidden; display: block; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .35); content: ''; z-index: 1; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner:after { content: ''; display: block; width: calc(100% + 40px); height: 0; background: linear-gradient(to top, var(--color-point), transparent); position: absolute; left: -20px; bottom: 0; z-index: 1; opacity: 0; transition: all .3s linear; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .img_con { width: 100%; height: 35em; overflow: hidden; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .img_con > img { transition: ease-out .5s; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT { position: absolute; bottom: 2em; width: 100%; padding: 0 2em; box-sizing: border-box; z-index: 2; transition: .75s; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .title { font-size: 1.65em; font-weight: 600; color: #fff; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .info_list { } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .info_list > li { position: relative; margin-bottom: .3em; font-size: 1em; color: rgba(255,255,255, .75); padding-left: 1em; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .info_list > li:last-of-type { margin-bottom: 0em; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner > .infoT > .info_list > li:before { position: absolute; top: 50%; left: .25em; width: 4px; height: 4px; background: #fff; transform: translateY(-50%); content: ''; } 

.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner:hover:after { opacity: 1; height: 100%; } 
.service_wrap .serviceSlide_wrap .serviceSlide .el > .inner:hover > .img_con > img { transform: scale(1.05); } 

.service_control { margin-top: 3em; } 
.service_control .paging { color:#fff; width:auto; display:flex; align-items: center; } 
.service_control .control { position: relative; display: flex; align-items: center; gap: .75em; } 
.service_control .control .progress-container { display: flex; align-items: center; gap: 1em; } 
.service_control .control .progress-container .progress-bar { position: relative; bottom: 0; width: 120px; height: 2px; background: rgba(255,255,255, .6); } 
.service_control .control .progress-container .progress-bar span { background: #fff; } 
.service_control .control .progress-container .current-slide,
.service_control .control .progress-container .total-slide { font-weight: 600; } 

.service_control .control .prev,
.service_control .control .next { background: transparent; font-size: 1.45em; } 
.service_control .control .next:before { content: '\e90b'; } 
.service_control .control .prev:before { content: '\e908'; } 

/*메인 브랜드*/
.main_customer { background: #f2f2f2; } 
.main_customer .brand_wrap { width: 100%; } 
.main_customer .brand_wrap .brand_list { } 
.main_customer .brand_wrap .brand_list > li { } 
.main_customer .brand_wrap .brand_list > li > .in { border: 1px solid #ddd; } 
.main_customer .brand_wrap .brand_list > li > .in > .logo_con { display: flex; align-items: center; justify-content: center; width: 100%; height: 6em; background: #fff; } 
.main_customer .brand_wrap .brand_list > li > .in > .logo_con > img { width: 55%; height: 4em; object-fit: contain; } 

/*바로돔*/
.main_barodoum { position: relative; } 
.main_barodoum:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); content: ''; z-index: 1; } 
.main_barodoum .infoAll { position: absolute; height: calc(100vh - 25em); left: 50%; transform: translateX(-50%); z-index: 2; } 
.main_barodoum .intro_wrap { position: absolute; width: 100%; top: 55%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; } 
.main_barodoum .intro_wrap > .icon { text-align: center; margin: 0 auto; } 
.main_barodoum .intro_wrap > .icon > .xi { font-size: 4rem; } 
.main_barodoum .intro_wrap > .icon > img { height: 80px; object-fit: contain; filter: var(--crWhitefil); } 

.main_barodoum .cir_con { position: absolute; top: 0; right: 0; } 
.main_barodoum .cir_con .cir_list { display: flex; } 
.main_barodoum .cir_con .cir_list > li { display: flex; align-items: center; justify-content: center; width: 8.5em; height: 8.5em; border-radius: 50%; background: #c503038f; } 
.main_barodoum .cir_con .cir_list > li > .cenT { font-size: 1.25em; font-weight: 600; color: #fff; } 

/*커스터머*/
.main_customer .wrap_bg { width: 30%; height: 100vh; display: flex; align-items: center; } 
.main_customer .wrap_bg .wrap_in { width: 100%; box-sizing: border-box; padding: 0 0 0 4vw; z-index: 1; } 
.main_customer .wrap_cs { margin-right:4vw; padding:2em; color:#fff; position:relative } 
.main_customer .wrap_cs:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--color-point); opacity:.8; border-radius:.5em } 
.main_customer .wrap_cs .in { display:flex; justify-content: center; gap:0 2em; align-items:center; position:relative } 
.main_customer .wrap_cs .ico { display: none; height:4em; filter:brightness(0) invert(1) } 
.main_customer .wrap_cs .t1 { font-size:1.15em } 
.main_customer .wrap_cs .t2 { font-size:2.25em; font-weight:800 } 

.main_customer .customer_wrap { position:relative; width: 70%; height: 100vh; flex-direction: column; justify-content: center; background: #fff; display: flex; align-items: center; padding: 0 8vw 0 6vw; box-sizing: border-box; } 
.main_customer .customer_wrap .customer_linkW { width: 100%; margin-bottom: 2em; margin-top: 100px; } 
.main_customer .customer_wrap .customer_linkW .link_list > li { display: flex; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in { flex: 1; height: 100%; box-sizing: border-box; transition: all .3s; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon { border: 1px solid #ddd; padding: 1.5em; height: 9rem; width: 100%; box-sizing: border-box; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon > .tt { font-size: 1.15em; margin-bottom: .5em; font-weight: 700; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .infocon > .tx { font-size: .95em; color: #666; line-height: 1.3; } 

.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .icon { } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .icon > img { } 

.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .img_con { width: 100%; height: 11.5em; overflow: hidden; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .img_con > img { transition: .3s; } 
.main_customer .customer_wrap .customer_linkW .link_list > li > .in > .tt { font-size: 1.15em; font-weight: 600; margin-top: 1em; } 

.main_customer .customer_wrap .customer_linkW .link_list > li > .in:hover > .img_con > img { transform: scale(1.05); } 

.customer_wrap .page_mq { position: absolute; left: 0; bottom: 0em; z-index: 2; } 
.customer_wrap .page_mq .tit { font-size: 5.5em; font-weight: 900; color: rgba(0,0,0, .03); text-transform: uppercase; line-height: .8; letter-spacing: -.05em; } 

/**/
.subTab { display: flex; margin-bottom: var(--space-3); flex-wrap: wrap; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } 
.subTab > li { width: 20%; display: flex; height: 4rem; } 
.subTab > li > .con { display: flex; align-items: center; cursor: pointer; justify-content: center; width: 100%; height: 100%; background: #f5f5f5; color: var(--color-black); border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; box-sizing: border-box; transition: .3s ease; position: relative; } 
.subTab > li > .con > .tt{ font-size: var(--font-size-base); font-weight: 600; line-height: 1;}
.subTab > li.on > .con { background: var(--color-point); color: #fff; border: 1px solid var(--color-point); margin: -1px 0 0 -1px; z-index: 1; } 

/*제품*/
.main_productList { } 
.main_productList .productList { display: flex; gap: 2rem; } 
.main_productList .productList > li { display: flex; width: calc((100% - 2rem) / 2) } 
.main_productList .productList > li > .inner { position: relative; flex: 1; padding: 30px 35px 0 30px; overflow: hidden; border-radius: 20px 60px 20px 60px; box-sizing: border-box; transition: .3s ease; } 
.main_productList .productList > li > .inner .lineImg { position: absolute; top: -1em; right: 0; width: 18svw; opacity: 0; transition: .3s ease; } 
.main_productList .productList > li > .inner .lineImg > img { width: 100%; height: 100%; object-fit: contain; opacity: .1; } 
.main_productList .productList > li > .inner > .imgBox { position: relative; text-align: center; height: 25svh; } 
.main_productList .productList > li > .inner > .imgBox > img { width: 100%; height: 100%; object-fit: contain; } 
.main_productList .productList > li > .inner > .txtBox { } 
.main_productList .productList > li > .inner > .txtBox > .plusCon { margin: 1.5em auto; width: 35px; height: 35px; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .6s ease; } 
.main_productList .productList > li > .inner > .txtBox > .plusCon > .xi { color: #888; } 
.main_productList .productList > li > .inner > .txtBox > .title { text-align: center; font-size: 2.15em; font-weight: 700; transition: .6s ease; } 
.main_productList .productList > li > .inner .txtBottom { transform: translateY(0em); opacity: 0; transition: .6s ease; } 
.main_productList .productList > li > .inner .txtBottom > .desc { text-align: center; font-size: 1.15em; line-height: 1.4; margin-top: 1em; } 
.main_productList .productList > li > .inner .txtBottom > .more { display: flex; align-items: center; justify-content: center; margin-top: 1em; color: var(--color-point2); } 
.main_productList .productList > li > .inner .txtBottom > .more > .tt { font-size: 1.063em; } 
.main_productList .productList > li > .inner .txtBottom > .more > .xi { } 

.main_productList .productList > li > .inner:hover { background: #f0f0f0; } 
.main_productList .productList > li > .inner:hover .txtBottom { transform: translateY(-4em); opacity: 1; } 
.main_productList .productList > li > .inner:hover .txtBox > .title { transform: translateY(-2em); } 
.main_productList .productList > li > .inner:hover .txtBox > .plusCon { opacity: 0; } 
.main_productList .productList > li > .inner:hover .lineImg { opacity: 1; } 

/*pro view*/
.productViewContainer { width: 100%; display: flex; align-items: center; } 
.productViewContainer .productInfo_container { position:relative; width: 100%; } 
.productViewContainer .proImg { position:relative; width: 100%; padding: 1.5rem; border-radius: var(--radius-md); box-sizing: border-box; border: 1px solid var(--gray-line); } 
.productViewContainer .proImg.h1 { height: 30rem; } 
.productViewContainer .proImg > img { width: 100%; height: 100%; object-fit: contain; } 
.productViewContainer .proInfoInner { } 
.productViewContainer .proInfoInner .proDesc { margin-top: var(--space-4); } 
.productViewContainer .proInfoInner .proDesc .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-black-6); } 
.productViewContainer .proInfoInner .proinfoMid { border-radius: var(--radius-md); background: #fff; margin-top: var(--space-2); } 
.productViewContainer .proInfoInner .proinfoMid .roundCate { display: inline-block; padding: 8px 16px; border: 1px solid #ddd; border-radius: 40px; background: var(--color-bg-2); color: var(--color-point2); font-weight: 500; margin-bottom: var(--space-4); } 
.productViewContainer .proInfoInner .proinfoMid .proTit { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1; } 
.productViewContainer .proInfoInner .proinfoMid .desc { font-size: var(--font-size-base); line-height: var(--line-height-normal); color: var(--color-black-6); margin: 2.5rem 0; } 
.productViewContainer .proInfoInner .proinfoMid .spec { padding: 2.5rem 0; background: #f1f1f1; border-radius: var(--radius-md); display: flex; } 
.productViewContainer .proInfoInner .proinfoMid .spec > li { flex: 1; border-right: 1px solid rgba(0,0,0, .1); } 
.productViewContainer .proInfoInner .proinfoMid .spec > li:last-of-type { border-right: none; } 
.productViewContainer .proInfoInner .proinfoMid .spec > li > .con { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 1rem; box-sizing: border-box; } 
.productViewContainer .proInfoInner .proinfoMid .spec > li > .con > .tt { font-size: var(--font-size-sm); font-weight: 400; color: var(--color-black-5); } 
.productViewContainer .proInfoInner .proinfoMid .spec > li > .con > .spc { font-size: var(--font-size-lg); font-weight: 600; margin-top: var(--space-3); text-align: center; } 
.productViewContainer .proInfoInner .proTop { } 
.productViewContainer .proInfoInner .proTop .menuCon { position: relative; z-index: 3; margin: 0; bottom: 0; margin-bottom: 24px; max-width: 720px; width: 100%; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav { display: flex; background: rgba(255,255,255, 0.05); width: 100%; backdrop-filter: blur(30px); border-radius: 8px; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li { position: relative; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li:before { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background: rgba(255,255,255, .2); content: ''; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li:last-of-type:before { display: none; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li:not(.home) { flex: 1; height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 500; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li.home { width: 60px; } 
.productViewContainer .proInfoInner .proTop .menuCon .nav > li > a { display: flex; align-items: center; height: 60px; gap: 8px; justify-content: center; font-size: var(--font-size-sm); color: #fff; word-break: keep-all; } 
 
.proBtn .btn { display: inline-flex; gap: 16px; align-items: center; font-size: 15px; font-weight: 500; color: #151515; background: #fff; padding: 17px 30px; border: 1px solid #ddd; border-radius: 8px; transition: all ease .35s; text-align: left; } 
.proinfoBtm { margin-top: var(--space-4); } 
.proinfoBtm .proBtn { display: flex; gap: 1rem; } 
.proinfoBtm .proBtn .btn { width: 100%; display: flex; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(40px); color: #fff; border: none; } 
.proinfoBtm .proBtn .btn.ac { justify-content: center; } 
.proinfoBtm .proBtn .btn:hover { background: var(--color-point); } 

/*about*/
.greeting_wrapper { display: flex; gap: 6rem; justify-content: space-between; align-items: center; } 
.greeting_wrapper .left { width: 45%; overflow: hidden; } 
.greeting_wrapper .left > .imgCon { width: 100%; height: 40rem; border-radius: var(--radius-md); overflow: hidden; } 
.greeting_wrapper .left > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.greeting_wrapper .right { width: 55%; } 
.greeting_wrapper .right > .txtTop { margin-bottom: .5em } 
.greeting_wrapper .right > .txtTop > .tit { font-size: var(--font-size-xl-1); font-weight: 600; } 
.greeting_wrapper .right > .txtTop > .sub_tit { font-size: var(--font-size-xl); margin-bottom: var(--space-5); margin-top: var(--space-3); font-weight: 600; } 
.greeting_wrapper .right > .txtArea { } 
.greeting_wrapper .right > .txtArea > .tt { font-size: var(--font-size-base); /* word-break: break-all; */ color: var(--color-black-6); line-height: var(--line-height-normal); margin-bottom: var(--space-2); } 
.greeting_wrapper .right > .txtArea > .tt:last-of-type { margin-bottom: 0em; } 
.greeting_wrapper .right > .txtArea > .ceo { font-size: var(--font-size-md-1); line-height: 1; font-weight: 500; margin-top: 2rem; align-items: end; margin-right: 20px; } 
.greeting_wrapper .right > .txtArea > .ceo > i { font-size: var(--font-size-md-1); font-weight: 700; vertical-align: baseline; margin-left: .25rem; } 
.greeting_wrapper .right > .txtArea > .ceo > span { margin-right: .25rem; } 


/****************sub****************/

/*서브 공통*/
.pageTxt { margin-bottom: 4em; word-break: keep-all; } 
.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.pd { padding: 0 2.5em; } 
.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; } 
.pageTxt .t9 { font-size: 4em; font-weight: 600; letter-spacing: -0.01em; color: #111; } 

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

/**/
.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; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; 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_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list.pN { padding: 0em; } 
.page_dot_list.pN > li:before { display: none; } 
.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; } 

/**/
.page_col.div_T { gap: 3em; } 
.page_col.col.div_T { gap: 2em; } 
.page_col.div_T .Tleft { flex: 1 1 30%; } 
.page_col.div_T .Tleft .num { font-size: 1.1em; font-weight: 800; letter-spacing: -0.03em; margin-bottom: .5em; color: var(--color-point); } 
.page_col.div_T .Tright { flex: 1 1 70%; } 
.page_col.div_T .Tright .con + .con { margin-top: 6em; } 
.page_col.div_T .Tright .con:first-child { padding-top: 0.5em; } 


/*inquiry*/
#inquiryForm { border-top: 2px solid var(--color-black); } 
#inquiryForm .formCon { display: flex; gap: var(--gap-xl); justify-content: space-between; align-items: start; padding: 3.5rem 2rem; border-bottom: 1px solid var(--gray-line); } 
#inquiryForm .formCon > .formTit { width: 40%; } 
#inquiryForm .formCon > .formTit > .tt { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1; } 
#inquiryForm .formCon > .formWrap { width: 60%; } 
.formWrap { } 
.formWrap .form { display: flex; flex-wrap: wrap; gap: var(--gap-sm); } 
.formWrap .form > li { position: relative; width: 100%; } 
.formWrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: #fff; border-radius: 0.25rem; } 
.formWrap .form > li .inp_wrap { position:relative; display: flex; gap: var(--gap-lg); } 
.formWrap .form > li .inp_wrap .input_st:not(textarea) { height:4rem; } 
.formWrap .form > li .inp_wrap .input_st[type=file] { padding-top: 1rem; } 
.formWrap .form > li .inp_wrap .input_st::placeholder { color: var(--color-black-9); font-weight: 500; font-size: var(--font-size-sm); } 
.formWrap .form > li .inp_wrap .tit { width: 10rem; height: 4rem; display: flex; align-items: center; } 
.formWrap .form > li .inp_wrap .tit .tt { font-size: var(--font-size-base); font-weight:600; } 
.formWrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; } 
.formWrap .form > li .inp_wrap textarea.input_st { width: 100%; padding-top: var(--space-3); height:12rem; } 
.formWrap .form > li .inp_wrap .input_st { position: relative; display: flex; align-items: center; border:none; background: var(--color-gray); border-radius: var(--radius-sm); padding: .5rem 1.25rem; outline: 2px solid transparent; transition: all .4s ease-in-out; } 
.formWrap .form > li .inp_wrap .input_st:focus { outline: 2px solid var(--color-point2); } 
.formWrap .form > li .inp_wrap input:-webkit-autofill { box-shadow: 0 0 0 1000px rgba(255,255,255, .5) inset !important; background-color: transparent !important; } 

.div_field { display: flex; gap: var(--gap-sm); align-items: center; width: 100%; } 
.div_field .input_st { flex: 1; } 
.div_field .hypen { text-align:center; font-weight: 600; font-size: var(--font-size-base); } 
.email_field .select-wrapper { width: 12rem; } 

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


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

.dp1_inquiry #contents { overflow: hidden; } 
.inquiry-con .inquiry-bg-wrap { position: relative; height: 48em; filter: contrast(0.9); } 
.inquiry-con .inquiry-bg-wrap .img-area { position: absolute; width: 50vw; height: inherit; overflow: hidden; border-radius: 1em 0 0 1em; } 
.inquiry-con .inTxt { padding-top: 9em; } 

 /*page tit*/
.page_tit { margin-bottom: var(--space-4); } 
.page_tit.white { color: #fff; } 
.page_tit > .t1 { font-size: var(--font-size-xxl-2); font-weight: 600; } 
.page_tit > .t1.en { font-family: var(--ff1); font-weight: 300; } 
.page_tit > .t2 { font-size: var(--font-size-xl-1); font-weight: 600; } 
.page_tit > .t3 { font-size: var(--font-size-lg); font-weight: 700; } 
.page_tit > .t4 { font-size: var(--font-size-base); line-height: var(--line-height-loose); color: var(--color-black-3); } 


/*인증서*/
.page_certificate { } 
.page_certificate .list { gap: 6em 2em; } 
.page_certificate .list > li { position: relative; flex: 0 0 calc(25% - 1.5em); cursor: pointer; } 
.page_certificate .list > li .img-area { position: relative; height: 20em; padding: 2.5em; background: #f8f8f8; border: 3px solid transparent; transition: 0.3s; } 
.page_certificate .list > li .xi { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; transform: translate(-50%, -50%); width: 2.5em; height: 2.5em; border: 3px solid var(--color-point2); border-radius: 50%; color: #fff; background: var(--color-point2); opacity: 0; visibility: hidden; transition: 0.3s; } 
.page_certificate .list > li:hover .xi { opacity: 1; visibility: visible; } 
.page_certificate .list > li:hover .img-area { border-color: var(--color-point2); } 
.page_certificate .list > li .img-area .imgfix { /* box-shadow: 0 0 30px rgba(0, 0, 0, .075); */ /* width: 240px; height: 340px; */ } 
.page_certificate .list > li .txt { margin-top: 1.5em; text-align: center; } 
.page_certificate .list > li .txt > p { font-size: 1.125rem; font-weight: 600; } 
.page_certificate .list > li .txt > span { display: inline-block; font-size: 1rem; color: var(--crGray3); margin-top: 10px; } 

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

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

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

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

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

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

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

/*product*/
.product_section { } 
.product_section .section_pro { padding-bottom: 4.5rem; } 
.product_section .section_pro:first-of-type { padding-top: 4.5rem; } 
.product_section .section_pro .inner { position: relative; z-index: 2; } 

.function_lay { position:relative; } 
.function_lay .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #04101e, #101c45); opacity: .415; } 

.product_section .section_pro .funList { display: flex; gap: 2rem; flex-wrap: wrap; } 
.product_section .section_pro .funList > li { display: flex; width: calc((100% - 4rem) / 3); } 
.product_section .section_pro .funList > li > .con { flex: 1; } 
.product_section .section_pro .funList > li > .con > .kn { font-size: var(--font-size-md); font-weight: 600; } 
.product_section .section_pro .funList > li > .con > .en { font-size: var(--font-size-xs); font-weight: 400; color: var(--color-point); margin-top: var(--space-1); } 
.product_section .section_pro .funList > li > .con > .desc { font-size: var(--font-size-sm); line-height: var(--line-height-normal); margin-top: var(--space-4); color: rgba(0,0,0, .915); } 

.product_section .section_pro .funList > li > .con > .imgCon { position:relative; width: 100%; height: 13.5rem; border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--space-4); border: 1px solid var(--gray-line); } 
.product_section .section_pro .funList > li > .con > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

.width100 { width:100%!important; } 

/*찾아오시는 길*/
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont { display: none; } 
.locationContainer { } 
.locationContainer .loadmap { border-radius: 1rem; overflow: hidden; } 
.locationContainer .loadmap .root_daum_roughmap { width: 100%; } 
.locationContainer .loadmap .wrap_map { width: 100%; height: 60vh !important; } 

.locationContainer .mapInfoWrap { position: relative; margin-top: 1rem; border-radius: 1rem; z-index: 2; display: flex; gap: 2rem; padding: 3.5rem; box-sizing: border-box; background: var(--color-point); } 
.locationContainer .mapInfoWrap .leftInfo { width: 60%; } 
.locationContainer .mapInfoWrap .leftInfo > .tit { font-size: var(--font-size-lg-2); font-weight: 600; color: #fff; margin-bottom: 1.5rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo { display: flex; flex-wrap: wrap; gap: 1rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li { } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li.br { width: 100%; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con { display: flex; gap: .25em; align-items: start; font-size: var(--font-size-base); } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi { position: relative; top: -.1rem; color: #fff; font-size: 1.515rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon { display: flex; gap: .75rem; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit { font-weight: 600; line-height: 1.4; color: #fff; } 
.locationContainer .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt { font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7); } 

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

/*제작 설비*/
.eq_container { } 
.eq_container .wideImg { position: relative; width: 100%; height: 23.5rem; border-radius: var(--radius-md); overflow: hidden; } 
.eq_container .cenSlogan { font-size: 1.315em; font-weight: 500; line-height: 1.6; color: #323232; text-align: center; padding-bottom: 1.5em; } 
.eq_container .eqList_container { } 
.eq_container .eqList_container > li { padding: 3em 0; border-bottom: 1px solid #e8e8e8; } 
.eq_container .eqList_container > li:first-of-type { border-top: 1px solid #e8e8e8; } 
.eq_container .eqList_container > li > .inner { display: flex; gap: 3em; align-items: center; } 
.eq_container .eqList_container > li > .inner > .info { width: 40%; } 
.eq_container .eqList_container > li > .inner > .info > .desc { font-size: 1.315em; font-weight: 400; line-height: 1.5; color: #323232; margin: 1.75em 0; } 
.eq_container .eqList_container > li > .inner > .info > .titCon { display: flex; flex-direction: column; } 
.eq_container .eqList_container > li > .inner > .info > .titCon > .tit { font-size: 2.15em; font-weight: 700; line-height: 1; } 
.eq_container .eqList_container > li > .inner > .info > .titCon > .line { width: 25px; height: 2px; background: #ddd; margin: 1.25em 0; } 
.eq_container .eqList_container > li > .inner > .info > .titCon > .en { font-size: 1.415em; color: var(--color-point); font-weight: 700; line-height: 1; } 
.eq_container .eqList_container > li > .inner > .imgCon { display: flex; gap: .5rem; width: 60%; height: 16.5em; } 
.eq_container .eqList_container > li > .inner > .imgCon > img { border-radius: .5rem; overflow: hidden; width: calc((100% - .5rem) / 2); height: 100%; object-fit: cover; } 
.eq_container .eqList_container > li > .listImg { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: var(--space-3); } 
.eq_container .eqList_container > li > .listImg > li { width: calc((100% - 1.5rem) / 4); } 
.eq_container .eqList_container > li > .listImg > li > .imgCon { width: 100%; height: 16.5rem; } 
.eq_container .eqList_container > li > .listImg > li > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

/*교육과정*/
.topWideImg { position:relative; display: flex; width: 100%; height: 25rem; border-radius: .5rem; overflow: hidden; padding: 2.5rem 5rem; box-sizing: border-box; } 
.topWideImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .2); content: ''; } 
.topWideImg .inner { position:relative; display: flex; justify-content: center; text-align: center; width: 100%; align-items: center; z-index: 2; } 
.topWideImg .inner .leftT { } 
.topWideImg .inner .leftT > .tt { font-size: 2.15em; font-weight: 500; color: #fff; } 
.topWideImg .inner .leftT > .tx { font-size: 2.15em; font-weight: 500; color: #fff; } 
.topWideImg .inner .rightT > .tt { font-size: 3em; font-weight: 500; color: #fffde5; line-height: 1; text-align: right; } 

.textInfoTop { margin-top: 2.5rem; } 
.textInfoTop .imgTop { position:relative; width: 100%; height: 25rem; border-radius: .5rem; overflow: hidden; } 
.textInfoTop .imgTop > img { width: 100%; height: 100%; object-fit: cover; } 
.infoContainer { } 
.infoContainer .infoWrap { position:relative; display: flex; flex-direction: column; align-items: start; gap: 2rem; padding: 2.5rem 0; border-bottom: 1px solid #ddd; } 
.infoContainer .infoWrap .pageSt{ font-size: 1.515em; font-weight: 700; line-height: 1;}
.infoContainer .infoWrap:first-of-type { margin-top: 3.25rem; border-top: 1px solid #ddd; } 
.infoContainer .infoWrap:last-of-type { padding-bottom: 0; border-bottom: none; } 
.infoContainer .infoWrap:before { position: absolute; top: -1px; left: 0; width: 4.5rem; height: 3px; background: var(--color-point); content: ''; } 

.infoContainer .infoWrap .titCon { width: 30%; } 
.infoContainer .infoWrap .titCon > .tit { font-size: 2.15rem; font-weight: 700; } 
.infoContainer .infoWrap .txtCon { width: 100%; } 
.infoContainer .infoWrap .txtCon > .con{ width: 100%; margin-bottom: 2em;}
.infoContainer .infoWrap .txtCon > .con:last-of-type{ margin-bottom: 0;}
.infoContainer .infoWrap .txtCon > .table_warp { margin-bottom: var(--space-3); } 
.infoContainer .infoWrap .txtCon > .table_warp:last-of-type { margin-bottom: 0; } 

.cateTit{ font-size: 2.15em; font-weight: 700; margin-bottom: .5em; color: var(--color-point); margin-top: 30px;}

.descList { } 
.descList.line { padding: 2.5rem; border: 1px solid #e8e8e8; } 
.descList > li { font-size: 1.063rem; line-height: 1.5; color: #444; margin-bottom: .5rem; } 
.descList > li:last-of-type { margin-bottom: 0; } 
.descList > li .listImg { position:relative; width: 100%; height: 25rem; } 
.descList > li .listImg > img { width: 100%; height: 100%; object-fit: cover; } 

.descList.dot > li{ position: relative; left: .85em;}
.descList.dot > li:before{ position: absolute; left: -10px; top: 10px; width: 4px; height:4px; border-radius: 50%; background: var(--color-point); content: '';}

.descList > li > .innerList { margin-top: .25rem; } 
.descList > li > .innerList > li { position: relative; padding-left: .75rem; margin-bottom: .25rem; } 
.descList > li > .innerList > li:last-of-type { margin-bottom: 0; } 
.descList > li > .innerList > li:before { position: absolute; left: 2px; top: 8px; width: 4px; height: 4px; border-radius: 50%; background: var(--color-point); content: ''; } 

.imgTxtList { display: flex; flex-wrap: wrap; gap: 1rem; } 
.imgTxtList > li { } 
.imgTxtList > li > .inner { } 
.imgTxtList > li > .inner > .imgCon { width: 100%; height: 16rem; } 
.imgTxtList > li > .inner > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.imgTxtList > li > .inner > .tt { border-top: 2px solid var(--color-point); text-align: center; font-size: var(--font-size-base); font-weight: 600; background: #f5f5f5; padding: .75rem 0; } 
.imgTxtList.w3 > li > .inner > .imgCon { height: 20rem; } 

.imgTxtList.w2 > li { width: calc((100% - 1rem) / 2); } 
.imgTxtList.w3 > li { width: calc((100% - 2rem) / 3); } 

.partnerList { } 
.partnerList > li { } 
.partnerList > li > .in { } 
.partnerList > li > .in > .imgCon { display: flex; align-items: center; justify-content: center; padding: 1rem; height: 4rem; border: 1px solid #ddd; } 
.partnerList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: contain; } 

.pageDotList { } 
.pageDotList > li { position:relative; padding-left: .75rem; font-size: var(--font-size-sm); color: var(--color-black); line-height: 1.4; margin-bottom: var(--space-1); } 
.pageDotList > li:before { position: absolute; left: 0; content: '-' } 
.pageDotList > li:last-of-type { margin-bottom: 0; } 
.pageDotList > li > .listImg { position:relative; width: 100%; height: 25rem; } 
.pageDotList > li > .listImg > img { width: 100%; height: 100%; object-fit: cover; } 
.aboutTit { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; } 
.aboutTit .titcon { position:relative; width: 8px; height: 8px; border: 5px solid var(--color-point); } 
.aboutTit .titcon:before { position: absolute; height: 5px; bottom: -5px; left: 3px; width: 10px; background: var(--color-point2); content: ''; z-index: 1; } 
.aboutTit .titcon:after { position: absolute; right: -5px; height: 10px; background: var(--color-point2); top: 3px; width: 5px; content: ''; z-index: 1; } 
.aboutTit .tt { font-size: 1.415rem; font-weight: 600; color: #333; } 

/* top버튼 04/14일 새로추가 */
.top_bt{ position:fixed; right:1.875em; bottom:17em; width:55px; height:55px; border-radius:50%; background:var(--color-point); color:#fff; display:flex; align-items:center; justify-content:center; transition:0.3s; z-index:999; opacity:0; visibility:hidden; transform:translateY(20px);}
.top_bt.show{ opacity:1; visibility:visible; transform:translateY(0);}
.top_bt.show:hover{ transform:translateY(-5px); background:#396da8;}