@charset "utf-8";


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

.subCntBody {font-size:15px;}

/* 순서도 */
.num_list_w {overflow:hidden;}
.num_list_w li {position:relative; width:22%; padding:10px 4% 10px 0; float:left; font-size:16px; color:#333;}
.num_list_w li:before {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; width:27px; height:18px; margin-top:-9px; background:url('/images/web/daegu/sub_cnt/bg_arr_w.png') no-repeat left top;}
.num_list_w li.last {padding-right:0;}
.num_list_w li.last:before {display:none;}
.num_list_w li .ol_txt {position:relative; padding:15px 15px 15px 65px; border:1px solid #d3d3d3;}
.num_list_w li .ol_txt span {position:absolute; left:10px; top:-10px; display:block; width:50px; height:50px; line-height:50px; color:#fff; text-align:center; font-family:'NotoB'; z-index:2;}
.num_list_w li .ol_txt span.num_navy {background:#053963 url('/images/web/daegu/sub_cnt/bg_numBox.png') no-repeat center;}
.num_list_w li .ol_txt span.num_red {background:#f5012a url('/images/web/daegu/sub_cnt/bg_numBox.png') no-repeat center;}

.num_list_w.w30 li {width:29%; padding:10px 4% 10px 0;}
.num_list_w.w50 li {width:46%; padding:10px 4% 10px 0;}

.nL_h1 p.ol_txt { min-height:70px}
.num_list_w li div.box {position:relative; min-height:95px; padding:15px; border:1px solid #d3d3d3; background:#fbfbfb; margin-top:10px; font-size:14px;}



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

/* 05. 세관소개 : 세관장소개 : 약력 */
.profile_box  {position:relative; overflow:hidden;}
.profile_box .profile_l {position:absolute; left:0; top:0; width:260px; height:440px;}
.profile_box .profile_l:before {content:""; display:block; clear:both; position:absolute; left:20px; top:20px; width:100%; height:420px; background:url("/images/web/daegu/sub_cnt/bg_greet3.png") repeat;}
.profile_box .profile_l p.img {position:absolute; left:50%; top:40px; margin-left:-70px; z-index:2;}
.profile_box .profile_l p.img img {width:140px; height:190px;}
.profile_box .profile_l .inner {position:relative; width:260px; height:190px; padding-top:230px; background:#155eb6 url("/images/web/daegu/sub_cnt/bg_profile.png") no-repeat left bottom;}	
.profile_box .profile_l dl dt {position:relative; margin:30px 0 15px; padding-bottom:15px; font-size:30px; color:#fff; text-align:center;}
.profile_box .profile_l dl dt:before {content:""; display:block; clear:both; position:absolute; left:50%; bottom:0; width:30px; height:2px; margin-left:-15px; background:#fff;}
.profile_box .profile_l dl dt span {font-size:18px;}
.profile_box .profile_l dl dd {line-height:28px; font-size:16px; color:#fff; text-align:center;}
.profile_box .profile_r {position:relative; margin-left:340px;}
.profile_box .profile_r dl {padding-top:30px; margin-top:30px; border-top:1px dashed #c8d1db;}
.profile_box .profile_r dl.profile_li1 {padding-top:0; margin-top:0; border-top:none;}
.profile_box .profile_r dl dt {position:relative; padding-left:150px; line-height:90px; font-size:26px; color:#111; font-family:"NotoM";}
.profile_box .profile_r dl dt span {position:absolute; left:0; top:0; display:block; width:130px; height:90px;}
.profile_box .profile_r dl.profile_li1 dt span {background:url("/images/web/daegu/sub_cnt/ico_profile1.png") no-repeat left center;}
.profile_box .profile_r dl.profile_li2 dt span {background:url("/images/web/daegu/sub_cnt/ico_profile2.png") no-repeat left center;}
.profile_box .profile_r dl dd {margin-left:150px;}
.profile_box .profile_r dl dd ol li {position:relative; padding:5px 0 5px 100px; font-size:16px; color:#444; }
.profile_box .profile_r dl dd ol li:before {content:""; display:block; clear:both; position:absolute; left:0; top:14px; width:4px; height:4px; background:#87a5c9; border-radius:2px;}
.profile_box .profile_r dl dd ol li span { position:absolute; left:10px; top:5px; width:90px; color:#155eb6;}

/* 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/daegu/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/daegu/sub_cnt/bg_history3.png") no-repeat right top;}
.history_top_ty1 ul li {width:15.5%; margin:0 .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/daegu/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/daegu/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/daegu/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:90px; 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. 세관소개 : 권역내세관 */
.manctm_link {position:relative; padding:30px 30px 0 250px; background:url("/images/web/daegu/sub_cnt/bg_manctm.png") no-repeat left top; letter-spacing:-1px;}
.manctm_link .manctm_tit {position:absolute; left:30px; top:35px; width:250px; color:#fff; line-height:1.3; z-index:2;}
.manctm_link .manctm_tit h3 {position:relative; display:inline-block; margin-bottom:10px; font-size:24px; font-family:"NotoM";}
.manctm_link .manctm_tit h3:before {content:""; display:block; clear:both; position:absolute; right:-110px; top:15px; width:100px; height:2px; background:#e0000a;}
.manctm_link .inner {position:relative; margin-right:10px;}
.manctm_link .inner:before {content:""; display:block; clear:both;  position:absolute; right:-10px; top:10px; width:100%; height:100%; background:url("/images/web/daegu/sub_cnt/bg_greet3.png") repeat;}
.manctm_link ul {position:relative; padding:25px 20px 25px 20px; background:#fff; overflow:hidden; }
.manctm_link ul li {width:30%; margin:0 1.5%; padding:8px 0; float:left; font-size:16px;}
.manctm_link ul li a {display:block; padding-left:30px; line-height:26px; color:#333; background:url("/images/web/daegu/sub_cnt/btn_linkG.png") no-repeat left 3px;}
.manctm_link ul li a:hover {color:#053863; text-decoration:underline; }

/* 05. 세관소개 : 세관견학프로그램 */
.exprn_info dl {position:relative; margin:35px 10px 10px 0; color:#444;}
.exprn_info dl:before {content:""; display:block; clear:both; position:absolute; right:-10px; bottom:-10px; width:100%; height:100%; background:url("/images/web/daegu/sub_cnt/bg_greet3.png") repeat;}
.exprn_info dl dt {position:absolute; left:15px; top:-15px; width:50px; height:50px; padding:10px; line-height:25px; font-size:17px; color:#fff; font-family:"NotoM"; text-align:center; word-break:keep-all; background:#053863 url("/images/web/daegu/sub_cnt/bg_numBox.png") no-repeat center; z-index:2;}
.exprn_info dl dd {position:relative; min-height:30px; padding:20px 20px 20px 100px; line-height:30px; border:1px solid #c8d1db; background:#fff;}
.exprn_info dl:nth-child(even) dt {background:#e40a2e url("/images/web/daegu/sub_cnt/bg_numBox.png") no-repeat center; z-index:2;}

/* 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;}

/* 05. 세관소개 : 층별안내도 */
.plot_plan_box {overflow:hidden;}
.plot_plan_box li {position:relative; width:98%; float:left; margin:0 0 20px 0;}
.plot_plan_box li div {padding-left:85px; text-align:center; border:1px solid #d3d3d3;}
.plot_plan_box li div p img {max-width:100%;}
.plot_plan_box li div p.plot_plan_tit {position:absolute; left:0; top:0; width:80px; height:56px; padding-top:20px; color:#fff; font-size:18px; line-height:36px; text-align:center; background:#053863; z-index:2;}
.plot_plan_box li div p.plot_plan_tit span {position:relative; display:block; font-size:24px;}
.plot_plan_box li div p.plot_plan_tit span:before {content:""; display:block; clear:both; position:absolute; left:50%; top:0; width:14px; height:1px; margin-left:-7px; background:#fff;}
/* E : 05. 세관소개 // *********************************************************************************************************************************************/

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



}

@media screen and (max-width:1019px) {
	
	/* 공통 */
	/* 순서도 */
	.num_list_w li {width:45%; padding:10px 5% 10px 0;}
	.num_list_w li:before {right:3px; top:50%; width:27px; height:18px; margin-top:-9px; background:url('/images/web/daegu/sub_cnt/bg_arr_w.png') no-repeat left top;}

	.num_list_w.w30 li {width:45%; padding:10px 5% 10px 0;}
	.num_list_w.w50 li  {width:100%; padding:10px 0 40px 0;}
	.num_list_w.w50 li:before {right:auto; left:50%; top:auto; bottom:6px; width:18px; height:27px; margin-left:-9px; background:url('/images/web/daegu/sub_cnt/bg_arr_h.png') no-repeat left top;}
	
	/* 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:15.5%; margin:0 .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;}

		/* 05. 세관소개 : 권역내세관 */
		.manctm_link ul li {width:47%;}


	/* 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;}

		/* 05. 세관소개 : 세관장소개 : 약력 */
		.profile_box .profile_l {position:relative; left:auto; top:auto; width:auto; height:auto; margin-right:20px;}
		.profile_box .profile_l:before {height:100%;}
		.profile_box .profile_l p.img {left:20px; top:20px; margin-left:0;}
		.profile_box .profile_l p.img img {width:111px; height:150px;}
		.profile_box .profile_l .inner {width:100%; height:170px; padding-top:20px; background-size:100% 260px;}
		.profile_box .profile_l dl dt {margin:0 0 15px 160px; text-align:left;}
		.profile_box .profile_l dl dt:before {left:0; margin-left:0;}
		.profile_box .profile_l dl dd {margin-left:160px; text-align:left;}
		.profile_box .profile_r {margin:40px 0 0;}
		.profile_box .profile_r dl {padding-top:20px; margin-top:20px;}

		/* 05. 세관소개 : 권역내세관 */
		.manctm_link {padding:20px;}
		.manctm_link .manctm_tit {position:relative; left:auto; top:auto; width:auto; padding:0 10px;}
		.manctm_link .manctm_tit h3 {padding-left:10px;}
		.manctm_link .manctm_tit h3:before {right:auto; left:0; top:0; width:2px; height:100px;}
		.manctm_link .manctm_tit p {padding-left:10px;}
		.manctm_link .manctm_tit p br {display:none;}
		.manctm_link .inner {margin:15px 10px 0 0;}
		.manctm_link ul {padding:20px;}

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



}

@media screen and (max-width:768px) {	
	
	/* 공통 */
	/* 순서도 */
	.num_list_w li {width:100%; padding:10px 0 40px 0;}
	.num_list_w li:before {right:auto; left:50%; top:auto; bottom:6px; width:18px; height:27px; margin-left:-9px; background:url('/images/web/daegu/sub_cnt/bg_arr_h.png') no-repeat left top;}
	.num_list_w.w30 li {width:100%; padding:10px 0 40px 0;}

	.nL_h1 p.ol_txt,
	.num_list_w li div.box {min-height:inherit}
	
	/* 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/daegu/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;}
		
		/* 05. 세관소개 : 세관장소개 : 약력 */
		.profile_box .profile_l .inner {height:170px;}
		.profile_box .profile_l p.img {left:20px; top:20px; margin-left:0;}
		.profile_box .profile_l p.img img {width:111px; height:150px;}
		.profile_box .profile_l dl dt {margin:0 0 15px 160px; text-align:left;}
		.profile_box .profile_l dl dt:before {left:0; margin-left:0;}
		.profile_box .profile_l dl dd {margin-left:160px; text-align:left;}
		.profile_box .profile_r {margin:40px 0 0;}
		.profile_box .profile_r dl {padding-top:20px; margin-top:20px;}

		/* 05. 세관소개 : 찾아오시는길 : 인천세관오시는길 */
		.directions_box .map_box2 .map_box50 {width:100%; float:none; margin:0 0 20px 0; }

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

		/* 05. 세관소개 : 세관장소개 : 약력 */
		.profile_box .profile_l {padding:75px 0 20px;}
		.profile_box .profile_l:before {height:270px; top:95px;}
		.profile_box .profile_l p.img {left:50%; top:20px; margin-left:-55px; }
		.profile_box .profile_l .inner {height:160px; padding-top:110px;}
		.profile_box .profile_l dl dt {margin:0 0 15px 0; text-align:center;}
		.profile_box .profile_l dl dt:before {left:50%; margin-left:-15px;}
		.profile_box .profile_l dl dd {margin-left:0; text-align:center;}
		.profile_box .profile_r {margin:30px 0 0;}

		.profile_box .profile_r dl dt {padding-left:60px; line-height:50px; font-size:22px;}
		.profile_box .profile_r dl dt span {width:50px; height:50px;}
		.profile_box .profile_r dl.profile_li1 dt span, .profile_box .profile_r dl.profile_li2 dt span {background-size:auto 50px;}
		.profile_box .profile_r dl dd {margin:10px 0 0;}

		/* 05. 세관소개 : 권역내세관 */
		.manctm_link ul li {width:auto; float:none; margin:0 10px;}


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

}

@media screen and (max-width:480px) {
	
		/* S : 05. 세관소개 ***********************************************************************************************************************************************/
	
	/* 05. 세관소개 : 층별안내도 */
	.plot_plan_box li div p.plot_plan_tit {width:60px; height:36px;}
	.plot_plan_box li div p.plot_plan_tit span{font-size:16px;}



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

}

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



}