@charset "utf-8";

/* 
 * 작성자 : 강희창
 * 작성일 : 2014-02-10
 * 이메일 : hckang80@gmail.com
 */

/* skipNav */
#skipNav{width:100%; display:block; position:relative; left:0; top:0; z-index:100; text-align:center;}
#skipNav a, #skipnav a:link{overflow: hidden; position: absolute; top: -1px; left: 0; display: block; margin: 0 0 -1px; width: 100%; height: 1px; font-size: 14px; line-height: 30px; font-weight: bold; color:#333;}
#skipNav a:hover, #skipNav a:focus, #skipNav a:active {background:#fbfbfb; padding:3px; border:1px solid #999; height:auto; color:#333; text-decoration:underline;}

/* reset css */
html,body{margin:0;padding:0;}
body{font:13px/1.5 "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;color:#767676; background-color:#fff;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th,button{font:13px/1.5 "Malgun Gothic", "돋움", Dotum, "굴림", Gulim, Arial, sans-serif;color:#767676;vertical-align:middle;}
input[type="image"]{vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{border-spacing:0;border-collapse:collapse;}
ol,ul,li{list-style:none;}
hr, legend, caption, .skip{position:absolute;/*left:-5000px;top:0;*/visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{color:#767676;text-decoration:none;}
a:focus{text-decoration:underline;}

/* 인풋 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"]{height:16px;padding:2px 5px 1px;border:1px solid #cfcfcf;line-height:16px;}
input[type="radio"],
input[type="checkbox"]{width:13px;height:13px;}
input[type="file"]{height:20px;border:1px solid #cfcfcf;background:none;}
textarea{overflow:auto;overflow-x:hidden;padding:2px 2px 2px 5px;border:1px solid #ddd;background:#fff;font-family:dotum;resize:none;}
iframe.frame {width:100%;overflow:hidden;}
select{}

.form_left{display:inline-block;margin:-5px -10px 0 0;font-size:0.3em;}
* html .form_left{display:inline;}
*+html .form_left{display:inline;}
.form_left li{display:inline-block;margin:5px 10px 0 0;font-size:12px;}
* html .form_left li{display:inline;}
*+html .form_left li{display:inline;}
.form_left label{margin:0 0 0 5px;vertical-align:middle;}
.form_left.type_full li{width:100%;margin-right:0;}

/* 정렬 */
.al_middle{display:inline-block;vertical-align:middle;}

/* 버튼 */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
* html button{margin:0 1px;}
*+html button{margin:0 1px;}

.btn_wrap{zoom:1;margin:15px 0 0;font-size:0;}
.btn_wrap:after{content:'';display:block;clear:both;}
.btn_wrap .btn_left{float:left;margin:0 0 0 -3px;}
.btn_wrap .btn_right{float:right;margin:0 -3px 0 0;}
.btn_wrap input,
.btn_wrap button,
.btn_wrap a{display:inline-block;margin:0 3px;vertical-align:middle;}

.dtable .btn_center{padding:0;border:0;}
.btn_center{position:relative;margin-top:15px;text-align:center;font-size:0;}

.btn_css{display:inline-block;margin:0 3px;padding:0 0 0 8px;background:url('./image/btn_css.png') no-repeat;text-align:center;cursor:pointer;height:36px;vertical-align:middle;letter-spacing:0;}
.btn_css:hover{text-decoration:none;}
.btn_css span{display:inline-block;position:relative;right:-2px;height:36px;padding:0 10px 0 0;background:url('./image/btn_css.png') no-repeat 100% 0;font:bold 12px/36px dotum;color:#fff;}

.btn_css.gray{background-position:0 -36px;}
.btn_css.gray span{background-position:100% -36px;}

.btn_cs{display:inline-block;margin:0 3px;padding:0 0 0 5px;background:#856b48/*url('./image/btn_cs.png') no-repeat 0 0*/;text-align:center;cursor:pointer;height:17px;vertical-align:middle;letter-spacing:0;}
.btn_cs:hover{text-decoration:none;}
.btn_cs span{display:inline-block;position:relative;right:-2px;height:17px;padding:0 7px 0 0;background:#856b48;font:bold 11px/17px dotum;color:#fff;}

.btn_cs.orange{background:#e10000;}
.btn_cs.orange span{background:#e10000;}
.btn_cs.gray{background:#767676;}
.btn_cs.gray span{background:#767676;}
.btn_cs.white{background:url('./image/btn_cs.png') no-repeat 0 -17px;}
.btn_cs.white span{background:url('./image/btn_cs.png') no-repeat 100% -17px;color:#856b48;}

/* box */
.box_scroll{}
.box_scroll .box{overflow:auto;overflow-x:hidden;}

/* table */

/* section */

.float_wrap{zoom:1;}
.float_wrap:after{content:'';display:block;clear:both;}
.float_wrap .left{display:inline;float:left;}
.float_wrap .right{display:inline;float:right;}

/* layout */
#wrapper{min-width:1000px;}

.wrapper{position:relative;width:1000px;margin:0 auto;}
.wrapper:after{content:'';display:block;clear:both;}

#header{position:relative;z-index:10;height:116px;margin:0 0 -6px;background:url('./image/bg_gnb.png') repeat-x;}
#header .wrapper{z-index:2;}
#header h1{position:absolute;left:0;top:19px;}
#header .head{position:absolute;right:0;top:22px;}
#header .util_wrap{color:#cecece;}
#header .util_wrap a{margin:0 0 0 5px;font-family:helvetica;font-weight:bold;font-size:11px;color:#767676;}

#gnbMenu{overflow:hidden;position:absolute;right:0;top:65px;width:100%;height:39px;padding:0 0 6px;background:url('./image/bg_gnb.png') repeat-x 0 100%;}
#gnbMenu .outer{background:#fff;}
#gnbMenu .inner{margin:45px 0 0;}
#gnbMenu .inner:after{content:'';display:block;clear:both;}
#gnb{display:table;width:1000px;margin:-45px auto 0;padding:0 0 64px;background:url('./image/bg_sub.jpg') no-repeat 0 100%;font-size:0;text-align:right;}
#gnb>li{display:inline-block;margin:0 0 0 50px;vertical-align:top;}
*+html #gnb>li{display:inline;}
#gnb>li>a{display:block;text-align:left;}
#gnb .sub{padding:25px 0 0;text-align:left;}
#gnb .sub li{margin:5px 0 0;}
#gnb .sub li a{font-weight:bold;font-size:13px;text-transform:capitalize;}
#gnb .sub li a:hover,
#gnb .sub li a:focus,
#gnb .sub li.on1 a{color:#0057a8;}

#contents{width:100%;}

#sBody{}
#sBody h2{background:url('./image/bg_pattern.png');text-align:center;}
#sBody .wrapper{background:url('./image/bg_contents.png') repeat-y;}
#sBody #conLeft{float:left;width:189px;padding:0 1px;}
#sBody #conLeft .banner{}
#sBody #conLeft .banner a{display:block;border-bottom:1px solid #e1e1e1;}
#sBody #contents{float:right;position:relative;width:749px;padding:45px 0 50px 60px;}
#sBody #contents h3{margin:0 0 40px;font-weight:bold;font-size:25px;letter-spacing:-1px;color:#103659;text-transform:capitalize;}

#location{position:absolute;right:0;top:45px;font-size:12px;text-transform:capitalize;}
#location .current{color:#0057a8;}

#lnb{background:#fff;}
#lnb li{border-bottom:1px solid #e1e1e1;}
#lnb li a{display:block;padding:14px 20px;background:url('./image/ico_lnb.png') no-repeat 92% 12px;font-weight:bold;font-size:14px;letter-spacing:-1px;text-transform:capitalize;}
#lnb li.on a,
#lnb li a:hover,
#lnb li a:focus{background-position:92% -38px;;color:#0057a8;}

#footer{position:relative;border-top:1px solid #e1e1e1;margin:-1px 0 0;}
#footer .wrapper{padding:18px 0 60px;}
#footer .logo{float:left;margin:0 30px 0 0;}
#footer address{margin:15px 0 0;}
#footer .copy{margin:3px 0 0;}

/* contents */
#mHead{position:relative;z-index:2;background:url('./image/img_main.jpg') 50% 0;}
#mHead .wrapper{overflow:hidden;height:505px;}
#mHead span.posi_left{position:absolute;left:-500px;top:38px;}
#mBody{overflow:hidden;}
#mBody .section{float:left;position:relative;margin:-1px -1px 0 0;border:1px solid #e1e1e1;}
#mBody .section a{display:inline-block;}

#mNotice{width:299px;height:161px;padding:30px;}
#mNotice .more{position:absolute;right:29px;top:20px;}
#mProduct{z-index:2;}
#mProduct h3{float:left;margin:0 0 -1px -1px;}
#mProduct .product_wrap{overflow:hidden;float:left;position:relative;width:444px;height:222px;margin:0 -1px -1px 0;background:#004584;text-align:center;}
#mProduct .product_wrap .inner{overflow:hidden;position:relative;width:360px;margin:35px 0 0 46px;}
#mProduct .product_wrap ul{display:table;font-size:0;width:9999px;}
#mProduct .product_wrap li{float:left;width:170px;margin:0 10px 0 0;padding:0 0 36px;background:url('./image/bg_product.png') no-repeat 50% 100%;font-size:15px;}
#mProduct .product_wrap li table{width:100%;}
#mProduct .product_wrap li td{height:110px;text-align:center;}
#mProduct .product_wrap td a{display:block;height:100%;overflow:hidden;text-align:center;}
#mProduct .product_wrap td a img{width:100%;height:100%;}
#mProduct .product_wrap .product{display:block;background:#fff;line-height:39px;color:#333;}
#mProduct .product_wrap .btn{position:absolute;top:50%;margin:-14px 0 0;}
#mProduct .product_wrap .left{left:17px;}
#mProduct .product_wrap .right{right:17px;}

/* table */
div table .tabletype_l {padding:10px 15px;text-align:left;}
div table .hj_star {background:url("./image/star.gif") 23px 17px no-repeat;text-align:left;}
.tabletype01 th {padding:0 0 0 10px;height:43px;font-size:15px;color:#333;text-align:left;font-weight:bold;border-top:1px solid #0057a8;border-bottom:1px solid #dddddd;}
.tabletype01 th span {color:#0057a8;}
.tabletype01 td {padding:10px 0 15px 10px;}

.tabletype02 {}
.tabletype02 table {table-layout:fixed;width:100%;}
.tabletype02 thead th {height:43px;font-size:14px;font-weight:bold;color:#fff;background:#0057a8;border:1px solid #003e78;border-left:none;}
.tabletype02 thead th:first-child {border-left:1px solid #003e78;}
.tabletype02 tbody th {/* padding:13px 11px 11px 16px; */padding:13px 0 11px 0;text-align:center;background:#f2f6fb;color:#0057a8;font-size:13px;font-weight:bold;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tabletype02 tbody th:first-child {border-left:1px solid #e1e1e1;}
.tabletype02 td {/* padding:13px 11px 11px 16px; */padding:13px 0 11px 0;text-align:center;}
.tabletype02 td.blue{background-color:#f2f6fb;}
.tabletype02 tr.blue{background-color:#f2f6fb;}
.tabletype02 tbody tr td {border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tabletype02 tbody tr td:first-child {border-left:1px solid #e1e1e1;}
.tabletype02 tr.type01 th {font-size:11px;font-weight:normal;background:#1970c1;border-right:1px solid #065196;border-bottom:1px solid #065196;}
.tabletype02 tr.type01 th:first-child {border-left:1px solid #065196;}
.tabletype02 tbody.type02 td {padding:0 5px;width:24px;font-size:11px;}
.tabletype02.break td {word-break:break-all;}

.tabletype03 {}
.tabletype03 table {width:100%;}
.tabletype03 tr th {padding:14px 0;font-size:13px;color:#fff;font-weight:bold;background:#0057a8;border:1px solid #003e78;border-top:none;}
.tabletype03 tr:first-child th {border-top:1px solid #003e78}
.tabletype03 tr td {padding:10px 17px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.tabletype03 tr td input {height:30px;line-height:30px;border-radius:3px;}
 .tabletype03 tr td select {padding:5px 2px;border-radius:3px;}
.tabletype03 tr:first-child td {border-top:1px solid #ddd;} 

/* title */
h4.sub01 {padding:0 0 0 28px;font-size:18px;line-height:47px;font-weight:bold;color:#333;background:url("./image/title_bg.gif") 0 17px no-repeat;}
h4.sub01 span {color:#0057a8;}
h4.chan_el {display:inline-block;width:465px;}
h4.chan {display:inline-block;width:200px;}
*+html h4.chan_el{display:inline;}
*+html h4.chan{display:inline;}
h4 span.standard {float:right;font-size:14px;font-weight:normal;color:#767676;}

/* TAB */
.hj_tab01 {position:relative;padding:40px 0 0 0;width:100%;border-bottom:1px solid #003e78;zoom:1;}
.hj_tab01:after {content:"";display:block;clear:both;}
.hj_tab01 li {margin:0 0 0 -1px;float:left;font-size:0;line-height:0;text-align:center;border:1px solid #ddd;border-bottom:none;}
.hj_tab01 li a {display:block;width:150px;height:38px;font-size:14px;line-height:38px;color:#555;font-weight:bold;background:#f6f6f6;}
.hj_tab01 li a.on {position:relative;font-size:14px;line-height:38px;color:#fff;background:#0057a8;}
.hg_tab_con {padding:13px 0 0 0;}

.hj_tab02 {margin:40px 0 0 0;width:100%;text-align:center;border-bottom:1px solid #003e78;}
.hj_tab02 td {margin:0 0 0 -1px;font-size:0;line-height:0;text-align:center;border:1px solid #ddd;border-bottom:none;}
.hj_tab02 td a {display:block;height:38px;font-size:14px;line-height:38px;color:#555;font-weight:bold;background:#f6f6f6;}
.hj_tab02 td a.on {position:relative;font-size:14px;line-height:38px;color:#fff;background:#0057a8;}


/* 회사소개 */
.greeting_wrap {position:relative;zoom:1;}
.greeting_wrap:after {content:"";display:block;clear:both;}
.greeting_wrap .greeting_con1 {float:left;width:359px;}
.greeting_wrap .greeting_con2 {float:right;width:360px;}
.greeting_wrap .greeting_con2 p {padding:20px 0 0 0;}
.greeting_wrap .greeting_con2 p span {display:block;padding:15px 0 0 0;}

.history_wrap {width:749px;height:335px;font-size:13px;line-height:25px;background:url("./image/sub_img_history.jpg") 0 0 no-repeat;}
.history_wrap span {display:inline-block;width:71px;}
.history_wrap .history1 {padding:120px 0 0 104px;}
.history_wrap .history2 {padding:35px 0 0 104px;}

.history_wrap2{position:relative;}
.history_wrap2 h4{margin:0 0 35px;}
.history_wrap2 table{width:100%;}
.history_wrap2 table td{padding:18px 0;vertical-align:top;border-bottom:1px solid #ededed;}
.history_wrap2 table td td{padding:0;border-bottom:0;}
.history_wrap2 .num{font:16px/1.5 caption;color:#5b5b5b;}
.history_wrap2 .num+td{padding:3px 0 0;}
.history_wrap2 table .no_border td{border-bottom:0;}
.history_wrap2 table .history1 td,
.history_wrap2 table .history2 td,
.history_wrap2 table .history3 td{height:1px;padding:0;border:0;font-size:0;}
.history_wrap2 table .history1 td{background:url('./image/line_history1.png') 0 0 no-repeat;}
.history_wrap2 table .history2 td{background:url('./image/line_history2.png') 0 100% no-repeat;}
.history_wrap2 table .history3 td{background:url('./image/line_history3.png') 0 100% no-repeat;}
.history_wrap2 .deco{position:absolute;right:0;top:17px;}

.map_wrap {width:749px;}
.map_con {position:relative;zoom:1;}
.map_con:after {content:"";display:block;clear:both;}
.map_con .location {float:left;margin:30px 0 0 0;}
.map_con .address {float:right;width:453px;margin:30px 0 0 0;}
.map_con .address li {height:25px;}
.map_con .address li span {display:inline-block;padding:0 11px 0 0;vertical-align:top;}

/* Staineless steel */
.summary_title {padding:0 0 26px 0;}
.summary_wrap {padding:19px 20px 20px 27px;background:#f9f9f9;border:1px solid #eee;}
.summary_wrap li {padding:0 0 0 16px;text-indent:-16px;}
.summary_wrap span {position:relative;top:3px;padding:0 5px 0 0;display:inline-block;}
.summary_wrap span img {}
.summary_con {padding:10px 0 0 0;}
.category_wrap p {padding:10px 0 25px 0;}
.category_img {padding:5px 0 0 0;}
.section_wrap {padding:30px 0 0;}
#location+.section_wrap {padding:0;}

/* 제품정보 */
.plasma_con01 {padding:5px 0 10px;}
.plasma_con02 {padding:25px 0 0 0;}
.flat_iron {padding:15px 0 0;}

/* 설비현황 */
.waterjet_cutting {padding:38px 0 0 0;}
.waterjet_cutting li {padding:0 0 7px 0;}
.waterjet_cutting li img {position:relative;top:8px;}
.waterjet_cutting01 {display:inline-block;padding:0 0 0 5px;font-size:15px;color:#0057a8;}
.waterjet_cutting02 {padding:0 0 0 37px;}

/* 견적 및 제품문의 */
.registration {margin:0 auto;width:99px;padding:35px 0 0 0;}
.registration button {width:99px;height:35px;color:#fff;background:#417bc6;border:1px solid #1e64a5;}

#divSitemap{display:table;overflow:hidden;position:relative;font-size:0;text-transform:capitalize;}
#divSitemap > ul{margin:-20px -37px 0 0;}
#divSitemap > ul > li{display:inline-block;width:225px;margin:20px 37px 0 0;border-top:1px solid #0057a8;font-weight:bold;font-size:18px;vertical-align:top;}
#divSitemap > ul > li > a{display:block;padding:13px 10px 13px 35px;background:url('./image/ico_smap.png') no-repeat 10px 50%;color:#333;}
*+html #divSitemap > ul > li{display:inline;}
#divSitemap > ul > li ul{border-top:1px solid #ddd;}
#divSitemap > ul > li li{border-bottom:1px solid #ddd;font-size:14px;}
#divSitemap > ul > li li a{display:block;padding:10px;}