@charset "utf-8";

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

/* 순서도 */
.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/engportal/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/engportal/sub_cnt/bg_numBox.png') no-repeat center;}
.num_list_w li .ol_txt span.num_red {background:#f5012a url('/images/web/engportal/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}

/* 다운로드 리스트 박스 */
.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 .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;}


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

/* 검색  191107추가 */
.search_bbs {font-family:"NotoR"; padding:25px; background:#f6f7f9; border-top:1px solid #acbeca; border-bottom:1px solid #acbeca; overflow:hidden; margin:30px 0}
.search_bbs .page_num {width:auto; font-family:"NotoM"; font-size:15px; float:left}
.search_bbs .page_num span { color:#0b61b8; margin:0px 5px; padding:0px; line-height:35px; }
.search_bbs .board_search { font-family:"NotoM"; font-size:14px; width:auto; overflow:hidden; float:right}
.search_bbs .board_search .bdTop_select { float:left; margin-right:2px}
.search_bbs .board_search select {margin-right:2px; width:100px; height:35px; font-size:15px; vertical-align:middle; padding-right:3px}
.search_bbs .board_search select.wid_auto {width:auto;} 
.search_bbs .board_search .inputText {height:35px; padding-left:10px; border:1px solid #ccc; font-size:14px; vertical-align:middle}
.search_bbs .board_search .txt_button { height:35px; color:#fff; line-height:35px; padding:0 10px; background:#0b61b8; vertical-align:middle}
.search_bbs .bdTop_search {float:left;}

/* 0304 Approved Exporter */
.AoAE_search{position:relative;}
.AoAE_search .box_st2{overflow:hidden;}
.AoAE_search .box_st2 > div{float:left;}
.AoAE_search .box_st2 > div.left_wrap{width:75%;}
.AoAE_search .box_st2 > div.right_wrap{width:22%; margin-left:3%;}
.AoAE_search .left_wrap input{width:100%; height:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

.search_bbsEng {font-family:"NotoR"; padding:25px; background:#f6f7f9; border-top:1px solid #acbeca; border-bottom:1px solid #acbeca; overflow:hidden; margin:30px 0}
.search_bbsEng .board_search1 { font-family:"NotoM"; font-size:14px; width:auto; overflow:hidden;}
.search_bbsEng .board_search1 .bdTop_select { float:left; margin-right:2px}
.search_bbsEng .board_search1 select {margin-right:2px; width:100px; height:35px; font-size:15px; vertical-align:middle; padding-right:3px}
.search_bbsEng .board_search1 select.wid_auto {width:auto;} /* 191105 추가 */
.search_bbsEng .board_search1 .inputText {height:35px; padding-left:10px; border:1px solid #ccc; font-size:14px; vertical-align:middle}
.search_bbsEng .board_search1 .txt_button { height:35px; color:#fff; line-height:35px; margin:2px 0; padding:0 10px; background:#0b61b8; vertical-align:middle} /* 191105 추가 */
.search_bbsEng .bdTop_search1 {float:left;} /* 191021 추가 */
.txt_srch { display:inline-block; font-size:13px; line-height:30px; text-align:left}/* 라디오버튼_왼쪽추가 : 191101 추가 */

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

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


	/* 상단 공통 탭 */
	.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; z-index:2;}
	.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;} 

	
	
	
	
}

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


	/* 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일반현황 ************************************************************************************************************************************************/

	/* 0304 Approved Exporter */
	.AoAE_search .box_st2 > div{float:none;}
	.AoAE_search .box_st2 > div.left_wrap{width:100%; }
	.AoAE_search .box_st2 > div.right_wrap{width:100%; text-align:right; margin:15px 0 0 0;}

}

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

	
	

}

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


}