@charset "utf-8";

/* sub */
#content_wrap {position:relative; width:1000px; height:100%; /*border-left:1px solid #d5d6d7; border-right:1px solid #f1f1f1;*/ 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.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:#02403b;}
#leftmenu>ul>li {float:left; display:block; width:13.6%; box-sizing:border-box; text-align:center; font-weight:bold; padding:5px; padding-bottom:0;}
#leftmenu>ul>li:first-of-type {width:17%;}
#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:#02403b;}
#leftmenu .s_menu {position:relative; width:1000px; height:55px; background:#fff; border-bottom:1px solid #ddd;}
#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:#02403b;}

#leftmenu p {display:block; width:167px; height:79px; border-bottom:1px solid #d5d6d7;}

#leftmenu>ul.leng04>li {width:25% !important;}
#leftmenu>ul.leng03>li {width:33.3% !important;}
#leftmenu>ul.leng03>li:first-of-type {width:33.4% !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;}
#content_body .cont h4 { font-size:22px; color:#00aa7e; line-height:34px;  font-weight:700; margin-bottom:40px; text-align:center;}
#content_body .cont .h4txt {margin-top: 30px; font-size:14px; color:#58595b; line-height:23px; font-weight:500; word-break:keep-all; margin-bottom:40px; }


/* ceo 인사말 */
#content_body .cont .ceotxt {position:relative; margin:30px auto 0 auto; font-size:14px; color:#58595b; line-height:23px; font-weight:500; width:730px; height:356px; background:url('../_img/sub/sub01/ceo_bg.jpg') no-repeat;}

/* 연혁 */
.his_lst {margin-left: 25px; margin-top:40px}
.his_lst dl {position: relative; margin-top: 15px;}
.his_lst dt {position: absolute; top:0; left:0; min-width:126px; min-height:28px; background: url('../_img/sub/sub01/bg_his_dot.gif') 0  5px no-repeat; padding-left:20px; font-size: 35px; color: #00aa7e; font-weight:bold}
.his_lst dd {margin-left:160px; padding:10px 0 10px 0; font-size:14px; border-top:1px solid #ceeade;}
.his_lst dd li {position: relative; padding-left:50px; padding-bottom:25px; line-height:22px}
.his_lst dd li .br {padding-left:20px}
.his_lst dd li .year {position:absolute; top: 0; left: 0; width:40px; color: #58595b; }
.his_lst dd li .monthtxt {position: absolute; top: 0; left:40px;  color: #58595b; }


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

.map_area {width:681px; margin:0 auto; position:relative}
.map_area li {float:left}

.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.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:#00aa7e; padding:15px 0; border:0; border-radius:2px;}





/* 기술인증
=========================================================*/
ul.certification_list {width:100%; overflow:hidden;}
ul.certification_list li {float:left; width:23%; height:auto; overflow:hidden; margin-left:20px; margin-bottom:50px; box-sizing:border-box; text-align:center;}
ul.certification_list li:first-of-type, ul.certification_list li:nth-of-type(4n+1) {margin-left:0;}
ul.certification_list li .pic {width:100%; overflow:hidden; box-sizing:border-box; border:1px solid #e6e5e5; margin:0 auto;}
ul.certification_list li .pic img {width:100%;}
ul.certification_list li .cer_desc {width:100%; overflow:hidden;}
ul.certification_list li .cer_desc p {position:relative; text-align:center; height:50px; font-size:15px; color:#222; padding:20px 0; line-height:23px; border-bottom:1px solid #00a97d;}
ul.certification_list li .cer_desc p::after {position:absolute; right:0; bottom:-1px; width:100px; height:1px; background:#ddd; content:'';}
ul.certification_list li .cer_desc dl {display:none; width:100%; padding:20px; padding-bottom:10px; box-sizing:border-box; overflow:hidden;}
ul.certification_list li .cer_desc dl dt, ul.certification_list li .cer_desc dl dd {float:left; font-size:14px; margin-bottom:10px;}
ul.certification_list li .cer_desc dl dt {clear:both; color:#111;}
ul.certification_list li .cer_desc dl dd {color:#888; padding-left:15px;}
ul.certification_list li .cer_desc a {display:block; width:150px; height:40px;border:1px solid #e6e5e5; box-sizing:border-box; text-align:center; background:#f4f4f4; clear:both; margin:15px auto 0 auto; text-decoration:none; transition:.3s;}
ul.certification_list li .cer_desc a span {width:100%; height:100%; color:#333; text-align:center; line-height:38px; background-position:center left; padding-left:15px; background-size:13px; background-repeat:no-repeat; background-image:url(/_car/_img/icon/b-search_icon.png); font-size:13px;}
ul.certification_list li .cer_desc a:hover { background:#00a97d; }
ul.certification_list li .cer_desc a:hover span {background-image:url(/_car/_img/icon/search_icon.png); color:#fff;}