@charset "utf-8"; /* CSS Document */
.main .box0{padding: 0 1em; box-sizing: border-box;  width: calc(var(--wideWidth) - 1em); margin:0 auto; max-width: 100%;}
#header .box0{ padding: 0 1em; box-sizing: border-box;}
.box0 { width: var(--wideWidth); margin:0 auto; max-width: 100%;} 
.box1 { width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth); } 
.box2 { width:var(--subWidth); margin: 0 auto; max-width:var(--fullWidth); } 
.box3 { width: var(--smallWidth); margin: 0 auto; max-width: var(--fullWidth); } 
.allOn #header .box0{ padding: 0 2.5vw; box-sizing: border-box; width: auto; margin: 0;}

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

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

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

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

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

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

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

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

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

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

html.pop .popWrap.img {width: 25vw; opacity: 0; transform: scale(0.5); transition: 0.5s;}
html.pop .popWrap.img.ani {opacity: 1; transform: scale(1);}
html.pop .popWrap.img .popTit {background: transparent; padding: 0 0 1em 0; justify-content: flex-end;}
html.pop .popWrap.img .popTit .popClose .xi {color: #fff; text-align: right;}
html.pop .popWrap.img .tit .t1 {display: inline-block; font-size: 1.125rem; color: #fff; font-weight: 500; margin-top: 1rem;}


/*header*/
#header { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; transition: transform .5s, background .5s } 
#header .top_wrap { position:relative } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height:var(--headerHS) } 
.headerT { padding-top:var(--headerHS) } 
#header .top_wrap .wrapF { display:flex; align-items:center; gap:0 3vw } 
#header .top_wrap .wrapF > * { position:relative;} 
#header .top_wrap .logo { height:3.25em; display: flex; align-items: center; } 
#header .top_wrap .logo > a { display:block; } 
#header .top_wrap .logo > a .in { position: relative; top: 7px; display:block; height:100% } 
#header .top_wrap .logo > a img { height: 60px; object-fit: contain; display:block } 
#header .top_wrap .etc_wrap { display:flex; align-items:center; gap:2vmin } 
#header .top_wrap .etc_wrap .btnInc { width:4em; height:var(--headerH); display:flex; align-items:center; justify-content:center } 
#header .top_wrap .etc_wrap .btnInc .ico { font-size:1.75em } 
#header .top_wrap .etc_wrap .btnInc.allBtn .ico { font-size:2.25em }  
#header .top_wrap .gnb_wrap .gnb > li .dp3{ flex-direction:column}


/* .allOn #header:after{ content:""; position:absolute; right:0; top:0; width:100%; height:100%; background:#eee; z-index:2;  animation: headerAllAni 1s forwards}

@keyframes headerAllAni{
100% { width:0}
}
@keyframes headerAllAni2{
100% { transform:translateX(0)}
}
@keyframes headerAllAni3{
40% { transform:rotate(20deg) translate(-10%,50%) scale(.8);}
60% { transform:rotate(40deg) translate(-10%,50%) scale(1.2);}
100% { transform:rotate(0) translate(0,0) scale(1);}
} */


#contents .sub_tit_wrap { padding:2vmin 0 3vmin 0; border-bottom:1px solid #ddd; line-height:1.1 } 
#contents .sub_tit_wrap .wrapF { display:flex; display:flex; gap:1vmin } 
.dp1_product #contents .sub_tit_wrap .wrapF { flex-direction:column } 
#contents .sub_tit_wrap .titW { flex:1; min-width:0 } 
#contents .sub_tit_wrap .titW .t1 { font-weight:700; font-size:4.5vmin; letter-spacing:-.2vmin; word-spacing:.4vmin } 
#contents .sub_tit_wrap .nav { display:flex; align-items:center; color:#888 } 
#contents .sub_tit_wrap .nav { display:inline-flex; align-items:center; gap:0 1vmin } 
#contents .sub_tit_wrap .nav > li { font-size:.938em } 
#contents .sub_tit_wrap .nav > li:not(.home):before { content:"\e940"; font-family:xeicon; margin-right:.5em } 
#contents .sub_tit_wrap .nav > li.home > a { width:2em; height:2em; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center } 
#contents .sub_tit_wrap .nav > li.home > a .xi { font-size:1em } 

#contents .subTab { background:#ddd } 
#contents .subTab .gnb { display:flex; flex-wrap:wrap; margin-top:-1px } 
#contents .subTab .gnb > li { width:16.66% } 
#contents .subTab .gnb > li > a { display:flex; height:6vmin; align-items:center; justify-content:center; padding:1vmin; box-sizing:border-box; position:relative; color:#777; background:#fff } 
#contents .subTab .gnb > li > a:before { content:""; position:absolute; left:0; top:0; width:calc(100% + 1px); height:calc(100% + 1px); box-sizing:border-box; border:1px solid #ddd } 
#contents .subTab .gnb > li > a .tt { font-size:1.8vmin; font-weight:700 } 
#contents .subTab .gnb > li:hover > a,
#contents .subTab .gnb > li.on > a { color:var(--siteC); z-index:1 } 
#contents .subTab .gnb > li.on > a { z-index:2 } 
#contents .subTab .gnb > li.on > a:before { border-color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1) } 

/* Language Button */
#header .lang_wrap .lang { position: relative; z-index: 100;} 
#header .lang_wrap .lang .lang_btn { display: flex; align-items: center; color: var(--crBlack); } 
#header .lang_wrap .lang .lang_btn .tt { font-size: 1.15em; } 
#header .lang_wrap .lang .lang_btn .xi { font-size: 1.815em; margin-right: 5px; } 
#header .lang_wrap .lang .drop { position: absolute; top: calc(100% + 0.5em); left: 0; width: 100%; height: 0; transition: 0.3s; overflow: hidden; background: rgba(255, 255, 255, 1); border-radius: 5px; box-shadow: 3px 0 6px rgba(0,0,0, .1); } 
#header .lang_wrap.on .lang .drop { height: fit-content; } 
#header .lang_wrap .lang .drop > li { } 
#header .lang_wrap .lang .drop > li > a { padding: 0.5em; display: inline-block; width: 100%; box-sizing: border-box; border-bottom: 1px solid var(--siteC3); transition: .2s; } 
#header .lang_wrap .lang .drop > li > a:hover { background: var(--siteC3); color: var(--siteC); } 
#header .lang_wrap .lang .drop > li > a .tt { font-size: 0.875rem; } 
#header .util_wrap { position:relative; display: flex; align-items: center; gap: 1em; } 
#header .util_wrap:before { /* position: absolute; left: -1vw; width: 1px; height: 12px; background: #ddd; content: ''; */ } 
#header .util_wrap .lang_wrap { } 

/*all btn*/
#header .all_wrap { color: #000; } 
#header .all_wrap .all { width: 3em; } 
#header .all_wrap .all_btn { position: relative; display: block; width: 2em; height: 1.125em; margin-left: auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display: block; width: 100%; height: 2px; background: #000; transition: .2s, background 0s; } 
#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% - 1px); width: 50%; } 
#header .all_wrap .all_btn .ham:after { top: calc(100% - 1px); width: 68%; } 
#header .all_wrap .all_btn:hover .ham:before { width: 100%; } 
#header .all_wrap .all_btn:hover .ham:after { width: 100%; } 

#header.searchOpen .logo { z-index:999; filter:none; } 
#header.searchOpen .logo > .in img { transform:scale(1) !important; } 
#header.searchOpen .side_wrap { position:relative; } 
#header.searchOpen .util_wrap .search_btn { position:absolute; z-index:999; top:2em; right:3vw; color:#000; } 
#header.searchOpen .util_wrap .search_btn .ico { font-size:2.500em; transition:.4s; } 
#header.searchOpen .util_wrap .search_btn .ico:before { content:"\e921"; } 
#header.searchOpen .util_wrap .search_btn:hover .ico { transform:rotate(180deg); } 
#header.searchOpen .util_search { opacity:1; visibility:visible; pointer-events:auto; } 

#header .search_inner .search_btn > .xi { font-size: 1.815em; } 
#header .util_search { position:fixed; top:0; left:0; width:100%; z-index:99; opacity:0; visibility:hidden; pointer-events:none; } 
#header .util_search .wrap_con { position:absolute; top:0; left:0; width:100%; padding:6em 0; background:#fff; box-shadow:0 .5em 1em rgba(0,0,0,.2); text-align:center; color:#000; } 
#header .util_search .wrap_con .wrap_in { gap:2em 0; width:800px; } 
#header .util_search .wrap_con .tit .tt { font-size:3.500em; font-weight: 700; } 
#header .util_search .wrap_con .search { position:relative; } 
#header .util_search .wrap_con .search .inp { width:3.5em; height:3.5em; box-sizing:border-box; border:none; font-size:1.375em; } 
#header .util_search .wrap_con .search .inp.txt { flex:1; padding:0 1em; background:#f5f5f5; } 
#header .util_search .wrap_con .search .inp.btn { background:var(--siteC); color:#fff; } 
#header .util_search .hot_keyword { gap:.25em; } 
#header .util_search .hot_keyword > li { } 
#header .util_search .hot_keyword > li .in { padding:0 1em; height:2.5em; border:1px solid #eee; border-radius:6em; color:#555; transition:.2s; } 
#header .util_search .hot_keyword > li .in:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

html:not(.allOn) #header .top_wrap .gnb_wrap { display:flex; align-items:center; flex:1; min-width:0; justify-content:center; height:100%; z-index:1 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnbBg { position: fixed; top: var(--headerHS); visibility: hidden; bottom: 0; left: 0; right: 0; background: #fff; opacity: 0; transition: opacity 0.3s ease, transform 0.5s ease; box-sizing: border-box; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a { display:flex } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li {} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:not(.m_hide) { position:relative; flex:1; border-right:1px solid transparent; display:flex; flex-direction:column; width: 11em;} 
html:not(.allOn) #header .top_wrap .gnb_wrap:hover .gnb > li:not(.m_hide){ transition:.2s; transition-delay:.05s; transition-timing-function:ease-in-out}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:first-child { border-left:1px solid transparent } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 { display:flex; align-items:center; justify-content:center; position:relative;} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 100%; transform: scaleX(0); height: 4px; background: var(--siteC); z-index: 1; transition: .3s; } 

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.25em;} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.act .dp1 .tt { color: var(--siteC); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.act .dp1:before { transform: scaleX(1); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { width: 100%; flex:1; opacity:0; visibility:hidden; z-index:-100; position: absolute; max-width: 14em;} 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2:before { content:""; position:absolute; left:0; top:0; width:calc(100% + 2px); height:0; border-right:1px solid #eee; box-sizing:border-box; border-top:none; border-bottom:none } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:first-of-type .dp2:before{ border-left: 1px solid #eee;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2:after { position: absolute; top: 0; left: 1%; width: 99%; height: 100%; background: #f3f3f3; opacity: 0; transition: .3s; content: ''; z-index: 1; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.act .dp2:after { opacity: 1; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li { position:relative; z-index: 2; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li.more.m2_0001_ > a.layer{cursor: default;}

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding:.25em 1em; color:#666; text-align:center } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:first-of-type > a{ padding: 1.5em 1em .25em 1em;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li:last-of-type > a{ padding: .25em 1em 1.5em 1em;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { font-weight:500; font-size: 1em; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li.more > a.link{ display: none;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li.more > a.layer{ display: block !important; position: relative;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover { color:#111 } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { text-decoration:underline } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li.more > a.layer:hover .tt{ text-decoration: none;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3{ }
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC) } 
html:not(.allOn) #header.stW .top_wrap:before { position: absolute; top: var(--headerH); width: 100%; height: 1px; background: #eee; content: ''; z-index: 99; } 
html:not(.allOn) #header .top_wrap .gnb_wrap.on .gnb > li{width: 14em;} 
html:not(.allOn) #header .top_wrap .gnb_wrap.on .gnbBg { opacity: 1; transform: translateY(0); visibility: visible; display: block;}  
html:not(.allOn) #header .top_wrap .gnb_wrap.on .gnb > li .dp2 { top: var(--headerH); opacity:1; visibility:visible; z-index:auto; transition:.3s; transition-delay:.2s } 
html:not(.allOn) #header .top_wrap .gnb_wrap.on .gnb > li .dp2:before { height:100%; transition:height .3s; transition-delay:.4s; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a:hover .tt{color: #111; text-decoration: underline;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 { gap: 0.5em; padding: 1em; background: #f3f3f3; border-radius: 0.5em;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a{ position: relative; padding-left: .75em; font-size: 0.865em; color: #666;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3 > li > a:before{ position: absolute; content: '-'; left: 0;}

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:not(.m_hide):hover .dp3{ background: #fff;}

#header .top_wrap .gnb_wrap .gnb > li .dp2 { flex-direction:column; gap:.5em; align-items: center; } 

html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC) } 
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after { opacity:1; transition:.3s } 
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp2 { visibility:visible; opacity:1; z-index:auto; transition:.2s; } 

html.intro #header,
#header.st2:not(:hover) { background:none } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .top_wrap .gnb_wrap .gnb > li .dp1:after { background:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .lang_wrap .list > li.on > a { color:#fff } 
html:not(.allOn):not(.intro) #header.st1:not(:hover) .lang_wrap .list > li.on > a .tt:after { background:#fff } 
html.scroll:not(.up) #header { transform:translateY(-100%) } 

.allOn{ overflow:hidden}
.allOn #header{ height:100vh; position: fixed; box-sizing:border-box; padding-right:30vw; overflow-y:auto; scrollbar-width: thin; scrollbar-color: var(--scrollBar); background:#fff}
.allOn #header:before{ content:""; position: fixed; right:0; top:0; width:30vw; height:100%; background:url(../images/inc/all_bg.jpg?v=0) no-repeat center; background-size:cover; box-shadow:1vmin 0 1vmin rgba(0,0,0,.3) inset; background-position-x: 93%;}
.allOn #header .top_wrap_outer{overflow:hidden;}
.allOn #header .top_wrap .logo{ display:flex; align-items:center; height:10vh}
.allOn #header .top_wrap .wrapF{ flex-wrap:wrap; gap:10vmin 6vmin; height:auto; padding:6vmin}
.allOn #header .gnb_wrap{ flex:0 0 auto; width:100%; margin-left:0; order:10}
.allOn #header .gnb_wrap .gnb{ flex-wrap:wrap; gap:6vmin 6%}
.allOn #header .gnb_wrap .gnb a{ text-align:left; display:flex; box-sizing:border-box; line-height:1.2}
.allOn #header .gnb_wrap .gnb > li{ box-sizing:border-box; width:29.3333%}
.allOn #header .gnb_wrap .gnb > li .dp1{ padding:0 0 2vmin 0; height:auto; justify-content:flex-start}
.allOn #header .gnb_wrap .gnb > li:hover .dp1{ color:var(--siteC)}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2{ height: auto !important;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li{width: 100%;}
.allOn #header .gnb_wrap .gnb > li .dp1 .tt{ font-size:3vmin; font-weight:500; position:relative;}
.allOn #header .gnb_wrap .gnb > li .dp1 .va{position: relative;}
.allOn #header .gnb_wrap .gnb > li .dp1 .va:before { content: ""; position: absolute; left: 100%; bottom: 100%; transform: translate(-25%, 70%); width: 1.5em; height: 1.5em; background: var(--siteC2); opacity: .5; border-radius: 50%; font-size: 0; transition: .3s}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a{ height:6vmin; align-items:center; padding:1vmin 2vmin; border:1px solid #ddd; border-radius:1vmin; color:#666; position:relative; overflow:hidden; background:#fff}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a:after{ content:"\e93f"; font-family:xeicon; position:absolute; right:1vmin; top:50%; transform:translateY(-50%); margin-right:-2vmin; opacity:0; transition:.3s}
.allOn #header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1.9vmin; font-weight:700}
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a{ box-shadow:0 0 1em rgba(0,0,0,.1); color:#111; border-color:var(--siteC)}
.allOn #header .gnb_wrap .gnb > li .dp2 > li:hover > a:after{ margin-right:0; opacity:1}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3{ padding:1em; background: #f7f7f7; margin: .5em 0; border-radius: 0.5em;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li > a{ color:#666; padding:1vmin;}
.allOn #header .gnb_wrap .gnb > li .dp2 > li .dp3 > li:hover > a{ color:#111}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li.more.m2_0001_ > a.va_wrap {cursor: default;}
.allOn #header .gnb_wrap .gnb > li.m_product{ width:64.6666%}
.allOn #header .all_wrap .all_btn { z-index: 999; position: fixed; top: 2em; right: 2vw; width: 3em; height: 3em;} 
.allOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allOn #header .all_wrap .all_btn .ham:before,
.allOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); background: #fff; height: 3px;} 
.allOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); background: #fff; height: 3px;} 
.allOn #header .all_wrap .allBtn{ position: fixed; right:4vmin; top:0}
.allOn #header .all_wrap .allBtn .ico:before{ content:"\e921"; color:#fff}
.allOn #header .top_wrap .etc_wrap .location, 
.allOn #header .top_wrap .gnb_wrap .gnbBg{ display:none;}


html.allOn.scroll:not(.up) #header{transform: translateY(0%);}
.allOn #header .top_wrap:before{ width:70vw; height:70vw; transition:1s;}

/* .allOn #header .top_wrap .gnb_wrap .gnb > li:not(.m_hide),
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1:before,
.allOn #header .top_wrap .gnb_wrap.on .gnb > li .dp2{transition: none !important; transition-delay: unset !important; transition-timing-function: ease-in-out !important;}


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

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

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

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

#footer .goTop { display: flex; align-items: center; border-radius: 50%; justify-content: center; z-index:998; position:fixed; right:3em; bottom:3em; width:4em; height:4em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.850em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em); } 
.scroll #footer .goTop { opacity:1; transform:translateY(0); } 

.footerWrapper { } 
.footerWrapper .footerT { } 
.footerWrapper .footerT .logo_con { display: flex; align-items: center; gap: 3em; justify-content: space-between; width: 100%;} 
.footerWrapper .footerT .logo { } 
.footerWrapper .footerT .logo > img { width: 14em; filter: var(--crWhitefil); object-fit: contain; } 
.footerWrapper .footerMid { } 
.footerWrapper .footerMid .slogan { font-size: 2.15em; font-weight: 600; margin-top: 1em; } 
.footerBtm { margin-top: 1.5em; border-top: 1px solid rgba(255,255,255, .1); } 
.footerBtm .con { display: flex; align-items: center; justify-content: space-between; padding: 1em 0; } 
.footerBtm .con .copyright { color: rgba(255,255,255, .6); font-size: .975em; } 

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

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

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


/*contents*/
#contents .sub_lnb_wrap { padding:4vmin 0 0 0 } 
#contents .sub_lnb_wrap .wrapF { display:flex; gap:6.5vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li.on { width:17em } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .flex { flex-direction:column; } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 { gap:1vmin; } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li a { box-sizing:border-box; display:flex; line-height:1.1; word-break:keep-all } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > a { height:6vmin; padding:0 1.5vmin; border:1px solid #ccc; color:#666; background: #fff; font-weight:500; font-size:1.815vmin; border-radius: .5em; } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li:not(.more) > .link{ display: flex;}
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li.on{ border: 1px solid var(--siteC); border-radius: 0.7em; background: #fff !important;}
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li.more{ background: #f0f1f5; border-radius: 0.7em;}
#contents .sub_lnb_wrap .sub_lnb .gnb > li.m_product .dp2 { gap:2px } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li.m_product .dp2 > li > a { height:5.8vmin; font-size:1.8vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > a:before { display:none } 

#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 a:before { font-family:xeicon; height:auto; width:auto; } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 .va { width: 100%; flex:1; min-width:0; display:flex; align-items:center; text-align:left; gap:1.5vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 .va:before { font-family:xeicon; font-size:.6vmin; height:auto } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 .va .tt { flex:1; min-width:0 } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 .va .arrow { font-size: inherit } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 .va .arrow:before { content:"\e940" } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 li.more > a .va .arrow { transform:rotate(90deg) } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 li:not(.on):not(:hover) > a .va .arrow { opacity:0; } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li:hover > a { border-color:var(--siteC); background:#fff; color:var(--siteC) } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li.on > a { background:var(--siteC); color:#fff; border-color:transparent } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 {/*  border:1px solid var(--siteC2) */ } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 li:not(.on) > ul {/*  border: 1px solid #8d919c; */ border-top: none;} 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li.more > a.link{ display: none;}
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li.more > a.layer{ display: block !important; position: relative;}
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 { border-color:var(--siteC) } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li ul { padding:2vmin 0;} 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li > a { color:var(--siteC2); padding:.6vmin 2vmin; gap:1vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li > a:before { content:"-";} 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li > a .va,
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li > a .tt { flex:1; min-width:0 } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li:hover a,
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li.on a { color:var(--siteC) } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li > a .tt { font-weight:500; font-size:1.65vmin; color: #666;} 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 { background:#f5f5f5; margin:1.5vmin; margin-top:.5vmin; border:1px solid #ddd } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 li > a { padding:.6vmin 3vmin; color:var(--siteC2) } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 li > a .va { display:flex; gap:.5vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 > li > a .va:before { content:"\e989" } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 li > a .tt { font-weight:500; font-size:1.6vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 li:hover > a,
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 li.on > a { color:#111 } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 > li .dp5 { background:#fff; margin:1vmin 3vmin } 
#contents .sub_lnb_wrap .sub_lnb .gnb > li .dp2 > li > .dp3 > li .dp4 > li .dp5 > li > a .va:before { content:"\e97e"; font-size:1.2vmin } 
#contents .sub_lnb_wrap .sub_doc { flex:1; min-width:0 }

#contents .doc { padding:2em 0 10em; } 
#contents .sub_page_top { position:relative; height:25em; margin-top: var(--headerH); } 
.dp1_moter #contents .sub_page_top,
.dp1_margnet #contents .sub_page_top{ height: 17em;}
#contents .sub_page_bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } 
#contents .sub_page_bg > .bg { position:absolute; top:0; right:0; width:calc(100% + 3vw); height:100%; transition:3s; } 
#contents .sub_page_bg > .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.1)); } 
.load #contents .sub_page_bg > .bg { right:-1.5vw; } 
#contents .sub_page_tit { flex:1 0 auto; position:relative; color:#fff; } 
#contents .sub_page_tit .sub_tit .tt { position: relative; font-size:3.500em; font-weight:700; text-transform: capitalize; } 

#contents .sub_page_tit .nav { align-items: center; margin-top: 1.5em; } 
#contents .sub_page_tit .nav > li { position:relative; padding:0 1em; color:#fff; } 
#contents .sub_page_tit .nav > li:before { position:absolute; left:0; top:50%; transform:translateY(-50%); width: 4px; height: 4px; background: #fff; border-radius: 50%; content: ''; } 
#contents .sub_page_tit .nav > li:first-child:before { display:none; } 
#contents .sub_page_tit .nav > li:last-child .tt { color:#fff; font-weight:600; } 
#contents .sub_page_tit .nav > li > * { display:block; } 
#contents .sub_page_tit .nav > li.home { padding-left: 0; } 
#contents .sub_page_tit .nav > li.home .xi { font-size:1.125em; } 
#contents .sub_page_tit .nav > li .tt { font-size:1em; } 

#contents .sub_page_menu { position:relative; background:rgba(0,0,0,.3); border-top:3px solid rgba(0,0,0,.2); backdrop-filter:blur(.25em); } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .gnb .dp2 { display:none; } 

#contents .sub_page_con { padding:4em 0 0 0; text-align:center; position: relative; } 
#contents .sub_page_con .menu_wrap { position: relative; } 
#contents .sub_page_con .con_tit { } 
#contents .sub_page_con .con_tit .tt { font-size:2.450em; font-weight:700; } 
#contents .sub_page_con .con_tit + .con_menu { position: relative; margin-top:3em; } 
#contents .sub_page_con .con_menu .gnb { justify-content: center; width: 100%; } 
#contents .sub_page_con .con_menu .gnb > li { width: 100%; } 
#contents .sub_page_con .con_menu .gnb .dp2 { } 
#contents .sub_page_con .con_menu .gnb .dp4 { display:none; } 
#contents .sub_page_con .con_menu .gnb .dp2 { justify-content:center; box-sizing: border-box; background: rgb(245, 245, 245); border-radius: 6em; padding: .35em; background: #f5f5f5; } 
#contents .sub_page_con .con_menu .gnb .dp2 > li { flex :1; } 
#contents .sub_page_con .con_menu .gnb .dp2 > li > a { display: flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; height:3.315em; padding:0 0.5em; border-radius:6em; color:var(--crBlack); transition:.2s .2s; z-index: 2; } 
#contents .sub_page_con .con_menu .gnb .dp2 > li > a .tt { font-size:1.063em; font-weight: 600; } 
#contents .sub_page_con .con_menu .gnb .dp2 > li.act > a { color:#fff; font-weight:600; } 

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

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

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

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

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

/* 테이블 스크롤 */
.scr_i{ display: none;}

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

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

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

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

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

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

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

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


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

.visualSlider { position: relative; width: 100%; height: 81.4vh; border-radius: 1em; overflow: hidden; display: flex; height: 100%; } 
.visualSlider .swiper-wrapper { display: flex; width: 100%; height: 100%; } 
.visualSlider .el { position: relative; overflow:hidden; height:81.4vh; background:#fff; flex-shrink: 0; /* width: 100%; height: 100%; */ } 
.visualSlider .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 2; } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlider .el .vod_wrap { position:relative; height:100% } 
.visualSlider .el .bg { position:absolute; left:0; top:0; width:calc(100%); transform: scale(1.1); height:100%; opacity:0; transition:2s, opacity 4s; } 
.visualSlider .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2); } 
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg { opacity:1; transform: scale(1); transition:3s, opacity 1s; } 

.visualSlider_wrap { position: relative; padding-top: var(--headerH); } 
.visualSlider_wrap .slogan { position:absolute; top: 50%; transform: translateY(-50%); left:0; width:100%; z-index:10; color:#fff; z-index: 3; } 
.visualSlider_wrap .slogan .wrap_in { gap:.875em; line-height:1.2; } 
.visualSlider_wrap .slogan .line { margin:0 .25em 1em; } 
.visualSlider_wrap .slogan .line:after { content:""; display:inline-block; width:6em; height:1px; background:#fff; } 
.visualSlider_wrap .slogan .tt.pd { padding:2em 0 0; } 
.visualSlider_wrap .slogan .t1 { font-size:3.815em; font-weight:700; line-height: 1.3; text-transform: uppercase; transform: translateX(2.5em); opacity: 0; transition: 1.5s ease; } 
.visualSlider_wrap .slogan .t2 { font-size: 2.915em; line-height: 1.5; letter-spacing: 0.03em; font-weight: 700; } 
.visualSlider_wrap .slogan .t3 { font-size:1.315em; margin: 1em 0; color: rgba(255,255,255, 1); font-weight: 500; line-height:1.6; width: 60%; word-break: keep-all; transform: translateY(2em); opacity: 0; } 
.visualSlider_wrap .slogan .main_more { transform: translateX(7em); opacity: 0; transition: 1.5s .3s ease; } 
.visualSlider_wrap .slogan .row { height:1.125em; display:block; overflow:hidden; line-height:1 } 
.visualSlider_wrap .slogan .row > .in { display:inline-block; transform:translateY(150%); transition: 1s; } 
.visualSlider_wrap .slogan .tt.line { transform:scaleX(0); transform-origin:left center; } 

.visualSlider_wrap .el.swiper-slide-active .slogan .main_more,
.visualSlider_wrap .el.swiper-slide-active .slogan .t1 { transform: translateX(0); opacity: 1; } 

.visualSlider_control { position:absolute; display: flex; justify-content: space-between; left: 0; bottom: 10em; width: 100%; margin: 0 auto; z-index:10; transform: translateY(3em); opacity: 0; transition: 1s; } 
body:not(.intro) .visualSlider_control { transform: translateY(0); opacity: 1; } 
.visualSlider_control .inner { position: relative; display: flex; align-items: center; gap: 1em; } 
.visualSlider_control .inner .swiperPauseWrap > .xi { color: #fff; } 
.visualSlider_control .paging { color:#fff; width:auto; display:flex; gap: .75em; } 
.visualSlider_control .paging span { position:relative; background:rgba(255,255,255,.5); width: 5em; opacity:1; border-radius: 10px; overflow: hidden; position:relative; transition:.3s; height:4px; counter-increment: vIndex; display:block; margin: 0 !important } 
.visualSlider_control .paging > span:after { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff } 
.visualSlider_control .paging > span.swiper-pagination-bullet-active { width:5em; } 
.visualSlider_control .paging > span.swiper-pagination-bullet-active:after { width:100%; transition:7s } 
.visualSlider_control .swiperBtn { margin-left:.25em } 

.visualBtmContainer { position:absolute; left:50%; transform: translateX(-50%); bottom:4em; z-index:10; } 
.visualBtmContainer .img_Wrap { position: relative; z-index: 99; } 
.visualBtmContainer .img_Wrap .imgCon { position:relative; width: 20em; height: 12.5em; border-radius: 1em; overflow: hidden; } 
.visualBtmContainer .img_Wrap .imgCon:after { content: "\ea40"; font-family: xeicon; font-size: 3.00em; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); } 
.visualBtmContainer .img_Wrap .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 

.mainScroll { position:absolute; width: 100%; right: 0; bottom: 2.5em; z-index: 99; } 
.mainScroll .inner { display: flex; align-items: center; gap: 1em; justify-content: end; } 
.mainScroll .tt { display:block; /* transform:rotate(90deg); */ color: rgba(255,255,255, .9); font-size:.825em; font-weight: 600; } 
.mainScroll .mouseImg { position: relative; width: 3em; height: 3em; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255,255,255, 1); } 
.mainScroll .mouseImg > .point { width: 2px; height: 25px; background: rgba(255, 255, 255, 0.2); margin: 0 auto; position: relative; overflow: hidden; } 
.mainScroll .mouseImg > .point > span { display: block; width: 2px; height: 200%; background: #fff; position: absolute; top: 0; left: 0; bottom: auto; -webkit-animation: scroll 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; animation: scroll 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } 

@-webkit-keyframes scroll { 
 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
to { -webkit-transform: translateY(50%); transform: translateY(50%); } 
 }

@keyframes scroll { 
 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 
to { -webkit-transform: translateY(50%); transform: translateY(50%); } 
 }
.mainScroll .mouseImg > img { width: 100%; height: 30px; object-fit: contain; filter: var(--crWhitefil); } 

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

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

/*main_btn*/
.main_more { display: inline-block; cursor: pointer; } 
.main_more.pd1 { padding-top:2.5em; } 
.main_more.pd2 { padding-top:4em; } 
.main_more > .more { text-align:center; display: flex; align-items: center; justify-content: center; padding: 0 1.75em; height: 3.64em; background:var(--siteC); border:1px solid var(--siteC); border-radius:.4em; font-weight: 600; color:#fff; transition: .2s; } 
.main_more > .more.f-s { font-size: .8em; } 
.main_more > .more > .tt { font-size: 1.063em; } 
.main_more > .more > .tt ~ .xi { margin-left:.5em; } 
.main_more > .more > .xi { font-size:1.250em; padding-left: .5em; transform: rotate(-45deg); position: relative; top: 3px; } 

.main_more.white > .more { background: none; border: 1px solid #ddd; color: var(--crBlack); } 
.main_more.white:hover > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 
.main_more.bgin > .more { background: none; color: #fff; border: 1px solid #fff; font-weight: 600; } 
.main_more.bgin > .more:hover { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

.main_more.bgC > .more { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

/*main about*/
.main_about { padding-bottom: 10em !important; } 
.main_about .page_mq { position: absolute; bottom: -1.2em; } 
.main_about .page_mq .page_tt { font-size: 8em; line-height: 1; font-weight: 800; opacity: .03; } 
.mainTop { align-items: end; gap: 4em; margin-bottom: 3.5em; } 
.mainTop > .txt { width: 40%; } 

.mainAbout_wrapper { display: flex; gap: 2em; } 
.mainAbout_wrapper .item { position:relative; width: 55%; height: 28.4em; border-radius: 1em; overflow: hidden; } 
.mainAbout_wrapper .item.s1 { width: 22.5%; } 
.mainAbout_wrapper .item.bg { background: var(--siteC); } 
.mainAbout_wrapper .item.bg2 { background: var(--siteC2); } 
.mainAbout_wrapper .item > .itemImg { position: relative; width: 100%; height: 100%; } 
.mainAbout_wrapper .item > .itemImg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.mainAbout_wrapper .item > .itemImg > img { width: 100%; height: 100%; object-fit: cover; } 
.mainAbout_wrapper .item > .vod_wrap { height: 100%; } 

.mainAbout_wrapper .item > .infoCon { position: absolute; bottom: 3em; padding: 0 3em; box-sizing: border-box; width: 100%; z-index: 2; } 
.mainAbout_wrapper .item > .infoCon .tit { font-size: 2.315em; font-weight: 700; color: #fff; margin-bottom: .5em; } 
.mainAbout_wrapper .item > .infoCon .txt { font-size: 1.215em; color: #fff; line-height: 1.4; font-weight: 500; } 

.mainAbout_wrapper .item > .infoCon > .AtitCon { display: flex; align-items: center; gap: 1.25em; margin-bottom: 1.5em; } 
.mainAbout_wrapper .item > .infoCon > .AtitCon > .tit { margin-bottom: 0em; } 
.mainAbout_wrapper .item > .infoCon > .AtitCon > .xi { font-size: 2em; color: #fff; transition: .3s; } 

.mainAbout_wrapper .item > .infoCon > .AtitCon:hover > .xi { color: var(--siteC); transform: translateX(.25em); } 

.mainAbout_wrapper .item.s1 > .infoCon { padding: 0 2em; } 
.mainAbout_wrapper .item.s1 > .infoCon > .tit { font-size: 2em; } 
.mainAbout_wrapper .item.s1 > .infoCon > .txt { font-size: 1.063em; } 

.mainAbout_wrapper .item > .iconImg { position: absolute; top: 0em; } 
.mainAbout_wrapper .item > .iconImg:before { position: absolute; bottom: -70px; left: 0; height:140px; background: linear-gradient(
to bottom,
rgba(0, 116, 197, 0) 0%,
rgba(0, 116, 197, .8) 30%,
rgba(0, 116, 197, 1) 50%,
rgba(0, 116, 197, .8) 70%,
rgba(0, 116, 197, 0) 100%
); content: ''; z-index: 1; width: 100%; } 
.mainAbout_wrapper .item > .iconImg > img { width: 100%; height: 100%; object-fit: contain; opacity: .5; transition: .3s; } 
.mainAbout_wrapper .item:hover > .iconImg > img { transform: scale(1.05); } 

.mainAbout_wrapper .item > .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, #0e1d40 0%, #172a55f5 60%, #0e1d4099 100%); z-index :1; } 

/*main business*/
.moveImg { position: relative; width: 100%; overflow: hidden; } 
.main_business { position:relative; background: var(--siteC2); } 
.businessSlider { position: relative; width: 100%; height: 42.5em; border-radius: 1em; overflow: hidden; } 
.businessSlider:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .1); content: ''; z-index: 1; } 
.businessSlider .el { } 
.businessSlider .bgContianer { width: 100%; height: 100%; } 
.businessSlider .bgContianer > .moveImg { width: 100%; height: 100%; } 
.businessSlider .bgContianer > .moveImg > .img { width: 100%; height: 47.5em; object-fit: cover; } 
.businessSlider .bgContianer > .moveImg > .img.img01 { background-image: url(../images/main/business_img01.jpg); } 
.businessSlider .bgContianer > .moveImg > .img.img02 { background-image: url(../images/main/business_img02.jpg); } 

.businessSlider .bgContianer > .infoCon { position: absolute; top: 5em; padding: 0 5em; width: 100%; box-sizing: border-box; z-index: 2; } 
.businessSlider .bgContianer > .infoCon > .tit { font-size: 3.215em; font-weight: 700; color: #fff; transform: translateX(2.5em); opacity: 0; transition: 1.5s ease; } 
.businessSlider .bgContianer > .infoCon > .desc { font-size: 1.35em; font-weight: 500; line-height: 1.4; color: #fff; margin-top: 1.5em; transform: translateX(3em); opacity: 0; transition: 1.5s .3s ease; } 
.businessSlider .bgContianer > .infoCon > .main_more { transform: translateX(3em); opacity: 0; transition: 1.5s .6s ease; } 

.businessSlider .el.swiper-slide-active .infoCon > .desc,
.businessSlider .el.swiper-slide-active .infoCon > .main_more,
.businessSlider .el.swiper-slide-active .infoCon > .tit { transform: translateX(0); opacity: 1; } 

.businessSlider .prodbullet { position: absolute; box-sizing: border-box; width: 100%; display: flex; left: 0; bottom: 0; z-index: 99; } 
.businessSlider .prodbullet .paging { width: 100%; } 
.businessSlider .prodbullet .paging > span { background: transparent; border-right: 1px solid rgba(255,255,255, .4); margin: 0; font-size: 1.15em; font-weight: 600; align-items: center; border-top: 3px solid rgba(255,255,255, .3); opacity: 1; border-radius: 0; width: 50%; text-align: center; display: flex; height: 4.5em; justify-content: center; color: rgba(255,255,255, .8); background: rgba(0,0,0, .05); backdrop-filter: blur(7px); transition: .3s; } 
.businessSlider .prodbullet .paging > span:last-of-type { border-right: none; } 
.businessSlider .prodbullet .paging > span.swiper-pagination-bullet-active { border-top: 3px solid #fff; color: #fff; } 

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

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

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

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


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

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

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

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

.main_txt { position:relative; } 
.main_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt.m2 { margin-bottom:5em; } 
.main_txt .tit { margin-top:1em; } 
.main_txt .txt { margin-top:1.5em; line-height:1.6; } 
.main_txt .txt + .txt { margin-top:1em; } 
.main_txt .tit:first-child,
.main_txt .txt:first-child { margin-top:0; } 
.main_txt .o1 { opacity:.7; } 
.main_txt .o2 { opacity:.15; } 
.main_txt .t1 { font-size:1.000em; } 
.main_txt .t2 { font-size:1.063em; } 
.main_txt .t3 { font-size:1.125em; } 
.main_txt .t4 { font-size:1.250em; } 
.main_txt .t5 { font-size:1.375em; } 
.main_txt .t6 { font-size:1.500em; } 
.main_txt .t7 { font-size:1.750em; } 
.main_txt .t8 { font-size:2.000em; } 
.main_txt .t9 { font-size:3.000em; } 
.main_txt .t10 { font-size:3.500em; } 
.main_txt .t11 { font-size:4.500em; } 
.main_txt .t12 { font-size:6.000em; } 

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

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

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


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

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

.page_txt .inner{margin: 0 1em;}

/**/
.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_tt.dot1{margin-bottom:.8em; padding-left: 1.2em; display: inline-block; font-weight: 600; font-size: 1.875em !important; color:#111; position: relative;}
.page_tt.dot1::before{content:''; position:absolute; top: 50%; left:0; transform: translateY(-50%); width: 10px; height: 10px; border: 6px solid #e4e4ff; background:var(--siteC); border-radius: 15%;}
.page_tt.dot2{margin-bottom:.5em; font-weight: 600; padding-left: .7em;  color:#111; position: relative;}
.page_tt.dot2::before{content: ''; width: 5px; height: 5px; border-radius: 50%; background: #111; position: absolute; left: 0; top: 10px;}
.page_tt.s4.dot2::before{top: 12px;}
.page_tt.dot3{margin-bottom:.6em; padding-left: 1.3em; ; font-size: 1.06em; color:#111; position: relative;}
.page_tt.dot3.page_tt.s6{ margin-bottom: .2em !important;}
.page_tt.dot3::before{position: absolute; left: 0; top: 50%; content:"\e92b"; display: inline-block; transform: translateY(-50%); margin-right: .3em; font-family:xeicon; color:var(--siteC); line-height: 1.5;}
.page_tt.dot3.st1::before{top: 0; transform: translateY(0);}
.page_tt:last-child{margin-bottom: 0;}

.page_tt.dot4{ padding-left: 1em; color:#555; position: relative; line-height: 1.6; font-weight: 500;}
.page_tt.in{margin: 0 1.3em;}
.page_tt.dot4.in{margin: 0 .5em;}
.page_tt.dot4::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 13px;}

.page_tt.dot4.st1{padding-left: 0.7em;}

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

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst1 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst5 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 
.flex_box .fst8 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a{ display: block;}
.flex_box li > .in.st1{margin: 0;}

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

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

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

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

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

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

/* about */
.overviewWrap { padding: 3em 0 8em; position: relative; background-position: center -13%; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; overflow: hidden;} 
.overviewWrap::after { content: ''; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5)); position: absolute; left: 0; bottom: 0; } 
.overviewT { position: relative; z-index: 1; } 
.tri-circle { display: flex; justify-content: space-between; padding: 0 2vw; padding-top: 2em; box-sizing: border-box; height: 20vw; } 
.tri-circle > li { flex:1; position: relative; } 
.tri-circle > li .in { width: 18vw; height: 18vw; padding: 3em; box-sizing: border-box; border-radius: 50%; border: 1px solid #eee; text-align: center; position: absolute; background: rgba(0, 0, 0, .5); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } 
.tri-circle > li:nth-child(1) .in { right: -3em; top: 50%; transform: translate(0, -50%); } 
.tri-circle > li:nth-child(2) .in { left: 50%; top: 50%; transform: translate(-50%, -50%); } 
.tri-circle > li:nth-child(3) .in { left: -3em; top: 50%; transform: translate(0, -50%); } 
.tri-circle > li .tt_en { font-weight: 500; font-size: 1.375em; color:#c0e5ff; } 
.tri-circle > li .line { display: block; width: 80%; margin: 1.5em auto 1.5em; border-top: 1px solid rgba(255, 255, 255, .5); } 
.tri-circle > li .t1 { font-weight: 600; font-size: 1.825em; color: #fff; } 
.tri-circle > li .t2 {font-size: 1.45em; color: #fff; font-weight: 600;}

.greeting_wrap {}
.greeting_wrap .con {background: #f4f4f4; padding: 1em; margin-bottom: 1em; border-radius: 1em; overflow: hidden; gap: 4em;}
.greeting_wrap .con:last-child {margin-bottom: unset;}
.greeting_wrap .con .img {width: 40%;}
.greeting_wrap .con .img img {width: 100%; border-radius: 1em;}
.greeting_wrap .con .tbox {flex: 1;}
.greeting_wrap .con .tbox .tit_en {color: var(--siteC); font-size: 1.25em; font-weight: 600; margin-bottom: .5em;}
.greeting_wrap .con .tbox .tit {font-size: 1.8em; font-weight: 800;}
.greeting_wrap .con .tbox .tt { margin-bottom: .5em; margin-top: 1em; font-size: .96em; width: 85%; line-height: 1.4;}
.greeting_wrap .con .tbox .tt:last-child {margin-bottom: unset;}
.greeting_wrap .con .tbox .tt span {color: var(--siteC); font-weight: 600; margin-right: .1em;}

/* 오시는길 */
.map_list { }
.map_list { gap:1em 1em; margin: 2.5em 0;}
.map_list  > li{ flex:1; text-align:center;}
.map_list  > li .in{ flex:1;}
.map_list  > li + li .in{ padding-left:1em; border-left:1px solid #ddd;}

.map_list .page_txt .mark{ margin-bottom:3em;}
.map_list .page_txt .mark img{ width:5em;}

.map_list .page_txt .tit {font-size: 1.125em; font-weight: 700;}
.map_list .page_txt > .ico + *{ margin-top:1em;}
.map_list .page_txt > .ico img{ width:2.25em;}

.map_wrap {/* z-index: -1; */ position: relative;}
.map_wrap .cont {display: none;}

/*제품*/
.proTabW { position: relative; } 
.pro-tab { display: flex; align-items: center; gap: 1em; } 
.pro-tab > li { } 
.pro-tab > li > .tabT { padding: .2em 1em; font-size: 1.215em; font-weight: 600; border: 1px solid #ddd; border-radius: 100px; color: #999; cursor: pointer; transition: .2s; } 

.pro-tab > li.on > .tabT { background: var(--siteC); border: 1px solid var(--siteC); color: #fff; } 

.ProWarp { } 
.ProWarp .proTop {padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px solid #111; } 
.ProWarp .proTop > .con { display: flex; align-items: center; gap: 2em; justify-content: space-between; } 
.ProWarp .proTop > .con > .tabT { display: flex; align-items: start; gap: .5em; } 
.ProWarp .proTop > .con > .tabT > .tit { font-size: 2.515em; font-weight: 700; } 
.ProWarp .proTop > .con > .tabT > .total { font-size: 15px; line-height: 1; display: inline-block; background-color: var(--siteC2); color: #fff; padding: 0.45em 1em; border-radius: 50px; letter-spacing: 0; font-weight: 400; vertical-align: 3px; } 

.ProWarp .proList_con { } 
.ProWarp .proList_con .proList { } 
.ProWarp .proList_con .proList > li { } 
.ProWarp .proList_con .proList > li > .in { margin: 0 0 2em 2em; } 
.ProWarp .proList_con .proList > li > .in > .prod-img { position:relative; padding: 3em 0; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1em; overflow: hidden; } 
.ProWarp .proList_con .proList > li > .in > .prod-img .imgfix { height: 210px; } 
.ProWarp .proList_con .proList > li > .in > .prod-img .imgfix > img { width: 100%; height: 100%; object-fit: contain; transition: .3s; } 

.ProWarp .proList_con .proList > li > .in > .proinfo { margin-top: 1em; padding: 0 .5em; } 
.ProWarp .proList_con .proList > li > .in > .proinfo > .title { font-size: 1.415em; font-weight: 700; margin-bottom: .5em; } 
.ProWarp .proList_con .proList > li > .in > .proinfo > .type { font-size: .95em; color: #666; font-weight: 500; } 

.ProWarp .proList_con .proList > li > .in:hover > .prod-img { } 
.ProWarp .proList_con .proList > li > .in:hover > .prod-img .imgfix > img { transform: scale(1.05); } 
.ProWarp .proList_con .proList > li > .in:hover > .proinfo > .title { text-decoration: underline; } 

.tag_list { position: absolute; display: flex; gap: .5em; top: 1em; left: 1em; z-index: 1; } 
.tag_list > li { } 
.tag_list > li > .tt { padding: .3em 1.15em; border-radius: 100px; border: 1px solid transparent; font-size: .95em; font-weight: 500; } 
.tag_list > li > .ty1 { background: var(--siteC); color: #fff; border: 1px solid var(--siteC); } 
.tag_list > li > .ty2 { background: var(--siteC2); color: #fff; border: 1px solid var(--siteC2); } 

/*브랜드 검색 탭*/
.brand_tab{ padding-bottom: 4em;}
.brand_tab.pb2{ padding-bottom: 2em;}
.brand_tab .brand_list{}
.brand_tab .brand_list > li{}
.brand_tab .brand_list > li > .in{ margin: 0em;border: 1px solid #ddd; padding: .5em 1.25em; height: 3.5em; display: flex; align-items: center; box-sizing: border-box; background: rgba(0, 0, 0, .8); color: #fff;} 
.brand_tab .brand_list > li > .in > .tab_In{  display: flex; gap: .5em; justify-content: space-between; width: 100%; align-items: center;}
.brand_tab .brand_list > li > .in > .tab_In > .tt{ font-size: 1.063em; font-weight: 600;}

.brand_tab .brand_list > li.on > .in{ background: var(--siteC);}

/*제품 검색*/
.pro_searchWarp { display: flex; gap: .5em; } 
.pro_searchWarp > .divi { } 
.pro_searchWarp > .divi label { position: relative; } 
.pro_searchWarp > .divi label > .xi { position: absolute; right: 1.25em; top: 50%; transform: translateY(-50%); color: #fff; font-size: 1em; } 
.pro_searchWarp > .divi .input_st { position:relative; border-radius: 100px; display: flex; background: var(--siteC2); border: 1px solid var(--siteC2); color: #fff; } 
.pro_search { display: flex; position: relative; border-radius: 50px; border: 1px solid #ddd; font-size: 1em; /* overflow: hidden; */padding: 0 0.5em 0 1.5em; } 
.pro_search:has(input:focus) { border-color: var(--siteC2); } 
.pro_search > input { height: auto; border: none; padding: 0.5em 0; width: 15em; } 
.pro_search > input:focus { } 
.pro_search > button { flex: 1; border: none; background: transparent; } 
.pro_search > button .xi { font-size: 1.5rem; } 

/*렌탈 및 판매 뷰페이지*/
.agency-view-top { gap: 5em;}
.agency-view-top .view-img { flex: 0 0 45%; position: relative; } 
.agency-view-top .view-img .img-wrap { position: relative; } 
.agency-view-top .view-img .img-wrap .imgfix { border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); height: 540px; aspect-ratio: 1/1; } 
.agency-view-top .view-img .img-wrap .imgfix > img{ width: 100%; height: 100%; object-fit: contain;}
.agency-view-top .view-img .img-wrap .change-btn { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; } 
.agency-view-top .view-img .img-wrap .change-btn .prev,
.agency-view-top .view-img .img-wrap .change-btn .next { align-items: center; justify-content: center; background: var(--crWhite); border: 1px solid #eee; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 50%; width: 3em; height: 3em; cursor: pointer; transition: 0.3s; } 
.agency-view-top .view-img .img-wrap .change-btn .prev:hover,
.agency-view-top .view-img .img-wrap .change-btn .next:hover { background: var(--siteC); border-color: var(--siteC); color: var(--crWhite); } 
.agency-view-top .view-img .img-wrap .change-btn .prev { margin-left: -1.5em; } 
.agency-view-top .view-img .img-wrap .change-btn .next { margin-right: -1.5em; } 
.agency-view-top .view-img .img-thumbs { position: relative;} 
.agency-view-top .view-img .img-thumbs .list { gap: .5em; margin-top: 1em;} 
.agency-view-top .view-img .img-thumbs .list > li { } 
.agency-view-top .view-img .img-thumbs .list > li .imgfix { width: 100px; height: 100px; border: 1px solid #eee; border-radius: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); cursor: pointer; position: relative;} 
.agency-view-top .view-img .img-thumbs .list > li .imgfix > img{ width: 100%; height: 100%; object-fit: contain;}
.agency-view-top .view-img .img-thumbs .list > li.on .imgfix { border-color: var(--siteC); border-width: 2px; } 
.agency-view-top .view-img .img-thumbs .list > li .imgfix::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } 
.agency-view-top .view-img .img-thumbs .list > li.on .imgfix::before { background: transparent; } 

.agency-view-top .page_txt{ flex: 1 1 55%;}

.agency-view-top .view-img .img-thumbs .list > li.on .imgfix { } 

.agency-view-top .info-list { } 
.agency-view-top .info-list > li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd; } 
.agency-view-top .info-list > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 
.agency-view-top .info-list > li > dl { } 
.agency-view-top .info-list > li > dl > dt { } 
.agency-view-top .info-list > li > dl > dd { } 
.agency-view-middle { } 
.agency-view-middle .spec-ico-list { width: 80%; margin: 0 auto; } 
.agency-view-middle .spec-ico-list > li { flex: 1; position: relative; } 
.agency-view-middle .spec-ico-list > li .icon { position: relative; } 
.agency-view-middle .spec-ico-list > li .icon::after { content: ''; position: absolute; top: 50%; right: -30%; transform: translateY(-50%); width: 50%; height: 1px; background: var(--crBlack); border-radius: 10px; } 
.agency-view-middle .spec-ico-list > li:last-child .icon::after { display: none; } 
.agency-view-middle .spec-ico-list > li .icon .imgfix { width: 8rem; height: 8rem; margin: 0 auto; border-radius: 50%; background: var(--siteC); padding: 1.5em; box-sizing: border-box; } 
.agency-view-bottom .title.st2 { padding-bottom: 0.5em; border-bottom: 3px solid #ddd; } 
.agency-view-bottom .spec-info { gap: 2em 1em; } 
.agency-view-bottom .spec-info > li { flex: 0 0 calc(25% - .75em); max-width: calc(25%); border: 2px solid transparent; border-radius: 1em; background-image: linear-gradient(#fff, #fff), var(--crGrad1); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05), inset 0 0 20px rgb(0 114 255 / 5%); } 
.agency-view-bottom .spec-info > li .in { padding: 2em 1.5em; position: relative; } 
.agency-view-bottom .spec-info > li .in .num { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: var(--siteC); border-radius: 50%; width: 2.125rem; height: 2.125rem; } 

.partner-container { } 
.partner-list { gap: 4em 2em; } 
.partner-list > li { flex: 1 1 calc(33% - 2em); position: relative; } 
.partner-list > li .link-in { position: absolute; top: 1em; right: 1em; background: #555; color: var(--crWhite); border-radius: 50%; width: 2.5em; height: 2.5em; transform: scale(0); transition: 0.2s; } 
.partner-list > li:hover .link-in { transform: scale(1); } 
.partner-list > li .partner-st { } 
.partner-list > li .partner-st .partner-logo { border: 1px solid #ddd; border-radius: 5px; padding: 3em; overflow: hidden; } 
.partner-list > li .partner-st .partner-logo .imgfix { height: 3.5em; transform: scale(1); transition: 0.3s; max-width: 17em; margin: 0 auto; } 
.partner-list > li:hover .partner-st .partner-logo .imgfix { transform: scale(1.1); } 
.partner-list > li .partner-st .partner-logo .imgfix svg { height: 3.5em; } 
.partner-list > li .partner-st .partner-info { margin-top: 1.5em; } 

/*소개*/
/* .dp2_company.scroll #header .inner{ color: #111;}
.dp2_company.sub #header .all_wrap .all_btn{ border: 1px solid rgba(255,255,255, .2);}
.dp2_company.scroll #header .all_wrap .all_btn{ border: 1px solid rgba(0,0,0, .2);} */

.page_cover{ position:relative; height:100vh; text-align:center; overflow: hidden; background: #111; clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);}
.page_cover > .coverT{ position: absolute; width: 100%; padding: 0 5vw; box-sizing: border-box; left: 50%; bottom: 9em; transform: translateX(-50%); color: #fff; z-index: 2;}
.page_cover > .coverT > .title{ font-size: 4.15em; line-height: 1; margin-bottom: .3em; text-transform: uppercase; font-weight: 800; transform: translateY(.5em); opacity: 0; transition: 1s;}
.page_cover > .coverT > .tt{ font-size: 1.215em; font-weight: normal; line-height: 1.4; color: rgba(255,255,255, .85); transform: translateY(.5em); opacity: 0; transition: 1s .3s;}

/*온라인 문의*/
.addinfo_tw{ margin-bottom: .5em; display: flex; flex-direction: column; align-items: end;}
.addinfo_tw > .tt{ font-size: 1.063em; color: #999; font-weight: 500;}

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

.form_wrap { } 
.form_wrap .form { gap:1em; font-size:.95em; } 
.form_wrap .form > li { position: relative; } 
.form_wrap .form > li:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; content: ''; background: #fafafa; border-radius: 0.25rem; } 
.form_wrap .form > li:not(.w100) { width:calc(50% - .5em); } 
.form_wrap .form > li .inp_wrap { position:relative; } 
.form_wrap .form > li .inp_wrap .tit,
.form_wrap .form > li .inp_wrap .input_st:not(textarea) { height:4.5em; } 
.form_wrap .form > li .inp_wrap .input_st::placeholder { font-size: 1.15em; } 
.form_wrap .form > li .inp_wrap .tit { position:absolute; top:0; left:0; padding-left:2em; } 
.form_wrap .form > li .inp_wrap .tit .tt { font-size: 1.215em; font-weight:600; } 
.form_wrap .form > li .inp_wrap .input_st:not(textarea) { width:100%; padding-left:13em; } 
.form_wrap .form > li .inp_wrap textarea.input_st { padding-top:4em; padding-left:1.5em; height:12em; } 
.form_wrap .form > li .inp_wrap .input_st { border:none; background: transparent; border-radius: .15em; outline: 1px solid transparent; transition: all .4s ease-in-out; } 
.form_wrap .form > li .inp_wrap input:focus { outline: 1px solid #fff; } 
.form_wrap .form_chk { margin-top:2em; } 
.form_wrap .form_chk .chk { gap:1em; } 
.form_wrap .form_chk .btn .input_st { background: transparent; color: #fff; width:12em; border: 4px solid rgba(255, 255, 255, .4); transition: all .4s ease-in-out; } 
.form_wrap .form_chk .btn .input_st:hover { border: 4px solid #fff; } 

.form_wrap .form_chk .btn .input_st{background: var(--siteC); border-color: var(--siteC); color: var(--crWhite); border: none;}

.form_label_wrap { height: 100%; align-items: center; } 
.form_label_wrap > li { box-sizing:border-box; margin-right: 3em; font-size: 1.1em; } 
.form_label_wrap > li:last-of-type { margin-right: 0em; } 
.form_label_wrap.st1 > li { flex:1 0 33.33%; max-width: 33.33%; } 
.form_label_wrap.st2 > li { flex:1 0 25%; max-width: 25%; } 
.form_label_wrap.st3 > li { flex:1 0 16.66%; max-width: 16.66%; } 

.form_label_st:not(.cssbrowser) input ~ .xi.st1 { padding-right:0; padding-left:.125em; font-size:1em } 
.form_label_st:not(.cssbrowser) input ~ .xi.st1:before { content:"\e929"; opacity:0 } 
.form_label_st:not(.cssbrowser) input:checked ~ .xi.st1:before { content:"\e929"; opacity:1 } 

.form_label_st { display:inline-block; *display:inline; zoom:1; cursor:pointer } 
.form_label_st > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer; } 
.form_label_st > .xi { font-size: 1.15em; margin: 0; } 
.form_label_st:not(.cssbrowser) .xi:before { font-family:xeicon!important; font-style:normal; font-size:1.25em; padding-right:.25em } 
.form_label_st:not(.cssbrowser) input ~ span { color:#666; font-weight: 600; } 
.form_label_st:not(.cssbrowser) input ~ .xi:before { color:#aaa } 
.form_label_st:not(.cssbrowser) input:checked ~ span { color:#333 } 
.form_label_st:not(.cssbrowser) input:checked ~ .xi:before { color:var(--siteC); } 
.form_label_st:not(.cssbrowser) input[type=checkbox] ~ .xi:before { content:"\e92e" } 
.form_label_st:not(.cssbrowser) input[type=checkbox]:checked ~ .xi:before { content:"\e92d" } 
.form_label_st:not(.cssbrowser) input:radio ~ span { color:#333 } 
.form_label_st:not(.cssbrowser) input:radio ~ .xi:before { color:var(--siteC); } 
.form_label_st:not(.cssbrowser) input[type=radio] ~ .xi:before { content:"\e92e" } 
.form_label_st:not(.cssbrowser) input[type=radio]:checked ~ .xi:before { content:"\e92d" } 
.form_label_st:not(.cssbrowser) input[type=checkbox],
.form_label_st:not(.cssbrowser) input[type=radio] { width:0; height:0; overflow:hidden; } 

.filebox .upload-name { height: 3.5em; padding: 0 10px; vertical-align: middle; border: none; background: transparent; width: 80%; } 
.filebox .upload-name::placeholder { font-size: 1.15em; font-weight: 500; color: #aaa; } 
.filebox label { padding: 10px 20px; color: #fff; background-color: var(--siteC); cursor: pointer; margin-left: 10px; border-radius: 5px; display: flex; align-items: center; justify-content: center; width: 30%; min-width: 6.25em; } 
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; } 

.form_chk .label_st input[type=checkbox],
.form_chk .label_st input[type=radio] { width: auto; height: auto; overflow: visible; margin-bottom: auto; } 

/* 사업부문 */
.facT {} 
.facT .inner { position: relative; } 
.facT .img_wrap { border-radius: 1em; overflow: hidden; position: relative;}
.facT .img_wrap::before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg,rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);} 
.facT .img_wrap .img { height: 24em;} 
.facT .img_wrap .img img { } 
.facT .info_wrap { min-width: 30%; border-radius: 1em 0 0 0; color: #fff; position: absolute; right: 61px; bottom: 45px; text-align: right;} 
/* .facT .info_wrap { min-width: 30%; padding: 1.5em 2.5em 1.5em 1.5em; border-radius:1em 0 0 0; background: var(--siteC); color: #fff; position: absolute; right: 0; bottom: 0; box-shadow: 2px -5px 10px rgba(0, 0, 0, .2); }  */
.facT .info_wrap .fac_name { font-weight: 600; font-size: 52px; } 
.facT .info_wrap .info_list { color: #bbb;} 
.facT .info_wrap .info_list > li { font-size: 23px;} 
.facT .info_wrap .info_list > li .xi { } 
.facT .info_wrap .info_list > li .tt { } 


.pageTit { margin-bottom:2vmin; line-height:1.2 } 
.pageTit .tit1 { font-weight:600; font-size:1.88em; letter-spacing:-.1vmin; word-spacing:.2vmin; color: #555; } 
.pageTit .tit2 { font-size:1.38em; font-weight:500; padding-left:3vmin } 
.pageTit .tit2:before,
.pageTit .tit2:after { content:""; position:absolute; left:0; top:.25em; width:.5em; height:.5em; background:var(--siteC); border-radius: 1em;} 
.pageTit .tit2:after { opacity:.2; transform:translate(50%, 50%) } 
.pageTit .tit3 { font-weight:700; font-size:2vmin; color:#fff; } 
.pageTit .tit4 { display: block; font-weight: 600; font-size: 1.915vmin; color: #333; line-height: 1.4; margin-top: 1em; } 
.pageTit .tit5 { font-weight:500; font-size:2.8vmin; letter-spacing:-.1vmin; word-spacing:.2vmin } 

.pageDl { display:flex; flex-direction:column; gap:3vmin } 
.pageDl.mT05 {margin-top: .5em !important; } 
.pageDl .dt,
.pageDl .dd { display:flex; flex-direction:column; position:relative; box-sizing:border-box; gap:3vmin } 
.pageDl .dd { flex:1; min-width:0 } 
.pageDl .pageTxt{ font-size: 1.15em;}
.pageDl .pageTit { margin-bottom:0 } 
.pageDl .pageTit.mbO { margin-bottom: 2em; } 
.pageDl:not(:first-child) { margin-top:7vmin } 
.pageDl .p1 { padding:0 3vmin } 

.pageDl.st1 { flex-direction:row; gap:0 } 
.pageDl.st1 .dt { padding:5vmin 3vmin 0 0; width:42vmin; border-top:3px solid #111 } 
.pageDl.st1 .dd { padding:5.5vmin; border-top:3px solid #eee; } 
.pageDl.st1 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageDl.st1 .ani:before,
.pageDl.st1 .ani:after,
.pageDl.st1 .ani > i:before { content:"\e93f"; font-family:xeicon } 

.pageDl.st2 { flex-direction:row; gap:0 } 
.pageDl.st2 .dt { padding:5vmin 3vmin 0 0; width:30vmin; border-top:3px solid #111 } 
.pageDl.st2 .dd { padding:5.5vmin; border-top:3px solid #eee; } 
.pageDl.st2 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageDl.st2 .ani:before,
.pageDl.st2 .ani:after,
.pageDl.st2 .ani > i:before { content:"\e93f"; font-family:xeicon } 

.pageDl.st3 { gap:0 ; width: 80%;} 
.pageDl.st3 .dt {padding:5vmin 3vmin 0 0;} 
.pageDl.st3 .dd { padding:5.5vmin; border-top:3px solid #eee; } 
.pageDl.st3 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageDl.st3 .ani:before,
.pageDl.st3 .ani:after,
.pageDl.st3 .ani > i:before { content:"\e93f"; font-family:xeicon } 

.pageDl.pb1 .pageTit{padding-bottom: .5em;}
.pageDl.st4 { gap:0 ; width: 100%;margin-top:0vmin !important; } 
.pageDl.st4 .dt {padding:.5vmin 3vmin 0 0;} 
.pageDl.st4 .dt.gb {background-color:#fafafa; padding:2em 1em; box-sizing:border-box} 
.pageDl.st4 .dd { border-top: 2px solid #111; gap: 0;} 
.pageDl.st4 .dd .img_wrap{ padding: 2em 3em; border: 1px solid #ccc; margin: .6em 0; border-radius: 1em;}
.pageDl.st4 .dd.flex .img_wrap{width: 50%;}
.pageDl.st4 .dd .table_img{padding-top: 1em;}
.pageDl.st4 .dd > .mid_tit{font-size: 1.5em; margin-top: 1em;}
.pageDl.st4 .dd > .tt{margin-top: 1em;}
.pageDl.st4 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageDl.st4 .ani:before,
.pageDl.st4 .ani:after,
.pageDl.st4 .ani > i:before { content:"\e93f"; font-family:xeicon } 

.pageDl.st5 { flex-direction:row; gap:4em } 
.pageDl.st5 .dt { width:50vmin; } 
.pageDl.st5 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageDl.st5 .ani:before,
.pageDl.st5 .ani:after,
.pageDl.st5 .ani > i:before { content:"\e93f"; font-family:xeicon } 

.pageD3 { gap:0 ; width: 100%;} 
.pageD3 .dt {padding:5vmin 3vmin 0 0;} 
.pageD3 .dd { padding:5.5vmin; border-top:3px solid #eee; } 
.pageD3 .ani { display:flex; left:0; position:absolute; top:0; line-height:1; transform:translate(0,-60%); letter-spacing:-.5em; background:#fff } 
.pageD3 .ani:before,
.pageD3 .ani:after,
.pageD3 .ani > i:before { content:"\e93f"; font-family:xeicon } 


.option_wrapper{}
.option_wrapper .option_con{ padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid rgba(0,0,0,.08);}
.option_wrapper .option_con:last-of-type{ margin-bottom: 0em; padding-bottom: 0em; border-bottom: none;}
.option_wrapper .option_con .opT{ font-size: 1.063em;}
.option_wrapper .option_con .board_st2{ margin-top: .8em;}

.prodImg .img_box{background: #eee; height: 23em;}
.prodImg.st1 .img_box{ height: 16em;}
.prodImg .info { display:flex; align-items:center; background:#2c2f36 ; padding:1vmin 2vmin; justify-content: center;} 
.prodImg .info .grow { flex:1; min-width:0 } 
.prodImg .info .btn { display:flex; gap:4px; margin-left:auto } 
.prodImg .info .btn .st { width:3.5vmin; height:3.5vmin; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#aaa; border:1px solid #ddd; background:#fff } 
.prodImg .info .btn .st.home .xi { font-size:1em } 
.prodImg .info .btn .st.home .xi:before { content:"\eb8f" } 
.prodImg .info .btn .st:hover { background:#111; color:#fff; border-color:transparent } 
/* .prodImg .img { box-shadow:0 0 1em rgba(0,0,0,.1); }  */
.prodImg .img.logo .resize { padding-bottom:40% } 
.prodImg .img.logo .resize.st2 { padding-bottom:86% } 

.prodImgS{ width: 14em; height: 11.5em; border: 1px solid #ddd; padding: 1em; box-sizing: border-box;}
.prodImgS > img{ width: 100%; height: 100%; object-fit: contain;}

.prodTT { color:#555; font-weight:500; line-height:1.7; word-break:keep-all; font-size: 1.13em; } 
.prodTT p:not(:first-child) { margin-top:2.5vmin } 
.prodTT br { line-height:1 } 
.prodTT.s1 { font-size:1.063em } 
.prodTT .point { font-weight:700; color:#111 } 
.prodTT .pointB { font-weight:700; color:var(--siteC); font-size: 1.4em; text-transform: uppercase;}

.btnSt { display:flex; align-items:center; height:5vmin; gap:.5vmin; padding:0 2vmin; background: linear-gradient(0deg, #fff 0%, #eee 100%); border:1px solid #eee; border-radius:.5vmin; font-size:.813em; font-weight:700; color:#666; text-transform: uppercase; } 
.btnSt.down .xi:before { content:"\eb7c" } 
.btnSt:hover { border-color:var(--siteC); color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1) } 

.prodW { display:flex; flex-wrap:wrap; gap:3vmin } 
.prodW .prodSt { width:calc(50% - 1.5vmin) } 
.prodW.col { flex-direction:column } 
.prodW.col .prodSt { width:100% } 
.prodSt { display:flex; border:1px solid #ddd; padding:3vmin; box-sizing:border-box } 
.prodSt .conW { flex:1; min-width:0; display:flex; flex-direction:column; gap:1.5vmin } 
.prodSt .conW .tTit { font-weight:700; font-size:1.125em; line-height:1.1 } 
.prodSt .conW .tText { color:#777 } 
.prodSt:hover { border-color:#111; box-shadow:0 0 2em rgba(0,0,0,.1) } 

.aSt { position:relative; display:inline-flex; align-items:center; gap:1vmin } 
.aSt:after { content:"\ea40"; font-family:xeicon; opacity:.2; font-size:1.125em; transition:.3s } 
.aSt:hover { color:var(--siteC) } 
.aSt:hover > i { text-decoration:underline; } 
.aSt:hover:after { opacity:1; transform:translateX(20%) } 
.aSt[target="_blank"]:after { content:"\e980"; font-size:1em } 

.pageInner_wrapper { } 
.pageInner_wrapper .innerCon { padding-bottom: 4em; } 
.pageInner_wrapper .innerCon.st2 { padding-bottom: 3em; width: 100%; } 
.pageInner_wrapper .innerCon:last-of-type { padding-bottom: 0em; } 

.productList { } 
.productList > li { display: flex; } 
.productList > li > .in { flex: 1; border: 1px solid #ddd; border-radius: 1em; overflow: hidden; } 
.productList > li > .in > .viewImg { padding: 1em 0; box-sizing: border-box; width: 100%; border-bottom: 1px solid #ddd; } 
.productList > li > .in > .viewImg > img { width: 100%; height: 150px; object-fit: contain; } 
.productList > li > .in > .title_con { padding: 1em .5em; box-sizing: border-box; /* border-bottom: 1px solid #ddd; */ background: #f5f5f5; text-align: center; } 
.productList > li > .in > .title_con > .title { font-size: 1.215em; font-weight: 700; transition: .3s;} 
.productList > li > .in > .title_con > .title:hover{ color: var(--siteC);}
.productList > li > .in > .title_con > .title.nonC:hover{ color: unset;}
.productList > li > .in > .title_con > .title .ctit { color: var(--siteC); } 
.productList > li > .in > .title_con:hover > .title > i,
.productList > li > .in > .title_con:hover > .title { text-decoration: underline; } 
.productList > li > .in > .title_con:hover > .title.nonU > i,
.productList > li > .in > .title_con:hover > .title.nonU { text-decoration: unset !important; } 
.productList > li > .in > .title_con > .ctitle { font-size: 1.215em; font-weight: 700; color: var(--siteC); } 
.productList > li > .in > .infoCon { padding: 1.5em 1em; } 
.productList > li > .in > .infoCon .desc { font-size: 1em; line-height: 1.4; font-weight: 500; color: #666; } 
.productList > li > .in > .infoCon .dott {position: relative;padding-left: 10px; } 
.productList > li > .in > .infoCon .dott::before {content: "-"; position: absolute; top: 1px; left: 0px; } 

.productList > li > .in > .infoCon .proB { display: inline-flex; align-items: center; gap: .25em; margin-top: 2em; } 
.productList > li > .in > .infoCon .proB > p { position:relative; bottom: 2px; } 
.productList > li > .in > .infoCon .proB > i { line-height: 1; } 

.lineBox { padding: 2.25em; border: 1px solid #ddd; border-radius: .25em; } 
.grayBox { padding: 2.25em; background: #f7f7f7; border-radius: .5em; } 
.grayBox.w2 { width: 50%; } 
.starT{ font-size: .9em; color: var(--siteC); font-weight: 600; margin-top: 1.5em;}
.LinkA{ color: #0065c4; font-weight: 700; text-decoration: underline !important;}

.descArea { } 
.descArea > .tt { font-size: 1.063em; line-height: 1.6; color: #444; margin-top: 1em; word-break: keep-all; } 
.descArea > .tt:first-of-type { margin-top: 0em; } 
.descArea.mtN > .tt{ margin-top: 1em;}
.descArea > .txtBox{ display: flex; padding: 2em; box-sizing: border-box; background: #fff; margin-top: 1.5em; gap: 3em;}
.descArea > .txtBox > .Tbox{ position:relative; text-align: center;}
.descArea > .txtBox > .Tbox:before{ position: absolute; right: -1.5em; width: 1px; height: 100%; background: #ddd; content: '';}
.descArea > .txtBox > .Tbox:last-of-type:before{ display: none;}
.descArea > .txtBox > .Tbox > .titB{ }
.descArea > .txtBox > .Tbox > .titB > .tt{ font-size: 1.215em; font-weight: 700; margin-bottom: .5em;}

.descArea > .wideImg{ max-width: 50%; margin: 0 auto; margin-top: 2em;}
.descArea > .wideImg > img{ width: 100%; height: 100%; object-fit: contain;}

.wideBinner .innerBox { padding: 2.5em 0; } 
.wideBinner .innerBox:last-of-type { padding-bottom: 0em; } 
.wideBinner .innerBox.pt0 { padding: 0 0 2.5em 0; } 
.wideBinner .innerBox:first-of-type { padding-top: 0em; } 
.wideBinner .innerBox:nth-child(n+2) { padding-top: 0em; } 
.wideBinner .innerBox.py { padding-top: 2.5em; } 
.wideBinner .innerBox .sub-tit { font-size: 1.415em; font-weight: 600; margin-bottom: .5em; color: var(--siteC); } 

.imgBoxList { } 
.imgBoxList > li { } 
.imgBoxList > li > .in { margin: 0 0 4em 1em !important; } 
.imgBoxList > li > .in > .imgCon { width: 100%; height: 22.5em; } 
.imgBoxList > li > .in > .imgCon > img { width: 100%; height: 100%; object-fit: cover; } 
.imgBoxList > li > .in > .info { margin-top: 1.5em; padding: 0 1em; box-sizing: border-box; } 
.imgBoxList > li > .in > .info > .tit { font-size: 1.415em; font-weight: 700; margin-bottom: 1em; } 
.imgBoxList > li > .in > .info > .desc { font-size: 1.063em; color: #333; line-height: 1.4; } 

.checkList { } 
.checkList > li { } 
.checkList > li > .con { display: flex; gap: .5em; } 
.checkList.s1 > li { margin-bottom: .5em; } 
.checkList.s1 > li:last-of-type { margin-bottom: 0em; } 
.checkList.s1 > li > .con { font-size: 1.063em; } 
.checkList.s1 > li > .con > .xi { top: -4px; } 
.checkList > li > .con > .xi { position: relative; color: var(--siteC); } 

.storyBox { } 
.storyBox .boxCon { background-color: #f7f7f7; border-radius: 10px; display: flex; gap: 60px; padding: 40px 60px; margin-bottom: 2em; } 
.storyBox .boxCon.st1{display: block;}
.storyBox .boxCon.st2{ padding: 30px 50px;}
.storyBox .boxCon:last-of-type { margin-bottom: 0em; } 
.storyBox .boxCon .img_box { width: 350px; height: 15em; position:relative; border-radius: 10px; overflow: hidden; } 
.storyBox .boxCon .img_box > img { width: 100%; height: 100%; object-fit: cover; } 
.storyBox .boxCon .txt_box { flex: 1; } 
.storyBox .boxCon .txt_box > .tit { font-size: 26px; font-weight: 700; margin-bottom: 1em; } 
.storyBox .boxCon .txt_box > .descB { } 
.storyBox .boxCon .txt_box > .descB > .tt { font-size: 16px; line-height: 1.6; word-break: keep-all; color: #666; margin-bottom: 1em; } 
.storyBox .boxCon .txt_box > .descB > .tt:last-of-type { margin-bottom: 0em; } 

.simBoxList { } 
.simBoxList > li { } 
.simBoxList > li > .in { display: flex; align-items: center; justify-content: center; height: 3.5em; border: 1px solid #ddd; border-top: 3px solid var(--siteC); } 
.simBoxList > li > .in > .tt { font-size: 1em; font-weight: 700; text-align: center; } 

.download_box {background: #f4f4f4; border: 1px dashed #ddd; padding: 1em; gap: 3em;}
.download_box .t1 {font-size: 1.05em; font-weight: 600; width: 10em;}

.btnList {margin-top: 1em; gap: 1em;}
.btnList li {flex: 1; border: 1px solid #ddd;}
.btnList li > a {display: block; text-align: center;}

.amLink{ display: flex;}
.amLink .btn{ width: 50%; display: flex; align-items: center; justify-content: center; height: 5em; color: #fff;}
.amLink .btn.c1{ background: #3f3b3a;}
.amLink .btn.c2{ background: #909595;}
.amLink .btn > .tt{ position:relative; font-weight: 700; font-size: 1.315em;}
.amLink .btn > .tt:before{ position: absolute; bottom: -.5em; width: 100%; height: 3px; background: #AA005E; content: '';}

.cableSt{}
.cableSt > li{}
.cableSt > li.wide{ flex: 1 1 100% !important; max-width: 100% !important;}
.cableSt > li > .in{ margin: 0 0 3em 3em !important}
.cableSt > li > .in > .titCon{ position:relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ddd;}
.cableSt > li > .in > .topTit{ }
.cableSt > li > .in > .titCon .topTit .tt{ font-size: 1.615em; font-weight: 700; width: 100%;}
.cableSt > li > .in > .rightBtn{ margin-bottom: 1em;}
.cableSt > li > .in > .linkTable{ gap: 3em; display: flex; flex-wrap: wrap;}
.cableSt > li > .in > .linkTable > li{ position:relative; width: calc(33.33% - 2em); }
.cableSt > li > .in > .linkTable > li:before{ position: absolute; right: -1.5em; top: 0; width: 1px; height: 100%; background: rgba(0,0,0, .08); content: '';}
.cableSt > li > .in > .linkTable > li:nth-child(3n):before{ display: none;}
.cableSt > li:not(.wide) > .in > .linkTable > li{ width: calc(50% - 1.5em);}
.cableSt > li:not(.wide) > .in > .linkTable > li:nth-child(2n):before{ display: none;}
.cableSt > li > .in > .linkTable > li > .inner{}
.cableSt > li > .in > .linkTable > li > .inner > .tit{ font-size: 1.315em; font-weight: 600; margin-bottom: .75em;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper{}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li{ margin-bottom: .5em;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li:last-of-type{ margin-bottom: 0em;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink{ display: flex; padding: .5em 1.5em; background: #f5f5f5; transition: .3s; border-radius: .2em; justify-content: space-between; align-items: center;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink > .tt{ font-size: .95em; font-weight: 500;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink > .icon{ display: flex; color: var(--siteC); align-items: center; justify-content: center; width: 1.25em; height: 1.25em; border-radius: 50%; border: 1px solid var(--siteC);}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink > .icon > .xi{ font-size: .85em;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink:hover{ background: var(--siteC); color: #fff;}
.cableSt > li > .in > .linkTable > li > .inner > .Link_wrapper > li > .innerLink:hover > .icon{ background: #fff;}

.proInfo{}
.proInfo > .tit{ color: var(--siteC); font-size: 1.415em; font-weight: 700; margin-bottom: 1em;}

.descWrap { } 
.descWrap.fx { display: flex; gap: 1em; } 
.descWrap .tt { font-size: 1.063em; line-height: 1.4; color: #666; margin-bottom: .75em; } 
.descWrap .tt:last-of-type { margin-bottom: 0em; } 

.flexBox{}
.flexBox .boxCon{ padding: 2em; background: #F5F5F5; border-radius: 1em; width: calc((100% - 1em) / 2); word-break: keep-all; min-height: 13em;}
.flexBox .boxCon h4{font-size: 1.5em; font-weight: 700; margin: 1.2em 0 .5em; }
.flexBox .boxCon .tit{ ont-size: 1.125em; font-weight: 500;}
.flexBox .boxCon .t1{color: #666;}

.product_list{gap: 2em;}

/* 온라인 문의 */
.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;}