/*서브 레이아웃*/
#wrap #cont_navi_box {position:relative; width:100%; clear:both; height:30px; background:#b9c6db;}
#wrap #content {position:relative; width:100%; clear:both; padding:30px 0; background:url('../images/sub_bg.gif') top center repeat-y; height:auto !important;}
#wrap #content #left {position:relative; width:200px; float:left; margin-right:50px; height:auto !important;}
#wrap #content #left h2 {position:relative; font-size:2em; color:#373a91; font-weight:900; width:100%; display:block; line-height:1em;}
#wrap #content #left nav {position:relative; font-size:1.2em;}
#wrap #content #left nav li {}
/* #wrap #content #left nav li.on {border-bottom:solid 1px #3daec2;} */
#wrap #content #left nav li a {text-decoration:none; color:inherit;}
#wrap #content #left nav li.on a {color:#3daec2; font-weight:900;}
#wrap #content #left #left_bn {margin-top:50px;}
#wrap #content #left #left_bn li {margin-bottom:10px;}
#wrap #content #center {position:relative; width:750px; /*float:left;*/ display:inline-block; margin-bottom:20px; min-height:550px; height:auto !important;}
#wrap #content #center h3 {position:relative; width:100%; display:block; height:39px; color:#fff; font-size:1.4em; line-height:1.4em; font-weight:900; padding-bottom:10px;}
#wrap #content #center #cont_navi {position:absolute; top:-53px; right:10px;}
#wrap #content #center #cont_navi li {float:left; margin-left:8px; padding-right:10px; background:url('/images/bullet.gif') right 5px no-repeat;} 
#wrap #content #center #cont_navi li.point {color:#3a3da8; font-weight:700; background:none; padding-right:0;}
#wrap #content #center h4 {color:#373a91; font-size:1.2em; font-weight:900;}
#wrap #content #center h5 {background:url('/images/bullet2.gif') left 4px no-repeat; padding-left:10px; font-size:1em; font-weight:900;}

/*서브공통*/
.txt_title {font-size:1.75em; font-weight:900; color:#373a91; line-height:1.35em;}
.txt_point {font-weight:900; color:#4158b8;}

.lay_50 {width:50%;}
.lay_40 {width:40%;}

.float {float:left;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/*탭메뉴*/
/*.tab li {display:inline; padding:10px 20px; border:solid 1px #ccc; margin-right:3px; box-sizing:border-box;}
.tab li.on {background:#3d8cc2; border:none;}
.tab li.on a {color:#fff;}*/
.tab {position:absolute; top:1px; right:0;}
.tab li {display:inline;}

/*리스트*/
.list01 li {padding-left:12px; background:url('/images/bullet3.gif') left 10px no-repeat;}

/*테이블*/
.table01 {width:95%; border-collapse:collapse; border-top:solid 2px #3d40c2; border-bottom:solid 1px #3d40c2;}
.table01 th {padding:5px; border-bottom:solid 1px #fff; background:#8495b2; color:#fff;}
.table01 td {padding:5px; border-bottom:solid 1px #ccc; background:#fff;}
.table01 td.center{text-align:center;}
.table01 ul li {padding-left:12px; background:url('/images/bullet3.gif') left 10px no-repeat;}

.table02 {width:95%; border-collapse:collapse; border-top:solid 2px #3d40c2; border-bottom:solid 1px #3d40c2;}
.table02 th {padding:5px; border-bottom:solid 1px #ccc; background:#eee;}
.table02 td {padding:5px; border-bottom:solid 1px #ccc; text-align:center; background:#fff;}
.table02 td.left {text-align:left;}
.table02 ul li {padding-left:12px; background:url('/images/bullet3.gif') left 10px no-repeat;}

.table03 {width:95%; border-collapse:collapse; border-top:solid 2px #3d40c2; border-bottom:solid 1px #3d40c2;}
.table03 th {padding:5px; border:solid 1px #ccc; background:#eee;}
.table03 td {padding:5px; border:solid 1px #ccc; text-align:center; background:#fff;}
.table03 td.left {text-align:left;}
.table03 ul li {padding-left:12px; background:url('/images/bullet3.gif') left 10px no-repeat;}

/*개요*/
.company {position:relative; width:705px; height:460px; background:url('/001/images/company_bg.gif') no-repeat;}
.company img {position:relative; float:left; padding:40px 20px;}
.company dl {position:relative; width:40%; float:left; padding:15px 10px;}
.company dl dt {background:url('/images/bullet2.gif') 0 5px no-repeat; padding-left:10px; font-weight:900; margin-top:15px;}
.company dl dd {padding-left:10px;}

/*연혁*/
.history {}
.history dt {color:#373a91; font-size:3em; font-weight:900; margin-bottom:20px;}
.history dd {margin-bottom:10px;}
.history dd .year {font-size:1.5em; font-weight:900; margin-right:5px;}

/*CI*/
.ci_box {float:left; text-align:center;}
.ci_box2 {width:96%; height:130px; border:solid 1px #e3e3e3; padding:20px; box-sizing:border-box;}
.ci_box2 .ci_box {width:49%; display:inline;}
.ci_box2 .ci_box p {text-align:left; float:left; font-weight:900;}
.ci_box2 .ci_box p span {font-size:0.9em; font-weight:300;}
.ci_box2 .ci_box .blue {background:#272ae6; width:90px; height:30px; float:left; margin-right:20px;}
.ci_box2 .ci_box .black {background:#000; width:90px; height:30px; float:left; margin-right:20px;}

/*제품소개*/
.pro_box {position:relative; width:100%; height:auto; min-height:240px; border:solid 1px #e3e3e3; box-sizing:border-box; padding:20px;}
.pro_box .pro_img {position:relative; width:45%; float:left; padding-right:30px;}
.pro_box .pro_img img {width:100%;}
.pro_box .pro_txt {position:relative; width:50%; float:left;}
.pro_box .pro_txt h4 {padding-bottom:10px;}
.pro_box ul {display:inline; margin-top:10px;}

/*인증현황*/
.certi {text-align:center;}
.certi li {float:left; margin-right:30px;}
.certi li img {border:solid 1px #eee;}
.certi li p {margin-top:10px;}

/*주요고객*/
.customer li {float:left; padding:5px;}

/*사이트맵*/
#siteMap > li {width:30%; height:220px; margin:10px; padding:20px; box-sizing:border-box; float:left; border:solid 1px #ccc;}
#siteMap > li > p {padding-bottom:10px; font-size:1.2em;}
#siteMap > li > p > a {color:#35437e; font-weight:900;}
#siteMap > li > ul {padding-left:5px;}
#siteMap > li > ul > li:before {content:"- ";}
#siteMap > li > ul > li > a {color:#333;}
