@charset "utf-8";
/* CSS Document */
.box0{ width:94%; margin:0 auto}
.box1{ width:1400px; margin:0 auto}
.box1L{ margin-left:calc((100vw - 1400px) / 2)}
.box2{ width:1200px; margin:0 auto}

.gnb li.m_hide{ display:none}

body:not(.pop){ display:flex; flex-direction:column}
/*body:not(.isIE){ height:100vh}*/
#footer{ margin-top:auto}

#header{ position: absolute; left:0; top:0; width:100%; z-index:1000; color:#fff;}
#header.bg1{ backdrop-filter:blur(20px)}
#header.bg2{ background:#347b5d}
#header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2}
#header .top_wrap .wrapH{ height:5em}
.headerT{ padding-top:5em}
#header .top_wrap .logo {margin-bottom:.5em; z-index:3;}
#header .top_wrap .logo > a{ display:block; height:2.688em; overflow:hidden}
#header .top_wrap .logo .in{ display:block; height:100%; transform:translateY(-100%);}
#header .top_wrap .logo .in img{ display:block; height:100%}
#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:1em; box-sizing:border-box; height:5em; min-width:10em; text-align:center; position:relative}
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ content:""; position:absolute; left:50%; bottom:0; width:2em; height:4px; background:#357b5d; transform:translate(-50%, 50%)}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500}
/*#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none;}*/
#header .top_wrap .etc_wrap .link{ padding:1em; font-size:.938em; opacity:.7}
#header .top_wrap .etc_wrap .all_wrap{ margin-left:2em}
#header .top_wrap .etc_wrap .all_wrap .allBtn .xi{ font-size:2.5em}
.scroll #header{ background:#fff; color:#111; box-shadow:0 0 2em rgba(0,0,0,.1)}

.scroll #header.bg1{ backdrop-filter:blur(20px)}
.scroll #header.bg2{ background:#347b5d; color:#fff;}
.scroll #header .top_wrap .logo .in{transform:translateY(0);}
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1:after{ background:#357b5d}

#section3 .page_tit:before{display:none;}

/*gnb*/
#header .va_wrap{ height:5em}

#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center; max-width:100%;}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:rgba(255,255,255,.9); transform:scaleY(0); transform-origin:left top; transition:.3s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; z-index:1; transition:.3s; display:block; padding:0 1em; min-width:10em; font-weight:500;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}

#header .gnb_wrap .gnb > li:hover .dp1{ color:#5c5e5e;}
#header .gnb_wrap .gnb > li.on .dp1 {}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.8em 0; color:#5c5e5e;}

#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid #eee;}
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#357b5d; }
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s;}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; padding:1em 0; box-sizing:border-box;}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;}
#header .gnb_wrap .gnb > li:hover .dp2 {background:rgba(255,255,255,.9)}
/* .scroll #header .gnb_wrap:hover .gnb > li .dp2{height:calc(100% - 4em);} */
#header:hover { background:#fff;}
#header:hover .gnb_wrap .gnb > li .dp1 .va{ color:#333;}
#header:hover .etc_wrap { color:#333;}
#header:hover .top_wrap .logo .in { transform:translateY(0); }

#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va .tt {color:#357b5d; transition:.2s;}
/*etc*/
#header .etc_wrap {z-index:999; }
#header .etc_wrap .est_wrap {margin:0 1vw;}
#header .etc_wrap .est_wrap .est a {padding:.85em 2em; background:#1c4ab4; border-radius:50px; color:#fff;}
#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in { display:block; padding:0 .75em;}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1.4em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-weight:700; vertical-align:middle; font-size:.95em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:#357b5d; transition:.3s;}

#header .etc_wrap .all_wrap{}
#header .etc_wrap .all_wrap .all_btn{ display:flex; /*color:#242424; line-height:5em; width:5em; text-align:center; position:relative*//*width:3em;*/ align-items:center;}
#header .etc_wrap .all_wrap .all_btn i.tt{margin-right:12px; font-size: .875em;font-weight: 700;} 
/*#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; transition:.3s}*/
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:2em; position:relative;}
/*#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before{ height:100%}*/
#header .etc_wrap .all_wrap.on .all_btn {line-height:4em;}
.scroll #header .etc_wrap .all_wrap .all_btn {line-height:4em;}

#header .etc_wrap .all_wrap .all{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5); z-index:10000}
#header .etc_wrap .all_wrap.on .all{ visibility:visible; opacity:1; transform:scale(1)}
#header .etc_wrap .all_wrap .all .close_btn{ position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s}
#header .etc_wrap .all_wrap .all .close_btn .xi{ font-size:3em; color:#333;}
#header .etc_wrap .all_wrap .all .close_btn:hover{ transform:rotate(90deg); opacity:1}
#header .etc_wrap .all_wrap .all .all_logo{ text-align:center; padding:3em 0; justify-content:center;}
#header .etc_wrap .all_wrap .all .gnb a{ height:auto}
#header .etc_wrap .all_wrap .all .gnb{ justify-content:space-between; padding-bottom:5em; color:#333;}
#header .etc_wrap .all_wrap .all .gnb > li{ flex:0 1 24%}
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide {display:none;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ display:block}
#header .etc_wrap .all_wrap .all .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative}
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#357b5d; transition:.3s; color:#333;}
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1{ color:#357b5d}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after{ width:100%}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after{ content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#357b5d}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#357b5d}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9}
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none}

#header:hover .etc_wrap .mem_wrap .etc > li .in {color:#357b5d;  }
#header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s;}
#header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;}

/**/
.visualSlider .el{ position:relative; overflow:hidden; height:100vh; overflow:hidden}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.1); transform-origin:right 50%}
.visualSlider_wrap{ position:relative}
.visualSlider_wrap .wrapL{ left:10%; width:50%; box-sizing:border-box}
.visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; top:40%; width:90%; left:5%; box-sizing:border-box}
.visualSlider_wrap .slogan .logo{ height:6em; transform:translateY(3em); opacity:0}
.visualSlider_wrap .slogan .t1{ font-weight:900; font-size:5em; line-height:1; word-spacing:.25em; opacity:0; letter-spacing:.5em; white-space:nowrap}
.visualSlider_wrap .slogan .t2{ font-size:1.5em; font-weight:300; margin-top:1em; line-height:1.5; opacity:0; letter-spacing:.25em; white-space:nowrap; padding-left:.25em}
.visualSlider .el.swiper-slide-active .bg{ transform:scale(1); transition:5s}
.visualSlider .el.swiper-slide-active .slogan .t1{ letter-spacing:0; opacity:1; transition:2s}
.visualSlider .el.swiper-slide-active .slogan .t2{ letter-spacing:0; opacity:1; transition:2s; transition-delay:.5s}
.visualSlider_wrap .swiper_control{ position:absolute; bottom:3em; left:4%; z-index:10; color:#fff}
.visualSlider_wrap .swiper_control .swiperPauseWrap{ margin-right:1em}

.mainScroll{ position:absolute; left:50%; bottom:2em; transform:translateX(-50%); z-index:100}
.mainScroll a{ line-height:1; color:#fff; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; position:relative}
.mainScroll a .xi{ font-size:2.5em}
.mainScroll a:before{ content:""; position:absolute; left:calc(50% - 1px); top:100%; width:1px; height:4em; background:#fff}
.main #contents{ padding-top:0}

#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .wrap_in{ position:relative; height:20em}
#contents .sub_visual_wrap .wrap_in .twrap{ height:100%; color:#fff}
#contents .sub_visual_wrap .wrap_in .twrap .t1{ letter-spacing:.75em; text-transform:uppercase; margin-bottom: 1em}
#contents .sub_visual_wrap .wrap_in .twrap .t2{ font-size:3em; font-weight:700}
#contents .sub_tab{background:rgba(0,0,0,.3);}
#contents .sub_tab > .gnb{width:1200px; margin:0 auto;}
#contents .sub_tab .gnb > li{ width:100%}
#contents .sub_tab .gnb > li .dp2{ justify-content:center; padding-left:1px}
#contents .sub_tab .gnb > li .dp2:before {content:''; width:2000px; height:1px; background:#fff; position:absolute; opacity:.7}
#contents .sub_tab .gnb > li .dp2 > li{ flex:1 1 100%; max-width:25%; position:relative}
#contents .sub_tab .gnb > li .dp2 > li > a{ display:block; color:#e5e5e5; padding: 1.4em 0;}
#contents .sub_tab .gnb > li .dp2 > li > a .va{ font-size:1.188em; font-weight:500;}
#contents .sub_tab .gnb > li .dp2 > li:hover > a{ color:#fff}
#contents .sub_tab .gnb > li .dp2 > li.on{ z-index:1; }
#contents .sub_tab .gnb > li .dp2 > li.on:before {content:''; width:100%; position:absolute; height:4px; background:#fff; top:-2px;}
#contents .sub_tab .gnb > li .dp2 > li.on > a{ color:#fff; border-color:transparent; position:relative;}
#contents .sub_tab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#fff; opacity:.7;}
#contents .sub_tab .gnb > li .dp2 > li:first-child > a:before{ display:none;}

#contents .sub_tit_wrap{ padding:5em 0 0 0}
#contents .sub_tit_wrap .tit{ font-weight:300; font-size:2.75em; letter-spacing:-.063em; word-spacing:.063em; margin-bottom:1em; font-family:'gs',sans-serif; font-weight:700;}
#contents .sub_tit_wrap .nav{ margin-bottom:1em}
#contents .sub_tit_wrap .nav > li{ color:#888; font-size:.938em}
#contents .sub_tit_wrap .nav > li:before{ content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle}
#contents .sub_tit_wrap .nav > li:first-child:before{ display:none}
#contents .sub_tit_wrap .nav > li:last-child .tt{ text-decoration:}

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

#contents .doc{ padding:4em 0 8em 0}

#footer{ background:#3b3f3d; color:#fff; position:relative}
#footer .goTop{ width:4em; height:4em; background:#347b5d; color:#fff; position: absolute; z-index:10; left:50%; top:0; border-radius:50%; transform:translate(-50%, -50%); transition:.3s}
#footer .goTop .xi{ display:block; font-size:1.75em; line-height:1}
#footer .info_wrap{ padding:4em 0 6em 0}
#footer .info_wrap .menu{ text-align:right}
#footer .info_wrap .menu > li > a{ padding:.5em 0; opacity:.5}
#footer .info_wrap .menu > li > a:hover{ text-decoration:underline}
#footer .info_wrap .menu > li.point > a{ opacity:1}
#footer .info_wrap .info{}
#footer .info_wrap .info > li{ float:left; margin-right:3em; margin-bottom:.5em; font-size:.938em; letter-spacing:0;}
#footer .info_wrap .info > li.br{ clear:left}
#footer .info_wrap .info > li.copyright{ font-size:.75em; font-weight:300; opacity:.5; text-transform:uppercase; margin-top:1.5em}
#footer .info_wrap .info:after{ content:""; display:block; clear:both}
#footer .info_wrap .logo_img {text-align: center; width: 16%; margin: 2em;}
#footer .info_wrap .logo_img img {width:10em;}




@keyframes downAni{
70% { transform:translateY(0)}
85% { transform:translateY(.5em)}
100% { transform:translateY(0)}
}

.mainNav{ position:fixed; right:4%; bottom:2em; z-index:999; padding:1em 1.5em; border-radius:3em; overflow:hidden; opacity:0}
.mainNav:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
.mainNav .list{ position:relative; display:flex; align-items:center}
.mainNav .list > li > a{ display:block; width:1em; height:1em; border-radius:50%; background:#fff; margin:0 .25em; font-size:.5em; transition:.3s}
.mainNav .list > li.on > a{ width:7em; height:2px; border:none; background:#fff; border-radius:0; margin:0 .5em}
.scroll .mainNav{ opacity:1}

#fullpage .section .slimScrollDiv{ width:100% !important}
#fullpage .section .wrapAni{ opacity:0; transform:translateY(1em); transition:1s}
#fullpage .section.fix .wrapAni{ opacity:1; transform:translateY(0); transition:0s}
#fullpage .section.active .wrapAni{ opacity:1; transform:translateY(0); transition-delay:.5s}

.page_tit .t1{ font-size:3.75em; font-weight:900; word-spacing:.25em; line-height:1.1}
.page_tit .point{ color:#357b5d; vertical-align:top}
.page_tit.white{ color:#fff}
.page_tit.white .point{ color:#4bb286}


/*제품*/

.main_tit {margin-bottom:3em; text-align:center;}
.main_tit .tt {font-size:3.75em; font-weight:900;}
.main_tit .tt span {color:#34765d;}
.sub_prodSlide_wrap{ box-sizing:border-box;}
.sub_prodSlide_wrap .sprodSlide_list{ position:relative;}
.sub_prodSlide_wrap .sprodSlide_list .list{ margin:0 0 -1.25em -1.25em;}
.sub_prodSlide_wrap .sprodSlide_list .list .el{width:20em;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner{ display:block; margin:0 0 1.25em 1.25em; }
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .img_wrap{}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap{margin-top:auto; margin-bottom:auto; padding:1em 0;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .txt{ padding:.25em 0;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .t1{ font-size:1.150em; color:#888; font-weight:600; text-align:center;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .txt i {color:#34765d;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .t2{ font-size:1.250em; font-weight:700; color:#34765d; text-align:center; }
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .icon .t2{font-size:1.250em; font-weight:700; margin-right:.5em; cursor:pointer;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .icon .t2:last-of-type{margin-right:0;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .con_wrap .ex{ color:#333;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .buy_btn_wrap{text-align:center; padding:1em; border:1px solid #34765d; width:auto; box-sizing:border-box; border-radius:1em;}
.sub_prodSlide_wrap .sprodSlide_list .list .el > .inner .buy_btn_wrap .t1{font-size:1em; color:#34765d;}
.bg_fff {background-color:#fff; padding:2em; height:28em; border-radius:1em;}
.img_wrap {width: auto; overflow:hidden; margin:1em auto; background:linear-gradient(#fff 30%);}

 

.spage_arrow{ position:relative;}
.spage_arrow > .btn{ position:absolute; top:0; width:4em; height:4em; line-height:4em; background:#fff; border-radius:50%; text-align:center; color:#34765d; border:1px solid #34765d; transform:translateY(-350%); cursor:pointer; transition:.2s; opacity:1;}
.spage_arrow > .prev{ left:-80px;}
.spage_arrow > .next{ right:-70px;}
.spage_arrow > .btn .xi{ font-size:2.500em;}
.spage_arrow > .btn:hover{ opacity:.8;}
.sub_prodSlide_wrap .sprodSlide_list{}
.cp{cursor:pointer;}

.section3_list lI {box-shadow: 0 3px 15px rgb(0 0 0 / 0.2); padding:2.5em; border-radius:.5em; background-color:#fff; width:25%; margin-right:1em; height:14em;}
.sec3_li_tit {font-size:1.1em; color:#34765d; font-weight:600; margin-bottom:1.5em;}
.sec3_li_tit2 {font-size:1.3em; font-weight:600; margin-bottom:1.5em;}
.download {background-color:#F6F6F6; display:inline-block; padding: 0.2em 1.4em 0.2em 1.2em; font-size:0.9em; border-radius:.5em;}
.download i {margin-right:.5em;}
.download:hover {background-color:#34765d; color:#fff;}


.sec3_gallery_wrap {margin-bottom:3em;}
.sec3_gallery {background-color:#000; width:100%; color:#fff; padding:2em;}
.sec3_gallery.st1 {border-top-left-radius:1em; border-bottom-left-radius:1em;}
.sec3_gallery.st2 {border-top-right-radius:1em; border-bottom-right-radius:1em;}
.sec3_gallery_ti {font-size:1.8em; margin-bottom:1em; font-weight:500;}
.sec3_gallery_tx {font-size:1.1em; margin-bottom:3em;}
.more_btn {text-align:right; font-size:0.8em;}
.more_btn .mo_bar {width:3em; height:1px; background-color:#fff; position:relative; display:inline-block;}
.more_btn .mo_bar:after {position:absolute; top:0; right:0; background-color:#fff; width:1em; height:1em; border-radius:50%;}


.main_quality .tit_wrap{ width:30%; position:sticky; left:0; top:50%; transform:translateY(-50%)}
.isIE .main_quality .tit_wrap{ position:absolute}
.main_quality .con_wrap{ width:65%}
.main_quality .con_wrap .list{ padding:16em 0}
.main_quality .con_wrap .list > li{ width:46%}
.main_quality .con_wrap .list > li:nth-child(2n){ transform:translateY(8em)}
.main_quality .con_wrap .list > li .wrap_in{ background:rgba(255,255,255,.8); box-shadow:0 0 1em rgba(0,0,0,.1); margin:2em 0; border-radius:1em; box-sizing:border-box; padding:4em 3em 6em 3em; color:#111}
.main_quality .con_wrap .list > li:first-child .wrap_in,
.main_quality .con_wrap .list > li:last-child .wrap_in{ background:rgba(255,255,255,.1); backdrop-filter:blur(5px); background:rgba(255,255,255,.1); color:#fff}
.main_quality .con_wrap .list > li .wrap_in .t1{ font-weight:500; font-size:1.75em}
.main_quality .con_wrap .list > li .wrap_in .t2{ font-size:1.125em; font-weight:300; line-height:1.5}
.main_quality .con_wrap .list > li .wrap_in .img{ margin:2em 0 3em 0}

.main_cs .tit_wrap{ height:20em; position:relative; box-sizing:border-box; padding:2em}
.main_cs .tit_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#357b5d}
.main_cs .con_wrap{ margin-top:-5em}

/* sub */
.greetings_wrap {  }
.greetings_wrap .greetings_text { width: 50%; padding-left: 5em; box-sizing: border-box; }
.greetings_wrap .greetings_img { width: 50%; }
.greetings_wrap .greetings_img img { width: 100%; }
.con_text {}
.con_text .top_tt{letter-spacing:.5px; font-size:1em; font-weight:600; margin-bottom:.75em;} 
.con_text span { font-size: 1.8em; font-weight: 700; vertical-align: baseline; }
.con_text span.tt { font-size: 1em; font-weight: 600; vertical-align: baseline; letter-spacing: -0.8px; }
.con_text .txt1 { color: #666; font-size: 1.125em; line-height: 1.85em; margin-bottom: .65em; letter-spacing: -0.8px; }

.con_img {  }

.subBg.bg1{ background:#f9f9fa; padding: 5em 0; margin-top: 5em; }

.sub_tt {  }
.green { color: #347b5d; }
.sub_tt.w { color: #fff; }
.sub_tt.we1 { font-weight: 600; }
.sub_tt.we2 { font-weight: 700; }
.sub_tt.we3 { font-weight: 500; }
.sub_tt.dot { position: relative; padding-left: 0.5em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #347b5d; top: 10px; left: 0; }
.sub_tt.dot2 { position: relative; padding-left: 0.5em; }
.sub_tt.dot2:before { position: absolute; content: ""; left: 0; top: 20px; width: 3px; height: 3px; border-radius: 50%; background: #666; }
.sub_tt.dot2:first-of-type:before { top: 11px; }
.sub_tt.li { line-height: 1.5; }

.sub_tt.tit { text-align: center; font-size: 1.5em; /*letter-spacing: .375em !important;*/ line-height: 1.6; text-transform: uppercase; font-weight: 600; }
.sub_tt.tit2 { text-align: center; font-size: 2em; font-weight: 700; line-height: 1.8em; }
.sub_tt.t1 { line-height: 1.6; padding-bottom: 1em; font-size: 1.1em; }
.sub_tt.t1:last-of-type { padding-bottom: 0; }
.sub_tt.t2 { font-size: 1.4em; }
.sub_tt.t3 { font-size: 2.375em; }
.sub_tt.t4 { font-size: 1.375em; }
.sub_tt.t5 { font-size: 1.05em; padding:0.5em; line-height: 1.6;}
.sub_tt.t5:first-of-type { padding-top:0; }
.sub_tt.t5:last-of-type { padding-bottom:0; }
.sub_tt.t6 { font-size: 1.1em; }
.sub_tt.t7 { font-size: 1.05em; }


/*view*/
/*.prod_detail_wrap{ background:#f2f5f8; padding:15px 0;}*/
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:40%; position:relative;}
.prod_detail_wrap .inner .info_wrap { float:right; width:60%;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:120px; box-sizing:border-box; text-align:center;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; padding:55px; cursor:pointer; text-align:center;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#00a67e;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-80px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#34765d; border-color:#71af93; color:#fff; transition:.3s;}

.prod_detail_wrap .info_wrap .in{ padding:30px 0 0 130px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1b5b8f; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700; color:#34765d;}

.prod_detail_wrap .info_wrap .prod_info{}
.info_wrap .noti {font-size:.9em; color:#999; margin-top:3em;}
.prod_detail_wrap .info_wrap .prod_info .info{ position:relative; padding:10px 0 10px 140px;  font-weight:400;}
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position:absolute; top:10px; left:0; padding-left:10px; }
.prod_detail_wrap .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:55%; margin-top:-1px; width:4px; height:2px; background:#777;}
.prod_detail_wrap .info_wrap .prod_info .info .txt{ color:#666;}

.prod_detail_wrap .info_wrap .prod_btn{ margin-top:65px; text-align: center;}
.prod_detail_wrap .info_wrap .prod_btn > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; overflow:hidden; font-size:.875em;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#00a67e; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c2{ background:#38393F; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c3{ background:#ffffff; border-color:#aaa;}
.prod_detail_wrap .info_wrap .prod_btn .btn i{ vertical-align:middle;}
.prod_detail_wrap .info_wrap .prod_btn .btn .xi{ padding-right:1px;}

.hover_st1{ position:relative; transition:.3s}
.hover_st1:after{content:"\e93f"; font-family:xeicon!important; position:absolute; right:-20px; top:50%; margin-top:-8px; transition:.3s}
.hover_st1:hover{ padding-right:20px;}
.hover_st1:hover:after{ right:10px}

/* .tabMenu .list */
.tabMenu .list {overflow: hidden; border: 1px solid #34765d; border-radius: 1em 1em 0 0; border-bottom: none; margin-top:3em;}
.tabMenu .list li {width: 50%; height: 3em; line-height: 3em; background: #fff; color: #000; font-size:1.2em;}
.tabMenu .list li.on {background: #000; color: #fff;}
.tabMenu .list li a {display: block; width: 100%; height: 100%; text-align: center;}

/* .tabMenu .box */
.tabMenu .box {background: #fff; width: 100%; padding: 10px; box-sizing: border-box; border: 1px solid #34765d; border-radius: 0 0 1em 1em; display: none;}
.tabMenu .box.on {display: block;}

.pro_table {width:80%; border-left:none; border-right:none; text-align:center; margin:0 auto;}
.pro_table th {background-color:#F7F7F7; padding:1em; font-weight:500;}
.pro_table td {padding:1em;}

.table_va {color:#34765d; font-weight:500;}


/**/
.right_txt {text-align:right; padding-bottom:.8em; font-weight:400; font-size:.938em;}
.sub_agree_wrap{padding:30px; border-top: 2px solid #333; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee; font-size: 0.938em; color:#888; margin-top:10px;}
.sub_agree_wrap p{padding:10px; line-height:1.5;}
.sub_agree_wrap strong{color:#555;}
.sub_agree_wrap .cont{overflow-y:scroll; height:100px; overflow-y: scroll; }
.cont_check{text-align: right; margin: 10px 0 40px 0; font-size:0.875em; color:#555; box-shadow:3px 3px 5px rgba(0,0,0,0.2); padding:.6em 1em; background:#f5f5f5;}
.sub_agree_wrap .span{text-align: center; padding-left: 40px;}
.file_txt {display:block; padding-top:10px; font-size:.938em;}

.sub_agree_wrap.pro_view_st {padding:20px; font-size:.750em;}
.sub_agree_wrap .cont.pro_view_st {height:80px;}
.cont_check.pro_view_st {padding:.5em 1em; font-size:.813em;}

<!--intro-->
.intro_wrap {width:100%; margin:0 auto; text-align:center;}
.intro_wrap .intro_title {margin-bottom:3em;}
.sub_tt {font-size:2em; font-weight:500; margin-bottom:1em;}
.sub_tt2 {font-size:1.8em; font-weight:500; margin-bottom:1em; color:#345765d;}
.sub_tx {font-size:1.2em;}
.intro_bott li {width:25%; margin-right:1em;}
.intro_bott .img {width:14em; overflow:hidden; margin:0 auto 1em;}

.li_down {font-size:1.4em; margin-bottom:1em; color:#34765d;}
.li_tx {border:1px solid #34765d; padding: 1em; border-radius:1em; font-size:.9em;}

<!--place-->
.place_wrap .tit {margin-bottom:1em; font-size:2em;}
.root_daum_roughmap.root_daum_roughmap_landing{ /*width:100% !important; */border-bottom: 1px solid #ddd; }
.wrap_controllers { display: none; }
.map_info1 { overflow:hidden; margin-bottom:20px; border:1px solid #34765d; padding: 1em; border-radius:1em; font-size:1em; margin-top:1em; font-weight:400; box-sizing:border-box;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:30px; margin-bottom:10px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi { font-size:1em; color:#fff; margin-right:10px; border-radius:50%; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; background:#347b5d; }

<!--benefit-->
.bene_txtbox .tx {font-size:1.2em; text-align:center; font-weight:500;}
.bene_txtbox .tx span {color:#34765d; font-size:1.2em;}
.bene_wrap {margin-top:8em;}
.bene_icon {width:20%; text-align:center; font-size:2em; position:relative;}
.bene_icon:before {position:absolute; top:1.5em; left:50%; content:''; width:1px; height:8em; background-color:#34765d; z-index:-1;}
.bene_icon.last:before {display:none;}
.bene_icon i {border-radius:50%; display:inline-block; width:1.2em; height:1.2em; color:#fff; background-color:#34765d;}
.bene_wrap:hover .bene_icon i {color:#34765d; background-color:#fff; border:1px solid #34765d;}


.bene_img {width:35%;}
.bene_img img {width:20em;}
.bene_tx {width:45%;}
.bene_tx .tit {font-size:1.5em; font-weight:600; margin-bottom:1em;}
.bene_tx .txt {font-size:1.1em; color:#606060; line-height:1.4; letter-spacing:1.4;}
.bene_wrap .green {font-weight:bold;}



<!--product-->

.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.33%}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:2em 1em 3em 1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.prod_wrap > li .in .tit{ font-size:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:.5em 0}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; margin:.5em 0}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap > li .in .info > li{ margin-top:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:right; width:47%; color:#000; font-size:.938em}
.prod_wrap > li .in .info .t1:after{ content:" :"}
.prod_wrap > li .in .info .t2{ float:right; text-align:left; width:47%; color:#777; font-size:.938em}
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#ffcc00}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:#111; border-color:transparent;}

.prod_view_top .tit_wrap{ background:#f1f1f1; border-top:2px solid #666; color:#111; padding:.8em 1.5em; font-size:1.625em; margin-bottom:1em; position:relative; overflow:hidden;}
.prod_view_top .tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#666}
.prod_view_top .img_wrap .small{ width:25%;}
.prod_view_top .img_wrap .small > li .in{ display:block; border:2px solid #ff6000; margin-top:0.5em; padding:1em; filter:alpha(opacity=50);opacity:0.5; transition:.3s}
.prod_view_top .img_wrap .small > li:first-child .in{ margin-top:0}
.prod_view_top .img_wrap .small > li.on .in{ filter:alpha(opacity=100);opacity:1}
.prod_view_top .img_wrap .small.st1{ margin:-.5em 0 0 -.5em; width:27%;}
.prod_view_top .img_wrap .small.st1 > li{ width:50%}
.prod_view_top .img_wrap .small.st1 > li .in{ margin:.5em 0 0 .5em; padding:0.3em;}




.prod_view_top .img_wrap .big{ width:55%; /*padding-right:15%;*/ margin-left:5%; position:relative}
.prod_view_top .img_wrap .big .in{ /*padding:2em*/}
.prod_view_top .img_wrap .big .btn{ position:absolute; left:0; bottom:0; width:100%; text-align:right}
.prod_view_top .img_wrap .big .btn:before{ content:""; width:100%; height:1px; position: absolute; left:0; top:50%; background:#000}
.prod_view_top .img_wrap .big .btn .more{ position:relative; display:inline-block; *display:inline; zoom:1; padding:0 3em; background:#000; line-height:4em; color:#ffcc00; margin-right:2em; transition:.3s}
.prod_view_top .img_wrap .big .btn .more .xi{ font-size:1.625em}
.prod_view_top .img_wrap .big .btn .more .tt{ font-size:1.25em; font-family:notokrR, sans-serif}
.prod_view_top .img_wrap .big .btn .more:hover{ margin-right:0}
.prod_view_top .img_wrap .big.st1{ width:68%; padding-right:0; }



.prod_view_middle{ background:#f5f5f5; padding:4em 0; margin-top:2em}

/**/
.page_tit{ font-size:1.438em; margin-bottom:.7em}
.page_tit:before{ content:""; display:block; width:1.5em; height:.1em; background:#ff6000; margin-bottom:.5em}

.page_sec{ margin-top:3em}


.table_st{ border-top:2px solid #357b5d; border-left:2px solid #fff; text-align:center; font-family:ptd,sans-serif; vertical-align : middle;}
.table_st th,
.table_st td{ background:#fff; padding:0.5em;vertical-align : middle;}
.table_st th{ border-bottom:1px solid #ff6000; color:#357b5d;;}
.table_st td{ border:1px solid #ddd; border-top:none; border-right:none; color:#333}

.table_st.st3 td{text-align:center;}



.table_st .w_prod_v3{ width:10%;}
.table_st .w_prod_v0{ width:15%;}
.table_st .w_prod_v1{ width:20%}
.table_st .w_prod_v2{ width:30%}

/*board btn*/
.board_btn_wrap{ text-align:right; margin-top:50px;}
.board_btn{ line-height:45px; padding:0 35px; font-size:.875em; transition:.3s;}
.board_btn.c1{ background:#292f35; border:1px solid #292f35; color:#ffffff;}
.board_btn.c2{ background:#ffffff; border:1px solid #292f35; color:#292f35;}
.board_btn.c3{ background:#f1f1f1; border:1px solid #cccccc; color:#555555;}
.board_btn.c4{ background:#ffffff; border:1px solid #292f35; color:#292f35;}
.board_btn.c1:hover{ background:#2669ea; border-color:#2669ea;}
.board_btn.c2:hover{ border-color:#2669ea; color:#2669ea;}
.board_btn.c3:hover{ background:#777777; border-color:#777777; color:#ffffff;}
.board_btn.c4:hover{ border-color:#2669ea; color:#2669ea;}

/*searching*/
.searching_area{ font-size:.875em; margin-bottom:25px; overflow:hidden;}
.total_area{ float:left;}
.total_area .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.total_area .total .xi{ width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:1.438em;}
.total_area .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#111; margin:0 0 0 5px;}
.total_area .num > strong{ font-family:Arial, Helvetica, sans-serif; color:#347b5d; font-weight:600; vertical-align:baseline; padding:0 8px;}
.board_search{ float:right;}
.board_search select,
.board_search input,
.board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:35px; height:35px; border:1px solid transparent; background-color:transparent; box-sizing:border-box;}
.board_search select,
.board_search input{ border-bottom-color:#666; margin-right:10px;}
.search_select{ width:110px; color:#111;}
.search_inp{ width:220px; padding:0 12px; color:#aaa;}
.search_inp:focus{ color:#111}
.search_btn{ font-size:0;}
.search_btn .xi{ font-size:1.6rem; color:#333; line-height:35px; transition:.3s;}
.search_btn:hover .xi{ color:#347b5d;}

/*board*/
.board_st{ table-layout:fixed; font-size:.938em;}
.board_st th,
.board_st td{ padding:12px 10px; border-bottom:1px solid #ddd;}
.board_st th{ color:#000;}
.board_st td{ color:#444;}

.board_st.write th .essential{ color:#F00 !important; vertical-align:baseline;}



.board_st.list.tit{}
.board_st.list.tit th{ padding:15px 10px; border:2px solid #333; border-bottom-width:1px; border-left:none; border-right:none;}
.board_st.list .no_con{ padding:100px 0; color:#000;}

.board_st.list{ font-size:.938em}
.board_st.list td{ text-align:center; color:#777;}
.board_st.list.notice td{ background:#f5f5f5;}
.board_st.list.reply td{ background:#f9f9f9;}
.board_st.list .reply td{ background:#f9f9f9;}
.board_st.list td.w_tit{ text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_st.list td.w_tit > a{ display:block; color:#000; }
.board_st.list td.w_tit > a > p{ max-width:85%; padding-right:10px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:1.4;}
.board_st.list td.w_tit .tt{ display:block; line-height:1.4;}
.board_st.list td.w_tit .t1{ font-size:1.125em;}
.board_st.list td.w_tit .t2{ font-size:.938em; color:#888; padding-top:.5em;}
.board_st.list td.w_tit .t1 .board_icon.notice{ font-size:1.250em;}
.board_st.list td.w_img > a{ display:block;}
.board_st.list td.w_img > a img{ max-width:80%;}
.board_st.list td.w_tit > a:hover,
.board_st.list td.w_tit > a:hover > p{ text-decoration:underline;}
.board_st.list td.w_tit .tit_link:hover{ color:#2669ea; text-decoration:none;}

/**/
.board_icon.notice{ padding:2px 6px 0 6px; line-height:20px;}
.board_st .icon.close{ float:none !important; font-size:inherit !important; opacity:1;}


.board_st .icon{ display:inline-block; *display:inline; zoom:1; vertical-align:top; padding:0 1px;}
.board_st .icon:before{ font-family:xeicon!important; font-style:normal; font-size:1.188em; color:#111;}
.board_st .icon.file:before{ content:"\e9ba";}
.board_st .icon.open:before{ content:"\e967";}
.board_st .icon.close:before{ content:"\e966";}
.board_st .icon.prev,
.board_st .icon.next{ font-size:1.063em; padding-right:10px;}
.board_st .icon.prev:before{ content:"\e944"; color:#333;}
.board_st .icon.next:before{ content:"\e941"; color:#333;}
.board_st .icon.comm{ color:#ee3e3e; font-weight:700;}
.board_st .icon.num{ color:#2669ea; font-weight:700;}
.board_st .icon.red{ color:#ee3e3e; padding-left:0.5em;}

.board_st.write,
.board_st.view.tit{ border-top:2px solid #333;}
.board_st.write th,
.board_st.view th{ ;}
.board_st.view th,
.board_st.view td{ padding:12px 20px; text-align:left;}
.board_st.view.tit th,
.board_st.view.tit td{ padding:15px 20px; border-bottom-color:#666;}
.board_st.view.tit th{ font-size:1.188em; color:#000;}
.board_st.view.file td{ background:#f9f9f9; border-bottom-style:dashed;}
.board_st.view.file .icon_fileList{ font-size:1em;}
.board_st.view.file .icon_fileList > li{ margin-top:.5em;}
.board_st.view .w_view_info .in_info{ text-align:right;}
.board_st.view .w_view_info .in_info > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:2px 0 2px 20px; font-size:.938em; color:#666; letter-spacing:-0.5px;}
.board_st.view .w_view_info .in_info > li:first-child{ padding-left:0;}
.board_st.view .w_view_info .in_info .c1{ color:#000;}
.board_st.view .in_date{ color:#333;}
.board_st.view .in_date > i{ vertical-align:middle;}
.board_st.view .in_date .xi{ padding-right:5px;}
.board_view_con{ padding:50px 20px; border-bottom:1px solid #aaa;}
.board_st.view a:hover{ text-decoration:underline;}

.report_table.view a:hover{ text-decoration:underline;}

.board_st.write th{ padding-right:25px; text-align:right; font-size:.938em;}
.board_st.write td{ padding:10px;}
.board_st.write td.edit{ padding:10px 0;}

.board_st.form{ border-top:3px solid #2669ea; font-size:.875em;}
.board_st.form th,
.board_st.form td{ padding:12px 20px; text-align:left;}

.board_st.inqury_st th{ background:#f2f5f8; font-size:.938em; color:#333; font-weight:500}


/*searching*/
.searching_area{ font-size:.875em; margin-bottom:25px; overflow:hidden;}
.total_area{ float:left;}
.total_area .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.total_area .total .xi{ width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:1.438em;}
.total_area .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#111; margin:0 0 0 5px;}
.total_area .num > strong{ font-family:Arial, Helvetica, sans-serif; color:#347b5d; font-weight:600; vertical-align:baseline; padding:0 8px;}
.board_search{ float:right;}
.board_search select,
.board_search input,
.board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:35px; height:35px; border:1px solid transparent; background-color:transparent; box-sizing:border-box;}
.board_search select,
.board_search input{ border-bottom-color:#666; margin-right:10px;}
.search_select{ width:110px; color:#111;}
.search_inp{ width:220px; padding:0 12px; color:#aaa;}
.search_inp:focus{ color:#111}
.search_btn{ font-size:0;}
.search_btn .xi{ font-size:1.6rem; color:#333; line-height:35px; transition:.3s;}
.search_btn:hover .xi{ color:#347b5d;}

/**/
.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:33.33%}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:1em 1em 2em 1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.prod_wrap > li .in .tit{ font-size:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:1em 0 .5em 0; border-top:1px solid #ddd;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; margin:.5em 0}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap > li .in .info > li{ margin-top:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:right; width:35%; color:#000; font-size:.938em}
/*.prod_wrap > li .in .info .t1:after{ content:" :"; margin-left:1em;}*/
.prod_wrap > li .in .info .t2{ float:right; text-align:left; width:55%; color:#777; font-size:.938em;
text-overflow:ellipsis; withe-space:nowrap; overflow:hidden; white-space:normal; height:20px;display:inline-block; word-wrap:break-word;}/*height값 고정으로줘야됨(번역때문에)*/
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:#347b5d; border-color:transparent;}

.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}

/*중고장터 리스트*/


.tbl_st2 { border:1px solid #ddd; padding:0px; margin-bottom:10px; border-top:2px solid #357b5d; margin-top:30px; }
.tbl_st2 tbody th { color:#fff; font-weight:500; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; font-size:1em; padding:10px 20px;  }
.tbl_st2 tbody td { text-align:center; color:#666;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:25px 20px; vertical-align:middle; }
.tbl_st2 tbody td > a { color:#666 !important;}
/*.tbl_st2 tbody td p{ line-height:1.8; background:url(../images/sub/table_tit.jpg) no-repeat left 11px; padding-left:10px;}*/
.tbl_st2 tbody td .tb_ul .tb_li {line-height:1.6;}
.tbl_st2 tbody td .tb_ul .tb_li .ti {color:#0065a4; display:block;}
.tbl_st2 tbody td.red {color:#F00;}
.tbl_st2.st2 tbody td {text-align:left;}

p.saleicon{padding:6px 0; display:block; color:#fff; border-radius:8px 8px; font-size:0.875em;}
p.saleicon.x{background:#999;}
p.saleicon.rent{background:#0098be;}
p.saleicon.o{background:#357b5d;}

.prod_wrap > li .in .img img
.tbl_st2 .in.product_bg .img img{transform:scale(.9,.9); transition:0.3s; }
.tbl_st2 .in.product_bg .img:hover img{ transform:scale(1,1);}
.tbl_st2 tbody .product_bg{/*background:#fff !important; padding:5px 5px !important; */ padding:0; /*border-bottom:1px solid #ddd;*/}
.tbl_st2 tbody td .p_n:hover{color:#357b5d !important;}
.tb_header{background:#333;}

.bene_txtbox .tx {font-size:1.2em; text-align:center; font-weight:500;}
.bene_txtbox .tx span {color:#34765d; font-size:1.2em;}
.bene_wrap {margin-top:8em;}
.bene_icon {width:20%; text-align:center; font-size:2em; position:relative;}
.bene_icon:before {position:absolute; top:1.5em; left:50%; content:''; width:1px; height:8em; background-color:#34765d; z-index:-1;}
.bene_icon.last:before {display:none;}
.bene_icon i {border-radius:50%; display:inline-block; width:1.2em; height:1.2em; color:#fff; background-color:#34765d;}
.bene_wrap:hover .bene_icon i {color:#34765d; background-color:#fff; border:1px solid #34765d;}


.bene_img {width:35%;}
.bene_img img {width:17em;}
.bene_tx {width:45%;}
.bene_tx .tit {font-size:1.5em; font-weight:600; margin-bottom:1em;}
.bene_tx .txt {font-size:1.1em; color:#606060; line-height:1.4; letter-spacing:1.4;}
.bene_wrap .green {font-weight:bold;}

/*제품뷰페이지*/
.prod_view_wrap{}
.prod_view_wrap > ul > li{width:50%; position:relative;/* left:5%;*/}
.prod_view_wrap > ul > li:nth-child(1){ }
.prod_view_wrap > ul > li:nth-child(2){ }
.prod_view_wrap > ul > li .inner_box{ top:20px; width:90%;color:#666; left:10%; float:right;}
.prod_view_wrap > ul > li .inner_box .em{ margin-bottom:.3em; font-weight:300; color:#888;}
.prod_view_wrap > ul > li .inner_box .t1{ font-size:2em; color:#357b5d; font-weight:600; padding-bottom:.8em; border-bottom:1px dashed #ddd; margin-bottom:.8em; margin-top:.3em;}
.prod_view_wrap > ul > li .inner_box dl{ padding-left:.3em}
.prod_view_wrap > ul > li .inner_box dl dt{ padding:10px 0; color:#357b5d; /*background: #ff6000;border-radius: 40px 40px;width: 20%;color: #fff;text-align: center;*/}
.prod_view_wrap > ul > li .inner_box dl dd{ line-height:1.6; color:#666; margin-bottom:1em;}
/*.prod_view_wrap > ul > li .prod_line{ width:100%; height:1px; background:#ddd; margin:20px 0;}*/

.prod_view_wrap .img_wrap .big{width:90%;/*padding-right:15%;;*/position:relative;/* left: 50%;*/}
.prod_view_wrap .img_wrap .big .
.prod_view_wrap .img_wrap .big .in{ padding:2em;}
.prod_view_wrap .img_wrap .big .resize2 .re{ background:#fff; border:2px solid #ddd;}

.prod_view_wrap .prodLogo{ position:absolute; top:1.5em; right:1.5em;}

.cont_view_wrap{ margin-top:2.5em; 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_in_wrap{ background:#fff; padding:3em 2em 3em 2em; margin-bottom:3em}
.cont_view_wrap .view_in_wrap .tx{ line-height:1.6; font-size:1em; color:#357b5d; margin-bottom:1em}
.cont_view_wrap .view_in_wrap img{ margin:0 auto; display:block}
.cont_view_wrap .view_in_wrap > p{ line-height:1.5;}
.cont_view_wrap .view_in_wrap .list{ padding:2em 3em; background:#f5f5f5;}
.cont_view_wrap .view_in_wrap .list > dt{ color:#222; margin-bottom:.3em;}
.cont_view_wrap .view_in_wrap .list > dd{ padding-left:1em; margin-bottom:1em;}

.cont_view_wrap .view_in_wrap .table_st{}
.cont_view_wrap .view_in_wrap .table_st td{ text-align:center;}
.cont_view_wrap .view_in_wrap .table_st th{ border-left:none; background:#F4F4F4; !important; padding:14px 10px !important; font-weight:600;}
.cont_view_wrap .view_in_wrap .table_st th:last-child{ border-right:none;}
.cont_view_wrap .view_in_wrap .table_st tr td{ border-left:none;}
.cont_view_wrap .view_in_wrap .table_st tr td:last-child{ border-right:none;}

.cont_view_wrap .view_in_wrap .view_tit{ font-size:1.250em; padding-left:1em; margin-top:2em; position:relative;}
.cont_view_wrap .view_in_wrap .view_tit:before{ content:""; border:3px solid #357b5d; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:100px;}

/**/
.prod_view_top .tit_wrap{ background:#f1f1f1; border-top:2px solid #666; color:#111; padding:.8em 1.5em; font-size:1.625em; margin-bottom:1em; position:relative; overflow:hidden;}
.prod_view_top .tit_wrap:before{ content:""; position:absolute; left:0; top:50%; width:1em; height:1px; background:#666}

.cont_info{ float:right; margin-top:2em}
.cont_info span{ width:15px; height:15px; display:inline-block; background:#357b5d; margin-right:0.5em}
.cont_info span.st{ background:#357b5d !important}
.cont_info ul li{ margin-right:1em;}



.prod_view_wrap .img_wrap .small{ width:25%;}
.prod_view_wrap .img_wrap .small > li .in{ display:block; border:2px solid #ddd;; margin-top:0.5em; padding:1em; filter:alpha(opacity=50);opacity:0.5; transition:.3s}
.prod_view_wrap .img_wrap .small > li:first-child .in{ margin-top:0}
.prod_view_wrap .img_wrap .small > li.on .in{ filter:alpha(opacity=100);opacity:1}
.prod_view_wrap .img_wrap .small.st1{ margin-top:1em; width:93.333%;}
.prod_view_wrap .img_wrap .small.st1 > li{ width:33.333%}
.prod_view_wrap .img_wrap .small.st1 > li .in{ margin:.5em .8em 0 0; padding:0.3em;}


.prod_view_wrap .btn_in{ margin:3em 0; /*padding-left:1em; */padding-bottom:1em;}
.prod_view_wrap .btn_in.st{ width:20%;margin: 1em 0 0 0;padding-left:0; padding-bottom:2em}
.prod_view_wrap .btn_in .catalog{ display:block; background:#333; color:#fff; height:3em; transition:.3s; width:45%;}
.prod_view_wrap .btn_in .catalog .tt{ font-size:.875em; padding-left:.5em}
.prod_view_wrap .btn_in .catalog:hover{ background:#333; color:#fff}

.prod_view_wrap .btn_in .more{ display:block; background:#357b5d; color:#fff; height:3em; transition:.3s; width:45%; margin-left:0.5em; float:right !important}
.prod_view_wrap .btn_in .more .tt{ font-size:.875em; padding-left:.5em}
.prod_view_wrap .btn_in .more:hover{ background:#357b5d; color:#fff}

.privacy_in h3 {font-size: 1.6em; font-weight: 600; color: #357b5d;}
.privacy_in{box-shadow: 0 0 5px; padding: 3em;}

.note-editable div {font-family: ptd,sans-serif !important;}

/* history */

.history_wrap{ position:relative; overflow:hidden; padding:2em;}
.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:#357b5d; 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 #357b5d; 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; letter-spacing:-3px; color:#357b5d; font-weight:700;}
.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-style:italic}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.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}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em;letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400;}
.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}