@charset "utf-8";

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

.num_list_w.w30 li {width:29%; padding:10px 4% 10px 0;}
.num_list_w.w100 li {width:100%; padding:10px 0 40px 0;}
.num_list_w.w100 li:before {content:""; display:block; clear:both; position:absolute; right:auto; left:50%; top:auto; bottom:0; width:18px; height:27px; margin:0 0 0 -9px; background:url('/images/web/english/sub_cnt/bg_arr_h.png') no-repeat center bottom;}
.num_list_w.w100 li.last:before {display:none;}

.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 추가 */
.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; padding-right:50px; 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;}

/* FAQ */
.listsList {border-top:2px solid #111; overflow:hidden; margin:30px 0 0}
.listsList > ul {color:#555;  font-family:"NotoR";}
.listsList > ul > li {border:1px solid #b2b7c7; border-top:none; }
.listsList > ul > li > a {position:relative; display:block; padding:20px 20px 20px 60px; font-size:14px; line-height:22px; color:#333; }
.listsList > ul > li.listDetail.on a:after {display:none;}
.listsList > ul > li.listDetail span { display:block; position:absolute; left:20px; width:30px; height:30px; color:#fff; line-height:30px; text-align:center; background:#636363; border-radius:15px}
.listsList > ul > li.listDetail .txt_box{display:none}
.listsList > ul > li.listDetail .txt_box span { display:block; position:absolute; left:20px; width:30px; height:30px; color:#fff; line-height:30px; text-align:center; background:#e40a2e; border-radius:15px}
.listsList > ul > li.listDetail.on div.txt_box{display:block; position:relative; padding:20px 20px 20px 60px; font-size:14px; line-height:22px; background:#fbfbfb; border-top:1px dotted #aaa; overflow:hidden; }


/* S : 01. About the KCS ***********************************************************************************************************************************************/
	/* 01. About the KCS : Mission & Vision */
	.MiVi_box  {position:relative; margin:10px 0 40px; padding:5px; font-size:16px; letter-spacing:-1px; word-break:keep-all;  background:url("/images/common/con_com/pt_diagonalG.png") repeat;}
	.MiVi_box .inner {position:relative; padding:20px 45px; background:#fff;}
	.MiVi_box .inner h3 {position:absolute; left:45px; top:-30px; width:100px; height:100px; line-height:100px; font-size:20px; font-family:"NotoM"; color:#fff; text-align:center; }
	.MiVi_box .inner h3.mivi_titB {background:#053863 url('/images/web/english/sub_cnt/bg_numBox.png') no-repeat center;}
	.MiVi_box .inner h3.mivi_titR {background:#e40a2e url('/images/web/english/sub_cnt/bg_numBox.png') no-repeat center;}
	.MiVi_box .inner h3.mivi_titG {height:50px; padding:25px 0; line-height:25px; background:#555 url('/images/web/english/sub_cnt/bg_numBox.png') no-repeat center;}
	.MiVi_box .mivi_top {min-height:55px; padding:0 0 20px 0; text-align:center; border-bottom:1px dashed #b2b7c7;}
	.MiVi_box .mivi_top p { font-size:16px; color:#111;}
	.MiVi_box .mivi_top p span {position:relative; display:inline; padding:0 10px; font-size:26px; font-family:"NotoM"; color:#111;}
	.MiVi_box .mivi_top p span.mivi_b {background:url('/images/web/english/sub_cnt/mivi_b.png') repeat-x left bottom;}
	.MiVi_box .mivi_top p span.mivi_r {background:url('/images/web/english/sub_cnt/mivi_r.png') repeat-x left bottom;}

	.MiVi_box .mivi_con1 {position:relative; padding:30px 0 30px 150px; text-align:center; overflow:hidden;}
	.MiVi_box .mivi_con1 dt {position:absolute; left:0; top:30px; width:100px; padding-right:50px; font-size:18px; font-family:"NotoM"; color:#111; text-align:center; background:url('/images/web/english/sub_cnt/bg_arr_w.png') no-repeat right center;}
	.MiVi_box .mivi_li1 {overflow:hidden;}
	.MiVi_box .mivi_li1 li {width:32%; margin:0 0.5%; float:left; font-size:15px; text-align:center; border-radius:30px; }
	.MiVi_box .mivi_li1 li strong {display:block; height:60px; margin-bottom:15px; line-height:60px; font-size:18px; font-family:"NotoM"; color:#fff; border-radius:30px; background:#053863;}
	.MiVi_box .mivi_li1 li + li strong{ background:#555;}
	.MiVi_box .mivi_li1 li + li + li strong { background:#e40a2e;}

	.MiVi_box .mivi_con2 {position:relative; padding:0 0 10px 120px; text-align:center; overflow:hidden;}
	.MiVi_box .mivi_con2 dt {position:absolute; left:0; top:0; width:100px; height:100px; line-height:100px; font-size:18px; font-family:"NotoM"; color:#fff; text-align:center; border-radius:50px;}
	.MiVi_box .mivi_con2 dt:before {content:""; display:block; clear:both; position:absolute; right:-25px; top:50%; width:25px; height:10px; margin-top:-5px; }
	.MiVi_box .mivi_con2 dd {margin:10px 0; height:76px; line-height:76px; font-size:22px; font-family:"NotoM"; color:#111; border-radius:40px;}
	
	.MiVi_box .mivi_con2.mivi_dlB dt {background:#053863;}
	.MiVi_box .mivi_con2.mivi_dlB dt:before {background:url('/images/web/english/sub_cnt/bg_mivi_con2.png') no-repeat center;}
	.MiVi_box .mivi_con2.mivi_dlB dd {border:2px solid #053863; background:#f9fcff;}

	.MiVi_box .mivi_con2.mivi_dlR dt {background:#e40a2e;}
	.MiVi_box .mivi_con2.mivi_dlR dt:before {background:url('/images/web/english/sub_cnt/bg_mivi_con3.png') no-repeat center;}
	.MiVi_box .mivi_con2.mivi_dlR dd {padding:13px 0; height:50px; line-height:25px; border:2px solid #e40a2e; background:#fffafb;}
	.MiVi_box .mivi_con2.mivi_dlR dd span {font-size:16px; }

	.MiVi_box .mivi_con1 .mivi_li2 {overflow:hidden; }
	.MiVi_box .mivi_con1 .mivi_li2 li {position:relative; width:18%; float:left; padding:0 1%; font-size:20px;}
	.MiVi_box .mivi_con1 .mivi_li2 li:before {content:""; display:block; clear:both; position:absolute; left:-2px; top:0; height:100%; border-left:2px dotted #b2b7c7;}
	.MiVi_box .mivi_con1 .mivi_li2 li strong {display:inline-block; width:30px; height:30px; margin-right:3px; color:#fff; border-radius:15px;}
	.MiVi_box .mivi_con1 .mivi_li2 li strong.bgB {background:#053863;}
	.MiVi_box .mivi_con1 .mivi_li2 li strong.bgR {background:#e40a2e;}
	.MiVi_box .mivi_con1 .mivi_li2 li strong.bgG {background:#555;}
	.MiVi_box .mivi_con1 .mivi_li2 li span {display:block; margin-top:5px; font-size:15px;}

	.MiVi_box .mivi_con1 dd.mivi_txt {line-height:60px; font-size:18px; border-top:1px solid #000; border-bottom:1px solid #000; }

	.MiVi_box .mivi_con1 .mivi_li3 {overflow:hidden; }
	.MiVi_box .mivi_con1 .mivi_li3 li {position:relative; width:23%; float:left; padding:0 1%; font-size:18px;}
	.MiVi_box .mivi_con1 .mivi_li3 li:before {content:""; display:block; clear:both; position:absolute; left:-2px; top:0; height:100%; border-left:2px dotted #b2b7c7;}

	/* 01. About the KCS : Greetings from Commissioner */
	.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/english/sub_cnt/bg_greet3.png") repeat;}
	.greet_top .inner {position:relative; height:145px; padding:45px 0 0 230px; color:#d0e5ff; font-size:20px; background:#155eb6 url("/images/web/english/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/english/sub_cnt/bg_greet1.png") no-repeat left top;}
	.greet_top .inner p.txt1 {position:relative; padding:0 5px; font-size:30px; 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;}
	.greet_top .inner p.txt2 strong {padding:0 5px; font-family:"NotoB"; font-size:30px; background:url("/images/web/english/sub_cnt/bg_greet4.png") repeat-x left bottom;}
	.greet_top .greet_btn {position:absolute; right:0; bottom:0; width:510px;}
	.greet_top .greet_btn a {display:block; float:left; width:185px; height:60px; padding-left:65px; margin-left:5px; color:#fff; font-size:18px; font-family:"NotoM"; background:#e40431 url("/images/web/english/sub_cnt/ico_greet.png") no-repeat 20px center;}
	.greet_top .greet_btn a + a {background:#053863 url("/images/web/english/sub_cnt/ico_greet2.png") no-repeat 20px center;}
	.greet_top .greet_btn a span {display:block; line-height:60px; background:url("/images/web/english/sub_cnt/arr_greet.png") no-repeat right center;}
	.greet_txt3 {margin-top:30px; font-size:26px; color:#053863;  font-family:"NotoM"; line-height:1.2;}
	.greet_sign {text-align:right;}
	.greet_sign span {margin-left:10px; font-family:"NotoB"; font-size:24px;}

	/* 01. About the KCS : Former Commissioners */
	.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/common/con_com/pt_diagonalG.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:95px; margin:0 auto; padding:20px 0; }
	.gener_list li p {padding:15px; font-size:14px; border-top:1px dashed #b2b7c7; background:#f7f7f7;}
	.gener_list li p span {font-size:15px; color:#111; font-family:'NotoM';}
	.gener_list li p strong {display:block; margin-bottom:5px; font-size:17px; color:#053863; font-family:'NotoM';}

	/* 01. About the KCS : History */
	.history_box {position:relative; overflow:hidden; background:url('/images/web/english/sub_cnt/bg_his.png') no-repeat center top;}
	.history_box:before {content:""; display:block; clear:both; position:absolute; left:50%; bottom:0; width:2px; height:100%; margin-left:-1px; background:url('/images/web/english/sub_cnt/bg_his_line.png') repeat-y center top;}
	.history_box h3 {position:relative; width:302px; height:120px; margin:0 auto; padding:60px 0 60px; line-height:55px; font-size:20px; font-family:"NotoM"; color:#fff; text-align:center; background:url('/images/web/english/sub_cnt/bg_his_tit.png') no-repeat center top;}
	.history_box h3 span {position:relative; display:block; font-size:22px; font-family:"NotoD"; color:#e4f3ff; letter-spacing:0;}
	.history_box h3 span:before {content:""; display:block; clear:both; position:absolute; left:50%; bottom:0; width:40px; height:2px; margin-left:-20px; background:#fff;}
	.history_box > ol > li {position:relative; margin-top:50px; overflow:hidden; background:url('/images/web/english/sub_cnt/bu_his.png') no-repeat center 5px;}
	.history_box > ol > li > ol > li.his_l {width:50%; float:left; text-align:right;}
	.history_box > ol > li > ol > li.his_l div {padding-right:60px;}
	.history_box > ol > li > ol > li.his_r {width:50%; float:right;}
	.history_box > ol > li > ol > li.his_r div {padding-left:60px;}

	.history_box > ol > li > ol > li > div > h4 {position:relative; font-size:24px; color:#000;}
	.history_box > ol > li > ol > li.his_l > div > h4:before {content:""; display:block; clear:both; position:absolute; right:0; top:16px; width:40px; height:2px; margin-right:-48px; background:#e4022e;}
	.history_box > ol > li > ol > li.his_r > div > h4:before {content:""; display:block; clear:both; position:absolute; left:0; top:16px; width:40px; height:2px; margin-left:-48px; background:#e4022e;}
	.history_box > ol > li > ol > li > div > h4 span {font-family:"NotoB";}
	.history_box > ol > li > ol > li > div > dl {padding:20px 0 0;}
	.history_box > ol > li > ol > li > div > dl > dt {font-size:18px; font-family:"NotoM"; color:#e4022e;}
	.history_box > ol > li > ol > li > div > dl > dd {padding:10px 0; border-bottom:1px dashed #d3d3d3;}

	/* 01. About the KCS : Organization Chart */
	.orgcht_box {position:relative; background:url("/images/web/english/sub_cnt/bg_orgcht.png") no-repeat center top;}
	.orgcht_box h3 {position:absolute; right:0; top:0; padding:30px 0 30px 55px;  line-height:57px;font-family:'Arial'; font-size:50px; color:#000; text-align:right; background:url("/images/web/english/sub_cnt/bg_orgcht_t.png") no-repeat left top;}
	.orgcht_box h3 span {display:block; font-weight:bold;}
	.orgcht_box ol {font-family:'NotoM'; letter-spacing:-1px; overflow:hidden; background:url("/images/web/english/sub_cnt/line_orgcht.png") repeat-y 89px top;}
	.orgcht_box ol > li {margin-top:30px;}
	.orgcht_box ol > li:first-child {margin-top:0;}
	.orgcht_box ol li p { display:block; color:#fff; text-align:center;}
	.orgcht_box ol li p span {position:relative; padding-bottom:5px;}
	.orgcht_box ol li p span:before {content:""; display:block; clear:both; position:absolute; left:50%; bottom:0; width:0px; height:1px;background:#fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	.orgcht_box ol li ul { font-family:'NotoR'; overflow:hidden;}
	
	.orgcht_box ol li.org_1d {width:180px; height:46px; padding:70px 0; color:#fff; font-size:20px; line-height:40px; background:url("/images/web/english/sub_cnt/bg_orgcht_h.png") no-repeat center;}
	.orgcht_box ol li.org_2d {width:180px; height:50px; padding:10px 0; line-height:25px; font-size:18px; background:#12519c url("/images/web/english/sub_cnt/bg_orgcht_h2.png") no-repeat center bottom; border-radius:10px;}
	
	.orgcht_box ol li.atach {width:210px; margin-left:90px; line-height:20px; font-size:16px; background:url("/images/web/english/sub_cnt/line_orgcht.png") repeat-x left 24px;}
	.orgcht_box ol li.atach p {width:160px; height:40px; padding:5px 0; margin-left:50px; border-radius:10px;}
	.orgcht_box ol li.atach.col_p p {line-height:40px; background:#5543af;}
	.orgcht_box ol li.atach.col_m p {background:#00a1b9;}
	.orgcht_box ol li.atach.col_b p {background:#155eb6;}
	.orgcht_box ol li.atach.col_m {position:relative;}
	.orgcht_box ol li.atach.col_m ul {position:absolute; left:210px; top:0; width:340px;}
	.orgcht_box ol li.atach.col_m ul li {width:156px; height:40px; padding:3px 0; margin-left:10px; font-size:14px; line-height:20px; float:left; text-align:center; border:2px solid #00a1b9; background:#fff; border-radius:10px;}

	.orgcht_box ol li.org_3d > ul > li {position:relative; margin-top:20px; padding-left:250px; overflow:hidden; background:url("/images/web/english/sub_cnt/line_orgcht.png") repeat-x left 24px;}
	.orgcht_box ol li.org_3d > ul > li:first-child {margin-top:0;}
	.orgcht_box ol li.org_3d ul li p {position:absolute; left:0; top:0; width:220px; height:40px; padding:5px 0; line-height:20px; background:#555; border-radius:10px;}
	.orgcht_box ol li.org_3d ul li ul {padding:13px 25px; line-height:20px; background:#fff; border:2px solid #555; border-radius:10px;}
	.orgcht_box ol li.org_3d ul li ul li {width:50%; float:left; font-size:14px;}
	.orgcht_box ol li.org_3d ul li ul li span {position:relative; display:block; padding-left:10px;}
	.orgcht_box ol li.org_3d ul li ul li span:before {content:""; display:block; clear:both; position:absolute; left:0; top:8px; width:4px; height:4px; background:#888;}

	/* 01. About the KCS : Location */
	.map_box {position:relative; height:350px; overflow:hidden; border:1px solid #d3d3d3;}
	.map_box iframe {width:100%; height:350px;}
	.address_box {position:relative; margin-top:-12px; padding:20px; border:1px solid #c8d1db; background:#555; }
	.address_box li {position:relative; padding:4px 0 4px 12px; font-size:15px; line-height:1.4; color:#f3f3f3;}
	.address_box li:before {content:''; position:absolute; top:12px; left:0; width:5px; height:5px; background:#f3f3f3;}
	.address_box li strong {font-family:"NotoM"; color:#fff;}


/* E : 01. About the KCS // *********************************************************************************************************************************************/



/* 검색 */
/* 게시판상단 */
.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 추가 */


/* Importexport By Commodity 191219 추가(검색부분) */
.impor_com {position:relative; margin:0 0 30px; font-family:"NotoR"; padding:15px 25px; border:1px solid #acbeca; background:#f6f7f9; overflow:hidden;}
.impor_com ul.impor_search > li {position:relative; line-height:33px; padding:10px 0 10px 150px; border-top:1px dashed #acbeca; }
.impor_com ul.impor_search > li:first-child {border-top:none;}
.impor_com ul.impor_search > li > strong {position:absolute; top:10px; left:0; display:block; width:140px; line-height:37px; font-family:"NotoM"; }
.impor_com ul.impor_search > li select {width:20%; height:35px; border:1px solid #d3d3d3; vertical-align:middle;}
.impor_com ul.impor_search > li input {width:68%; height:33px; line-height:33px; margin:0 0.5%; border:1px solid #d3d3d3; vertical-align:middle;}
.impor_com ul.impor_search > li input[type='radio'] {width:auto; height:auto; margin:0 2px 0 0; border:none; vertical-align:middle;} /* 191219 추가 */
.impor_com ul.impor_search > li ul {overflow:hidden;}
.impor_com ul.impor_search > li ul li {width:20%; float:left; white-space:nowrap;}
.impor_com ul.impor_search > li ul li a {display:block; margin:2px; text-align:center; color:#555; border:1px solid #d3d3d3; background:#fff;}
.impor_com ul.impor_search > li ul li a:hover {font-family:"NotoM"; color:#053963; border:1px solid #053963; background:#eef8ff;}
.impor_com ul.impor_search > li:last-child {text-align:right;}
.impor_com ul.impor_search > li button.txt_button {display:inline-block; padding:5px 20px; color:#fff; line-height:35px; font-size:16px; font-family:"NotoM"; background:#0b61b8; border:none; vertical-align:middle;}


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

	
	/* S : 01. About the KCS ***********************************************************************************************************************************************/

	/* E : 01. About the KCS ***********************************************************************************************************************************************/

}

@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/english/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%;}
	
	/* S : 01. About the KCS ***********************************************************************************************************************************************/
		/* 01. About the KCS : Mission & Vision */
		.MiVi_box .inner {padding:20px;}
		.MiVi_box .inner h3 {left:50%; top:-50px; margin-left:-50px; }
		.MiVi_box .mivi_top {min-height:auto; padding:0 0 20px 0;}
		.MiVi_box .mivi_top p span {font-size:20px;}

		.MiVi_box .mivi_con1 {padding:30px 0 0 0;}
		.MiVi_box .mivi_con1 dt {position:relative; left:auto; top:auto; width:auto; padding:0 0 20px; background:none;}
		.MiVi_box .mivi_con1 dt:before {content:""; display:block; clear:both; position:absolute; left:50%; bottom:10px; width:20px; height:2px; margin-left:-10px; background:#000;}
		.MiVi_box .mivi_con1 dt br {display:none;}
		.MiVi_box .mivi_li1 li {width:100%; margin:10px 0 5px; float:none; }
		.MiVi_box .mivi_li1 li strong {height:45px; margin-bottom:10px; line-height:45px; border-radius:23px;}

		.MiVi_box .mivi_con2 {padding:95px 0 10px 0;}
		.MiVi_box .mivi_con2 dt {left:50%; width:70px; height:70px; margin-left:-35px; line-height:70px; border-radius:40px;}
		.MiVi_box .mivi_con2 dd {margin:-5px 0 0; height:auto; padding:10px 20px; line-height:25px; font-size:17px; border-radius:20px;}
		.MiVi_box .mivi_con2 dt:before {right:auto; left:50%; top:auto; bottom:-25px; width:10px; height:25px; margin:0 0 0 -5px; }
		
		.MiVi_box .mivi_con2.mivi_dlB dt:before {background:url('/images/web/english/sub_cnt/bg_mivi_con2_h.png') no-repeat center;}

		.MiVi_box .mivi_con2.mivi_dlR dt:before {background:url('/images/web/english/sub_cnt/bg_mivi_con3_h.png') no-repeat center;}
		.MiVi_box .mivi_con2.mivi_dlR dd {padding:10px 20px; height:auto;}

		.MiVi_box .mivi_con1 .mivi_li2 {padding:20px; background:#f7f7f7;}
		.MiVi_box .mivi_con1 .mivi_li2 li {width:100%; margin:10px 0 0; padding:0; font-size:20px; text-align:left;}
		.MiVi_box .mivi_con1 .mivi_li2 li:before {display:none;}
		.MiVi_box .mivi_con1 .mivi_li2 li span {display:inline-block; margin:0 0 0 10px;}
		.MiVi_box .mivi_con1 .mivi_li2 li strong {text-align:center;}

		.MiVi_box .mivi_con1 dd.mivi_txt {padding:10px 0; line-height:1.4; border:none; }

		.MiVi_box .mivi_con1 .mivi_li3 li {margin:10px 1% 0; width:48%; padding:5px 0; background:#f7f7f7;}
		.MiVi_box .mivi_con1 .mivi_li3 li:before {display:none;}

		/* 01. About the KCS : Former Commissioners */
		.gener_list li {width:30%; margin:0 0 25px 4%;}
		.gener_list li:nth-last-child(2) {margin-left:0;}




	


	/* E : 01. About the KCS // *********************************************************************************************************************************************/

	/* Importexport By Commodity 191219 추가(검색부분) */
	.impor_com ul.impor_search > li select,
	.impor_com ul.impor_search > li input,
	.impor_com ul.impor_search > li button.txt_button {margin:2px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
}

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

	/* S : 01. About the KCS // *********************************************************************************************************************************************/
		
		/* 01. About the KCS : Greetings from Commissioner */
		.greet_top {padding:0 20px 40px 0;}
		.greet_top .inner {padding:35px 0 0 210px; font-size:18px;}
		.greet_top .inner:before {height:100%;}
		.greet_top .inner p.txt1 {font-size:22px;}
		.greet_top .inner p.txt2 {font-size:22px;}
		.greet_top .inner p.txt2 strong {font-size:25px; background-size:100% 18px;}

		/* 01. About the KCS : Organization Chart */
		.orgcht_box ol li.org_3d ul li ul li {width:100%; float:none;}

	/* E : 01. About the KCS // *********************************************************************************************************************************************/

}

@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/english/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 : 01. About the KCS // *********************************************************************************************************************************************/
		
		/* 01. About the KCS : Greetings from Commissioner */
		.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 {width:100%; height:280px;}
		.greet_top .inner {height:auto; padding:120px 15px 20px; 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 .greet_btn {right:50%; margin-right:-115px; width:250px;}
		.greet_top .greet_btn a {margin:5px 0 0;}
		.greet_txt3 {font-size:20px;}

		/* 01. About the KCS : Organization Chart */
		.orgcht_box {background-size:100% auto;}
		.orgcht_box h3 {display:none;}
		.orgcht_box ol > li {margin-top:20px;}

		.orgcht_box ol li.atach {width:180px;}
		.orgcht_box ol li.atach p {margin-left:20px;}
		.orgcht_box ol li.atach.col_m ul {left:180px; width:300px;}
		.orgcht_box ol li.atach.col_m ul li {width:136px;}
		.orgcht_box ol li.org_3d > ul {padding:20px; border:2px solid #c6c6c6; background:#fff;}
		.orgcht_box ol li.org_3d > ul > li {padding:0; background:none;}
		.orgcht_box ol li.org_3d ul li p {position:relative; left:auto; top:auto; width:100%; height:auto; padding:10px 0;}
		.orgcht_box ol li.org_3d ul li ul {margin-top:5px;}
		.orgcht_box ol li.org_3d ul li ul li {width:50%; float:left;}

	/* E : 01. About the KCS // *********************************************************************************************************************************************/

	/* Importexport By Commodity 191219 추가(검색부분) */
	.impor_com ul.impor_search > li select {width:20%;}
	.impor_com ul.impor_search > li input {width:55%;}
	.impor_com ul.impor_search > li ul li {width:30%;}
	.impor_com ul.impor_search > li ul li.word_all {width:28%;}

}

@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;}
	
	/* S : 01. About the KCS ***********************************************************************************************************************************************/
		
		/* 01. About the KCS : Former Commissioners */
		.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;}

		/* 01. About the KCS : Organization Chart */
		.orgcht_box ol li.atach.col_m ul {position:relative; left:auto; top:auto; width:auto;}
		.orgcht_box ol li.atach.col_m ul li {width:156px; margin:5px 0 0 20px;}

	/* E : 01. About the KCS // *********************************************************************************************************************************************/
	
}

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


	/* S : 01. About the KCS ***********************************************************************************************************************************************/
		/* 01. About the KCS : Mission & Vision */
		.MiVi_box .mivi_top p span {font-size:20px;}
		.MiVi_box .mivi_top p span.mivi_b:before, .MiVi_box .mivi_top p span.mivi_r:before {display:none;}

		.MiVi_box .mivi_con1 dd.mivi_txt {padding:10px 0; line-height:1.4; border:none; }
		.MiVi_box .mivi_con1 .mivi_li3 li {margin:10px 0 0; width:100%; float:none;}

		/* 01. About the KCS : Greetings from Commissioner */
		.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;}

		/* 01. About the KCS : History */
		.history_box:before {left:79px; bottom:0; margin-left:0;}
		.history_box h3 {width:160px; height:117px; margin:0; padding:30px 0 0; line-height:40px; font-size:16px; background-size:160px auto;}
		.history_box h3 span {font-size:18px;}
		.history_box > ol > li {margin-top:0; background:none;}
		.history_box > ol > li > ol > li.his_l,
		.history_box > ol > li > ol > li.his_r {width:auto; padding:30px 0 0 80px; float:none; text-align:left; background:url('/images/web/english/sub_cnt/bu_his.png') no-repeat 67px 35px;}
		.history_box > ol > li > ol > li.his_l div,
		.history_box > ol > li > ol > li.his_r div {padding:0 0 0 30px;}

		.history_box > ol > li > ol > li > div > h4 {font-size:20px;}
		.history_box > ol > li > ol > li.his_l > div > h4:before, 
		.history_box > ol > li > ol > li.his_r > div > h4:before {left:0; top:16px; width:10px; margin-left:-20px;}
		.history_box > ol > li > ol > li > div > dl {padding:10px 0 0;}

		/* 01. About the KCS : Organization Chart */
		.orgcht_box ol li.org_3d ul li ul li {width:100%; float:none;}

		

	/* E : 01. About the KCS // *********************************************************************************************************************************************/
}

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

	/* S : 01. About the KCS ***********************************************************************************************************************************************/
		
		/* 01. About the KCS : Former Commissioners */
		.gener_list li {width:95%; margin:0 0 25px 0; float:none;}
		.gener_list li:nth-last-child(2) {margin-left:0;}

		

	/* E : 01. About the KCS ***********************************************************************************************************************************************/
	
	/* Importexport By Commodity 191219 추가(검색부분) */
	.impor_com ul.impor_search > li { padding:10px 0 10px 0;}
	.impor_com ul.impor_search > li > strong {position:relative; top:auto; left:auto; width:auto; line-height:30px;}

	.impor_com ul.impor_search > li select {width:30%;}
	.impor_com ul.impor_search > li input {width:67%; margin:0 0 0 1%;}
	.impor_com ul.impor_search > li button.txt_button {width:100%;}
	.impor_com ul.impor_search > li ul li {width:50%;}
	.impor_com ul.impor_search > li ul li.word_all {width:28%;}

}