@charset "utf-8";


/* 공통 */
/*.subCntBody.clearfix>div{overflow:hidden;}*/

.subCntBody {font-size:15px;}

/* 05. 평가분류원소개 : 평가분류원연혁 */
.history_box .history_tit {position:absolute; left:0; top:0; width:300px; letter-spacing:-1px; z-index:3;}
.history_box .history_tit h3 {display:inline-block; padding:25px 50px 0 0; line-height:75px; font-size:50px; color:#111; background:url("/images/web/cvnci/sub_cnt/bg_history1.png") no-repeat right top;}
.history_box .history_tit p {margin-top:15px; font-size:16px; color:#111; }
.history_box .history_top p strong { font-family:"NotoM";}
.head_history {position:relative; margin-top:40px; border-top:1px solid #c8d1db;}
.head_history:before {content:""; display:block; clear:both; position:absolute; left:0; top:-3px; width:200px; height:5px; background:#053863;}
.head_history dl {position:relative; min-height:40px; padding:25px 0 25px 220px; border-bottom:1px solid #c8d1db;}
.head_history dl dt {position:absolute; left:0; top:25px; width:200px; text-align:center; font-size:28px; font-family:"NotoB"; color:#053863; letter-spacing:-1px;}
.head_history dl dd li  {position:relative; padding:5px 0 5px 120px; font-size:15px;}
.head_history dl dd li span {position:absolute; left:0; top:5px; width:100px; color:#111; font-family:"NotoM"; }

/* 상단 이미지 있을때 */
.history_top_ty1 {position:relative; }
.history_top_ty1 ul {min-height:165px; padding-top:20px; margin-left:320px; overflow:hidden; background:url("/images/web/cvnci/sub_cnt/bg_history3.png") no-repeat right top;}
.history_top_ty1 ul li {width:17%; margin:0 1.5%; float:left; font-size:14px; line-height:18px;}
.history_top_ty1 ul li img {display:block; width:100%; height:100%; margin-bottom:10px;}
.history_top_ty1 ul li span {display:block; color:#053863; font-family:"NotoM";}

/* 상단 이미지 없을때 */
.history_top_ty2 {position:relative; min-height:190px;  }
.history_top_ty2:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:262px; background:url("/images/web/cvnci/sub_cnt/bg_history2.png") no-repeat center top;}
.history_top_ty2 .img_history {position:absolute; right:0; top:0; width:415px; height:281px; background:url("/images/web/cvnci/sub_cnt/img_history.png") no-repeat left top; z-index:2;}

/* 05. 평가분류원소개 : 세관장소개 : 역대세관장 */
.gener_list {position:relative; overflow:hidden;}
.gener_list li {position:relative; width:18%; float:left; margin:0 0 15px 2%;}
.gener_list li:first-child {margin-left:0;}
.gener_list li:before {content:""; display:block; clear:both; position:absolute; left:10px; top:10px; width:100%; height:100%; background:url("/images/web/cvnci/sub_cnt/bg_greet3.png") repeat;}
.gener_list li div {position:relative; text-align:center; border:1px solid #b2b7c7; background:#fff;}
.gener_list li img {display:block; width:92px; height:105px; margin:0 auto; padding:20px 0; }
.gener_list li p {padding:15px; font-size:15px; border-top:1px dashed #b2b7c7; background:#f7f7f7;}
.gener_list li p strong {display:block; margin-bottom:5px; font-size:17px; color:#053863; font-family:'NotoM';}
	
/* 05. 평가분류원소개 : 세관장소개 : 인사말 */
.greet_top {position:relative; padding:0 20px 40px 0; overflow:hidden; letter-spacing:-1px;}
.greet_top p.img {position:absolute; left:40px; top:40px; z-index:2;}
.greet_top p.img img {width:140px; height:190px;}
.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/cvnci/sub_cnt/bg_greet3.png") repeat;}
.greet_top .inner {position:relative; height:155px; padding:35px 0 0 230px; color:#d0e5ff; font-size:20px; background:#155eb6 url("/images/web/cvnci/sub_cnt/bg_greet2.png") no-repeat right top;}
.greet_top .inner:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:240px; height:190px; background:url("/images/web/cvnci/sub_cnt/bg_greet1.png") no-repeat left top;}
.greet_top .inner p.txt1 {position:relative; padding:0 5px; font-size:32px; color:#fff; line-height:40px;}
.greet_top .inner p.txt2 {position:relative; display:inline-block; padding:0 5px; margin-bottom:15px; font-size:32px; color:#fff; line-height:40px; background:url("/images/web/cvnci/sub_cnt/bg_greet4.png") repeat-x left bottom;}
.greet_top .inner p.txt2 strong { font-family:"NotoB";}
.greet_top a {position:absolute; right:0; bottom:0; display:block; width:185px; height:60px; padding-left:65px; color:#fff; font-size:18px; font-family:"NotoM"; background:#e40431 url("/images/web/cvnci/sub_cnt/ico_greet.png") no-repeat 20px center;}
.greet_top a span {display:block; line-height:60px; background:url("/images/web/cvnci/sub_cnt/arr_greet.png") no-repeat right center;}

/* 05. 세관소개 : 찾아오시는길 : 인천세관오시는길 */
.directions_box .map_box {position:relative; overflow:hidden;}
.directions_box .root_daum_roughmap {width:100%; margin:-10px 0 0 -10px; border-radius:0;}

.directions_box .map_box2 {overflow:hidden;}
.directions_box .map_box2 .map_box50 {width:49%; float:left; margin:0 0 20px 2%; overflow:hidden;}
.directions_box .map_box2 .map_box50.odd {margin-left:0;}
.directions_box .address_box {position:relative; margin-top:-12px; padding:20px; color:#fff; border:1px solid #c8d1db; background:#555; }
.directions_box ul.dire_txt li {position:relative; padding:0 0 10px 10px; overflow:hidden;}
.directions_box ul.dire_txt li:before {content:""; display:block; clear:both;  position:absolute; left:0; top:9px; width:4px; height:4px; background:#053863;}
.directions_box ul.dire_txt li span {display:block; margin-bottom:5px; font-size:16px; font-family:"NotoM"; color:#000;}


/********** Media quary **********/
@media screen and (max-width:1400px){ 
	
	



}

@media screen and (max-width:1019px) {
	
	/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/
				
		/* 05. 평가분류원소개 : 평가분류원연혁 */
		.history_box .history_tit {position:relative; left:auto; top:auto; width:100%;}
		.history_box .history_tit p br {display:none; }
		.head_history dl {padding:15px 0 15px 0;}
		.head_history dl dt {position:relative; left:auto; top:auto; width:100%; margin-bottom:10px; font-size:22px; text-align:left;}
		.head_history dl dd li  {padding:5px 0 5px 100px;}
		.head_history dl dd li span {width:80px;}
		
		/* 상단 이미지 있을때 */
		.history_top_ty1 ul {margin-left:0; background-position:left bottom;}
		.history_top_ty1 ul li {width:17%; margin:0 1.5%;}

		/* 상단 이미지 없을때 */
		.history_top_ty2 {min-height:180px;  }
		.history_top_ty2:before {height:100%; background-size: auto 100%;}
		.history_top_ty2 .img_history {width:266px; height:180px; background-size:266px 180px;}		
		
		/* 05. 평가분류원소개 : 세관장소개 : 역대세관장 */
		.gener_list li {width:30%; margin:0 0 25px 4%;}
		.gener_list li:nth-last-child(2) {margin-left:0;}
		

	/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/
	
}

@media screen and (max-width:840px) {
	
		/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/
		
		/* 05. 평가분류원소개 : 세관장소개 : 인사말 */
		.greet_top .inner {padding:35px 0 0 210px; font-size:18px;}
		.greet_top .inner:before {height:100%;}
		.greet_top .inner p.txt1 {font-size:26px;}
		.greet_top .inner p.txt2 {font-size:26px; background-size:auto 15px;}
		
		/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/

}

@media screen and (max-width:768px) {	

	/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/
	
	/* 05. 평가분류원소개 : 세관장소개 : 인사말 */
		.greet_top {padding:50px 20px 40px 0;}
		.greet_top p.img {left:50%; top:0; margin-left:-50px;}
		.greet_top p.img img {width:100px; height:136px;}
		.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/cvnci/sub_cnt/bg_greet3.png") repeat;}
		.greet_top .inner {height:auto; padding:120px 15px 40px; font-size:18px; text-align:center; background-size:auto 100%;}
		.greet_top .inner:before {display:none;}
		.greet_top .inner p.txt1 {font-size:26px; line-height:35px;}
		.greet_top .inner p.txt2 {font-size:26px; line-height:35px;}
		.greet_top a {right:50%; margin-right:-125px;}
	
	/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/
	

}

@media screen and (max-width:640px) {
	
	

	/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/
		/* 05. 평가분류원소개 : 평가분류원연혁 */
		/* 상단 이미지 있을때 */
		.history_top_ty1 ul {background:none;}
		.history_top_ty1 ul li {position:relative; width:auto; min-height:60px; margin:10px 0 10px; padding:30px 0 0 130px; float:none; border-top:1px dashed #c8d1db; }
		.history_top_ty1 ul li:first-child {margin-top:0; border-top:none;}
		.history_top_ty1 ul li img {position:absolute; left:0; top:10px; width:107px; height:80px;}

		/* 상단 이미지 없을때 */
		.history_top_ty2 {min-height:120px;  }
		.history_top_ty2 .img_history {width:177px; height:120px; background-size:177px 120px;}
		
		/* 05.세청소개 : 세관장소개 : 역대세관장 */
		.gener_list li {width:45%; margin:0 0 25px 5%;}
		.gener_list li:nth-last-child(2) {margin-left:5%;}
		.gener_list li:nth-child(odd) {margin-left:0;}


	/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/

}

@media screen and (max-width:560px) {	

	

	/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/
		/* 05. 평가분류원소개 : 세관장소개 : 인사말 */
		.greet_top .inner {font-size:15px;}
		.greet_top .inner p.txt1 {font-size:20px; line-height:30px;}
		.greet_top .inner p.txt2 {font-size:18px; line-height:30px;}

	/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/

}

@media screen and (max-width:480px) {
	
	/* S : 05. 평가분류원소개 ***********************************************************************************************************************************************/

	/* 05.세청소개 : 세관장소개 : 역대세관장 */
	.gener_list li p {font-size:12px;}
	
	/* E : 05. 평가분류원소개 // *********************************************************************************************************************************************/

}

@media screen and (max-width :380px) {
	



}