/* 공통 */
.maTop12 {margin-top:12px !important;}
.maTop14 {margin-top:14px !important;}
.maTop20 {margin-top:20px !important;}
.maTop30 {margin-top:30px !important;}
.maTop60 {margin-top:60px !important;}
.maBottom10 {margin-bottom:10px !important;}
.maBottom20 {margin-bottom:20px !important;}
.maBottom30 {margin-bottom:30px !important;}
.maBottom40 {margin-bottom:40px !important;}
.maBottom50 {margin-bottom:50px !important;}
.maBottom60 {margin-bottom:60px !important;}
.maBottom80 {margin-bottom:80px !important;}
.maRight6 {margin-right:6px !important;}
.maRight1per {margin-right:1% !important;}
.paTopBottm50 {padding-top:50px !important;padding-bottom:50px !important;}
.paLeft16 {padding-left:16px !important;}
.paLeft29 {padding-left:29px !important;}
.paLeft52 {padding-left:52px !important;}
.paTop10 {padding-top:10px !important;}
.paBottom40 {padding-bottom:40px !important;}
.C2858ad {color:#2858ad !important;}
.Cff3f3f {color:#ff3f3f !important;}
.clear_wrap {width:100%; overflow:hidden;}
.fLeft {float:left !important;}
.fRight {float:right !important;}
.vAlignM {vertical-align:middle !important;}
.text_left {text-align:left !important}
.text_right {text-align:right !important}
.text_center {text-align:center !important}
.bold {font-weight:bold}
.word_break {word-break:keep-all}
.con_box {position:relative; width:100%; font-weight:400; margin-bottom:30px; word-break:keep-all; }

h4.sub_title01 {font-size:23px; color:#295ba4; font-weight:700; margin:0 0 5px 0px; padding-left:35px; line-height:40px; background:url('../img/sub/icon_title01.jpg') no-repeat  0 7px}
h5.sub_title02 {font-size:20px; color:#0b2d5f; font-weight:500; margin:0 0 5px 17px; padding-left:20px; background:url('../img/sub/icon_title02.jpg') no-repeat 0 10px}

/* 표1 */
.tbl01 {width:100%; border-collapse:collapse; border-top:2px solid #012b5d; }
.tbl01 caption {height:0; text-indent:-9999px;}
.tbl01 th, .tbl01 td {padding:7px; border:1px solid #dedee1;
	transition:padding 200ms ease-out 0s;
	-webkit-transition: padding 200ms ease-out 0s;
	-o-transition: padding 200ms ease-out 0s;
	}
@media screen and (max-width: 480px) {
	.tbl01 th, .tbl01 td {padding:3px; font-size:14px; }
}
.tbl01 thead th, .tbl01 tbody th {font-weight:500; color:#000;background:#f7f7f9;}
.tbl01 th:first-child, .tbl01 td:first-child {border-left:0px;}
.tbl01 th:last-child, .tbl01 td:last-child {border-right:0px;}
.tbl01_center td {text-align:center; color:#666;}
.tbl01_left td {text-align:left; color:#666;}
.tbl01 td ul li {font-size:14px; margin-left:5px; padding-bottom:4px; padding-left:10px; background:url('../img/sub/icon_list01.jpg') no-repeat 0 10px}
.tbl_mobile {display:none; }
@media screen and (max-width:600px) {
	.tbl_pc {display:none}
	.tbl_mobile {display:block}
}

/*탭1*/
.tab {list-style:none; margin-bottom:40px; overflow: hidden; }
.tab li{float:left; margin:0; cursor:pointer; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; 
		height:45px; line-height:43px; display:inline-block; color:#8b8b8b; text-align:center; text-decoration:none;
		background: #f8f8f8; font-size:17px; transition:0.3s; }
.tab li:last-child {border-right:1px solid #e3e3e3;}
.tabcontent {display: none;}
ul.tab li.current {color:#0056b8; border:1px solid #0056b8; font-weight:bold; background: #fff;}
ul.tab li a {display: block; }
ul.tab li:hover {display: block; color:#0056b8; border:1px solid #0056b8; font-weight:bold; background: #fff;}
.tabcontent.current {display: block;}
.tab_wid2 li {width:49.3%}
.tab_wid3 li {width:33.3333%}
.tab_wid4 li {width:25%}
.tab_wid5 li {width:20%}
.tab_wid6 li {width:16%}
.tab_wid7 li {width:14%}
.tab_wid8 li {width:12.5%}

/*내용*/
.sub_top_title {width:100%; font-size:19px; font-weight:400; color:#313131; padding-bottom:30px; margin-bottom:30px; letter-spacing:-1px; 
	background:url('../img/sub/img12_logo3.png') no-repeat #f9f9f9 right 30px bottom; word-break:keep-all;}
.sub_top_title p {margin:0px 0 20px 6%; line-height:28px}
.sub_top_title p span {font-weight:500; color:#000; font-size:21px}
.sub_top_title p .span_small {font-size:15px; font-weight:400; color:#313131;}
.sub_top_title img {margin-left:6%}

/*인사말*/
.intro_top {width:100%; margin-bottom:30px; word-break:keep-all; transition:0.3s;
	background:url('../img/sub/img11_top_bg.png') no-repeat #f9f9f9 right 30px bottom 30px;}
.intro_top img {padding:30px 0 30px 30px }
.intro_top .text01 {padding:70px 0 0px 10px; font-size:27px; font-weight:300; color:#313131; letter-spacing:-1px; }
.intro_top .text01 span {font-weight:700; color:#000}
.intro_top .text02 {padding:0px 0 0 10px; font-size:12px; font-weight:300; color:#313131;  }
.intro_wrap {width:100%; background:url('../img/sub/img11_bot_bg.jpg') no-repeat right bottom;
	font-size:16px; line-height:30px; word-break:keep-all; transition:0.3s;}
.intro_wrap .text {width:600px; padding-left:4%; font-size:17px; font-weight:400}

@media screen and (max-width:670px) {
	.intro_top {padding-bottom:70px; background-size:50%}
	.intro_top img {padding:30px 0 10px 30px }
	.intro_top .text01 {padding:0px 0 0px 20px;}
	.intro_top .text02 {padding:0px 0 0px 20px;}
	.intro_wrap {width:100%; background-size:90%}
	.intro_wrap .text {width:auto; padding:10px}
}

/*연혁*/
.his_bold {line-height:70px !important ; width:420px; font-weight:900; font-size:80px; color:#c0c0c0; transition:0.5s;}
.his_right {margin:10px 0 0 0 !important; transition:0.5s;}
.his_wrap01 {width:100%; background:url('../img/sub/img_his_bg.png') no-repeat right 30px bottom; }
.his_wrap01 dl {border-left:1px solid #ddd; margin-left:6%; padding-bottom:20px}
.his_wrap01 dl dt {line-height:50px; font-weight:900; font-size:35px; color:#0056b8; margin:0 0 10px 60px}
.his_wrap01 dl dd span {font-weight:600; margin-right:10px}
.his_wrap01 dl dd {margin-left:-10px; padding:0 0 10px 70px}
.his_wrap01 dl dd.his_dot1 {background:url('../img/sub/img_his_dot1.png') no-repeat 0 4px}
.his_wrap01 dl dd.his_dot2 {background:url('../img/sub/img_his_dot2.png') no-repeat 0 4px}
.his_wrap01 dl dd.his_dot3 {background:url('../img/sub/img_his_dot3.png') no-repeat 0 4px}
.his_wrap01 dl dd p {font-weight:600; margin-right:10px; font-size:25px; color:#0056b8}
.his_wrap01 dl dt.tour_dl {background:url('../img/sub/img_his_dot1.png') no-repeat 0 4px;}
.his_wrap01 .tour_dl span {line-height: 30px;font-weight: 900;font-size: 25px;color: #0056b8;margin: 0 0 10px 60px;}
.his_wrap01 dl dd.his_vi1 {background:url('../img/sub/img_his_vi1.png') no-repeat 0 4px}

@media screen and (max-width:860px) {
	.his_right {margin:0px 0 20px 6% !important}
	.his_wrap01 {background-size:80%; background-position:right bottom}
}
@media screen and (max-width:450px) {
	.his_bold {font-size:60px; }
}

/*사업분야*/
.img_pc {display:block;}
.img_tab {display:none;}
.img_mobile {display:none;}
@media screen and (max-width:1115px) {
	.img_pc img, .img_tab img, .img_mobile img {width:100%}
}
@media screen and (max-width:800px) {
	.img_pc {display:none;}
	.img_tab {display:block;}
	.img_mobile {display:none;}
}
@media screen and (max-width:550px) {
	.img_pc {display:none;}
	.img_tab {display:none;}
	.img_mobile {display:block;}
	.img_550px_100 img {width:100%}
}

/*LAY-OUT*/
.lay_out_box {position:relative; width:100%; margin-bottom:30px; word-break:keep-all; }
.lay_out_box img{width:100%; text-align:center;}


/*공정투어*/
.sub_tour_1014 {width:100%; text-align:center;} 
.sub_tour_960 {display:none;}
.sub_tour_480 {display:none;}

@media screen and (max-width: 1115px) {
.sub_tour_1014 img {width:100%; padding:0 10px}
}
@media screen and (max-width: 650px) {
.sub_tour_1014 img {display:none;}
.sub_tour_960 {display:block;}
.sub_tour_960 img {width:100%; padding:0 3%}
}

@media screen and (max-width: 480px) {
.sub_tour_1014 {display:none;}
.sub_tour_960 {display:none;}
.sub_tour_480 {display:block; }
.sub_tour_480 img {width:100%; padding:0 0px}
}

/*인증서현황*/
.sub_m_1014ij {width:100%; text-align:center;} 
.sub_m_960ij {display:none;}
.sub_m_ij {display:none;}

@media screen and (max-width: 1115px) {
.sub_m_1014ij img {width:100%; padding:0 10px}
}
@media screen and (max-width: 650px) {
.sub_m_1014ij img {display:none;}
.sub_m_960ij {display:block;}
.sub_m_960ij img {width:100%; padding:0 3%}
}

@media screen and (max-width: 480px) {
.sub_m_1014ij {display:none;}
.sub_m_960ij {display:none;}
.sub_m_ij {display:block; }
.sub_m_ij img {width:100%; padding:0 0px}
}

/*기술협력 현황*/
.sub_con1014_hp_01 {width:100%; text-align:center;} 
.sub_con960_hp_01 {display:none;}
.sub_con_hp_01 {display:none;}

@media screen and (max-width: 1115px) {
.sub_con1014_hp_01 img {width:100%; padding:0 10px}
}
@media screen and (max-width: 780px) {
.sub_con1014_hp_01 img {display:none;}
.sub_con960_hp_01 {display:block;}
.sub_con960_hp_01 img {width:100%; padding:0 3%}
}

@media screen and (max-width: 480px) {
.sub_con1014_hp_01 {display:none;}
.sub_con960_hp_01 {display:none;}
.sub_con_hp_01 {display:block; }
.sub_con_hp_01 img {width:100%; padding:0 0px}
}