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

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

.page_con{padding: 5em 0; }
.page_con.conP2{padding: 1em 0;}
.page_con.conP2.pz1{position: relative; z-index: 10;}
.page_con.conP2.bg1{position: relative; z-index: 9;}
.page_con.conP2.bg1::before{content: ""; position: absolute; top: -250px; left: 0; width: 100%; min-height: 33em; background-color: #fafafa; z-index: -1;}

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

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

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

/*header*/
.headT { padding-top:var(--headH); } 
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { height:var(--headH); transition:height .2s, background .2s; box-sizing:border-box; } 
#header .gnb_wrap .gnb > li .dp2 { opacity: 0; visibility: hidden; display: block; transition: 0.5s; } 

#header { z-index:999; position:fixed; top:0; left:0; width:100%; background:#fff; transition: all .2s; height:var(--headH); border-bottom: 1px solid rgba(255, 255, 255, .2); } 
#header .wrapHide { position: absolute; left: 0; top:130%; width: 100%; height: 0; background: #fff; transition: all 0.5s; z-index: -1; } 
#header .wrapHide.on { height: 100%; } 
#header.active.gnbOpen .wrapHide { box-shadow: 0 10px 10px rgba(0, 0, 0, .05); } 
#header .inner { gap:0 1vw; } 
#header:not(.active) { background:transparent; } 
#header:not(.active) .inner { color:#fff; } 
#header .logo,
#header .util_wrap { width:12.5em; } 

.sub #header { background: #fff;  color: #111;} 
.sub #header:not(.active) .inner { color: #111; } 
.sub #header:not(.active) .all_wrap .all_btn { filter: none; } 

#header .logo { } 
#header .logo > .in { transform-origin:left center; transition:.2s; } 
#header .logo > .in img { width:12.375em; } 
#header:not(.active) .logo > .in { filter:var(--crWhitefil); } 
.sub #header:not(.active) .logo > .in { filter: none; } 

#header .quick_inquiry { position:fixed; right:0; top:50%; transform:translateY(-50%); box-shadow:-1em 0 1em rgba(0,0,0,.1); border-radius:1em 0 0 1em; overflow:hidden } 
#header .quick_inquiry .wrapBtn { background:var(--siteC); color:#fff; padding:1.5em; writing-mode:vertical-rl; display:flex; align-items:center; gap:.25em } 
#header .quick_inquiry .wrapBtn .tt { font-weight:700; word-spacing:.5em; letter-spacing:-.125em } 
#header .quick_inquiry .wrapBtn .arrow { font-size:1em; width:1.5em; height:1.5em; border-radius:50%; background:#fff; color:var(--siteC); display:flex; align-items:center; justify-content:center; margin-top:.75em } 

#header .gnb_wrap { } 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li { position:relative; overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; padding: 2em 1.5em;} 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.250em; font-weight:600; text-transform:uppercase; } 
#header .gnb_wrap .gnb > li .dp1:after { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .3s; } 

#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; transform:scaleX(.6); color: #fff; } 
#header:not(.active) .gnb_wrap .gnb > li .dp1:after { filter:var(--crWhitefil); } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC); } 
#header .gnb_wrap .gnb > li {
  position: relative;
  overflow: hidden;
}
#header .gnb_wrap .gnb > li .dp3 {
  display: none;
}
#header .gnb_wrap .gnb > li .dp1 {
  padding: 2em 3em;
}

#header .gnb_wrap .gnb > li .dp2 {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 14em;
  padding: 0 1.5em;
  background: var(--siteC);
  box-shadow: 0 2px .625em rgba(0, 0, 0, .1);
  border-radius: 1em;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
  transition: padding .2s;
  color: #fff;
}
#header .gnb_wrap .gnb > li .dp2 > li > a {
  padding: .75em 1em;
  transition: .2s;
}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt {
  font-size: 1.063em;
  color: #fff;
}
#header .gnb_wrap .gnb > li.act {
  overflow: visible;
}
#header .gnb_wrap .gnb > li.act .dp2 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  opacity: 1;
  visibility: visible;
}
#header .gnb_wrap .gnb > li .dp2 > li.act > a {
  background: rgba(0, 0, 0, .2);
}

/* #header.active .gnb_wrap .gnb > li.act .dp2 { opacity: 1; visibility: visible; } */
#header.gnbOpen .gnb_wrap .gnb > li .dp2 { opacity: 1; visibility: visible; } 
#header .gnb_wrap .gnb > li .dp2 { padding: 1em 1.5em 1.5em; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding: 0.5em 0; font-size: 1rem; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a { color: var(--siteC); } 

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

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

#header .all_wrap { } 
#header .all_wrap .all { } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.95em; height:1.25em; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); } 
#header .all_wrap .all:hover .ham:before { width:50%; } 
#header .all_wrap .all:hover .ham:after { width:80%; } 
#header:not(.active) .all_wrap .all_btn { filter:var(--crWhitefil); } 

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

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

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

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

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



.stickyT { position:sticky !important; top:var(--headHS); } 
.scroll #header { height: var(--headHS); box-shadow: 0 10px 10px rgba(0, 0, 0, .05); } 
#header:has(.gnb_wrap .gnb > li.act .dp1) { height: auto; } 
/* .wrapHide, */
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1 { height:var(--headHS); } 
.scroll #header .logo > .in { transform:scale(.85,.85); } 

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

/***************************************************************************************************************************************************************************************/
/*****************************************************************************************HEADER****************************************************************************************/


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

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

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

#contents .sub_page_con { padding:2.5em 0 0; text-align:center; } 
#contents .sub_page_con .con_tit { gap:.625em; } 
#contents .sub_page_con .con_tit .tt { width:auto; } 
#contents .sub_page_con .con_tit .t1 { font-size:2.625em; font-weight:500; color:var(--siteC); padding:.125em .125em; border-bottom:3px solid currentColor; } 
#contents .sub_page_con .con_tit .t1:not(.ffEN) { font-size:2.375em; font-weight:600; } 
#contents .sub_page_con .con_tit .t2 { font-size:1.375em; font-weight:500; opacity:.8; } 

#contents .sub_page_con .nav{ color:#777;}
#contents .sub_page_con .nav > li{}
#contents .sub_page_con .nav > li .xi{ width:1.5em; height:1.5em; background:var(--siteC); border-radius:50%; font-size:1em; color:#fff; opacity:.6; transition:.2s;}
#contents .sub_page_con .nav > li .tt{ vertical-align:middle; font-size:.938em; font-weight:500; opacity:.6;}
#contents .sub_page_con .nav > li + li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8;}
#contents .sub_page_con .nav > li:last-child .tt{ font-weight:600; opacity:1;}
#contents .sub_page_con .nav > li .xi:hover{ opacity:1;}

.dp2_view #contents .sub_con_menu{ display: none;}
#contents .sub_con_menu { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} 
#contents .sub_con_menu .gnb{ align-items: center; justify-content: center;}
#contents .sub_con_menu .gnb > li.m_prod{ width: 100%;}
#contents .sub_con_menu .gnb > li .dp2 { flex-wrap: wrap;} 
#contents .sub_con_menu .gnb > li .dp2 > li{}
#contents .sub_con_menu .gnb > li .dp2 > li > a{ position:relative; padding: 1.5em 2em;} 
#contents .sub_con_menu .gnb > li .dp2 > li > a:before{ position: absolute; transform: translateX(-50%); bottom: 0px; left: 50%; width: 0;  height: 4px; background-color: var(--siteC); content: ""; transition: all 0.4s; }
#contents .sub_con_menu .gnb > li .dp2 > li > a:hover:before,
#contents .sub_con_menu .gnb > li .dp2 > li.on > a:before{ width: 100%;}
#contents .sub_con_menu .gnb > li .dp2 > li > a .tt { font-size:1.063em; font-weight: 600;} 
#contents .sub_con_menu .gnb > li .dp2 > li > a:hover{ color: var(--siteC);}
#contents .sub_con_menu .gnb > li .dp2 > li.on > a { color: var(--siteC); font-weight:600; } 
#contents .sub_con_menu .gnb > li .dp4 { display:none; } 



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

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


/***************************************************************************************************************************************************************************************/
/*****************************************************************************************FOOTER****************************************************************************************/
/*footer*/
.privacy_wrap { border-bottom: 1px solid #40454e; } 
.privacy_wrap .privacy_list { position: relative; padding: 1em 0; gap: 4em; } 
.privacy_wrap .privacy_list > li a { position: relative; } 
.privacy_wrap .privacy_list > li a:hover { text-decoration:underline; } 
.privacy_wrap .privacy_list > li:first-of-type > a:after { background: none; } 
.privacy_wrap .privacy_list > li a:after { content: ""; position: absolute; left: -31px; top: 86%; width: 15px; transform: rotate(90deg); height: 1px; margin: -0.5em 0 0 -0.5em; background: #40454e; } 
.privacy_wrap .privacy_list > li a > p.d_color { color: #e13636; } 
.info_wrap .info .info_ttl { margin-bottom: 1em; } 

#footer { z-index:1; color:#fff; background:#111; padding:0em 0 5em 0 } 
#footer .goTop { position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; 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.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 
#footer .logo_wrap { padding-top: 3em; display:flex; align-items:center; justify-content:space-between } 
#footer .logo { filter:brightness(0) invert(1) } 
#footer .logo img { height:3em; opacity: .8; } 
#footer .info_wrap { display:flex; gap: 5em; justify-content:space-between; align-items:flex-start; margin-top:1.5em; align-items: start; } 
#footer .info { overflow:hidden; flex:1 1 0%; min-width:0 } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.25em; opacity:.8; position:relative } 
#footer .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2 } 
#footer .info > li.point { font-weight:600 } 
#footer .info > li.br { clear:left } 
#footer .copyright { font-size:.813em; opacity:.6; text-transform:uppercase; margin-top:1em } 
#footer .con > .iso_img { text-align: right; margin-top: 1em; } 
#footer .site_wrap { margin-left:auto; background:#333; width:14em; font-size:.875em; position:relative } 
#footer .site_wrap .siteBtn { display:flex; align-items:center; padding:1em; font-weight:500; transition:.3s } 
#footer .site_wrap .siteBtn .arrow { margin-left:auto; transition:.3s } 
#footer .site_wrap .list { position:absolute; left:0; bottom:100%; width:100%; background:inherit; visibility:hidden; opacity:0; transform:translateY(1em); transition:.3s } 
#footer .site_wrap .list > li > a { display:block; padding:1em; padding-right:3em; border-bottom:1px solid rgba(255,255,255,.1); position:relative; transition:.3s } 
#footer .site_wrap .list > li > a:after { content:"\e980"; font-family:xeicon; position:absolute; right:1em; top:50%; transform:translateY(-50%); opacity:0; transition:.3s } 
#footer .site_wrap .list > li > a:hover { background:rgba(255,255,255,.1) } 
#footer .site_wrap .list > li > a:hover:after { opacity:1 } 
#footer .site_wrap .siteBtn:hover,
#footer .site_wrap.on .siteBtn { background:rgba(0,0,0,.2) } 
#footer .site_wrap.on .siteBtn .arrow { transform:rotate(180deg) } 
#footer .site_wrap.on .list { visibility:visible; opacity:1; transform:translateY(0) } 

.sns_st { display:flex; gap:.5em } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; color:#fff; border-radius:50%; transition:.3s } 
.sns_st > li > a:hover { background:#fff; color:#111 } 
.sns_st > li > a > .tt { display: none; } 

/**/
.visualSlide_wrap { position:relative; overflow: hidden; } 
.visualSlide_wrap .el { height:100vh; position:relative } 
.visualSlide_wrap .el:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; z-index: 1; } 
.visualSlide_wrap .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.3,1.3) } 
.visualSlide_wrap .el .slogan { position:relative; text-align:center; top:35%; z-index:2; } 
.visualSlide_wrap .el .slogan .t1 { color:#fff; font-size:2.688em; font-weight:800; transform:translateY(2em); opacity:0; text-shadow:1px 1px 1px rgba(0,0,0,.5); } 
.visualSlide_wrap .el .slogan .t2 { padding-bottom:10px; font-size:1.5em; color:#fff; letter-spacing:6px; transform:translateY(2em); opacity:0 } 
.visualSlide_wrap .el .slogan .line { width:0; height:2px; margin:3em auto; background:#fff; opacity:0 } 
.visualSlide_wrap .el.swiper-slide-prev .bg,
.visualSlide_wrap .el.swiper-slide-duplicate-prev .bg { transition-delay:1s } 
.visualSlide_wrap .el.swiper-slide-active { z-index:1 } 
.visualSlide_wrap .el.swiper-slide-active .bg { transform:scale(1,1); transition:5s ease-out } 
.visualSlide_wrap .el.swiper-slide-active .t1 { transform:translateY(0); opacity:1; transition:2s } 
.visualSlide_wrap .el.swiper-slide-active .t2 { transform:translateY(0); opacity:1; transition:2s; transition-delay:1s } 
.visualSlide_wrap .el.swiper-slide-active .slogan .line { width:10em; opacity:1; transition-delay:1s; transition:5s } 

/**/
.visualSlide_wrap .btn_wrap { position:absolute; left:3%; top:30%; height:100%; z-index:10 } 
.visualSlide_wrap .btn_wrap .visualSlide-pagination { margin-bottom:2em } 
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span { display:block; width:1em; height:1em; border-radius:0; transform:rotate(45deg); font-size:.438em; margin:2em auto; background:#fff; opacity:1; transition:.3s; border:1px solid #fff; position:relative; overflow:hidden } 
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span:before { content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#fff; transition:7s } 
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span.swiper-pagination-bullet-active { height:15em; width:.5em; transform:rotate(0); background:none } 
.visualSlide_wrap .btn_wrap .visualSlide-pagination > span.swiper-pagination-bullet-active:before { height:100% } 
.visualSlide_wrap .btn_wrap .swiper-button { position:static; width:2.25em; line-height:2.25em; height:2.25em; border-radius:100%; border:1px solid rgba(255,255,255,.5); margin:.5em 0; opacity:1; color:#fff; cursor:pointer } 
.visualSlide_wrap .btn_wrap .swiper-button:before { font-size: 1em; font-family:xeicon!important; } 
.visualSlide_wrap .btn_wrap .swiper-button:hover { background:var(--siteC); border-color:transparent } 
.visualSlide_wrap .btn_wrap .pause_wrap { margin-top:2em } 
.visualSlide_wrap .btn_wrap .swiper-button { display:block } 
.visualSlide_wrap .btn_wrap .swiper-button.pause:before { content:"\ea3b"; } 
.visualSlide_wrap .btn_wrap .swiper-button.play { background:rgba(0,0,0,.5); border-color:transparent; display:none } 
.visualSlide_wrap .btn_wrap .swiper-button.play:before { content:"\ea3e" } 

.scrollDown { position:absolute; bottom:3em; margin-bottom:0; width:100%; left:0; z-index:10; text-align:center; color:#fff; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite } 
.scrollDown .s1 { font-size:3em; vertical-align:middle } 
.scrollDown .s2 { font-size:1.5em; vertical-align:middle; margin-left:-.5em } 
@keyframes scrollDownAni { 40% { margin-bottom:-1em } 
50% { margin-bottom:0 } 
 }

.visualSlide_wrap .wrapObj { position: absolute; width: 18%; border-radius: 50%; overflow: hidden; animation-name: prodObjAni; animation-duration: 5s; animation-iteration-count: infinite; animation-direction: alternate; filter: blur(0em); z-index: 2; } 
.visualSlide_wrap .wrapObj.o1 { right: 17%; bottom: 28%; width: 12%}
.visualSlide_wrap .wrapObj.o2 { right: 7%; bottom: 3%; width: 13%; animation-delay: 3s}
.visualSlide_wrap .wrapObj.o3 { right: 5%; bottom: 2%; animation-delay: 4s}

@keyframes prodObjAni { 80% { filter: blur(0); transform: translateY(-3em)}
100% { filter: blur(0); transform: translateY(-3em)} 
}

/***************************************************************************************************************************************************************************************/
/*****************************************************************************************MAIN****************************************************************************************/
.main_tit { position:relative; text-align:center; margin-bottom:3.5em } 
.main_tit .t1 { font-size:2.188em; font-weight:800 } 
.main_tit .t2 { font-size:1.063em; margin:.5em 0 0 0; font-weight:700; } 
.main_tit .t3 { font-size: 1.75em; font-weight: 800; } 
.main_tit:after { content:""; display:block; width:2.5em; height:4px; background:#000; margin:2em auto 0 auto } 

.main_tit.mb1 { margin-bottom: 1em; } 
.main_tit.mb1:after { display: none; } 

.main_tit.al { text-align: left; } 

.main_tit.con2_st .t1 { color:#fff; } 
.main_tit.con2_st .t2 { color:#fff; } 
.main_tit.con2_st:after { background:#fff; } 

.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_pd { padding: 4em 0; } 

/*메인 제품*/

/*메인 제품 탭 버튼*/
.main-tab { margin-bottom: 1em; } 
.main-tab > li { flex: 1 1 16.66%; max-width: 16.66%; flex-wrap: wrap; } 
.main-tab > li > .in { position:relative; margin: 0 0 1em 1em; padding: 1.15em 0; border: 1px solid #ddd; border-radius: 5px; font-size: 1em; font-weight: 600; color: #111; text-align: center; cursor: pointer; transition: .3s; background: #f9f9f9; } 
.main-tab > li > .in:hover,
.main-tab > li.on > .in { background: var(--siteC); box-shadow: 3px 0 9px rgba(0,0,0, .15); border: 1px solid var(--siteC) } 
.main-tab > li .tab-btn { font-size: 1.05em; width: 100%; text-align: center; font-weight: 600; color: #666; border: none; background: transparent; } 
.main-tab > li > .in:hover .tab-btn,
.main-tab > li.on .tab-btn { color: #fff; } 

.main_product { /*background:#f2f5f8;*/ } 
.main_product .wrap_bg { position:absolute; left:0; bottom:0; width:100%; height:30vh } 
.main_product .wrap_bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; } 
.main_product .wrap_in { box-sizing:border-box; width:100%; position:relative } 
.main_product { position:relative; overflow:hidden } 
.main_product .wrap_prod .main_tit { padding:0 .5em 1.5em 0 } 
.main_product .wrap_prod .mainProdSlide .el { width:20% } 
.main_product .wrap_prod .mainProdSlide .el .prod_st { background:#fff; /*border:1px solid #eee; */ overflow:hidden; border-radius:1em; margin:.5em; position:relative } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .img { padding:3em; position:relative; z-index:1 } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .img .resize { background-size:contain } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .con { padding:2em; border-top: 1px solid #f1f1f1; border-radius: 0 0 1em 1em; text-align:center; position:relative; z-index:1 } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .cate { padding:.25em 1em; background:#e60013; position:absolute; left:2em; bottom:calc(100% - .75em); color:#fff; font-weight:500 } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t1 { font-weight:600; font-size:1.25em; transition:all .3s } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t2 { margin-bottom:10px; font-weight:500; font-size:1.04em; color:var(--siteC); opacity:.9; transition:all .3s } 
.main_product .wrap_prod .mainProdSlide .el .prod_st .con .t2.acc { color:var(--blue) } 
/*.main_product .wrap_prod .mainProdSlide .el .prod_st::after { content:''; width:100%; height:30%; background:var(--red); position:absolute; left:0; bottom:0; transform:translateY(100%) scaleY(0); opacity:0; transition:all .3s } 
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st::after { transform:translateY(0) scaleY(100%); opacity:.8 } 
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t1,
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t2 { color:#fff } */
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con { background-color:var(--siteC) } 
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t1 { color:#fff } 
.main_product .wrap_prod .mainProdSlide .el:hover .prod_st .con .t2 { color:#fff } 
.mainProdSlide_control { gap:0 .5em; align-items: center; } 
.mainProdSlide_control .paging { position:relative; width:15em; height: 2px; filter:brightness(0) invert(1); } 


/*사업분야*/
.main_con1 { padding-top: 4em; } 
.main_md { padding:4em 0; background:#f2f5f8; } 
.main_md .mainMd_wrap { position:relative; } 
.main_md .slider_for { position:relative; z-index:2; width:34%; background:#fff; border-bottom:4px solid var(--siteC); box-shadow:5px 5px 10px rgba(0,0,0,.1); } 
.main_md .slider_nav { position:absolute; z-index:1; top:4em; left:0; right:0; margin-left:1%; } 
.main_md .slider_nav .prod { margin-left:4em; } 
.main_md .md_prod .prod { display:block; background:#fff; } 
.main_md .md_prod .prod .img_wrap.resize { padding-bottom:55% !important; } 
.main_md .md_prod .prod .img_wrap .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#231605; } 
.main_md .md_prod .prod .img_wrap .img > img { width: 100%; height: 100%; object-fit: cover; } 
.main_md .md_prod .prod .con_wrap { padding:1.8em 1.5em; text-align:center; } 
.main_md .md_prod .prod .con_wrap .prod_tit { font-size:1.563em; color:#3c3d3c; font-weight:800; letter-spacing:-.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
.main_md .md_prod .prod .con_wrap .prod_txt { margin-top:1em; height:2.9em; font-size:.938em; color:#888; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 

.main_md .md_prod .prod .con_wrap .more { display:inline-block; padding:0 4em 0 0; line-height:3em; color:#111; position:relative } 
.main_md .md_prod .prod .con_wrap .more .tt { font-size:.875em; font-weight:500 } 
.main_md .md_prod .prod .con_wrap .more .xi { position:absolute; width:28px; height:28px; line-height: 28px; text-align:center; right:1.5em; top:10px; font-size:1em; transition:.3s; border:1px solid #ccc; border-radius:50%; } 
.main_md .md_prod .prod .con_wrap .more .xi:before { font-size:1.25em } 
.main_md .md_prod .prod .con_wrap .more:hover .xi { right:0 } 

.main_md .slider_for .prod .img_wrap .bg { opacity:0; } 
.main_md .slider_nav .prod .img_wrap .bg { opacity:.15; } 
.main_md .slider_for .prod .con_wrap { } 
.main_md .slider_for .prod .con_wrap .prod_tit,
.main_md .slider_for .prod .con_wrap .prod_price { color:#000; } 

.main_md .slider_nav .prod { border-bottom:4px solid #e4ddd6; } 
.main_md .slider_nav .item.slick-current { opacity:0; } 

.main_md .slider_nav .prod_tit { font-size:1.188em !important; font-weight:700!important; } 
.main_md .slider_nav .more { display:none !important; } 

.main_md .mainMd_wrap .pagingInfo { position:absolute; top:.6em; right:0; } 
.main_md .mainMd_wrap .pagingInfo > i { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:1.375em; color:#3c3d3c; font-weight:700; } 
.main_md .mainMd_wrap .pagingInfo .t2 { padding-top:.2em; } 
.main_md .mainMd_wrap .pagingInfo .t3 { padding-top:.4em; } 
.main_md .mainMd_wrap .slick-dots { position:absolute; top:-3em; right:4.5em; } 
.main_md .mainMd_wrap .slick-dots > ul { text-align:right; } 
.main_md .mainMd_wrap .slick-dots > ul > li { display:inline-block; margin:0 5px; } 
.main_md .mainMd_wrap .slick-dots > ul > li button { width:15px; height:15px; border:none; background:#e4ddd6; border-radius:50%; font-size:0; transition:.3s; } 
.main_md .mainMd_wrap .slick-dots > ul > li.slick-active button { background:var(--siteC); } 
.main_md .mainMd_wrap .arrow_wrap { position:absolute; top:50%; left:0; width:100%; } 
.main_md .mainMd_wrap .arrow_wrap > li { position:absolute; top:-1.4em; text-align:center; cursor:pointer; } 
.main_md .mainMd_wrap .arrow_wrap > li.prev { left:-5em; } 
.main_md .mainMd_wrap .arrow_wrap > li.next { right:-5em; } 
.main_md .mainMd_wrap .arrow_wrap > li .xi { width:2.3em; line-height:2.3em; background:#3c3d3c; border-radius:50%; font-size:1.375em; color:#fff; transition:.2s; } 
.main_md .mainMd_wrap .arrow_wrap > li:hover .xi { background:var(--siteC); } 

/*기업개요*/
.main_box.ir { position:relative; background:url(../images/main/con2_bg.jpg) no-repeat center top; background-size: cover; padding: 5em 0; } 
.main_box.ir:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.main_ir > li { width:25% } 
.main_ir > li:nth-child(2n-1) { margin-top:2.5em } 
.main_ir > li .in { position:relative; text-align:center; color:#fff; padding:5em 1em 4em 1em; display: block; } 
.main_ir > li .in > * { position:relative; display:block } 
.main_ir > li .in .icon { width:8em; height:8em; line-height:8em; margin:0 auto 3em auto; position:relative } 
.main_ir > li .in .icon:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid rgba(255,255,255,.5); border-radius:50%; } 
.main_ir > li .in .icon .xi { font-size:3em } 
.main_ir > li .in .t1 { font-size:1.375em; font-weight:700 } 
.main_ir > li .in .t2 { font-size:.938em; font-family:'ns',sans-serif; transform:skew(-0.3deg); line-height:1.5; margin:2em 0 0 0; color:#c9c8c7; } 
.main_ir > li .in .plus { margin:2em 0 0 0; font-size:1em; transition:.3s } 
.main_ir > li .in .plus:before { font-size:2em } 
.main_ir > li .in .bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:.9; border-left:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition:.3s } 
.main_ir > li.d1 .in .bg { background:#004bc8 } 
.main_ir > li.d2 .in .bg { background:#0070b0 } 
.main_ir > li.d3 .in .bg { background:#3453f0 } 
.main_ir > li.d4 .in .bg { background:#4950d0 } 
.main_ir:hover > li:hover .in .bg { background:#000; opacity:.7 } 
.main_ir:hover > li:hover .in .plus { transform:rotate(180deg) } 

/*메인 공지사항, 기술지원*/
.con4_wrap { gap: 2em; } 
.con4_wrap .guide_banner { flex: 1 1 40%; } 
.con4_wrap .news_wrap { flex: 1 1 60%; } 
.con4_wrap .news_wrap .Nbox { padding: 2.15em; overflow: hidden; box-sizing: border-box; border-radius: 1.5em; border: 1px solid #ddd; } 
.con4_wrap .news_wrap .Nbox .info_list { } 
.con4_wrap .news_wrap .Nbox .info_list>li { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ddd; } 
.con4_wrap .news_wrap .Nbox .info_list>li:last-of-type { padding-bottom: 0em; margin-bottom: 0em; border-bottom: 0; } 
.con4_wrap .news_wrap .Nbox .info_list>li>.con { align-items: center; padding: 0 1em; } 
.con4_wrap .news_wrap .Nbox .info_list>li>.con:hover .txt { text-decoration: underline; } 
.con4_wrap .news_wrap .Nbox .info_list>li>.con .txt { display: flex; align-items: center; font-size: 1.05em; width: 80%; font-weight: 600; color: #111; } 
.con4_wrap .news_wrap .Nbox .info_list>li>.con .txt>.xi { padding-right: .25em; color: var(--siteC); } 
.con4_wrap .news_wrap .Nbox .info_list>li>.con .date { font-size: .95em; color: #888; } 
.con4_wrap .top_con { padding: 0 .5em; } 
.con4_wrap .guide_banner { } 
.con4_wrap .guide_banner .bannerC { gap: 1em; flex-direction: column; } 
.con4_wrap .guide_banner .bannerC .con { position: relative; border: 1px solid #ddd; padding: 1.735em; box-sizing: border-box; flex: 1; border-radius: 1em; } 
.con4_wrap .guide_banner .bannerC .con .img_con { position: absolute; right: 2.5em; bottom: .5em; width: 70px; } 
.con4_wrap .guide_banner .bannerC .con .img_con>img { width: 100%; height: 100%; } 
.con4_wrap .guide_banner .bannerC .con .tit { font-size: 1.215em; font-weight: 700; margin-bottom: .75em; } 
.con4_wrap .guide_banner .bannerC .con .txt { font-size: .95em; line-height: 1.6; color: #222; } 

.main_more { } 
.main_more .more { width: 2.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; text-align: center; box-shadow: 0 5px 9px rgba(0, 0, 0, .15); background: #f1f1f1; border-radius: 50%; transition: all .2s; } 
.main_more .more:hover { background: var(--siteC); color: #fff; box-shadow: 0px 5px 12px 0px var(--siteC); transition: all .2s; } 
.main_more .more:hover > .xi { transform: rotate(90deg); } 
.main_more .more>.xi { font-size: 1.25em; transition: all .2s; } 


/*사업실적*/
.main_con3 { } 
.main_con3 .box1.st { overflow:hidden; padding:10px 7px; } 
.main_con3 .project_Wrap { position:relative; } 
.main_con3 .project_Wrap .partner { margin-left:-15px; padding-bottom:50px; } 
.main_con3 .project_Wrap .partner .slick-list { overflow:visible; } 
.main_con3 .project_Wrap .partner .item .inner { background:#f9f9f9; border:1px solid #ccc; padding:1em; margin-left:15px; box-shadow:3px 3px 10px rgba(0,0,0,.2); position:relative; text-align:left; background-image:url(../images/main/project_bg_icon.png); background-repeat:no-repeat; background-position:right 10px bottom 10px; cursor:pointer; } 
.main_con3 .project_Wrap .partner .item .inner .more { position:absolute; right:0; top:0; background:#000; opacity:.7; width:35px; height:35px; line-height:35px; text-align:center; } 
.main_con3 .project_Wrap .partner .item .inner .more .xi { color:#fff; font-size:1.125em; text-align:center; } 
.main_con3 .project_Wrap .partner .item .inner .date { color:#0e4194; font-size:.938em; font-weight:500; letter-spacing:.1px; } 
.main_con3 .project_Wrap .partner .item .inner .tit { color:#111; font-size:1.063em; font-weight:700; padding:1em 0 4em 0 } 

.main_con3 .project_Wrap .slick-dots { position:absolute; bottom:0; left:50%; transform:translateX(-50%); } 
.main_con3 .project_Wrap .slick-dots > ul { text-align:right; } 
.main_con3 .project_Wrap .slick-dots > ul > li { display:inline-block; margin:0 5px; } 
.main_con3 .project_Wrap .slick-dots > ul > li button { width:13px; height:13px; border:none; background:#e4ddd6; border-radius:50%; font-size:0; transition:.3s; } 
.main_con3 .project_Wrap .slick-dots > ul > li.slick-active button { background:#0e4194; } 

/*제휴업체*/
.main_con5 { background: #f9f9f9; } 
.main_con5 .box1.st { overflow:hidden; padding:10px 7px; } 
.main_con5 .partner_wrap { position:relative; } 
.main_con5 .partner_wrap .partner { margin-left:-15px; } 
.main_con5 .partner_wrap .partner .slick-list { overflow:visible; } 
.main_con5 .partner_wrap .partner .item .inner { background:#fff; text-align:center; margin-left:15px; box-shadow: 0px 2px 6px rgba(0,0,0,.15); } 
.main_con5 .partner_wrap .partner .partner_img { display:block; width: 220px; height: 65px; margin: 0 auto; text-align:center; padding:15px 0; } 
.main_con5 .partner_wrap .partner .partner_img > img { width: 100%; height: 100%; object-fit: contain; } 
.partner_control_box { position:absolute; top:50%; left:0; width:100%; } 
.partner_control_box .control_arrow { position:relative; } 
.partner_control_box .control_arrow > li { position:absolute; top:0; margin-top:-22px; text-align:center; } 
.partner_control_box .control_arrow .prev { left:-60px; } 
.partner_control_box .control_arrow .next { right:-60px; } 
.partner_control_box .control_arrow > li .xi { width:45px; height:45px; line-height:45px; font-size:1.250em; border:1px solid #ddd; border-radius:100%; cursor:pointer; transition:.3s; } 
.partner_control_box .control_arrow > li .xi:hover { background:var(--siteC); border:1px solid var(--siteC); color:#fff; transition:.3s; } 


.essential { color:#d12d33; } 
.board_st.inquiry_st { } 
.board_st.inquiry_st th { background:#f5f5f5; text-align:right; padding-right:2em; } 

/*inc*/

.board_btn_wrap {display: flex;justify-content: center;text-align: right;margin-top: 50px;gap: 0 .2em;}
.input_st.w1{ width:3em;}
.input_st.w1_5{ width:5em;}
.input_st.w2{ width:6.235em;}
.input_st.w3{ width:10.17em;}
.input_st.w4{ width:14.5em;}
.input_st.w5{ width:14.3em;}
.input_st.w6{ width:22em;}
.input_st.w7{ width:30em;}
.input_st.w8{ width:8em;}
.input_st.w9{ width:14em;}
.input_st.w10{ width:100%;}
.input_st.w11{ width:45em;}
.input_st.w12{ width:18.5em;}
.input_st.w13{ width:26em;}
.input_st.w14{ width:65em;}
.input_st.w15{ width:40em;}
.input_st.w17{ width:15em;}

/*board*/
.board_st{ table-layout:fixed}
.prod_view_con .board_st{ font-size:.875em}
.pop .board_st{ border-top-width:1px}
.board_st th,
.board_st td{ padding:1em; border-bottom:1px solid #ddd}
.board_st th{ color:#111}
.board_st td{ color:#777}
.board_st a{ color:#111}

.board_st.list th{ border-top:1px solid #111; font-weight:700}
.board_st.list td{ text-align:center; padding:1em 1em}
.board_st.list.pp th,
.board_st.list.pp td{ padding:1em .5em}
.board_st.list td.w_tit{ text-align:left;}
.board_st.list td.w_tit > a{ display:flex; align-items:center; font-weight:500}
.board_st.list td.w_tit > a:hover > span{ text-decoration:underline}

.board_st.list.notice td{ background: #f5f5f5; color:#111}
.board_st.list.reply td{ background:#f5f5f5}

.board_st.list.st1 th,
.board_st.list.st1 td{ border:1px solid #ddd; padding:.25em .75em; height:4em}
.board_st.list.st1 th{ border-bottom:none; border-top-color:#333}

.board_st.list tr:hover td{ background:#f9f9f9}
.board_st.write{ margin-top:2em; border-top:1px solid #333; font-size:1.125em}
.board_st.write th,
.board_st.write td{ height:2em; padding:.75em 1.5em}
.board_st.write th{ text-align:left; font-weight:500}
.board_st.write.hAuto th,
.board_st.write.hAuto td{ height:auto}

.page_con.bg2{position: relative;}
.page_con.bg3{background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page_con.bg4{ background: linear-gradient(-180deg, transparent, #79b8ff);}
.page_con.bg2:before {content: "";position: absolute;top: 0;left: 0;bottom: 0em;width: 30vw;background: linear-gradient(-90deg, #ffffff 30%, #02b182 100%);border-radius: 0 4em 4em 0;
z-index: -1;}
.fwBR{font-weight: 900;}

.txtB_wrap{padding: 1em; box-sizing: border-box;}
.Num{margin-right: .2em; color: #424242;font-weight: 700;padding: .1em .5em;border: 1px solid #424242;border-radius: 50%; box-sizing: border-box;width: 1.5em;height: 1.5em;text-align: center;padding: 0; font-size: .8em;}


.img_wrap.w2{width: 48%;}
.txtwrap.w2{width: 48%;}
.txtbox2.w40{width: 40%;}

.Num1{margin-right: .3em; color: #007930;font-weight: 900;text-align: center;padding: 0; font-size: .9em;}
.page_sec_list > li:not(:first-child){ margin-top:3em}
.page_tt{ font-size:1em; word-break:keep-all; line-height:1.4;}
.page_tt.ph1{ padding: .3em 0;}
.page_tt > .tt + .tt{ margin-top:1.25em;}
.page_tt.o1{ opacity:.7;}
.page_tt.o2{ opacity:.1;}
.page_tt.s01{ font-size:0.738em}
.page_tt.s02{ font-size:0.838em}
.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.625em}
.page_tt.s8{ font-size:1.875em}
.page_tt.s9{ font-size:2.125em}
.page_tt.s10{ font-size:2.500em}
.page_tt.s11{ font-size:3.250em}
.page_tt.s12{ font-size:4.000em;}
.page_tt.s13{ font-size:4.500em;}
.page_tt.s14{ font-size:5.250em;}

.leftwrap.w1{width: 60%;}
.rightwrap.w1{width: 38%;}
.leftwrap.w2{width: 48%;}
.rightwrap.w2{width: 48%;}

.page_tt.dot2 {margin-left: 1em;padding-left: 0.8em;position: relative;color: #555;}
.page_tt.dot2:before {content: "";width: 4px;height: 4px;border-radius: 50%; background: #666;position: absolute;left: 0;top: 11px;}

.bar{position: relative;}
.bar::after{content: ""; position: absolute; top: 12px; left: 0; width: 1.5em; height: 3px; border-radius: 30px; background-color: var(--siteC);}
.bar2{position: relative;}
.bar2::after{content: ""; position: absolute; top: -10px; left: 0; width: 1.5em; height: 5px; border-radius: 30px; background-color: var(--siteC);}
.eleNum{font-size: .5em;}


/**/
.board_paging{ text-align:center; margin-top:3em; font-size:.813em; display:flex; justify-content:center; gap:.5em}
.board_paging button{ vertical-align:top; width:3em; height:3em; line-height:3em; border:1px solid transparent; background:none; color:#777; border-radius:.5em}
.board_paging button.on{ background:#fff; color:#111; border-color:#ccc}
.board_paging button.icon{ color:#111}
.board_paging button:hover{ background:#fff; box-shadow:0 0 .5em rgba(0,0,0,.1)}
.board_paging .xi{ font-size:1em}
.board_paging .xi.first:before{ content:"\ea47"}
.board_paging .xi.last:before{ content:"\ea48"}
.board_paging .xi.prev:before{ content:"\e93c"}
.board_paging .xi.next:before{ content:"\e93f"}

/**/
.board_search_wrap{ font-size:.938em; margin-bottom:1.6em; overflow:hidden;}
.board_search_wrap .left { float:left;}
.board_search_wrap .right{ float:right; text-align:right;}
.board_search_wrap .total_wrap{ margin:.4em 0 0 0; font-size:1em;}
.total_wrap{ margin-bottom:.6em; font-size:.938em; color:#393f44; letter-spacing:0; text-transform:uppercase;}
.total_wrap *{ display:inline-block; *display:inline; zoom:1;letter-spacing:0;}
.total_wrap .xi{ margin-right:.4em; width:1.6em; line-height:1.6em; background:#fff; border:1px solid #ccc; border-radius:50%; text-align:center; font-size:1.625em; color:var(--siteC);}
.total_wrap .t1{ vertical-align:baseline; margin-right:.4em; font-size:.875em;}
.total_wrap .t2{ vertical-align:baseline; font-size:1.063em; color:var(--coP);}

/*회사소개*/
.sec_bg{min-height: 45em;border-radius: 1em;}
.sec_bg.st1{min-height: 50em;border-radius: 1em;}
.sec_bg.st2{min-height: 35em;border-radius: 1em; transform: translateY(100px);}
.sec_bg.st3{min-height: 15em;border-radius: 1em;}
.bgfix{background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.bgfix25{background-repeat: no-repeat;background-position: 50% 25%;background-size: cover;}


.tit_wrap {}
.tit_wrap.st1{text-align: center;padding: 100px 0;background: url(../images/sub/about_bg.jpg) no-repeat;background-position: 50% 50%;box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);
background-size: cover;box-sizing: border-box;border-radius: .8em;}
.tit_wrap .t1{font-weight: 800; font-size: 1.9em; line-height: 1.5; }
.tit_wrap .t2{font-weight: 800; font-size: 1.5em; line-height: 1.5; }
.tit_wrap .t3{font-weight: 700; font-size: .9em;line-height: 1.5;}
.tit_wrap .t4{font-weight: 700; font-size: 1.1em;line-height: 1.5;}
.subM_wrap.greet{width: 90%; margin: 0 auto;}
.txt_wrap{padding: 1em 0; width: 80%; margin: 0 auto; box-sizing: border-box;}
.txt_wrap > p{font-size: 1em; color: #111; ;line-height: 1.5;word-break: keep-all;}

/*찾아오시는 길*/

.mapwrap{position: relative;z-index: 999;}
.map_tit{padding: 1em 0; box-sizing: border-box; font-size: 1.4em; font-weight: 700;}

/*업무내용*/
.sub_tit .tit.t1{font-size: 1.8em; font-weight: 800;}
.sub_tit .tit.t2{font-size: 1.5em; font-weight: 800;}

.busibox{width: 100%;}
.busibox > li{ width: calc(25% - 2em);}

.wrapbox > .txtbox{background-color: #f9f9f9; padding:.5em; box-sizing: border-box; min-height: 14em;}
.wrapbox > .txtbox.st2{background-color: #f9f9f9; padding:.5em; box-sizing: border-box; min-height: 8em;}
.wrapbox > .txtbox > p{padding: .3em 0; margin-left: 10px; font-weight: 700;}
.dot{position: relative;}
.dot::before{content: ""; position: absolute; top: 12px;left: -10px; width: 0.2em; height: 0.2em; background-color: #333; border-radius: 50%;}


/*** 고객센터 ***/
/* 문의 */
/*agree*/
.agree_wrap{ padding:1.5em 0 1em; font-size:.938em; line-height:2; border-top:2px solid #333; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; /*padding:2em;*//* background:#f9f9f9;*/}
.agree_wrap .agree.st strong{font-size:1.2em; letter-spacing:.5px; line-height:1.9; /*padding:1em 0; */color:#222; font-weight:500; }
.agree_wrap .textarea_box { width:100%; height:200px; padding:20px; box-sizing:border-box; overflow-y: auto; font-size:14px; line-height:1.4;}
.agree_wrap .textarea_box h3{ color: #333; margin-bottom: 10px; font-size: 1.2rem; font-weight: 500}

.code { display: inline-block; vertical-align: middle; height:2.5em; line-height:2.5em; background: #222; color: white; font-weight: 300; margin-right: 5px; padding:0 1em; text-align: center}
/**/
.prod_cate_wrap{/*width: 100%; position: absolute; top: 60%;left: 50%; transform: translate(-50%,-50%);*/ /*margin-bottom:2em; margin-left:1em; margin-right:1em; margin-top:1em;*/}
.prod_cate_wrap .list {display: flex;align-items: center;justify-content: space-between; flex-wrap: wrap;}
.prod_cate_wrap .list > li{display:inline-block;}
.prod_cate_wrap .list > li > a{ font-size:1.188em; color:#777; position:relative; transition:.3s; display:block; height:50px; line-height:50px; background: #ddd;}
/* .prod_cate_wrap .list > li > a:after{content:"" ;position:absolute; left:50%; bottom:-3px;width:30px;height:5px; background:#0c61b5; margin-left:-15px; opacity:0;} */
.prod_cate_wrap .list > li.on > a,
.prod_cate_wrap .list > li:hover > a{  background-color:#0c61b5; color: #fff;}
.prod_cate_wrap .list > li.on > a:after{ opacity:1}


/*tab menu*/
.con2_list.st2{width: 100%;}
.con2_list.st2 > .con2{width: 100%;}
/* .bline2{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: .5em; box-sizing: border-box;}*/
.wrap_idx > .tab_idx.st3 > li{padding: 1em 2em;box-sizing: border-box; background-color: #fff;box-shadow: 3px 3px 3px #ccc; transition: all .5ms;}
.wrap_idx > .tab_idx.st3 > li > .tt{font-size: 1.3em; font-weight: 700;}
.wrap_idx > .tab_idx.st3 > li.on{background-color: var(--siteC); color: #fff;}
.detail_box{padding: 2em; box-sizing: border-box; box-sizing: border-box;}

.in_prod_cate_wrap{border:1px solid #ccc; background:#fff; border-radius:0 0 10px 10px; padding:1.25em; box-shadow:0 1px 2px rgba(0,0,0,.2); margin-bottom: 2.5em;}
.in_prod_cate_wrap .sub-tab > li{}
.in_prod_cate_wrap .sub-tab > li > a{display:block; padding: 0 1.5em; height:45px; line-height:35px; word-break:break-all; margin:0px 0 -1px -1px; border:1px solid #ddd; color:#222; transition:.3s; font-size:.965em; font-weight: 500; background:#f5f5f5;}
.in_prod_cate_wrap .sub-tab > li:hover > a{ color: var(--siteC);}
.in_prod_cate_wrap .sub-tab > li:hover > a,
.in_prod_cate_wrap .sub-tab > li.on > a{ color:#fff; z-index:1; background: var(--siteC); position:relative; border-color:transparent; cursor: pointer;}
.in_prod_cate_wrap .sub-tab > li > a:hover:after,
.in_prod_cate_wrap .sub-tab > li.on > a:after{ content:"\e935"; font-family:xeicon!important; color:#fff; position:absolute; width:100%; text-align:center; top:-15px; left:0; font-size:11px;}
.con2_list{width: 100%;}
.con2_list > .con2{width: 100%;}
.wrap_idx > .tab_idx.st2{/*border: .5px solid #ccc;*/ background: #fff;border-radius: 10px; padding: .6em;/*box-shadow: 0 1px 2px rgba(0, 0, 0, .1);*/ margin: 0 1em;}
.wrap_idx > .tab_idx.st2 > li{}
.wrap_idx > .tab_idx.st2 > li > .tt{font-size: 1.3em; font-weight: 700;display: block;height: 40px;line-height: 40px;min-width: 10em;  word-break: break-all;margin: 0px 0 -1px -1px;border: 1px solid #ddd;color: #222;transition: .3s;background: #f5f5f5; text-align: center;}
.wrap_idx > .tab_idx.st2 > li.on > .tt {color: #fff;z-index: 1;background: #0c61b5;position: relative;border-color: transparent;}
.wrap_idx > .tab_idx.st2 > li.on > .tt:after {content: "\e935";font-family: xeicon !important;color: #fff;position: absolute;width: 100%;text-align: center;top: -18px;left: 0;font-size: 11px;}
.detail_box{padding: 2em; box-sizing: border-box; box-sizing: border-box;} 
/*** 제품소개 sub_product ***/
/* 제품리스트 list_product */
.product_Wrap{}
.product_Wrap .list{ margin: 0 0 -2em -2em;}
.product_Wrap .list > li{ flex: 1 1 25%; max-width: 25%;}
.product_Wrap .list > li > .in{ margin: 0 0 2em 2em; height: 29em; padding:1em; box-sizing:border-box; border:1px solid #ddd; transition: all .2s;}
.product_Wrap .list > li > .in:hover{ border: 1px solid var(--siteC);}
.product_Wrap .list > li .img{ display:flex; align-items:center; justify-content:center; height:20em; margin-bottom:1em; overflow:hidden;}
.product_Wrap .list > li .img img{ width:75%; object-fit:cover; transition: all .5s; }
.product_Wrap .list > li .img img.img2{ width:80%; object-fit:cover; transition: all .5s; }
.product_Wrap .list > li:hover .img img{transform: scale(1.1);}
.product_Wrap .list > li .prod_tit.t1{ font-weight:800; font-size:1.35em; text-align:center; color:#333; margin-bottom: .5em;}
.product_Wrap .list > li .prod_num{ font-weight:600; font-size:1.15em; text-align:center; color:#333; padding: 0 1em;}
.product_Wrap .list > li .prod_label{  margin-bottom:30px; }
.product_Wrap .list > li .prod_label > span{ min-width:3em; padding:.5em 1em; border-radius:2em; background:var(--green2);}
.product_Wrap .list > li:hover a{ text-decoration:underline}

.product_Wrap .list > li .imgs02{ display:flex; align-items:center; justify-content:center; height:20em; margin-bottom:1em; overflow:hidden;}
.product_Wrap .list > li .imgs02 img {width: 27%;object-fit: cover;transition: all .5s;}
.product_Wrap .list > li:hover .imgs02 img{transform: scale(1.1);}


/* 상세페이지 prod_view */
.prod_view_wrap{ }
.prod_view_wrap .txt_box{ width:65%;} 
.prod_view_wrap .txt_box .pord_info_wrap{ height:83%; padding:2.5em 1.5em 1em 1em; box-sizing:border-box; border-bottom:1px dashed #ddd;}
.prod_view_wrap .txt_box .pord_info_wrap.st2{ height:70%; padding:2.5em 1.5em 1em 1em; box-sizing:border-box; border-bottom:1px dashed #ddd;}
.prod_view_wrap .txt_box .pord_info_wrap .prod_name{ margin-bottom:.2em; padding:0 0 .1em .2em; border-bottom:1px solid #ddd; font-weight:600; font-size:2em; color:#555;}
.prod_view_wrap .txt_box .pord_info_wrap .prod_mark_list{ margin-bottom:50px; padding-left:.5em}
.prod_view_wrap .txt_box .pord_info_wrap .prod_info{ padding-left:1em}
.prod_view_wrap .txt_box .prod_info_list > li{ line-height:2;}
.prod_view_wrap .img_box{ float:left; width:calc( 50% + 2px); position:relative;}
.prod_view_wrap .img_box .vm_tt{ max-width:100%;}
.prod_view_wrap .img_box .vm_wrap.re{ display:flex; justify-content:center; align-items:center; text-align:center;}
.prod_view_wrap .img_box img{ display:inline-block; max-width:100%; max-height:100%; zoom:1.5; object-fit:cover; }
.prod_view_wrap .img_box .prod_slide .item.img{ padding:1em; border:1px solid #ddd; background:#fff; }
.prod_view_wrap .img_box .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_view_wrap .img_box .prod_thumb{ margin-left:-6px; margin-top:5px;}
.prod_view_wrap .img_box .prod_thumb .item .img{ margin-left:4px; padding:10px; box-sizing:border-box; border:1px solid #ddd; background:#fff; cursor:pointer;}
.prod_view_wrap .img_box .prod_thumb .slick-current .img{ border-color:#c41a15;}

.prod_view_wrap .img_box2 img{ display:inline-block; max-width:100%; max-height:100%; zoom:1.5; object-fit:cover; }
.prod_view_wrap .img_box2 .prod_slide .item.img{ padding:1em; border:1px solid #ddd; background:#fff; }
.prod_view_wrap .img_box2 .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_view_wrap .img_box2 .prod_thumb{ margin-left:-6px; margin-top:5px;}
.prod_view_wrap .img_box2 .prod_thumb .item .img{ margin-left:4px; padding:10px; box-sizing:border-box; border:1px solid #ddd; background:#fff; cursor:pointer;}
.prod_view_wrap .img_box2 .prod_thumb .slick-current .img{ border-color:#c41a15;}



.prod_mark{ width:22px; height:22px; margin-right:5px; position:relative;}
.prod_mark img{ width:100%; height:100%; object-fit:cover; position:relative;}
.prod_mark_tt{ width:350px; padding:1em 1.25em; border:1px solid #ddd; border-radius:.5em; background-color:#f6f6f6; line-height:1.5; position:absolute; left:10px; top:24px; z-index:10; opacity:0;}
.prod_mark.mark1 > img:hover + .mark_tt_wrap .prod_mark_tt.tt1{ opacity:1;}
.prod_mark.mark2 > img:hover + .mark_tt_wrap .prod_mark_tt.tt2{ opacity:1;}
.prod_mark.mark3 > img:hover + .mark_tt_wrap .prod_mark_tt.tt3{ opacity:1;}
.prod_mark.mark4 > img:hover + .mark_tt_wrap .prod_mark_tt.tt4{ opacity:1;}
.prod_mark.mark5 > img:hover + .mark_tt_wrap .prod_mark_tt.tt5{ opacity:1;}
.prod_mark.mark6 > img:hover + .mark_tt_wrap .prod_mark_tt.tt6{ opacity:1;}
.prod_mark.mark7 > img:hover + .mark_tt_wrap .prod_mark_tt.tt7{ opacity:1;}
.prod_mark.mark8 > img:hover + .mark_tt_wrap .prod_mark_tt.tt8{ opacity:1;} 

.cont_view_wrap{ margin-top:4em; background:#f5f5f5; padding:3em 0}
.cont_view_wrap .view_tit{ font-size:1.625em; margin-bottom:10px;}
.cont_view_wrap .view_tit_wrap{ border-top:2px solid #666; font-size:1em; border-bottom:1px solid #666; padding-left:1em}
.cont_view_wrap .view_tit_wrap p{ font-size:1.25em; padding:1em 0}
.cont_view_wrap .view_tit_wrap .downloadTotal{ margin-right:3em; padding:.3em 1em; border:1px solid #aaa; border-radius:2em; font-size:.9em; color:#777; transition:all .3s}
.cont_view_wrap .view_tit_wrap .downloadTotal:hover{ background-color:#aaa; color:#fff;} 
.cont_view_wrap .view_in_wrap{ background:#fff; padding:3em 2em 3em 2em; margin-bottom:3em}
.cont_view_wrap .view_in_wrap img{ display:block; margin:0 auto}

.btn_in{ margin:2em 0; width:50%; padding-left:1em; padding-bottom:1em}
.btn_in.st{ width:20%;margin: 1em 0 0 0;padding-left:0; padding-bottom:2em}
.btn_in .catalog{ display:block; background:linear-gradient(to right,#d64f17, #c41a15);; color:#fff; height:2.5em; transition:.3s}
.btn_in .catalog .tt{ font-size:.875em; padding-left:.5em}
.btn_in .catalog:hover{ background:linear-gradient(to right,#d64f17, #c41a15); color:#fff}

.download_list{ gap:1em;}
.download_list > li{ width:calc( (100% - 1em) / 2); padding:.8em 6em; box-sizing:border-box; border:2px solid #31a2a3; border-radius:2em;}
.download_list > li .txt{ font-weight:500; font-size:1.25em; color:#333;}
.download_list > li .download_logo{ width:30px; height:30px; margin-right:20px;}
.download_list > li .download_logo img{ }
.download_list > li .xi{ color:#9ac23b; transform:translateX(0); transition:all .3s;}
.download_list > li:hover .txt{ text-decoration:underline;}


.con2_list{width: 100%;}
.con2_list > .con2{width: 100%;}
.bline{border-top: 1px solid #333; padding: 1em; box-sizing: border-box;}
.wrap_idx > .tab_idx > li > .tt{font-size: 1.5em; font-weight: 700;}
.wrap_idx > .tab_idx > li.on{color: var(--blue2);}
.detail_box{padding: 2em; box-sizing: border-box; box-sizing: border-box;}
/*연혁*/
.history_wrap{ position:relative; overflow:hidden; padding:2em 0}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#1e6bad; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #1e6bad; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; font-weight:700; letter-spacing:-3px; color:#1e6bad;}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa}
.history_wrap .history > li .year .tt:after{ content:"'"; font-weight:400; font-style:italic; display:none;}
.history_wrap .history > li .list{ width:50%; margin-top:0em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em; margin-top:1em;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:50% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{/* flex:0 0 4em*/}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; font-weight:700; letter-spacing:-1px}
/*.history_wrap .history > li .list .month .tt:after{ content:" 월"; font-size:.813em; font-weight:400;}*/
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:.5em; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}

/*견적문의*/
.sub_wrap{ padding: 0 .5em; position:relative;}
.sub_wrap.st2{ margin-top:4em;}
/*.sub_wrap .wrap_box{ width:100%; margin-bottom:2em; padding:2em 3em 2.5em; box-sizing:border-box; border:1px solid #ddd; border-radius:.5em; position:relative;}*/
.sub_wrap .wrap_box{ width:100%; margin-bottom:2em; padding:2em 3em 2.5em; box-sizing:border-box; border-top:2px solid #111; border-bottom:1px solid #ddd; position:relative;}
.sub_wrap .wrap_box.bg{ background-color:#f6f6f6; border:none;}

.sub_wrap .wrap_box .inner.bg{ padding:1.2em 1.5em; background-color:#f6f6f6;}
.sub_wrap .wrap_box .in{ margin-left:1em;}
.sub_wrap .wrap_box .in.st2{ margin-top:2em;}
.sub_wrap .wrap_box .img{ margin-bottom:30px; padding:50px 0; position:relative;}
.sub_wrap .wrap_box .img::before{ content:''; width:80px; height:2px; background:#1e2d78; position:absolute; left:50%; bottom:0; transform:translateX(-50%);}

.sub_wrap .wrap_box .desc_box{ padding:0 1em; gap:0 .5em;}
.sub_wrap .wrap_box .desc_box > li{ flex:1; border:1px solid #ddd; border-radius:.5em;}
.sub_wrap .wrap_box .desc_box .tit{ padding:.5em 1.25em; border-bottom:1px dashed #ddd; border-width:2px; background-color:#e8f5fb;}
.sub_wrap .wrap_box .desc_box .txt{ display:flex; justify-content:center; flex-direction:column; min-height:300px; padding:1em 1.25em; box-sizing:border-box;} 

/*inc*/
.conIdx{ width:0; height:0; overflow:hidden; visibility:hidden}
.conIdx.on{ width:auto; height:auto; visibility:visible}

.dwrap{ position:relative; width:2000px; left:50%; margin-left:-1000px}

.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: rgba(0, 0, 0, 0.2); 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%}

.scrollst{overflow-y:auto; scrollbar-width: thin; scrollbar-color: gray transparent;scrollbar-face-color: #666;
scrollbar-track-color: #f1f1f1;
scrollbar-arrow-color: none;
scrollbar-highlight-color: #f1f1f1;
scrollbar-3dlight-color: none;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: none;}
.scrollst::-webkit-scrollbar  { width: 5px}
.scrollst::-webkit-scrollbar-track  { background-color:#f5f5f5}
.scrollst::-webkit-scrollbar-thumb  { border-radius: 10px; background-color:var(--siteC); background-clip: padding-box; border:none}
.scrollst::-webkit-scrollbar-button  { width: 0; height: 0;}
.scrollst.c1::-webkit-scrollbar-track{ background:#aaa}
.scrollst.c1::-webkit-scrollbar-thumb{ background-color:#333}

.popWrap.def{ width:52em;}
.popWrap.mem{ width:28em;}
.popWrap.msg{ width:38em;}
.popWrap.cert{ width:65em;}



.scrollst{overflow-y:auto; scrollbar-width: thin; scrollbar-color: gray transparent;scrollbar-face-color: #666;
scrollbar-track-color: #f1f1f1;
scrollbar-arrow-color: none;
scrollbar-highlight-color: #f1f1f1;
scrollbar-3dlight-color: none;
scrollbar-shadow-color: #fff;
scrollbar-darkshadow-color: none;}
.scrollst::-webkit-scrollbar  { width: 5px}
.scrollst::-webkit-scrollbar-track  { background-color:#f5f5f5}
.scrollst::-webkit-scrollbar-thumb  { border-radius: 10px; background-color:var(--siteC); background-clip: padding-box; border:none}
.scrollst::-webkit-scrollbar-button  { width: 0; height: 0;}
.scrollst.c1::-webkit-scrollbar-track{ background:#aaa}
.scrollst.c1::-webkit-scrollbar-thumb{ background-color:#333}