.sub-top-bg{
	background-color:#146346;
	/*background:url(/skin/img/sub-top-bg.gif) top left repeat-x;*/
	width:100%;
	height:109px;
	margin-bottom:50px;
}


/* 서브페이지 css */

.textstrong{color:#1279b4;font-weight:bold;}
.title-text{padding-bottom:40px;color:#726363;z-index:1;}
.title-history{font-size:60px;;color:#1279b4;text-shadow: 2px 1px 0 #dcdcdc,5px 4px 0 rgba(0,0,0,0.15);z-index:1;}

blockquote,  .blockquote-red{
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #1279b4;
background-color:#F7F7F7;
}
.blockquote-red{
border-left: 5px solid #E476D2;
}

.table-cus th{
	background-color:#1279b4; color:#fff;font-size:20px;font-weight:bold;
}
.btn-primary {
color: #ffffff;
background-color: #1279b4;
border-color: #357ebd;
}

.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 0px;
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
}

.breadcrumb li a{
	color:#000;
}
.breadcrumb li a:hover{
	color:#1279b4;
	text-decoration: none;
}

/* 게시판 관련 */
.board-view-content{
background-color:#fff;border-bottom:1px solid #9B9690;padding:20px;
min-height:300px;
}

.btn-primary{
	background-color:#1279b4;
	border-color:#0e6292;
}

/*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*/
.sub_con .mt10{margin-top:10px;}
.sub_con .mt20{margin-top:20px;}
.sub_con .mt30{margin-top:30px;}
.sub_con .mt40{margin-top:40px;}
.sub_con .mt50{margin-top:50px;}
.sub_con .mb10{margin-bottom:10px;}
.sub_con .mb20{margin-bottom:20px;}
.sub_con .mb30{margin-bottom:30px;}
.sub_con .mb40{margin-bottom:40px;}
.sub_con .mb50{margin-bottom:50px;}
.sub_con .mb80{margin-bottom:80px;}
.sub_con .pt10{padding-top:10px;}
.sub_con .pt20{padding-top:20px;}
.sub_con .pt30{padding-top:30px;}
.sub_con .pt40{padding-top:40px;}
.sub_con .pt50{padding-top:50px;}
.sub_con .pt10{padding-bottom:10px;}
.sub_con .pt20{padding-bottom:20px;}
.sub_con .pt30{padding-bottom:30px;}
.sub_con .pt40{padding-bottom:40px;}
.sub_con .pt50{padding-bottom:50px;}
.sub_con .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 87px}
.sub-cont-wrap ul, ol {padding:0; list-style:none}
/* 회사소개 > 인사말 */
.company-wrap {}
.company-wrap .head-area {position:relative; width:100%}
.company-wrap .head-area h3 {margin-top:0; margin-bottom:25px; padding-left:20px; font-weight:500; font-size:18px; line-height:20px; color:#022929; vertical-align:middle; background:url(/skin/img/sub/ico-round.png) left 5px no-repeat}
.company-wrap .cont-area {display:inline; float:left; width:100%; margin-bottom:20px}
.company-wrap .cont-area .tit {margin-bottom:20px; font-weight:bold; font-size:14px; color:#146346}
.company-wrap .cont-area .txt {margin-bottom:0}
.company-wrap .cont-area .txt p {margin-bottom:20px; font-size:13px; color:#696969; line-height:21px}
.company-wrap .cont-area .txt p > a {font-weight:bold; color:#146346}
.company-wrap .cont-area .cw-list {float:left; width:100%; margin:0}
.company-wrap .cont-area .cw-list li {width:48%; padding:5px 10px; margin-bottom:6px; vertical-align:middle; background-color:#f2f2f2}
.company-wrap .cont-area .cw-list li p {margin:0; padding-left:10px; font-size:13px; color:#606060}

.company-wrap .cont-area .link-box {padding:42px 0 20px}
.company-wrap .cont-area .link-box a.link {display:block; height:48px; margin-bottom:20px; font-weight:bold; font-size:13px; color:#fff; line-height:48px; vertical-align:middle; text-align:center; background-color:#343a38}
.company-wrap .cont-area .link-box a.link:hover,
.company-wrap .cont-area .link-box a.link:focus {background-color:#146346; text-decoration:none}
.company-wrap .cont-area .link-box .info {clear:both; font-size:13px; color:#696969}

/* 한중일 심포지엄 */

.symposium-wrap {}
.symposium-wrap .head-area {position:relative; width:100%}
.symposium-wrap .head-area h3 {margin-bottom:25px; padding-left:20px; font-weight:500; font-size:18px; line-height:20px; color:#022929; vertical-align:middle; background:url(/skin/img/sub/ico-round.png) left 5px no-repeat}
.symposium-wrap .cont-area {display:inline; float:left; width:100%; margin-bottom:80px}
.symposium-wrap .cont-area .tit {margin-bottom:20px; font-weight:bold; font-size:14px; color:#146346}
.symposium-wrap .cont-area .txt {margin-bottom:35px}
.symposium-wrap .cont-area p.txt {margin-bottom:20px; font-size:13px; color:#696969; line-height:21px}

.symposium-wrap .cont-area .link-box {padding:42px 0 20px}
.symposium-wrap .cont-area .link-box a.link {display:block; height:48px; margin-bottom:20px; font-weight:bold; font-size:13px; color:#fff; line-height:48px; vertical-align:middle; text-align:center; background-color:#343a38}
.symposium-wrap .cont-area .link-box a.link:hover,
.symposium-wrap .cont-area .link-box a.link:focus {background-color:#146346; text-decoration:none}

/* 회사소개 > 오시는길 */
.map-wrap {}
.map-wrap .map {margin-bottom:30px}
.map-wrap ul.map-list li strong,
.map-wrap ul.map-list li p {display:inline; font-size:13px; color:#676767; vertical-align:middle; letter-spacing:-.5px}
.map-wrap ul.map-list li strong {font-size:15px; margin-right:5px; color:#212121}

.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:22px; font-size:13px; line-height:25px; vertical-align:middle; background:url(/skin/img/sub/ico-round.png) left 7px no-repeat}
.map-wrap ul.pnumber {margin-bottom:0; padding:0 0 20px; list-style:none}
.map-wrap ul.pnumber li {background:url(/skin/img/sub/divided.png) center right no-repeat}
.map-wrap ul.pnumber li:last-child,
.map-wrap ul.pnumber li.last-child {background:none}
.map-wrap ul.pnumber li strong {padding-left:30px}
.map-wrap ul.pnumber li strong.num1 {background:url(/skin/img/sub/ico-telephone.png) center left no-repeat}
.map-wrap ul.pnumber li strong.num2 {background:url(/skin/img/sub/ico-fax.png) center left no-repeat}
.map-wrap ul.pnumber li strong.num3 {background:url(/skin/img/sub/ico-phone.png) center left no-repeat}

/* 사업소개 > 줄눈, 실리콘시공 */
.business-wrap {}
.business-wrap .head-area {position:relative; width:100%; margin-bottom:50px}
.business-wrap .head-area.bg-const01 {}
.business-wrap .head-area.bg-const02 {min-height:280px; background:url(/skin/img/sub/business-top-img02.jpg) center center no-repeat}
.business-wrap .head-area .divide {position:absolute; left:28px; top:37px; width:32px; height:2px; margin-bottom:10px; background-color:#fff}
.business-wrap .head-area .txt1,
.business-wrap .head-area .txt2 {position:absolute; left:28px; text-align:left; color:#fff; letter-spacing:-.5px}
.business-wrap .head-area .txt1 {top:52px; font-size:26px}
.business-wrap .head-area .txt2 {top:105px; padding-right:10px; font-size:14px; line-height:24px}
.business-wrap .cont-area {}
.business-wrap .cont-area .detail-box {position:relative; margin-bottom:80px}
.business-wrap .cont-area .detail-box .tit {margin:0 0 40px; font-weight:bold; font-size:26px; color:#11547b}
.business-wrap .cont-area .detail-box .divide {position:absolute; left:0; top:-10px; width:32px; height:2px; background-color:#12557c}
.business-wrap .cont-area .detail-box .img {margin-bottom:28px}

/* 창업안내 > 창업안내 */
.guide-wrap .cont-area .nav-tabs {margin-bottom:80px}
.guide-wrap .cont-area .detail-box {position:relative; margin-bottom:80px}
.guide-wrap .cont-area .detail-box .tit {margin:0 0 40px; font-weight:bold; font-size:26px; color:#11547b}
.guide-wrap .cont-area .detail-box .divide {position:absolute; left:0; top:-10px; width:32px; height:2px; background-color:#12557c}
.guide-wrap .cont-area .detail-box .img {margin-bottom:28px}
.guide-wrap .cont-area .detail-box .info {margin-bottom:30px; font-size:13px; line-height:22px; vertical-align:middle; color:#676767}
.guide-wrap .cont-area .table-wrap {margin-bottom:55px}
.guide-wrap .cont-area .table-wrap h4.tit2 {font-size:18px; margin:0; margin-bottom:12px; line-height:22px}
.guide-wrap .cont-area .table-wrap table {border-top:2px solid #1279b4}
.guide-wrap .cont-area .table-wrap table th,
.guide-wrap .cont-area .table-wrap table td {height:42px; vertical-align:middle; font-size:13px; border:1px solid #dfdfdf}
.guide-wrap .cont-area .table-wrap table th {font-weight:normal; color:#292929; background-color:#fafafa}
.guide-wrap .cont-area .table-wrap table td {color:#5b5b5b}
.guide-wrap .cont-area .faq-list {}
.guide-wrap .cont-area .faq-list li {margin-bottom:45px; padding-bottom:45px; background:url(/skin/img/sub/bg-startup-line.png) bottom left repeat-x}
.guide-wrap .cont-area .faq-list li p.question {padding-left:36px; font-size:18px; color:#292929; line-height:38px; vertical-align:middle; background:url(/skin/img/sub/ico-faq.png) center left no-repeat}
.guide-wrap .cont-area .faq-list li p.answer {font-size:13px; color:#676767; line-height:22px; letter-spacing:-.5px}
.guide-wrap .cont-area .cscenter-box {position:relative; min-height:114px; padding:15px; border:1px solid transparent; border-radius:4px; background:url(/skin/img/sub/bg-nav-tabs.png) top left repeat}
.guide-wrap .cont-area .cscenter-box .info1 {font-size:18px; color:#fff; margin:17px 0 25px}
.guide-wrap .cont-area .cscenter-box .info2 {float:left; padding-right:35px; font-size:13px; color:#fff; margin-top:}
.guide-wrap .cont-area .cscenter-box .tel {display:inline; float:left; margin:0; margin-top:-12px; font-weight:bold; font-size:38px; color:#fff}
.guide-wrap .cont-area .cscenter-box .tel-img {margin:12px auto 0}

@media (max-width:767px){
	/* 사업소개 > 줄눈, 실리콘시공 */
	.business-wrap {}
	.business-wrap .head-area {position:relative; width:100%; margin-bottom:50px}
	.business-wrap .head-area.bg-const01 {min-height:240px; background:url(/skin/img/sub/business-top-img01.jpg) center center no-repeat}
	.business-wrap .head-area.bg-const02 {min-height:280px; background:url(/skin/img/sub/business-top-img02.jpg) center center no-repeat}
	.business-wrap .head-area .divide {position:absolute; left:28px; top:17px; width:32px; height:2px; margin-bottom:10px; background-color:#fff}
	.business-wrap .head-area .txt1,
	.business-wrap .head-area .txt2 {position:absolute; left:28px; text-align:left; color:#fff; letter-spacing:-.5px}
	.business-wrap .head-area .txt1 {top:22px; font-size:16px}
	.business-wrap .head-area .txt2 {top:65px; padding-right:10px; font-size:12px; line-height:24px}
	.business-wrap .cont-area {}
	.business-wrap .cont-area .detail-box {position:relative; margin-bottom:80px}
	.business-wrap .cont-area .detail-box .tit {margin:0 0 40px; font-weight:bold; font-size:26px; color:#11547b}
	.business-wrap .cont-area .detail-box .divide {position:absolute; left:0; top:-10px; width:32px; height:2px; background-color:#12557c}
	.business-wrap .cont-area .detail-box .img {margin-bottom:28px}

	.accomplish-wrap .cont-area .accom-box ul.list li {min-height:28px; padding-left:0; font-size:16px; color:#676767}
	.accomplish-wrap .cont-area .accom-box.pills ul.list li {min-height:28px; padding-left:20px; font-size:16px; color:#676767}
}