﻿
.sub-top-bg{
	background-image:url('/skin/img/sub-top-bg.gif');
	margin-bottom:50px;
}


/*style*/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#191919}

/*text style group*/
.sub_con p, .sub_con p {font-size:13px; color:#282828; font-family:'NanumGothic','나눔 고딕', serif, '맑은 고딕'; line-height:1.8;}
.sub_con h2 {font-size:28px; color:#0862ae; latter-spacing:-1px; font-weight:bold;}
.sub_con h3 {font-size:18px; color:#085595; font-weight:bold;}
.sub_con .h3_center{text-align:center; font-size:20px; margin-bottom:20px;}
.sub_con h4 {color:#525252;}
.sub_con h5 {font-size:15px; color:#313131; font-weight:bold;}
.sub_con .ttext, .sub_con .ttext {padding-bottom:0; padding-left:12px; background:url(/skin/img/dot01.png) top left no-repeat; margin-bottom:0px;}

.sub_con img, .sub_con img {display: block; max-width: 100%; height: auto; margin:0 auto;}

.black{color:#323232;}
.blue{color:#0862AE;}

.sub_con .uu{text-decoration:underline;}
.sub_con .table01{font-size:13px; color:#727272; font-family:'NanumGothic','나눔 고딕', serif, '맑은 고딕'; line-height:1.8; text-align:left;}
.sub_con .table01 th{font-size:13px; font-weight:bold; color:#fff; font-family:'NanumGothic','나눔 고딕', serif, '맑은 고딕'; line-height:1.8; background:#7ca632;}

.border_eee{border:1px solid #dedede;}

.sub_con .box{padding:12px;background:#fafafa;border:1px solid #dedede;}
.sub_con .box p{margin-bottom:3px;}
.sub_con .radius10{width:100%; height:auto; border-radius:10px; padding:10px; color:#fff; text-align:center; font-weight:bold;}
.sub_con .plist{padding-left:10px;margin-top:-5px;color:#0862AE; font-size:13px;}

.sub_con .float_left{overflow:hidden;}
.sub_con .float_left h5, .sub_con .float_left p {float:left; line-height:25px; margin-top:0; padding-right:2px;}

p .font-blue{color:#3182a3;}
p .font-or{color:#fd8713;}

.radius_fa01{width:100px; height:100px; background:#fff; border-radius:50px; text-align:center; padding:0px;}


/*margin,padding group*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt10{padding-bottom:10px;}
.pt20{padding-bottom:20px;}
.pt30{padding-bottom:30px;}
.pt40{padding-bottom:40px;}
.pt50{padding-bottom:50px;}
.pt80{padding-bottom:80px;}



/*테이블*/

.table01 {table-layout:fixed;border-collapse: collapse;width:100%;line-height:18px;border-collapse: collapse;border-top:2px solid #1e76a1;}
.table01 td,.table01 th {font-family:'Nanum Gothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:13px;}
.table01 th {font-weight:bold;background:#F8F8F8;height:18px;font-size:13px; color:#444; font-family:'NanumGothic','나눔 고딕', serif, '맑은 고딕'; line-height:1.8; }
.table01 td {padding:5px;font-size:13px; color:#444444; font-family:'NanumGothic','나눔 고딕', serif, '맑은 고딕'; line-height:1.8;text-align:left;}


/* 게시판 리스트
.board-list {table-layout:fixed;border-collapse: collapse;margin-bottom: 2em;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #255904;}
.board-list td,.board-list th {font-family:'Nanum Gothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:13px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.board-list td {height:30px;}
.board-list td.title {text-align:left;padding-left:20px;}
.board-list td.tdleft {text-align:left;padding-left:20px;}
.board-list td.title  a{font-size:14px;}
.board-list td.contents {text-align:left;padding:10px 10px 10px 10px;vertical-align:top;}
.board-list td.contents td {text-align:left;border:none;}
.board-list td.contents th {text-align:left;border:none;}
.board-list td.tdcontents td {text-align:left;border:none;padding-left:30px;color:#454544;}
.board-list td.tdcontents td p {color:#454544;}
.board-list td.bold {font-weight:bold;}
.board-list td .board_input {border: 1px solid #DDDDDD;color: #333333;height: 28px;line-height: 2.2em;padding: 0 0 0 10px;}
*/

/* 서브 common */
.sub-cont-wrap {padding:0 0 150px}
.sub-cont-wrap ul, ol {padding:0; list-style:none}

/* 회사소개 > 인사말 */
.company-wrap {}
.company-wrap .head-area {position:relative; width:100%; margin-bottom:45px}
.company-wrap .head-area .img {}
.company-wrap .head-area .img img {display:inline}
.company-wrap .head-area .txt1 {display:block; position:absolute; bottom:0; left:0; width:100%; max-height:70px; margin:0; padding:15px 0; font-weight:bold; font-size:16.5px; color:#fff; line-height:1.5em; vertical-align:middle; text-align:center; box-sizing:border-box; background:url(/skin/img/main-banner-tit-bg.png) top left repeat}
.company-wrap .head-area .txt2 {top:170px; font-size:16px; padding:0 10px}
.company-wrap .cont-area {}
.company-wrap .cont-area .tit1 {margin-bottom:10px; font-weight:bold; font-size:21px; color:#222}
.company-wrap .cont-area .tit2 {margin-bottom:30px; font-weight:bold; font-size:15px; color:#676767}
.company-wrap .cont-area .txt p {margin-bottom:30px; font-size:13px; color:#676767; line-height:20px}
.company-wrap .cont-area .writer {font-size:14px; color:#080808;font-weight:bold;}

/* 회사소개 > 찾아오시는길 */
.map-wrap {}
.map-wrap .map {margin-bottom:30px}
.map-wrap .map-tit {margin:0 0 20px; font-weight:bold; font-size:20px;}
.map-wrap ul.map-list li strong,
.map-wrap ul.map-list li p {display:inline; font-size:12px; color:#676767; vertical-align:middle; letter-spacing:-.5px}
.map-wrap ul.map-list li strong {font-size:13px; margin-right:10px; color:#b94343}

.map-wrap ul.address {margin-bottom:30px; padding:0 0 20px; background:url(/skin/img/sub/bg-accom-box.png) bottom left repeat-x}
.map-wrap ul.address li {margin-bottom:10px; padding-left:12px; font-size:13px; line-height:25px; vertical-align:middle; background:url(/skin/img/sub/ico-round.png) left 12px no-repeat}

/* 제품소개 > 레쟈방음문 */
.product-wrap .head-area {position:relative; width:100%; margin-bottom:30px}
.product-wrap .head-area .txt {display:block; font-weight:bold; font-size:19.5pt; color:#222}
.product-wrap .cont-area {}
.product-wrap .cont-area ul {}
.product-wrap .cont-area ul li {clear:both; margin-bottom:25px}
.product-wrap .cont-area ul li .tit {margin:0 0 10px 0; padding-left:13px; font-weight:bold; font-size:12.75pt; color:#b94343; line-height:25px; vertical-align:middle; background:url(/skin/img/sub/ico-round.png) left 10px no-repeat}
.product-wrap .cont-area ul li .txt {font-size:10.5pt; color:#717171}
.product-wrap .cont-area ul.color-list li {clear:none;}
.product-wrap .cont-area ul.color-list li .txt {display:block; width:100%; margin:10px auto 0;font-size:11.25pt; color:#000; text-align:center}
.table.table-mi {clear:both; float:left; width:100%; margin-top:10px}
.table.table-mi th {padding:12px 0; color:#fff; background-color:#5a5a5a; text-align:center; border:1px solid #d2d2d2}
.table.table-mi td {padding:12px 0; font-size:10.5pt; line-height:18pt; color:#6c6f73; text-align:center; border:1px solid #d2d2d2}
.sub-box-list {margin-bottom:45px}
.sub-box-list .imgs {display:block; width:100%; margin-bottom:10px; text-align:center; border:1px solid #cbcbcb; box-sizing:border-box}
.sub-box-list .imgs img {display:inline-block}
.sub-txt-box {width:100%; padding:10px 0; border:1px solid #d3d3d3; border-radius:4px; font-weight:bold; font-size:14px; color:#323232; line-height:18pt; vertical-align:middle; text-align:center; background-color:#f4f4f4}