@charset "utf-8";

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

/* 순서도 */
.num_list_w {overflow:hidden;}
.num_list_w li {position:relative; width:21%; padding:10px 4% 10px 0; float:left; font-size:16px; color:#333;} /* 191106 기존 22% */
.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/ftaportalkor/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/ftaportalkor/sub_cnt/bg_numBox.png') no-repeat center;}
.num_list_w li .ol_txt span.num_red {background:#f5012a url('/images/web/ftaportalkor/sub_cnt/bg_numBox.png') no-repeat center;}

.num_list_w.w30 li {width:29%; 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}

/* 191105 */
.nL_h2 p.ol_txt { min-height:45px}
.num_list_w li div.box2 {position:relative; min-height:180px; padding:15px; border:1px solid #d3d3d3; background:#fbfbfb; margin-top:10px; font-size:14px}
.num_list_w li div.box2 p { font-size:13px; line-height:25px}
/* 0301_01_원산지증명절차 : 191106 */
.num_list_w2 {overflow:hidden; margin-top:10px}
.num_list_w2 li {position:relative; width:10.8%; padding:0 4% 0 0; float:left; font-size:16px; color:#333}
.num_list_w2 li:before {content:""; display:block; clear:both; position:absolute; right:10px; top:50%; width:27px; height:18px; margin-top:-9px; background:url('/images/web/ftaportalkor/sub_cnt/bg_arr_w.png') no-repeat left top;}
.num_list_w2 li.last { padding-right:0}
.num_list_w2 li.last:before {display:none;}
.num_list_w2 li a span { text-decoration:underline}
.num_list_w2 li span { display:block; position:relative; height:70px; font-size:15px; padding:20px 0; text-align:center; word-break:keep-all; border:1px solid #d3d3d3}
.num_list_w2 li:first-child span, .num_list_w2 li.last span { border:1px solid #053963; background:#053963; color:#fff}

/* 다운로드 리스트 박스 */
.box_down_list {overflow:hidden;}
.box_down_list li {width:24%; margin:5px 0.5%; float:left;}
.box_down_list.w30 li {width:32%; margin:5px 0.5%; float:left;}
.box_down_list.w50 li {width:49%; margin:5px 0.5%; float:left;}
.box_down_list li div {padding:15px 0; border:1px solid #053863; background:#f9fcff;}
.box_down_list li div p {font-size:16px; color:#053863; font-family:'NotoM';}
.box_down_list li div a {position:relative; display:block; margin:10px 20px 0; line-height:40px; font-size:16px; font-family:"NotoR"; color:#fff; border:1px solid #053863; background:#053863; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.box_down_list li div a span {position:absolute; right:15px; top:50%; display:block; width:18px; height:18px; margin-top:-9px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.box_down_list li div a span.down {background:url("/images/common/con_com/btn_dwldW.png") no-repeat;}
.box_down_list li div a span.link {background:url("/images/common/con_com/btn_linkW.png") no-repeat;}
.box_down_list li div a span.home {background:url("/images/common/con_com/btn_homeW.png") no-repeat;}
.box_down_list li div a span.mail {background:url("/images/common/con_com/btn_mailW.png") no-repeat;}
.box_down_list li div a span.search {background:url("/images/common/con_com/btn_searchW.png") no-repeat;}
.box_down_list li div a span.glan {background:url("/images/common/con_com/btn_glanW.png") no-repeat;}
.box_down_list li div a span.more {background:url("/images/common/con_com/btn_moreW.png") no-repeat;}
.box_down_list li div a span.cldr {background:url("/images/common/con_com/btn_cldrW.png") no-repeat;}
.box_down_list li div a:hover span, .box_down_list li div a:focus span {right:20px;}

/* 상단 공통 탭 */
.FTA_tab_nav {position:relative; z-index:2;}
.FTA_tab_nav .m_FTA_tab_nav {display:none;}
.FTA_tab_nav .FTA_tab .group li {width:20%;}
.FTA_tab_nav .FTA_tab .group li.li_w2 {width:40%;}
.FTA_tab_nav .FTA_tab .group.Tab_w50 li {width:50%;}
.FTA_tab_nav .FTA_tab .group.Tab_w30 li {width:33%;}
.FTA_tab_nav .FTA_tab .group.Tab_w25 li {width:25%;}
.FTA_tab_nav .FTA_tab .group.Tab_w50 li.li_w2 {width:100%;}
.FTA_tab_nav .FTA_tab .group.Tab_w30 li.li_w2 {width:66%;}
.FTA_tab_nav .FTA_tab .group.Tab_w25 li.li_w2 {width:50%;}

.FTA_tab_nav .m_FTA_tab_nav {display:none;}
.FTA_tab_nav .m_FTA_tab_nav a {display:block; padding:15px 55px 15px 15px; line-height:20px; font-size:15px; color:#444; font-family:'NotoM', '맑은 고딕'; color:#fff; border:1px solid #053863; background:#053863 url("/images/common/con_com/tab_on.png") no-repeat right center;}    

/* FTA포털_pdf이미지 */
.pdfList.fta_div li > div { height:240px !important; margin:10px 0px}
.pdfList.fta_div li .img {display:block; position:absolute; left:25px; top:20px; width:90px; height:67px; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.1); border:1px solid #e0e0e0;}
.pdfList.fta_div li .img img { width:90px; height:67px}
.pdfList.fta_div li > div > .img ~ * { margin-left:130px}
.pdfList.fta_div li .img.fta_pdf { height:118px}
.pdfList.fta_div li .img img { height:118px}
.pdfList.fta_div div.list_scroll {position:relative; height:170px; overflow-y:auto; overflow:hidden}/* 191104 */
.pdfList.fta_div div.list_scroll ul {width:100%; overflow:hidden;}
.pdfList.fta_div div.list_scroll ul li {width:100%; float:none;}
.pdf_imgList a {display:block; font-family:'NotoM'; font-size:16px; color:#000; line-height:1.3em; word-break:keep-all;}
/* 0607_5e-book : 191104 시작 */
.pdf_imgList > ul.pdf_imgUl { margin-top:10px}
.pdf_imgList > ul.pdf_imgUl > li { width:20%; float:left; margin:0; padding:0; text-align:center}
.pdf_imgList > ul.pdf_imgUl > li img { width:40px; height:58px}
.pdf_imgList > ul.pdf_imgUl > li span { display:block; font-size:12px; line-height:15px; color:#666}
/* 0607_5e-book 191104 끝 */

/* 탭 : 리스트 탭 191105 */
.tab_list2 {margin-bottom:20px; padding:20px 0; border:4px solid #dfe6ee; overflow:hidden; background:url("/images/common/con_com/bg_tab_list.png") no-repeat left top;}
.tab_list2 ul { width:50%; float:left}
.tab_list2 ul li.titT2 {text-align:center; border-bottom:1px dashed #d2d2d2; margin:0 20px 10px 20px; padding-bottom:10px}
.tab_list2 ul li a {position:relative; display:block; margin:0 20px; padding-left:23px; line-height:30px; font-size:14px; color:#444; background:url("/images/common/con_com/tab_list_off.png") no-repeat left 7px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tab_list2 ul li.on a, .tab_list2 li.on a:hover, .tab_list2 li a:hover {font-family:'NotoM', '맑은 고딕'; color:#222; background:url("/images/common/con_com/tab_list_on.png") no-repeat left 7px;}
.tab_list2 ul li a[target='_blank']:after {content:''; display:inline-block; width:13px; height:13px; margin-left:10px; background:url("/images/common/con_com/tab2_off_blank.png") no-repeat right center;}

.fs_sp1 { letter-spacing:-1px}/* 030204 : 리스트탭 관련 간격조절 191106 */

/* S : 01. FTA일반현황 ************************************************************************************************************************************************/
/* 용어검색 상단 */
.word_bbs {position:relative; margin:0 0 30px; font-family:"NotoR"; padding:15px 25px; border:1px solid #acbeca; background:#f6f7f9; overflow:hidden;}
.word_bbs ul.word_search > li {position:relative; line-height:33px; padding:10px 0 10px 85px; border-top:1px dashed #acbeca; }
.word_bbs ul.word_search > li:first-child {border-top:none;}
.word_bbs ul.word_search > li > strong {position:absolute; top:10px; left:0; display:block; width:70px; line-height:37px; font-family:"NotoM"; }
.word_bbs ul.word_search > li select {width:20%; height:35px; border:1px solid #d3d3d3; vertical-align:middle;}
.word_bbs ul.word_search > li input {width:68%; height:33px; line-height:33px; margin:0 0.5%; border:1px solid #d3d3d3; vertical-align:middle;}
.word_bbs ul.word_search > li button.txt_button {width:10%; height:35px; color:#fff; line-height:35px; font-family:"NotoR"; background:#0b61b8; border:none; vertical-align:middle;}
.word_bbs ul.word_search > li ul {overflow:hidden;}
.word_bbs ul.word_search > li ul li {width:7.1%; float:left;}
.word_bbs ul.word_search > li ul li.word_all {width:14.2%;}
.word_bbs ul.word_search > li ul li a {display:block; margin:2px; text-align:center; color:#555; border:1px solid #d3d3d3; background:#fff;}
.word_bbs ul.word_search > li ul li a:hover {font-family:"NotoM"; color:#053963; border:1px solid #053963; background:#eef8ff;}

/* faq 기본폼 and 용어검색 */
.faqDetail {border-top:2px solid #111; overflow:hidden;}
.faqDetail > ul {color:#555;  font-family:"NotoR";}
.faqDetail > ul > li {border-bottom:1px solid #b2b7c7; border-top:none;}
.faqDetail > ul > li > a {position:relative; display:block; padding:15px 60px 15px 20px; font-size:16px; line-height:22px; color:#333;}
.faqDetail > ul > li > a:hover {font-family:"NotoM"; color:#053963;}
.faqDetail > ul > li > a:after {content:""; display:block; clear:both; position:absolute; right:29px; top:19px; width:2px; height:18px; background:#222;}
.faqDetail > ul > li > a:before {content:""; display:block; clear:both; position:absolute; right:21px; top:27px; width:18px; height:2px; background:#222;}
.faqDetail > ul > li.faq.on a:after {display:none;}
.faqDetail > ul > li.faq.on > a {font-family:"NotoM"; color:#053963;}
.faqDetail > ul > li.faq .txt_box{display:none;}
.faqDetail > ul > li.faq.on div.txt_box{display:block; padding:20px; font-size:14px; line-height:22px; background:#fbfbfb; border-top:1px dotted #aaa; overflow:hidden;}

/* E : 01. FTA일반현황 // *********************************************************************************************************************************************/

/* S : 08. 참여마당 // *********************************************************************************************************************************************/
/* 우리나라 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%;}

/* E : 08. 참여마당 // *********************************************************************************************************************************************/

/* 해외통관애로신고 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;}

/* CO-PASS > C/O 발급 통계정보기관별 > 하위메뉴 200102 */
ul.float_lf {overflow:hidden;}
ul.float_lf li {float:left; margin-right:10px;}

/* CO-PASS > C/O 발급 통계정보 20220722 */

	#cstmSgnList
	{
		visibility : hidden;
		position : absolute;
		height : 200px;
		overflow-y : scroll;
		border : 1px solid gray;
		background-color: white;
	}
	#divLayer1
	{
		border : 1px solid #a6a4a2;
		background : white;
		float : left;
		cursor : Default;
	}
	.cnvnTpcdList{
		visibility : hidden;
		position : absolute;
		height : 200px;
		overflow-y : scroll;
		border : 1px solid gray;
		background-color: white;
	}
	.wrap-loading{
		position : fixed;
		top:50%;
		left:50%;
		margin-left:-21px;
		margin-top:-21px;
		z-index:1;
	}
	.wrap-loading2{
		position : fixed;
		top:50%;
		left:50%;
		margin-left:-21px;
		margin-top:-21px;
		z-index:1;
	}
	.display-none{
		display:none;
	}

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

	
	/* pdf게시판 */
	.pdfList.fta_div li{ width:100%; margin:0 ; float:none;}

	/* S : 01. FTA일반현황 ************************************************************************************************************************************************/
		/* 용어검색 상단 191031 추가 */
		.word_bbs ul.word_search > li select,
		.word_bbs ul.word_search > li input,
		.word_bbs ul.word_search > li button.txt_button {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }

	/* E : 01. FTA일반현황 ************************************************************************************************************************************************/

}

@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/ftaportalkor/sub_cnt/bg_arr_w.png') no-repeat left top;}

	.num_list_w.w30 li {width:45%; padding:10px 5% 10px 0;}

	/* 다운로드 리스트 박스 */
	.box_down_list li {width:32%; margin:5px 0.5%;}

	/* 태블릿, 모바일 삭제 */
	.tm_none {display:none;}

	/* 상단 공통 탭 */
	.FTA_tab_nav {position:relative; width:100%; left:auto; top:auto; background-image:none;}
    .FTA_tab_nav .FTA_tab {position:relative; width:100%; left:auto; top:auto; margin:0;}
	.FTA_tab_nav .FTA_tab ul {display:none; position: absolute; width:100%; left:0; top:0; background:#fff;}
	.FTA_tab_nav .FTA_tab ul li {width:100% !important; float:none; margin:0;}
	.FTA_tab_nav .FTA_tab ul li a {margin-right:0; padding:10px 15px; line-height:20px; font-size:15px; color:#444; text-align:left; border-width:1px; border-top:none; background-image:none;}
	.FTA_tab_nav .FTA_tab ul li.on a,
	.FTA_tab_nav .FTA_tab ul li.on a:hover {color:#fff; border-top:none; background:#4a4d54;}    
	.FTA_tab_nav .FTA_tab ul li a:hover {color:#fff; background:#666;}    
    .FTA_tab_nav .m_FTA_tab_nav {display:block;} 
	
	/* 0301_01_원산지증명절차 : 191106 */
	.num_list_w2 li {width:28%; padding:0 5% 0 0; margin:0 0 1%}
	.num_list_w2 li span { height:auto}
	.num_list_w2 li span br { display:none}
	
	/* S : 08. 참여마당 // *********************************************************************************************************************************************/
	/* 우리나라 FTA현황 한눈에보기 191202 */
	.ftaSttus{display:none;}

	/* E : 08. 참여마당 // *********************************************************************************************************************************************/	

	/* CO-PASS > C/O 발급 통계정보기관별 > 하위메뉴 200102 */
	.FTA_char_box {padding:20px; overflow-x:auto;}
	.FTA_char_box #div {width:900px;}
	
	
	
}

@media screen and (max-width:840px) {
	
	/* 다운로드 리스트 박스 */
	.box_down_list li {width:49%; margin:5px 0.5%;}
	.box_down_list.w30 li {width:49%; margin:5px 0.5%;}
	
	/* 탭 : 리스트 탭 191105 */
	.tab_list2 ul { width:100%; float:none}
	.tab_list2 ul.sec { margin-top:30px}
	
		
	/* 0301_01_원산지증명절차 : 191106 */
	.num_list_w2 li:before {right:auto; left:50%; top:auto; bottom:6px; width:18px; height:27px; margin-left:-9px; background:url('/images/web/ftaportalkor/sub_cnt/bg_arr_h.png') no-repeat left top;}
	.num_list_w2 li { width:100%; float:none; padding:0 0 40px}


	/* S : 01. FTA일반현황 ************************************************************************************************************************************************/
		/* 용어검색 상단 191031 추가 */
		.word_bbs ul.word_search > li select {width:20%;}
		.word_bbs ul.word_search > li input {width:55%;}
		.word_bbs ul.word_search > li button.txt_button {width:20%;}
		.word_bbs ul.word_search > li ul li {width:14%;}
		.word_bbs ul.word_search > li ul li.word_all {width:28%;}

	/* E : 01. FTA일반현황 ************************************************************************************************************************************************/

}

@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/ftaportalkor/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}

	/* 191105 */
	.nL_h2 p.ol_txt,
	.num_list_w li div.box2 {min-height:inherit}

	
	

}

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

	/* 다운로드 리스트 박스 */
	.box_down_list li {width:100%; margin:5px 0;}
	.box_down_list.w30 li {width:100%; margin:5px 0;}
	.box_down_list.w50 li {width:100%; margin:5px 0;}

	/* 모바일 삭제 */
	.m_none {display:none;}
	
	/* pdf게시판 */
	/* FTA포털_pdf이미지 */
	.pdfList.fta_div li > div { height:auto !important; padding-top:150px} /* 191104 */
	.pdfList.fta_div li .img {  left:50%; margin-left:-45px} /* 191104 */
	.fta_div.pdfList li > div > .img ~ * { margin:0}
	.pdfList.fta_div li > div > a.btn { position:relative !important; bottom:0; margin:30px 0 0}
	/* 0607_5e-book : 191104 시작 */
	.pdf_imgList { padding-top:20px !important}
	.pdf_imgList > ul.pdf_imgUl { margin-top:10px}
	.pdf_imgList > ul.pdf_imgUl > li { width:48%; margin:1% 1%}
	/* 0607_5e-book 191104 끝 */

	
	

}

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




}

@media screen and (max-width:480px) {
	
	/* S : 01. FTA일반현황 ************************************************************************************************************************************************/
	/* 용어검색 상단 */
	.word_bbs ul.word_search > li { padding:10px 0 10px 0;}
	.word_bbs ul.word_search > li > strong {position:relative; top:auto; left:auto; width:auto; line-height:30px;}

	.word_bbs ul.word_search > li select {width:30%;}
	.word_bbs ul.word_search > li input {width:67%; margin:0 0 0 1%;}
	.word_bbs ul.word_search > li button.txt_button {width:100%; margin-top:5px;}
	.word_bbs ul.word_search > li ul li {width:14%;}
	.word_bbs ul.word_search > li ul li.word_all {width:28%;}
	/* E : 01. FTA일반현황 ************************************************************************************************************************************************/


}

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


}