@charset "utf-8";

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



/*  인사말 */
.greet_top {position:relative; padding:0 20px 40px 0; overflow:hidden; letter-spacing:-1px;}
.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/foreign/sub_cnt/bg_greet3.png") repeat;}
.greet_top .inner {position:relative; height:130px; padding:60px 0 0 70px; color:#d0e5ff; font-size:20px; background:#155eb6 url("/images/web/foreign/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/foreign/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:26px; color:#fff; line-height:40px; background:url("/images/web/foreign/sub_cnt/bg_greet4.png") repeat-x left bottom;}
.greet_top .inner p.txt2 strong { font-family:"NotoB";}

/* 우리나라 FTA현황 한눈에보기 191202 */
.ftaSttus{position:relative; height:510px; width:900px; margin:30px auto 0; overflow:hidden;}
.ftaSttus .mapBox{position:relative;}
.ftaSttus .mapBox .img{position:relative; z-index: 0;}
.ftaSttus .mapBox .img img{max-width:100%; height:auto; }
.ftaSttus .mapBox a{min-width:30px; position:absolute; display:inline-block; text-align:center; color:#222; padding:36px 0 0; font-size:13px; z-index:1;}
.ftaSttus .mapBox a span {font-family:"NotoM"; font-size:14px;}
.ftaSttus .mapBox a:hover{color:#000; font-family: 'NotoM'; text-decoration:underline;}
.ftaSttus .mapBox a.l_txt{text-align:left; padding:0 0 0 32px; background-position:left center !important;}
.ftaSttus .wrap00 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area_default.png') no-repeat top center;}
.ftaSttus .wrap00 .mapBox a:hover, .ftaSttus .wrap00 .mapBox a.on {background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area01.png') no-repeat top center;}
.ftaSttus .mapBox a.area01{top:15%; left:8%;}
.ftaSttus .mapBox a.area02{top:25%; left:3%;}
.ftaSttus .mapBox a.area03{top:35%; left:6%;}
.ftaSttus .mapBox a.area04{top:45%; left:20%;}
.ftaSttus .mapBox a.area05{top:35%; left:30%;}
.ftaSttus .mapBox a.area06{top:45%; left:50%;}
.ftaSttus .mapBox a.area07{top:46%; left:31%;}
.ftaSttus .mapBox a.area08{top:55%; left:28%;}
.ftaSttus .mapBox a.area09{top:72%; left:33%;}
.ftaSttus .mapBox a.area10{top:80%; left:47%;}
.ftaSttus .mapBox a.area11{top:22%; left:72%;}
.ftaSttus .mapBox a.area12{top:35%; left:75%;}
.ftaSttus .mapBox a.area13{top:48%; left:76%;}
.ftaSttus .mapBox a.area14{top:56%; left:83%;}
.ftaSttus .mapBox a.area15{top:64%; left:81%;}
.ftaSttus .mapBox a.area16{top:75%; left:75%;}

/* 해외통관애로신고 191224 추가 */
.entr_btln_box {position:relative; margin-top:5px; padding:7px 15px; border:1px solid #ddd; background:#f9f9f9 url('/images/common/con_com/pt_diagonalW.png') repeat;}
.fta_inp {margin:2px; line-height:30px; height:30px; border:1px solid #ddd; vertical-align:middle;}
.fta_inpG {background:#f7f7f7 !important;}
.fta_inp_w10 {width:10%;}
.fta_inp_w20 {width:20%;}
.fta_inp_w30 {width:30%;}
.fta_inp_w50 {width:50%;}
.fta_inp_w80 {width:80%;}
.fta_inp_w100 {width:99%;}
.fta_sel {width:auto; height:30px; margin:2px; padding-right:20px; font-size:14px; vertical-align:middle; border:1px solid #ddd;}
.fta_text_area {width:99%; height:100px; margin:2px; font-size:14px; vertical-align:middle; border:1px solid #ddd;}
.fta_form_btn {display:inline-block; width:30px; height:30px; margin:2px; text-indent:-10000px; border:1px solid #555; vertical-align:middle; background:#666 url('/images/web/ftaportalkor/common/btn_search_wh.png') no-repeat center;}
.fta_form_btn2 {position:absolute; right:15px; top:6px; display:block; line-height:30px; margin:2px; padding:0 10px; color:#fff; border:1px solid #012645; background:#053863;}

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

	

}

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

	
}

@media screen and (max-width:840px) {
	
		/*  인사말 */
		.greet_top .inner {font-size:18px;}
		.greet_top .inner:before {height:100%;}
		.greet_top .inner p.txt1 {font-size:28px;}
		.greet_top .inner p.txt2 {font-size:24px; background-size:auto 15px;}


}

@media screen and (max-width:768px) {	
	
		/*  인사말 */
		.greet_top {padding:20px 20px 40px 0;}
		.greet_top:before {content:""; display:block; clear:both; position:absolute; left:20px; bottom:20px; width:100%; height:190px; background:url("/images/web/foreign/sub_cnt/bg_greet3.png") repeat;}
		.greet_top .inner {height:auto; padding:60px 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:28px; line-height:35px;}
		.greet_top .inner p.txt2 {font-size:22px; line-height:35px;}

}

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



}

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

		/*  인사말 */
		.greet_top .inner {font-size:15px;}
		.greet_top .inner p.txt1 {font-size:26px; line-height:30px;}
		.greet_top .inner p.txt2 {font-size:18px; line-height:30px; background:none;}

		/* 0403. 뷰어프로그램 btn */
		.view_ac {text-align:center;}
}


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



}

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



}