@charset "utf-8";

.subCntBody {font-size:15px;}

/* S : 05. 세관소개 ***********************************************************************************************************************************************/
/* 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/anyang/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/anyang/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/anyang/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/anyang/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/anyang/sub_cnt/ico_greet.png") no-repeat 20px center;}
.greet_top a span {display:block; line-height:60px; background:url("/images/web/anyang/sub_cnt/arr_greet.png") no-repeat right center;}

/* 05. 세관소개 : 연혁및특성  */
@media screen and (max-width:375px){
	.sub0502 .history_box .box_st1 img:nth-child(n+2){margin-top:10px;}
}

.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/anyang/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; padding-top:40px}
.head_history:before {content:""; display:block; clear:both; position:absolute; left:0; top:-3px; width:200px; height:5px; background:#053863;}

/* 상단 이미지 없을때 */
.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/anyang/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/anyang/sub_cnt/img_history.png") no-repeat left top; z-index:2;}

.cmptnc_box {position:relative; padding:30px 25px; background:#053863}

/* 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 .address_box {position:relative; margin-top:-12px; padding:20px; color:#fff; border:1px solid #c8d1db; background:#555; }

.sub0506 .directions_box .address_box li{color:#fff;}
.sub0506 .directions_box .address_box li:before{background-color:#ccc;}

/* E : 05. 세관소개 // *********************************************************************************************************************************************/


/********** 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; }
	
	/* 상단 이미지 없을때 */
	.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;}
	/* E : 04. 세관소개 // *********************************************************************************************************************************************/

}

@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 : 04. 세관소개 // *********************************************************************************************************************************************/



}

@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/anyang/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;}


	/* 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:20px; line-height:30px;}

	/* E : 05. 세관소개 // *********************************************************************************************************************************************/

}

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

}

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



}