@charset "utf-8";
/* 준비중페이지 */
#ready{text-align:center; background:url(../img/common/ready.png) no-repeat 50% 0; margin:80px 0;  
        padding-top:130px; font-size:1.5em; line-height:1.3em; color:#333;}
#ready strong{font-weight:600; color:#23B1BD;}
#ready p{font-size:0.8em; color:#666;}

/*서브-상단비주얼 */
#svisual{width:100%; height:193px; background: url(../img/main/sub_main_bg.jpg) no-repeat center 97%; min-width:1100px;}
#svisual .svisual_in{width:1100px; margin:0 auto; height:193px; text-align:center; color:#FFF; letter-spacing:-1.2px; }
#svisual .svisual_in .s_text h2{font-size:35px; font-weight:bold; padding-top:50px; text-shadow:1px 2px 5px #000;}
#svisual .svisual_in .s_text p{font-size:18px; padding-top:20px; text-shadow:1px 1px 3px #000;}

#svisual #slogan{position:relative; z-index:10; margin:0 auto; text-align:center;    z-index: 9 !important;}
#svisual #slogan span,#svisual #slogan p{opacity:0; position:absolute; right:50%; color:#FFF;}
/*#slogan .logo{top:50px; font-size:2.5em; letter-spacing:10px; font-family: 'Dosis', sans-serif; font-weight:500;}*/
#svisual #slogan .tit{top:0; font-size:2em; letter-spacing:0.5em; display:inline-block; padding:5px 15px; margin-right:-285px; }
#svisual #slogan .s1{top:0; font-size:7em; line-height:1.8em; font-weight: bold; margin-right:-268px;}

@media (max-width: 991px) {
#svisual{height:120px; background: url(../img/main/m_img01.jpg) no-repeat center top; background-size:cover; min-width:100%;display: none;}
#svisual .svisual_in{width:100%; height:120px; }
#svisual .svisual_in .s_text h2{font-size:20px; padding-top:25px; }
#svisual .svisual_in .s_text p{font-size:14px; padding-top:10px;}
}
/*3차메뉴*/
.title02{ color:#787878;}




/****************내용작업****************/
/*공통*/
.contents{ display: inline-block;width: 100%;}
.contents .imgs{ margin: 30px 0;    display: inline-block;width: 100%;    min-width: 850px;}
.height{line-height: 6em;}
.contents h1{ background: url(../img/common/c_icon10.gif) no-repeat left center; font-weight: bold; font-size: 2em; padding-left: 25px; margin-bottom: 15px;}
.contents h2{ font-weight: bold; font-size: 1.3em; text-align: left; line-height: 2.5em;}
.contents h3{ font-weight: bold; font-size: 1.5em; text-align: center; line-height: 2.5em; margin-bottom: 30px; margin-top: 30px;}
.contents p{ line-height: 2em; font-size: 1.2em; background:url(../img/common/arrow.jpg) no-repeat left 11px; padding-left: 10px; word-break: keep-all;}
.contents strong{  font-weight: normal;}
.contents .border img{margin-bottom: 0;}
.contents .border{ border: 1px solid #ddd; border-radius: 15px; box-shadow: 2px 2px 2px #ddd; width:47%;  display: inline-block;padding:15px; margin: 15px;}
.contents .border02{ border: 1px solid #ddd; border-radius: 15px; box-shadow: 2px 2px 2px #ddd; width: 100%; background: #01a242; color: #fff; display: inline-block;padding:15px;}
.border a{ border: 1px solid #ddd; background: #f1f1f1; border-radius: 8px; padding:7px 0px;display: block;text-align: center; font-size: 1.2em;}
.border a:hover{ background: #01a242; color: #fff; transition: 0.3s; }
.business03_2 h2{ margin-bottom: 30px; text-align: center;}
.business03_2 img{ margin-bottom: 0px;}
.menuer04 .border{width: 47%; margin: 5px 4px; float:left;margin: 15px;}
@media (max-width: 991px) {
.contents .imgs{  min-width: 100%;}
.contents .border{ padding: 30px 15px;}
.contents h3{ margin-bottom: 20px;}
.menuer04 .border{width: 100%; margin: 5px 0px; }
.contents img{ width: 100% !important;height: auto !important;}
.contents .border{ width:100%; margin:5px 0px; }
}




/*인사말 및 오시는 길*/
.greet{ background:url(../img/sub/greet_bg.jpg) no-repeat right 30px;background-size: 230px;    margin-bottom: 50px;}
.greet .info{font-size:3.8em; line-height:1.4em; color:#333; margin-bottom:20px;}
.greet .info .point{color:#33548a; font-weight:bold;}
.greet .info .point2{color:#3498b5; font-weight:bold;}
.greet div{font-size:16px; line-height:2em; color:#333;}
.greet .greet_right{     margin-top: 20px;font-weight: bold;}
.map{z-index:0; margin-top:50px;}
.map_table{width:100%; border-collapse:separate; border-spacing:0px; margin-top:33px;}
.map_table th{width:95px; color:#333; text-align:left; padding:10px 0 10px 0; border-bottom:1px dashed #d4d4d4; vertical-align:top; font-size:16px;}
.map_table td{border-bottom:1px dashed #d4d4d4; padding:8px 0 8px 10px; font-size:15px; color:#666;} 
@media (max-width: 991px) {
.greet{ background:none; text-align:center; width:100%;  margin-bottom: 20px;}
.greet .info{font-size:30px;}
.greet .col-xs-12 { padding: 0;}
.greet .col-xs-12 img{ width: 100%;}
.greet03 img{ width:100% !important;}
.greet div{font-size:13px; line-height:1.7em;text-align: left;}
.map_table{width:100%;margin-top:20px;}
.map_table th{width:20%;font-size:13px;}
.map_table td{font-size:12px;} 
}
/* 절차 */
.step{position:relative; width:100%; margin:30px auto;}
.step dl{background:#F3F3F3; padding:24px 15px; margin-top:20px; position:relative; border-radius:30px; border-bottom:3px solid #CCC; width:100%; box-sizing:border-box;}
.step dt{text-align:center; font-size:1.2em; line-height:30px; color:#000; width:100%; display:inline-block; vertical-align:middle; text-shadow:2px 2px 0px #fff;}
.step dt span{ display:block; color:#64B5BF; font-weight:bold; margin-right:3px;font-size: 1.8em;}
.step dd{width:70%; display:inline-block; vertical-align:middle; line-height:1.8em;}
.step span.arrow{display:block; background:url(../img/common/step_arrow.png) no-repeat 50%/auto 100%; width:90%; height:30px;}
/* 연혁 */
.history{}
.history h4{font-size:1.8em; margin:20px 0; background:url(../img/sub/h3_arrow.png) no-repeat 0 50%; padding-left:22px; color:#2E74E3;}
.history dl{position:relative; padding-bottom:10px; margin-bottom:20px; border-left:1px solid #CCC;}
.history dl dt{font-size:1.3em; line-height:1.5em; margin-top:5px; font-weight:600; margin-bottom:-40px; background:#2257AA; color:#fff; border-radius:0 30px 30px 0; 
				display:block; width:100px; padding:5px 10px; border-bottom:3px solid #90ABD4;}
/*.history dl dt:before{content:""; display:inline-block; width:3px; height:3px; border-radius:50%; background:#fff; border:3px solid #6297EA; margin-right:3px; vertical-align:top;} */
.history dl dd{margin-left:140px; line-height: 2em; font-size: 1.2em;}
.history dl dd span{display:inline-block; width:60px; margin-right:10px; color:#002952; font-weight:600; font-size:1.2em;}
.history .col-xs-6 img{ width: 100%;}
.history .col-xs-6 p{ text-align: center; font-weight: bold; padding: 15px 0; font-size: 1.2em;}
@media (max-width: 991px) {
.history dl dt{ width: 64px;} 
.history dl dd{margin-left:77px;}
.history dl dd span{ width:100%;}
.history .col-xs-6 p{ height:72px }
#company .col-xs-12 img{ width: 100%;}
.history .col-xs-12 p{ text-align: center; font-weight: bold; padding: 15px 0; font-size: 1.2em;}
	
}

.fontup{ font-size:1.3em;}
.businessimg div{text-align: center; height: 260px;}
.businessimg02 div{text-align: center;}
.menuerimg{text-align:center; margin-bottom: 15px;}
@media (max-width: 991px) {
.businessimg div{ height: auto;}	
}

/*사업분야 탭*/
ul.tab{height: 100px;}
ul.tab li{width:33%;float:left; text-align:center;}
ul.tab li a{display:block; background:#f7f7f7;  border:1px solid #ddd;text-decoration:none; padding: 15px 0;}
ul.tab li a.selected{border-bottom:none; height:29px; background:#FFF; color:#01a242; font-weight:bold;}


/*사업분야 탭*/
ul.tab02{height: 100px;}
ul.tab02 li{width:25%;float:left; text-align:center;}
ul.tab02 li a{display:block; background:#f7f7f7;  border:1px solid #ddd;text-decoration:none; padding: 15px 0;}
ul.tab02 li a.selected{border-bottom:none; height:29px; background:#FFF; color:#01a242; font-weight:bold;}


/*테이블*/
.cha_table{width:100%; border-top:2px solid #353535; background:#ffffff; margin:10px 0 10px 0; line-height:1.2em; text-align:center; border-collapse:collapse; }
.cha_table caption{display:none;}
.cha_table tr th{font-weight:bold; border:1px solid #e1e1e1; background:#ededed; padding:14px; font-size:1.1em; text-align: center;}
.cha_table td{border:1px solid #e1e1e1; padding:12px; color:#666;}
.cha_table tr.color td{background:#f5fafb;}
.cha_table td.end{color:#3270bd;}
.cha_table .br{display:none;}
@media (max-width: 767px) {
.cha_table tr th{padding:5px;}
.cha_table td{padding:5px;}
.cha_table .br{display:block;}

}


/*ty-guide 링크*/
#ty_guide_font {font-size:15px; position:absolute; background-color:#f2f2f2; border:1px solid #e8e8e8; padding:6px 18px; border-radius:4px; letter-spacing:-1px; color:#000; margin-top:-100px;  text-align:center;}


@media (max-width: 860px) {

#ty_guide_font {font-size:11px; position:absolute; background-color:#f2f2f2; border:1px solid #e8e8e8; padding:2px 6px; border-radius:4px; letter-spacing:-1px; color:#000; margin-top:-100px; margin-left:3px;}
}




.slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

#example1 .sp-thumbnail {
	width: 100%;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#example1 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example1 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 860px) {
	#example1 .hide-medium-screen {
		display: none;
	}
}

@media (max-width: 640px) {
	#example1 .sp-layer {
		font-size: 12px;
	}

	#example1 .hide-small-screen {
		display: none;
	}
}

@media (max-width: 500px) {
	#example1 .sp-thumbnail {
		text-align: center;
	}

	#example1 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example1 .sp-thumbnail-description {
		display: none;
	}
}

/* Example 3 */

#example3 .sp-selected-thumbnail {
	border: 4px solid #000;
}

/* Example 4 */

#example4 .sp-slides-container {
	background-color: #F4F4F4;
}

#example4 h3 {
	margin: 0 0 10px 0;
}

#example4 p {
	margin: 0 0 30px 0;
}

#example4 .sp-thumbnail-container {
	width: 200px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 10px;
}

#example4 .sp-image-text {
	background: rgba( 80, 80, 80, 0.5 );
	color: #FFF;
	padding: 20px;
}

.links {
	text-align: center;
	margin-top: 10px;
}

/* Example 5 */

#example5 .sp-thumbnail-image-container {
	width: 100px;
	height: 80px;
	overflow: hidden;
	float: left;
}

#example5 .sp-thumbnail-image {
	height: 100%;
}

#example5 .sp-thumbnail-text {
	width: 170px;
    float: right;
    padding: 8px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}


/*장비 시설현황*/
.greet03{}
.g3_box{ margin-bottom:60px;}
.g3_box:after{ display:block; content:""; clear:both;}
.g3_box h2{ font-size:1.8em; font-weight:bold; color:#222; margin-bottom:20px; background: url(../img/common/c_icon10.gif) no-repeat left 0px; padding-left: 25px;}
.g3_box dl{ float:left; width:calc(50% - 20px); margin:0 10px;}
.g3_box dt{}
.g3_box dt img{ width:100%;}
.g3_box dd{ background:#004c80; color:#fff; font-size:1.3em; padding:40px 30px; box-sizing:border-box;}
.g3_box dd.dd{ background:#d9d9d9; color:#444;}
.g3_box dd.dd2{ height:645px; padding:50px 40px;}
.g3_box dd h3{ font-size:1.1em; font-weight:bold; margin-bottom:20px;}
.g3_box dd li{ line-height:2em; position:relative; padding-left:12px;}
.g3_box dd li strong{ display:inline-block; width:85px;}
.g3_box dd li:before{ display:block; content:""; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; top:11px; left:0px;}
.g3_box dd.dd li:before{ background:#444;}
@media (max-width: 991px) {
.g3_box{ margin-bottom:40px;}
.g3_box h2{ font-size:1.5em; margin-bottom:10px; padding-left:20px;}
.g3_box dl{ float:none; width:100%; margin:10px 0px;}
.g3_box dd{ font-size:1.1em; padding:20px 20px;}
.g3_box dd.dd2{ height:auto; padding:20px 20px;}
.g3_box dd h3{ margin-bottom:10px;}
.g3_box dd li{ line-height:1.6em; padding-left:10px;}
.g3_box dd li strong{ width:70px;}
.g3_box dd li:before{ top:7px;}
}