@charset "utf-8";

/* sub */
#content_wrap {position:relative; width:1000px; height:100%; margin:0 auto}
.s_visaul { background:url(/_img/sub/sub_visual01.jpg) no-repeat; width:1000px; height:200px; position:relative;  margin:135px auto 0;}
.s_visaul.sv01 {background-image:url(../_img/sub/sub_visual01.jpg);}
.s_visaul.sv02 {background-image:url(../_img/sub/sub_visual02.jpg);}
.s_visaul.sv03 {background-image:url(../_img/sub/sub_visual03.jpg);}
.s_visaul.sv04 {background-image:url(../_img/sub/sub_visual04.jpg);}


#leftmenu {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
#leftmenu h2 {display:block; width:167px; height:104px; border-bottom:1px solid #d5d6d7;}
#leftmenu>ul {width:100%; overflow:hidden; background:#877160;}
#leftmenu>ul>li {float:left; display:block; width:14%; box-sizing:border-box; text-align:center; font-weight:bold; padding:5px; padding-bottom:0;}
#leftmenu>ul>li:first-of-type {width:15%;}
#leftmenu>ul>li>a {display:block; padding-bottom:5px; line-height:50px; color:#fff; font-size:15px; text-decoration:none;}
#leftmenu>ul>li.on {}
#leftmenu>ul>li.on>a {background:#fff; color:#6c6d6f;}
#leftmenu .s_menu {display:none; position:relative; width:1000px; height:55px; background:#fff; border-bottom:1px solid #ddd;}
#leftmenu .s_menu.on {display:block;}
#leftmenu .s_menu::before {position:absolute; top:0; left:-100%; width:100%; height:55px; background:#fff; content:''; border-bottom:1px solid #ddd;}
#leftmenu .s_menu ul {padding-left:15px;}
#leftmenu .s_menu ul li {float:left; line-height:55px; padding:0 20px; font-weight:bold; font-size:13px;}
#leftmenu .s_menu ul li a {position:relative; color:#999; padding-left:8px; text-decoration:none;}
#leftmenu .s_menu ul li a::before {position:absolute; top:1px; left:0; width:2px; height:13px; background:#999; content:'';}
#leftmenu .s_menu ul li.on {}
#leftmenu .s_menu ul li.on a {color:#02403b;}
#leftmenu .s_menu ul li.on a::before {background:#003963;}
#leftmenu p {display:block; width:167px; height:79px; border-bottom:1px solid #d5d6d7;}

#leftmenu>ul.leng03>li {width:33.3% !important;}
#leftmenu>ul.leng03>li:first-of-type {width:33.4% !important;}
#leftmenu>ul.leng04>li {width:25% !important;}
#leftmenu>ul.leng05>li {width:20% !important;}
#leftmenu>ul.leng06>li {width:16.6% !important;}
#leftmenu>ul.leng06>li:first-of-type {width:17% !important;}


#content  {display:block; width:100%; /*min-height:700px;*/ height:100%; padding:50px 0;}
#content_body {position:relative; clear:both;}
#content_body h3 {position:absolute; top:0;  font-size:28px; line-height:28px; letter-spacing:-1px; font-weight:800; color:#000000}
#content_body h3 span{font-size:21px; line-height:28px; letter-spacing:-1px; font-weight:300; color:#808285;  padding-left:18px}

.snavi { display:block; height:35px; text-align:right; font-size:0.92em; color:#6a6a6a; letter-spacing:1px; }

#content_body .cont {margin-top:30px; letter-spacing:-1px; overflow:hidden;}
#content_body .cont h4 { font-size:22px; color:#877160; line-height:34px;  font-weight:700; margin-bottom:40px; text-align:center;}
#content_body .cont .h4txt {margin-top:30px; font-size:17px; color:#58595b; line-height:28px; font-weight:500; word-break:keep-all; margin-bottom:40px; text-align:center;}


/* ceo 인사말 */
#content_body .cont .ceotxt {position:relative; margin:0 auto; padding:50px; padding-bottom:0; font-size:16px; color:#58595b; line-height:30px; font-weight:500; width:750px; background:url(../_img/sub/sub01/ceo-pic.jpg) no-repeat bottom right;}
#content_body .cont .ceotxt p.ceosign { position:absolute; right:0px; bottom:0; }

/* 연혁 */
.inner-section {width:50%; float:left;}
dl.history {width:100%; overflow:hidden; margin-top:80px;}
dl.history:first-of-type {margin-top:0;}
dl.history dt {position:relative; font-weight:600; font-size:31px; line-height:41px; font-style:italic; color:#6d6e71; padding-bottom:20px; margin-bottom:20px;}
dl.history dt::after {position:absolute; bottom:0; left:0; width:80px; height:1px; background:#877160; content:'';}
dl.history dd {}
dl.history dd ul {width:100%; overflow:hidden;}
dl.history dd ul li {position:relative; margin:5px 0; font-size:17px; line-height:28px;  padding-left:90px;}
dl.history dd ul li span {position:absolute; top:0; left:0; color:#877160; font-weight:600;}

/* 오시는길 */
.view { width:100%; margin:auto; text-align:center; margin-bottom:30px;  } 
.view p { text-align:center; font-size:15px; font-weight:600; color:#877160; letter-spacing:0px; margin:5px 0;  }

.map_area {width:681px; margin:0 auto; position:relative}
.map_area ul.tabs {width:100%; overflow:hidden;}
.map_area ul.tabs li {float:left; width:49.9%; height:45px; line-height:43px; box-sizing:border-box; border:1px solid #ddd; border-left:0; border-bottom:0; text-align:center;}
.map_area ul.tabs li a {font-size:17px; color:#6d6e71; font-weight:600}
.map_area ul.tabs li:first-of-type {border-left:1px solid #ddd;}
.map_area ul.tabs li.on a {color:#f6931e;}
.root_daum_roughmap {box-sizing:border-box; border-radius:0;}

.addres { width:100%; height:90px; background:#fff; border-bottom:2px solid #000; padding:20px; overflow:hidden; box-sizing:border-box;  }

.addres ul { }
.addres li { width:33%; }

.addres dl {   float:left; font-size:15px; letter-spacing:0; margin-bottom:10px;   }
.addres dl:first-child { width:100%; }
.addres dl dt { position:relative; float:left; font-weight:800; margin-right:10px;  }
.addres dl dd { float:left; font-weight:600; color:#333;  }

/*특허 및 기술인증*/
ul.certifications {width:100%; overflow:hidden;}
ul.certifications li {float:left; width:23.5%; margin-left:2%; margin-bottom:30px; cursor:pointer;}
ul.certifications li:first-of-type, ul.certifications li:nth-of-type(4n+1) {margin-left:0;}
ul.certifications li img {width:100%; box-sizing:border-box; border:1px solid #efefef;}
ul.certifications.leng03 li {width:32%; text-align:center;}
ul.certifications.leng03 li p {text-align:center; padding-top:10px; font-size:15px; font-weight:600}
ul.certifications.leng03 li img {width:235px;}
ul.certifications.leng03 li:first-of-type, ul.certifications.leng03 li:nth-of-type(3n+1) {margin-left:0 !important}
ul.certifications.leng03 li:nth-of-type(4n+1) {margin-left:2%;}

.cover {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:5555;}
.cover .certi {width:500px; height:700px; position:absolute; top:50%; left:50%; margin-left:-250px; margin-top:-350px;}
.cover .certi p {text-align:center; color:#fff; font-size:15px; font-weight:600; padding:10px 0}
.cover .close {width:30px; height:30px; position:absolute; top:50%; left:50%; cursor:pointer; margin-top:-325px; margin-left:260px;}
.cover .close img {width:100%;}



/*제품안내*/
ul.pdtList {width:100%; overflow:hidden;}
ul.pdtList li {float:left; width:310px; margin-left:35px; margin-bottom:40px;}
ul.pdtList li:first-of-type, ul.pdtList li:nth-of-type(3n+1) {margin-left:0;}
ul.pdtList li a {}
ul.pdtList li a img {width:100%;}
ul.pdtList li .thumb {width:100%; height:240px; overflow:hidden;}
ul.pdtList li p {text-align:center; font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0;}




/*============* 온라인상담 *============*/
ul.request_form {width:100%; border-top:2px solid #d2d2d2; overflow:hidden; box-sizing:border-box;}
ul.request_form li {position:relative; float:left; display:block; width:50%; min-height:61px; box-sizing:border-box; border-bottom:1px solid #d2d2d2; overflow:hidden; padding:10px 15px 10px 135px;}
ul.request_form li span {position:absolute; top:0; left:0; width:120px; height:100%; line-height:60px; background:#fafafa; text-align:center; font-size:15px;}
ul.request_form li input[type='text'] {width:100%; height:40px; box-sizing:border-box; border:1px solid #d2d2d2; box-sizing:border-box; padding:10px; font-size:14px;}
ul.request_form li select {width:100%; height:40px; box-sizing:border-box; border:1px solid #d2d2d2; font-size:15px;}
ul.request_form li textarea {width:100%; height:220px; box-sizing:border-box; border:1px solid #d2d2d2; font-size:15px; padding:10px;}
ul.request_form li.tit { width:100%; }
ul.request_form li.full {width:100%;}

#personal_check {width:100%; overflow:hidden; margin:50px 0;}
#personal_check p {text-align:right; padding:10px 0; font-size:15px; color:#333;}
.check_text {width:100%; height:220px; overflow-y:scroll; box-sizing:border-box; padding:15px 20px; font-size:13px; border:1px solid #ddd;}

.button_wrap {width:100%; overflow:hidden; text-align:center; margin:30px auto;}
.button_wrap button {width:200px; font-size:17px; color:#fff; background:#877160; padding:15px 0; border:0; border-radius:2px;}