/* 서브레이아웃 */
.bl { border-left:solid 1px #dcdcdc; }
.br { border-right:solid 1px #dcdcdc; }
.bt { border-top:solid 1px #dcdcdc; }
.bb { border-bottom:solid 1px #dcdcdc; }
.bb_d { border-bottom:dashed 1px #dcdcdc; }

/********** 테이블 스타일 **********/
.t_tit {
	color:#323232;
	padding:8px 0 8px 20px;
	font-size:15px;
	background-color:#fafafa;
}
.t_tit1 {
	color:#323232;
	padding:6px 0;
	font-size:15px;
	background-color:#fafafa;
	text-align:center;
}
.t_txt {
	color:#505050;
	padding:8px 0 8px 20px;
	font-size:15px;
	font-family:'NotoSansKR L';
}
.t_txt1 {
	color:#505050;
	padding:3px 0;
	font-size:15px;
	font-family:'NotoSansKR L';
	text-align:center;
}


/****************** 네비박스 ******************/
#navi_wrap {
	float:left;
	width:100%;
	height:50px;
	background:#0c4da2;
}
#navi {
	width:1200px;
	height:50px;
	margin:0 auto;
	position:relative;
}
#navi ul {
    float: left;
	width:1200px;
	height:50px;
}
#navi ul li {
	float:left;
	width:298px;
	height:50px;
	line-height:48px;
	border-left:solid 1px #dcdcdc;
}
#navi ul li:last-child {
	border-right:solid 1px #dcdcdc;
}
#navi ul li a {
	display:block;
	width:100%;
	height:100%;
	font-size:18px;
	color:#fff;
	text-align:center;
}
#navi > ul > li > a:hover {
	color:#0c4da2;
	background-color:#fff;
    border: solid 3px #0c4da2;
    box-sizing: border-box;
    line-height:42px;
}
#navi > ul > li > a.on {
	background-color:#fff;
	font-weight:bold;
}


/****************** 타이틀박스 ******************/
#title_wrap {
	float:left;
	width:100%;
}
#title {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#title p {
	float:left;
	width:100%;
	font-size:40px;
	padding:50px 0 30px 0;
	text-align:center;
    font-family:'NotoSansKR R';
	letter-spacing:-1px;
}
#title .tit_logo > ul {
	position:absolute;
	right:0;
	top:54px;
}
#title .tit_logo > ul li {
	float:left;
	margin-left:20px;
}
#title > ul {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#title > ul li {
    float: left;
    width: 240px;
    height: 40px;
    cursor: pointer;
    background-color: #fff;
    border-left: solid 1px #e6e6e6;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #9bba3c;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
}
#title > ul.tab3 li {
    width: 400px;
}
#title > ul.tab4 li {
    width: 300px;
}
#title > ul li:last-child {
    border-right: solid 1px #e6e6e6;
}
#title > ul li a {
    display: block;
    width: 100%;
    height: 100%;
	letter-spacing:-0.4px;
}
#title > ul li a:hover {
    color: #9bba3c;
}
#title > ul li.on a {
    background: #9bba3c;
    color: #fff;
    border: none;
}


/****************** 서브페이지 컨텐츠 기본박스 ******************/
#content_wrap {
	float:left;
	width:100%;
}
#content {
	width:1200px;
	margin:0 auto;
	position:relative;
}

.info_box {
	float:left;
	width:100%;
	font-size:18px;
	color:#505050;
	line-height:26px;
	text-align:justify;
	min-height:350px;
	font-family:'NotoSansKR L';
}
.info_box h4 {
	display:inline-block;
	width:100%;
	background:url(../images/sub/tit_icon.gif) no-repeat left center;
	font-size:20px;
	font-family:'NotoSansKR R';
	color:#323232;
	padding-left:20px;
	margin-bottom:10px;
	box-sizing:border-box;
}
.info_box p {
	float:left;
	width:100%;
	margin-bottom:30px;
}
.info_box div {
	float:left;
}

/****************** 회사소개 ******************/
.com_t1 {
	width:100%;
	font-size:30px;
	line-height:40px;
	font-family:'NotoSansKR R';
	color:#df6d27;
	margin-bottom:30px;
	text-align:center;
}
.com_bg {
	background:url(../images/sub/com_bg.jpg) no-repeat right 50px;
}
.logo_list {
	float:left;
	width:100%;
	margin-top:40px;
}
.logo_list li {
	float:left;
	width:232px;
	height:100px;
	line-height:93px;
	margin-right:10px;
	border:solid 1px #dcdcdc;
	box-sizing:border-box;
	text-align:center;
	margin-top:10px;
}
.logo_list li:nth-child(5n) {
	margin-right:0;	
}

.greeting_t1 {
	width:700px;
	font-size:28px;
	line-height:40px;
	font-family:'NotoSansKR R';
	color:#323232;
	margin-bottom:30px;
}
.greeting_bg {
	background:url(../images/sub/greeting_bg.png) no-repeat right 45px;
}
.greeting_t2 {
	width:700px;
}
.greeting_t3 {
	width:700px;
	text-align:right;
	padding-top:10px;
}
.greeting_t3 span {
	font-size:24px;
	color:#323232;
	font-family:'NotoSansKR M';
}


/****************** 회사연혁 ******************/
.his {
	float:left;
	width:1200px;	
}
.his > dl {
	float:left;
	width:1200px;
}
.his > dl > dt {
	float:left;
	width:220px;
	background-color:#005cb9;
	color:#fff;
	font-size:28px;
	text-align:center;
	font-family:'NotoSansKR R';
}
.his > dl > dd {
	float:right;
	width:920px;
	padding:10px 0 10px 30px;
	border-top:solid 1px #dcdcdc;
	border-bottom:solid 1px #dcdcdc;
}
.his > dl > dd > p {
	float:left;
	width:890px;
	background:url(../images/sub/dot.gif) no-repeat left 11px;
	padding-left:15px;
	font-size:16px;
	margin-bottom:0;
}


/****************** 인증서 ******************/
.cert_box {
    float: left;
    width: 1200px;
}
.cert_box ul {
    float: left;
    width: 1200px;
}
.cert_box ul li {
    float: left;
    width: 224px;
    margin:0 20px 20px 0;
    box-sizing: border-box;
	text-align:center;
	font-size:16px;
	font-family:'NotoSansKR L';
	line-height:22px;
}
.cert_box ul li:nth-child(5n) {
    margin-right:0;
}
.cert_box ul li img {
    width: 222px;
	border: solid 1px #dcdcdc;
	margin-bottom:5px;
}


/****************** 조직도 ******************/
.org_t {
	width:100%;
	font-size:24px;
	margin:20px 0 40px;
	text-align:center;
	line-height:34px;
}


/****************** 제품소개 ******************/
.gallery_box {
    float: left;
    width: 1200px;
}
.gallery_box h4 {
	display:inline-block;
	background:url(../images/sub/tit_icon.gif) no-repeat left center;
	font-size:20px;
	font-family:'NotoSansKR R';
	color:#323232;
	padding-left:20px;
	margin-bottom:10px;
}
.gallery_box ul {
    float: left;
    width: 1200px;
}
.gallery_box ul li {
    float: left;
    width: 285px;
    margin:0 20px 20px 0;
    box-sizing: border-box;
	text-align:center;
	font-size:16px;
	font-family:'NotoSansKR L';
	line-height:22px;
	position:relative;
}
.gallery_box ul li:nth-child(4n) {
    margin-right:0;
}
.gallery_box ul li a > img {
    width: 283px;
	border: solid 1px #dcdcdc;
	margin-bottom:3px;
}
.gallery_box ul li .mark {
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:285px;
	height:195px;
	line-height:195px;
	opacity:0.5;
}
.gallery_box ul li .mark img {	
	border: none;
}


.inq_tit {
	width:150px;
	font-weight:bold;
	background:#fafafa;
	padding:0 0 0 20px;
	font-size:14px;
}
.inq_txt {
	padding:10px 0 10px 20px;
	font-size:14px;
}
.send_btn a { 
	background:#0c4da2;
	color:#fff;
	padding:10px 30px;
	font-size:16px;
	font-weight:bold;
	border-radius:3px;
}