@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:186px;} 
#container:after {display:block; content:""; clear:both;}

.main_wrap {position:relative; width:100%;}
.main_wrap .MC_cont_wrap{position:relative; width:100%; max-width:1300px; margin:0 auto; overflow:hidden;}

.main_wrap .MC_wrap01 {position:relative; width:100%;}
.main_wrap .MC_wrap02 {position:relative; width:100%; background:#f8f9fa; overflow:hidden;}
.main_wrap .MC_wrap03 {position:relative; width:100%; padding:60px 0; background:url('/images/web/ftaportalkor/main/bg_wrap03.png') no-repeat center; background-size:cover; overflow:hidden;}
.main_wrap .MC_wrap03 .MC_cont01{position:relative; float:left;}
.main_wrap .MC_wrap03 .MC_cont02{position:relative; float:right;}
.main_wrap .MC_wrap04{position:relative; width:100%; background:#dfe4ea; z-index:1;}
.main_wrap .MC_wrap04::before{content:""; position: absolute; left:0; top:-20px; width:55%; height:226px; background:url('/images/web/ftaportalkor/main/bg_wrap04.png') no-repeat right center; z-index:0;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; height:640px; z-index:1;}
.main_visual button{cursor: pointer;}
.main_visual ul li{overflow:hidden;}
.main_visual #m_visual{height:100%; text-align:center;}
.main_visual #m_visual div{height:100%;}
.main_visual #m_visual li {position:relative; width:100%; height:100%; }
.main_visual #m_visual li img { width:auto; height:100%;}

/* 슬라이드 화살표 사용시 활성
.main_visual #m_visual .slick-arrow{position: absolute; width:85px; height:40px; top:30%; text-indent:-99999%; overflow:hidden; z-index:1;}
.main_visual #m_visual .slick-prev{left:50%; margin-left:-650px; background:url('../images/main/btn_m_prev.png') no-repeat left center;}
.main_visual #m_visual .slick-next{right:50%; margin-right:-650px; background:url('../images/main/btn_m_next.png') no-repeat right center;}
*/
.main_visual .slogan_wrap{position: absolute; width:40%; max-width:1300px; top:20%; left:50%; margin-left:-650px; letter-spacing: -1px;}
.main_visual #m_slogan li p{color:#fff; line-height:1.3; word-break:keep-all;}
.main_visual #m_slogan li p.txt1{display:inline-block; position:relative; font-size:40px; padding:0 0 20px; margin:0 0 20px;}
.main_visual #m_slogan li p.txt1::before{content:""; position: absolute; left:0; right:0; bottom:0; width:100%; height:1px; background:rgba(255,255,255,0.5);}
.main_visual #m_slogan li p.txt2{font-size:16px; }
.main_visual #m_slogan li p.txt2 span{ border-top:2px solid #ccc; padding-right:20px;}
.main_visual #m_slogan .slick-dots{margin:20px 0 0 35px;}
.main_visual #m_slogan .slick-dots li{float:left; margin-right:8px;}
.main_visual #m_slogan .slick-dots li button{width:10px; height:10px; border-radius:10px; background:rgba(255,255,255,0.7); text-indent:-9999%; overflow:hidden;  transition:all 0.3s ease;}
.main_visual #m_slogan .slick-dots li.slick-active button{width:20px; background:#fff;}
.main_visual .control_btn{position: absolute; left:0px; bottom:2px; } 
.main_visual .control_btn button{width:25px; height:25px; border:0px;  border-radius:20px; font-size:0; float:left;}
.main_visual .control_btn button.btn_stop{background:rgba(0,0,0,0.5) url('/images/web/ftaportalkor/main/btn_m_stop.png') no-repeat center; }
.main_visual .control_btn button.btn_play{display:none; background:rgba(0,0,0,0.5) url('/images/web/ftaportalkor/main/btn_m_play.png') no-repeat center; }

/*2020.0224 추가 yhy

.Notice {position:relative; width:620px; height:325px; padding:0px 35px; margin-top:20px; float:left; background:#fff;}
.Notice:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:58px;}
.Notice h2 {position:relative; height:50px; line-height:50px; padding:0 19px; margin:10px 0 0; float:left; font-size:18px; font-family:'NotoR'; font-weight:normal; z-index:2;}
.Notice h2 a {display:block; text-align:center; color:#666; }
.Notice h2 a br {display:none;}
.Notice h2.current { height:60px; font-family:'NotoM'; background:#003769 url('/images/web/kcs/main/ico_on_arr.png') no-repeat center 46px;}
.Notice h2.current a {color:#fff;}
.Notice h2:hover a { font-family: 'NotoM'; color:#053863;}
.Notice h2.current:hover a{color:#fff;}

.Notice .list_box1, .Notice .list_box2, .Notice .list_box3, .Notice .list_box4, .Notice .list_box5, .Notice .list_box6 {display:none;}
.Notice .list_box1.on, .Notice .list_box2.on, .Notice .list_box3.on, .Notice .list_box4.on, .Notice .list_box5.on, .Notice .list_box6.on {display:block;}
.Notice div.on {position:absolute; left:0; top:60px; width:100%; height:195px; padding:35px 0; border-top:1px solid #053863;}
.Notice div.on ul {padding:0 35px; overflow:hidden;}
.Notice div.on ul li {position:relative; padding-right:100px; line-height:40px;}
.Notice div.on ul li a {display:block; padding-left:15px; font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice div.on ul li a:before {content:''; position:absolute; top:19px; left:0; width:4px; height:4px; background:#0066c3; border-radius:2px;}
.Notice div.on ul li a:hover {color:#222; text-decoration:underline;}
.Notice div.on ul li a img {vertical-align:middle; margin-right:5px;}
.Notice div.on ul li span {position:absolute; right:0; top:0; display:block; color:#666; font-size:15px;}

.Notice a.btn_more {position:absolute; top:-58px; right:10px; width:8.8%; height:58px; display:block; text-indent:-10000em; background:url('/images/web/kcs/main/btn_more.png') no-repeat center; overflow:hidden;}
.Notice a.btn_more:hover {transform:rotate(360deg);}
.Notice h2, .Notice a{ transition:all 0.3s ease;}
*/

/* 공지사항 */
.Notice {position: absolute; right:50%; top:80px; width:580px; margin-right:-630px; background:rgba(255,255,255,0.9); z-index:1;}
.Notice:before {content:""; display:block; clear:both; position:absolute; left:0; top:0; width:100%; height:58px;}

.Notice h2 {position:relative; height:30px; background:#dddddd; line-height:30px; padding:0 19px; margin:-30px 0 0; float:left; font-size:15px; font-family:'NotoR'; font-weight:normal; z-index:2;}
.Notice h2 a {display:block; text-align:center; color:#666; }
.Notice h2 a br {display:none;}
.Notice h2.tit_2 {margin-left:177px;}
.Notice h2.tit_3 {margin-left:227px;}
.Notice h2.current { height:30px; font-family:'NotoM'; background:#003769 url('/images/web/kcs/main/ico_on_arr.png') no-repeat center 46px;}
.Notice h2.current a {color:#fff;}
.Notice h2:hover a { font-family: 'NotoM'; color:#053863;}
.Notice h2.current:hover a{color:#fff;}

.Notice h2, .Notice a{ transition:all 0.3s ease;}

.Notice .list_box1, .Notice .list_box2, .Notice .list_box3, .Notice .list_box4, .Notice .list_box5, .Notice .list_box6 {display:none;}
.Notice .list_box1.on, .Notice .list_box2.on, .Notice .list_box3.on, .Notice .list_box4.on, .Notice .list_box5.on, .Notice .list_box6.on {display:block;}

/*.Notice h2 {position: absolute; left:0; top:0; width:1px; height:1px; overflow:hidden; text-indent:-99999%;} */
.Notice .list_box1 {position: relative; padding:20px; height:450px;}
.Notice .list_box1 ul { overflow:hidden;}
.Notice .list_box1 ul li {position:relative; min-height:75px; padding-left:85px; margin-top:15px; overflow:hidden;}
.Notice .list_box1 ul li:first-child{margin-top:0;}
.Notice .list_box1 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box1 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:3px 0 0; }
.Notice .list_box1 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box1 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box1 ul li .date{position: absolute; left:0; top:0; width:75px; height:75px; text-align:center; background:#046cc4; color:#fff;}
.Notice .list_box1 ul li .date span{display:block;}
.Notice .list_box1 ul li .date .y-m{position: absolute; left:0%; bottom:10px; width:100%; font-size:13px; }
.Notice .list_box1 ul li .date .day{font-size:28px; line-height:60px; font-family: 'NotoB';}
.Notice .list_box1 ul li.new a .tit{padding-left:25px;}
.Notice .list_box1 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box1 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box1 ul li a:hover p{color:#005dbb;}
.Notice .list_box1 ul li:hover .date{border-color:#005dbb;}

.Notice .list_box2 {position: relative; padding:20px; height:450px;}
.Notice .list_box2 ul { overflow:hidden;}
.Notice .list_box2 ul li {position:relative; min-height:75px; padding-left:85px; margin-top:15px; overflow:hidden;}
.Notice .list_box2 ul li:first-child{margin-top:0;}
.Notice .list_box2 ul li a {display:block; color:#333; width:100%; float:left; margin:10px 0; }
.Notice .list_box2 ul li a .tit{font-size:16px; color:#111; font-family: 'NotoM'; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin:3px 0 0; }
.Notice .list_box2 ul li a span{display:block; font-size:13px; color:#999; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Notice .list_box2 ul li a img {vertical-align:middle; margin-right:5px;}
.Notice .list_box2 ul li .date{position: absolute; left:0; top:0; width:75px; height:75px; text-align:center; background:#046cc4; color:#fff;}
.Notice .list_box2 ul li .date span{display:block;}
.Notice .list_box2 ul li .date .y-m{position: absolute; left:0%; bottom:10px; width:100%; font-size:13px; }
.Notice .list_box2 ul li .date .day{font-size:28px; line-height:60px; font-family: 'NotoB';}
.Notice .list_box2 ul li.new a .tit{padding-left:25px;}
.Notice .list_box2 ul li.new a .tit::after{content:"N"; position: absolute; left:0; top:2px; width:20px; height:20px; line-height:20px; background:#f00; text-align:center; color:#fff; font-family: 'NotoM'; border-radius:20px;}
.Notice .list_box2 ul li a:hover {color:#222; text-decoration:underline;}
.Notice .list_box2 ul li a:hover p{color:#005dbb;}
.Notice .list_box2 ul li:hover .date{border-color:#005dbb;}

.Notice a.btn_more {position:absolute; bottom:-22px; right:10px; width:160px; height:45px; line-height:45px; display:block; color:#fff; padding:0 20px; background:#16b2e5 url('/images/web/ftaportalkor/main/btn_arr.png') no-repeat 85% center; overflow:hidden;}
.Notice a.btn_more:hover {background-color:#0598c9; background-position:95% 50%; }
.Notice h2 a, .Notice .list_box p, .Notice a.btn_more{ transition:all 0.3s ease;}

/* 퀵메뉴 */
.quickmenu{position: absolute; right:0; top:0; width:100px; height:100%; background:rgba(97,112,137,0.95); z-index:2; text-align:center;}
.quickmenu h2{position: absolute; left:0; top:0; width:0px; height:0px; overflow:hidden;}
.quickmenu ul{margin:118px 0; overflow:hidden;}
.quickmenu ul li a{display:block; padding:20px 0; margin:0 10px; color:#fff; line-height:25px; border-top:1px solid #818da1; font-size:12px;}
.quickmenu ul li:first-child a{border-top:0;}
.quickmenu ul li a img{width:35px; height:35px;}
.quickmenu ul li a:hover{padding:10px 0; text-decoration: underline;}
.quickmenu ul li a:hover p{margin:10px 0;}
.quickmenu ul li a, .quickmenu ul li a p{  transition:all 0.3s ease;}

/* 우리나라 FTA현황 한눈에보기 */
.ftaSttus{position:relative; width:100%; height:510px; max-width:1300px; margin:60px auto 30px; overflow:hidden;}
.ftaSttus h2{font-size:24px; line-height:1.2; color:#111; margin:0 0 20px; font-family: 'NotoM';}
.ftaSttus h2 span{display:block; color:#858e9c;}
.ftaSttus .tit{position:relative; width:270px; height:40px; line-height:20px; color:#111; margin:5px 0 0; padding:15px 15px 15px 75px; border:1px solid #ccc; cursor: pointer;}
.ftaSttus .tit h3{font-size:16px; font-family:'NotoM';}
.ftaSttus .tit a{border-bottom:1px solid #ccc; font-size:13px;}
.ftaSttus .tit:before{content:""; position: absolute; right:20px; top:50%; width:22px; height:22px; margin-top:-11px; border-radius:20px; background:#a3b2be url('/images/web/ftaportalkor/main/btn_more_wh.png') no-repeat center;}
.ftaSttus .tit.on:before{background:#fff url('/images/web/ftaportalkor/main/btn_arr_bk.png') no-repeat center;}
.ftaSttus .tit.on,  .ftaSttus .tit.on a, .ftaSttus .tit:hover, .ftaSttus .tit:hover a{color:#fffdfd;}


/* 200224 수정 yhy */
.ftaSttus .wrap_tit .tit{position:relative; background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus00.png')no-repeat 15px center;}
.ftaSttus .wrap_tit .tit.on, .ftaSttus .wrap_tit .tit:hover{background:#394b61 url('/images/web/ftaportalkor/main/ico_ftaSttus00_ov.png')no-repeat 15px center;}
.ftaSttus .wrap_tit.on {display:block;}
.ftaSttus .mapBox {position:absolute; display:none; width:900px; right:0; top:0; /*background:url('/images/web/ftaportalkor/main/img_ftaSttus_map.png') no-repeat center; background-size:contain;*/}
.ftaSttus .mapBox.on{display:block;}
.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; padding:36px 0 0; font-size:13px; z-index:1;}
.ftaSttus .mapBox a:hover{color:#000; font-family: 'NotoM'; text-decoration:underline;}
.ftaSttus .mapBox a.l_txt{text-align:left; padding:22px 0 0 25px; background-position:left center !important;}


/* //200224 */
.ftaSttus .wrap00 .tit{background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus00.png')no-repeat 15px center;}
.ftaSttus .wrap01 .tit{background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus01.png')no-repeat 15px center;}
.ftaSttus .wrap02 .tit{background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus02.png')no-repeat 15px center;}
.ftaSttus .wrap03 .tit{background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus03.png')no-repeat 15px center;}
.ftaSttus .wrap04 .tit{line-height:40px; background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus04.png')no-repeat 15px center;}
.ftaSttus .wrap05 .tit{line-height:40px; background:#fff url('/images/web/ftaportalkor/main/ico_ftaSttus05.png')no-repeat 15px center;}
.ftaSttus .wrap00 .tit.on, .ftaSttus .wrap00 .tit:hover{background:#394b61 url('/images/web/ftaportalkor/main/ico_ftaSttus00_ov.png')no-repeat 15px center;}
.ftaSttus .wrap01 .tit.on, .ftaSttus .wrap01 .tit:hover{background:#0075ce url('/images/web/ftaportalkor/main/ico_ftaSttus01_ov.png')no-repeat 15px center;}
.ftaSttus .wrap02 .tit.on, .ftaSttus .wrap02 .tit:hover{background:#1da28a url('/images/web/ftaportalkor/main/ico_ftaSttus02_ov.png')no-repeat 15px center;}
.ftaSttus .wrap03 .tit.on, .ftaSttus .wrap03 .tit:hover{background:#7f61cc url('/images/web/ftaportalkor/main/ico_ftaSttus03_ov.png')no-repeat 15px center;}
.ftaSttus .wrap04 .tit.on, .ftaSttus .wrap04 .tit:hover{background:#f23535 url('/images/web/ftaportalkor/main/ico_ftaSttus04_ov.png')no-repeat 15px center;}
.ftaSttus .wrap05 .tit.on, .ftaSttus .wrap05 .tit:hover{background:#f68f21 url('/images/web/ftaportalkor/main/ico_ftaSttus05_ov.png')no-repeat 15px center;}
.ftaSttus .mapBox{position:absolute; display:none; width:900px; right:0; top:0; /*background:url('/images/web/ftaportalkor/main/img_ftaSttus_map.png') no-repeat center; background-size:contain;*/}
.ftaSttus .mapBox.on{display:block;}
.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; padding:36px 0 0; font-size:13px; z-index:1;}
.ftaSttus .mapBox a:hover{color:#000; font-family: 'NotoM'; text-decoration:underline;}
.ftaSttus .mapBox a.l_txt{text-align:left; padding:22px 0 0 25px; background-position:left center !important;}
.ftaSttus .wrap99 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area_default.png') no-repeat top center;}
.ftaSttus .wrap00 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area_default.png') no-repeat top center;}
.ftaSttus .wrap01 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area01.png') no-repeat top center;}
.ftaSttus .wrap02 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area02.png') no-repeat top center;}
.ftaSttus .wrap03 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area03.png') no-repeat top center;}
.ftaSttus .wrap04 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area04.png') no-repeat top center;}
.ftaSttus .wrap05 .mapBox a{background:url('/images/web/ftaportalkor/main/ico_ftaSttus_area05.png') no-repeat top center;}
.ftaSttus .mapBox a.area01{top:15%; left:7%;}
.ftaSttus .mapBox a.area02{top:25%; left:3%;}
.ftaSttus .mapBox a.area03{top:35%; left:12%;}
.ftaSttus .mapBox a.area04{top:45%; left:25%;}
.ftaSttus .mapBox a.area05{top:35%; left:30%;}
.ftaSttus .mapBox a.area06{top:34%; left:40%;}
.ftaSttus .mapBox a.area07{top:46%; left:32%;}
.ftaSttus .mapBox a.area08{top:55%; left:31%;}
.ftaSttus .mapBox a.area09{top:72%; left:40%;}
.ftaSttus .mapBox a.area10{top:79%; left:50%;}
.ftaSttus .mapBox a.area11{top:22%; left:70%;}
.ftaSttus .mapBox a.area12{top:35%; left:75%;}
.ftaSttus .mapBox a.area13{top:48%; left:76%;}
.ftaSttus .mapBox a.area14{top:55%; left:83%;}
.ftaSttus .mapBox a.area15{top:64%; left:81%;}
.ftaSttus .mapBox a.area16{top:75%; left:83%;}
.ftaSttus .mapBox a.area17{top:25%; left:7%;}
/* .ftaSttus a.btn_more{display:block; position:absolute; left:285px; top:15px; width:70px; height:35px; line-height:35px; border:2px solid #51a9e9; text-align:center; color:#51a9e9; font-family: 'NotoM';}
.ftaSttus a.btn_more::before{content:""; position: absolute; right:-15px; top:-15px; width:30px; height:30px; background:#f8f9fa url('/images/web/ftaportalkor/main/btn_more_bl.png') no-repeat center; border-radius:30px;}
.ftaSttus a.btn_more:hover{border-color:#005dbb; color:#005dbb;}
.ftaSttus a.btn_more:hover::before{transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } 200213 주석처리 */
.ftaSttus .tit, .ftaSttus a.btn_more, .ftaSttus a.btn_more::before{ transition:all 0.3s ease;}

/* E-BOOK 200108 */
.ebook{position:relative; width:340px; height:290px; padding:25px 35px; float:left; background:#fff;}
.ebook h2{font-size:20px; color:#000; font-family: 'NotoM'; padding:0 0 15px; border-bottom:2px solid #000;}
.ebook button{cursor: pointer;}
.ebook .M_ebook_img {overflow:hidden;}
.ebook .M_ebook_img p img{width:100%; height:243px; max-width:100%; max-height:100%;}
.ebook .M_ebook_img p a {display:block; text-align:center;}
.ebook .control{position:absolute; right:74px; top:25px; text-align:center;}
.ebook .control button {width:38px; height:38px; border:1px solid #ccc; text-indent:-99999%; overflow:hidden; cursor:pointer; z-index:10;}
.ebook .control button.btn_stop{background:url('/images/web/ftaportalkor/main/btn_stop.png') no-repeat center; }
.ebook .control button.btn_play{display:none; background:url('/images/web/ftaportalkor/main/btn_play.png') no-repeat center; }
.ebook .M_ebook_img .slick-arrow {position: absolute; top:25px; z-index:15; width:38px; height:38px; text-indent:-99999%; border:1px solid #ccc; overflow:hidden; }
.ebook .M_ebook_img .slick-next{right:35px; border:1px solid #ccc; background:url('/images/web/ftaportalkor/main/btn_next.png') no-repeat center;}
.ebook .M_ebook_img .slick-prev{right:113px; border:1px solid #ccc; background:url('/images/web/ftaportalkor/main/btn_prev.png') no-repeat center;}
.ebook .M_ebook_img .slick-counter{position:absolute; line-height:40px; padding:0 10px; right:155px; top:22px; text-align:center; color:#666;  font-family: 'NotoR';}
.ebook .M_ebook_img .slick-counter .current {color:#111;  font-family: 'NotoB';}

/* 수출입 기업 지원센터 */
.imxprtCmpny{position:relative; width:340px; height:450px; margin-left:35px; padding:35px; float:right; background:#f8f9ff url('/images/web/ftaportalkor/main/bg_imxprt_cmpny.png') no-repeat center bottom; background-size:contain;}
.imxprtCmpny::before{content:""; position:absolute; width:253px; height:273px; right:30px; bottom:30px; background:url('/images/web/ftaportalkor/main/img_imxprt_cmpny.png') no-repeat center; background-size:cover;}
.imxprtCmpny h2{font-size:20px; color:#000; font-family: 'NotoM';}
.imxprtCmpny p{line-height:20px; word-break:keep-all; color:#777; margin:15px 0 30px;}
.imxprtCmpny a{text-align:center; line-height:1; border-bottom:1px solid #555; color:#555;}
.imxprtCmpny a:hover{color:#005dbb; border-color:#005dbb;}

/* 바로가기01 */
.m_link01{position: absolute; left:0; bottom:0; width:410px; height:160px; float:right; }
.m_link01 ul li{width:100%; height:160px; margin-left:4%; float:left; text-align:center; background:#fff;}
.m_link01 ul li:first-child{margin-left:0;}
.m_link01 ul li a{display:block; padding:14px 30px; line-height:18px; font-size:13px; word-break:keep-all;}
.m_link01 ul li a h2{font-size:18px; margin:5px 0 10px; font-family: 'NotoM'; color:#111;}
.m_link01 ul li a p{font-size:12px; line-height:15px;}
.m_link01 ul li a img{width:65px; height:55px;}
.m_link01 ul li:hover{background:rgba(255,255,255,0.8);}
.m_link01 ul li a:hover h2{color:#005dbb;}
.m_link01 ul li a:hover img{transform: rotateY(360deg); }
.m_link01 ul li, .m_link01 ul li a img{  transition:all 0.3s ease;}


/* CO-PASS 20200224 수정 yhy */
.copass{position:relative; width:410px; height:160px; /*background:#2c3447 url('/images/web/ftaportalkor/main/bg_copass.png') no-repeat 93% 15px  transition:all 0.3s ease;*/}

.copass ul li{width:48%; height:160px; margin-left:4%; float:left; text-align:center; background:#fff;}
.copass ul li:first-child{margin-left:0;}
.copass ul li a{display:block; padding:14px 30px; line-height:18px; font-size:13px; word-break:keep-all;}
.copass ul li a h2{font-size:18px; margin:5px 0 10px; font-family: 'NotoM'; color:#111;}
.copass ul li a p{font-size:12px; line-height:15px;}
.copass ul li a img{width:65px; height:55px;}
.copass ul li:hover{background:rgba(255,255,255,0.8);}
.copass ul li a:hover h2{color:#005dbb;}
.copass ul li a:hover img{transform: rotateY(360deg); }
.copass ul li, .copass ul li a img{  transition:all 0.3s ease;}


/*.copass a{display:block; color:#ccc; padding:30px; margin-right:100px;}
.copass a h2{color:#fff; font-size:20px; font-family: 'NotoM'; margin:0 0 15px;}
.copass:hover{opacity:0.8;}
*/


/* FTA관련 교육안내 20200310 수정 yhy */
.ftaEdu{position:relative; width:410px; height:160px; padding:0px; margin:20px 0; /*background:#edeeee url('/images/web/ftaportalkor/main/bg_ftaEdu.png') no-repeat left bottom;*/ }

.ftaEdu ul li{width:48%; height:160px; margin-left:4%; float:left; text-align:center; background:#edeeee;}
.ftaEdu ul li:first-child{margin-left:0;}

.ftaEdu h2{color:#111; font-size:19px; font-family: 'NotoM'; margin:20px 0 5px; }

.ftaEdu ul li a{display:block; position:relative; padding-left:0px; line-height:25px; }
.ftaEdu ul li.edu a{text-align:left; padding-left:30px;}
.ftaEdu ul li.edu a::before{content:""; position: absolute; left:20px; top:11px; width:4px; height:2px; background:#0075ce; text-align:left;}
.ftaEdu ul li.edu a:hover{color:#0075ce;}

.ftaEdu ul li a h2{font-size:15px; margin:10px 0 10px; font-family: 'NotoM'; color:#111;}

.ftaEdu h3 {font-size:18px; margin:10px 0 10px; font-family: 'NotoM'; color:#000;}

.ftaEdu ul li a p{font-size:12px; line-height:15px;}
.ftaEdu ul li a img{width:65px; height:55px; margin-top:10px;}
.ftaEdu ul li a:hover h3{color:#005dbb;}
.ftaEdu ul li a:hover img{transform: rotateY(360deg);}
.ftaEdu ul li, .ftaEdu ul li a img{   transition:all 0.3s ease;}


/* FTA관련 교육안내 
.ftaEdu{position:relative; width:350px; height:100px; padding:30px; margin:20px 0; background:#edeeee url('/images/web/ftaportalkor/main/bg_ftaEdu.png') no-repeat right bottom; }
.ftaEdu h2{color:#111; font-size:20px; font-family: 'NotoM'; margin:0 0 5px;}
.ftaEdu ul li a{display:block; position:relative; padding-left:10px; line-height:25px; color:#868e96;}
.ftaEdu ul li a::before{content:""; position: absolute; left:0; top:11px; width:4px; height:2px; background:#0075ce;}
.ftaEdu ul li a:hover{color:#0075ce;}
*/

/* 원산지관리 전담자 교육 */
.orgplceEdu{position:relative; width:410px; height:160px; background:#fff url('/images/web/ftaportalkor/main/bg_charger.png') no-repeat center bottom; text-align:center;transition:all 0.3s ease;}
.orgplceEdu a{display:block;}
.orgplceEdu h2{color:#111; font-size:20px; font-family: 'NotoM'; line-height:1.2; padding:30px 0; }
.orgplceEdu h2 span{display:block; font-size:14px; color:#666; }
.orgplceEdu:hover{opacity:0.8;}

/* 인증수출자제도안내 */
.m_link02{position:relative; width:50%; margin-right:10%; padding:30px 0; color:#fff; z-index:1; float:left;}
.m_link02 h2{font-size:20px; font-family: 'NotoM';}
.m_link02 p.subtitle{margin:10px 0 30px;}
.m_link02 ul li{width:23.5%; margin-left:2%; float:left;}
.m_link02 ul li:first-child{margin-left:0;}
.m_link02 ul li a{display:block; line-height:40px; text-align:center; font-family: 'NotoM'; color:#2c3447; background:#fff;  transition:all 0.3s ease;}
.m_link02 ul li a:hover{background:rgba(255,255,255,0.8);}

/* 바로가기02 */
.m_link03{position:relative; width:40%; margin:40px 0; float:right; z-index:1;}
.m_link03 h2{position: absolute; left:0; top:0; width:0px; height:0px; overflow: hidden;}
.m_link03 ul li{width:33.33%; float:left;}
.m_link03 ul li a{display:block; width:125px; height:125px; border-radius:100px; background:#fff; margin:0 auto; text-align:center; letter-spacing: -1px; font-family:'NotoM'; color:#111;} 
.m_link03 ul li a p{padding:35px 0 10px;}
.m_link03 ul li a img{width:40px; height:32px;}
.m_link03 ul li a:hover{background:#0b387b; color:#fff;}
.m_link03 ul li a:hover img{transform: rotateY(360deg);}
.m_link03 ul li a, .m_link03 ul li a img{transition:all 0.3s ease;}

/* 배너 */
.banner_box {position:relative; height:65px; background:#fff;}/* 191210 수정 */
.banner_box .banner_inner {position:relative; width:1300px; line-height:46px; margin:0 auto; padding:10px 0; overflow:hidden;}/* 191210 수정 */
.banner_box h2 {position: absolute !important; height: 1px; width:1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px); } 
.banner_box .obj {position:relative; margin-right:200px; height:46px; overflow:hidden;} /* 191126 추가 */
.banner_box .obj li {width:20%; height:46px; float:left;} 
.banner_box .obj li a {display:block; margin:0 5px; text-align:center;}
.banner_box .obj li a img {max-width:100%; height:100%;}
.banner_box .control {position:absolute; top:10px; right:0; z-index:10} /* 191210 수정 */
.banner_box .control a {display:block; float:left; text-indent:-10000px; width:45px; height:46px; overflow:hidden; }
.banner_box .control a.prev { background:url('/images/web/ftaportalkor/main/btn_b_prev.png') no-repeat; }
.banner_box .control a.next { background:url('/images/web/ftaportalkor/main/btn_b_next.png') no-repeat; }
.banner_box .control a.stop { width:46px; background:url('/images/web/ftaportalkor/main/btn_b_stop.png') no-repeat; }
.banner_box .control a.play { width:46px; background:url('/images/web/ftaportalkor/main/btn_b_play.png') no-repeat; }
.banner_box .control a.list { width:46px; background:url('/images/web/ftaportalkor/main/btn_b_list.png') no-repeat; }/* 191126 추가 */


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

	/* 퀵메뉴 */
	.quickmenu{position:relative; right:auto; top:auto; width:100%; background:#f8f9fa}
	.quickmenu ul{max-width:1300px; margin:0 auto; overflow:hidden; background:rgba(97,112,137,0.95)}
	.quickmenu ul li{width:20%; float:left; border-left:1px solid #818da1; box-sizing: border-box; } 
	.quickmenu ul li a{ border-top:0; padding:0; margin:10px auto; }
	.quickmenu ul li a:hover{padding:0; margin:5px auto 10px;}
	.quickmenu ul li a:hover p{margin:5px 0;}



}

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

	.main_visual, .Notice, .quickmenu, .ftaSttus, .ebook, .imxprtCmpny, .copass, .ftaEdu, .orgplceEdu  .m_link01, .m_link02, .m_link03{box-sizing:border-box;}

	.main_wrap .MC_cont_wrap{width:96%;}
	.main_wrap .MC_wrap02{padding:40px 0 20px;}
	.main_wrap .MC_wrap03 .MC_cont01{width:65%;}
	.main_wrap .MC_wrap03 .MC_cont02{width:32%;}

	/* 메인비주얼 */
	.main_visual .slogan_wrap{left:2%; margin-left:0;}
	
	/* 공지사항 */
	.Notice{width:48%; right:2%; margin-right:0; }
	
	/* 공지사항 추가 20200224 yhy */
	.Notice h2 {padding:0 20px; margin:-30px 0 0; }
	.Notice h2 a {padding:5px 0 0; line-height:20px; font-size:16px; text-align:center;}
	.Notice h2.tit_1 a{padding:5px 0 0;}
	.Notice h2.tit_2 a{padding:5px 0 0;}
	.Notice h2 a br {display:block;}


	/* 퀵메뉴 */
	.quickmenu ul{width:96%;}

	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus{width:96%; height:auto; margin:0 auto;}
	.ftaSttus .tit{width:18%;}
	.ftaSttus .mapBox{width:72%; top:60px;}

	/* E-BOOK 200108 */
	.ebook{width:48%; height:340px;}
	.ebook .M_ebook_img p img{width:100%; height:auto;}

	/* 수출입 기업 지원센터 */
	.imxprtCmpny{width:48%; height:520px; margin-left:4%;}

	/* 바로가기01 */
	.m_link01{width:48%;}
	.m_link01 ul li a{padding:15px;}

	/* CO-PASS */
	/*.copass{width:100%;}*/
	.copass{width:100%;}
	/*.copass ul li a{padding:15px;}*/

	/* FTA관련 교육안내 */
	.ftaEdu{width:100%; height:160px;}

	/* 원산지관리 전담자 교육 */
	.orgplceEdu{width:100%;}

	/* 인증수출자제도안내 */
	.m_link02{margin-right:5%;}

	/* 바로가기02 */
	.m_link03{width:45%;}

	/* 배너 */
	.banner_box .banner_inner {width:95%;}

}

@media screen and (max-width:1200px) {	
	
	/* container */
	#container {padding-top:0;} 

	.main_wrap .MC_wrap03{padding:20px 0 50px;}
	.main_wrap .MC_wrap03 .MC_cont01{width:100%;}
	.main_wrap .MC_wrap03 .MC_cont02{width:100%; margin:20px 0 0;}

	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus{text-align:center;  padding-top:10px;}
	.ftaSttus h2 span{display:inline-block;}
	.ftaSttus .wrap_tit, .ftaSttus .wrap_box{width:31%; margin:01%; float:left;} /* 200213 : 2차 */
	/* .ftaSttus .wrap_box:first-child{margin-left:0;} 200213 : 2차 : 주석처리 */
	.ftaSttus .tit{width:auto; text-align:left;}
	.ftaSttus .mapBox{width:100%; top:200px;}
	.ftaSttus .mapBox img{width:100%; height:auto;}
	/* .ftaSttus a.btn_more{ width:60px; height:30px; line-height:30px; left:50%; top:10px; margin-left:160px;} 200213 주석처리 */

	/* E-BOOK 200108 */
	.ebook .M_ebook_img p img{width:370px; height:100%; max-width:100%; max-height:100%; }
	
	/* CO-PASS*/
	.copass{width:32%; float:left; background-size:50% auto; background-position:110% bottom;}
	/*.copass{width:32%; float:left; background-size:auto 70%; background-position:95% 50%;}
	.copass a{margin-right:70px;}
	.copass a h2{margin:0 0 10px;}*/

	/* FTA관련 교육안내 */
	.ftaEdu{width:32%; margin:0 2%; float:left; background-size:50% auto; background-position:110% bottom;}

	/* 원산지관리 전담자 교육 */
	.orgplceEdu{width:32%; float:right;}

	/* 배너 */
	.banner_box .obj li {width:25%;} 

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

	.main_wrap .MC_wrap03{padding:20px 0;}
	.main_wrap .MC_wrap04::before{display:none;}
	.main_wrap .MC_wrap04 .MC_cont_wrap{width:100%;}

	/* 메인비주얼 */
	.main_visual{height:600px;}
	.main_visual .slogan_wrap{width:96%; top:60px;}

	/* 공지사항 */
	.Notice{width:96%; height:295px; top:auto; bottom:120px;}
	.Notice .list_box1 ul{height:255px; }
	.Notice .list_box2 ul{height:255px;}
	.Notice a.btn_more{bottom:170px;}
	.m_link02{width:100%; padding:20px 2%; margin:0; background:url('/images/web/ftaportalkor/main/bg_wrap04.png') no-repeat left center;}

	/* 우리나라 FTA현황 한눈에보기 */
	/* 200213 추가 */
	.ftaSttus .wrap_tit .tit a.btn_more{right:20px; top:23px; width:25px; height:25px; line-height:25px; border:none; text-indent:-10000px;}
	.ftaSttus .wrap_tit .tit a.btn_more::before{right:0; top:0; width:26px; height:26px; border:2px solid #51a9e9;  box-sizing:border-box; }
	/* //200213 추가 */

	/* 바로가기02 */
	.m_link03{width:100%; margin:20px auto;}
}

@media screen and (max-width:890px) {
	
	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus .wrap_tit, .ftaSttus .wrap_box{width:48%;} /* 200213 : 2차 */
	.ftaSttus .mapBox{top:260px;}

	/* E-BOOK 200108 */
	.ebook .M_ebook_img p img{width:100%; height:auto;}

	/* CO-PASS */
	.copass{width:100%;}

	/* FTA관련 교육안내 */
	.ftaEdu{width:100%; margin:20px 0; background-size:auto; background-position:right bottom;}

	/* 원산지관리 전담자 교육 */
	.orgplceEdu{width:100%;}
	
	/* 배너 */
	.banner_box .obj li {width:33.33%;} 
}

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

	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus{padding-bottom:190px !important;}
	.ftaSttus .mapBox a{position:relative; display:block; width:18%; /*width:23%;*/ float:left; line-height:30px; padding:0; margin:5px 1%; 
	border:1px solid #ccc; left:auto !important; top:auto !important; background:#fff !important; box-sizing:border-box; }
	.ftaSttus .mapBox a.l_txt{padding:0; text-align:center;}	
	.ftaSttus .mapBox a:hover{background:#005dbb !important; color:#fff; border-color:#0261c2;}
	.ftaSttus .mapBox .img{display:none;}
	
	/* 20210129 색깔별로 추가*/
	.ftaSttus .mapBox a.f0 {background:#394b61 !important; color:#fff;}
	.ftaSttus .mapBox a.f1 {background:#0075ce !important; color:#fff;}
	.ftaSttus .mapBox a.f2 {background:#1da28a !important; color:#fff;}
	.ftaSttus .mapBox a.f3 {background:#7f61cc !important; color:#fff;}
	.ftaSttus .mapBox a.f4 {background:#f23535 !important; color:#fff;}
	.ftaSttus .mapBox a.f5 {background:#f68f21 !important; color:#fff;}

	/* 배너 */	
	.banner_box .obj li {width:50%;} 


}
@media screen and (max-width:690px) {	
	
	/* 메인비주얼 */
	.main_visual #m_slogan li p.txt1{font-size:35px;}

	/* E-BOOK 200108 */
	.ebook{width:100%; height: 370px;}
	.ebook .M_ebook_img p img{width:394px; height:100%;}

	/* 수출입 기업 지원센터 */
	.imxprtCmpny{width:100%; height:400px; margin:20px 0;}
	.imxprtCmpny::before{width:205px; height:225px;}

	/* 바로가기01 */
	.m_link01{position:relative; width:100%; left:auto; bottom:auto;}
	.m_link01 ul li a{padding:15px;}
	
	/* co-pass */
	.copass {position:relative; width:100%; left:auto; bottom:auto;}
	.copass ul li a{padding:15px;}
	
}

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

	.main_wrap .MC_wrap02{padding:20px 0;}
	
	/* 메인비주얼 */
	.main_visual{height:480px;}
	.main_visual .slogan_wrap{top:40px;}
	.main_visual #m_slogan li p.txt1{font-size:30px; line-height:1.1;}
	.main_visual #m_slogan .slick-dots{display:none !important;}
	.main_visual .control_btn{display:none;}

	/* 공지사항 */
	.Notice{height:240px;}
	.Notice .list_box1 {padding:15px 10px; height: 100%;}
	.Notice .list_box1 ul{height:210px;}
	.Notice .list_box1 ul li{min-height:60px; padding-left:70px;}
	.Notice .list_box1 ul li a{margin:5px 0;}
	.Notice .list_box1 ul li .date{width:60px; height:60px;}
	.Notice .list_box1 ul li .date .day{line-height:36px; font-size:22px;}
	.Notice .list_box2 {padding:15px 10px; height: 100%;}
	.Notice .list_box2 ul{height:210px;}
	.Notice .list_box2 ul li{min-height:60px; padding-left:70px;}
	.Notice .list_box2 ul li a{margin:5px 0;}
	.Notice .list_box2 ul li .date{width:60px; height:60px;}
	.Notice .list_box2 ul li .date .day{line-height:36px; font-size:22px;}
	.Notice a.btn_more{display:none;}
	

	/* 퀵메뉴 */
	.quickmenu ul{width:100%;}

	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus{text-align:left;}
	.ftaSttus h2{font-size:20px; margin:0 0 10px;}
	.ftaSttus h2 span{display:block;}
	.ftaSttus .tit{ background-size:35px 35px !important; padding:10px 10px 10px 60px;}
	.ftaSttus .tit h3{font-size:14px;}
	.ftaSttus .tit a{font-size:12px;}
	.ftaSttus .mapBox{top:220px;}
	.ftaSttus a.btn_more{margin-left:0; left:auto; right:2%;}
	/* 200213 추가 */
	.ftaSttus .wrap_tit .tit a.btn_more{top:18px;}
	/* //200213 추가 */

	/* 배너 191224 수정 */	
	.banner_box .obj {margin-right:150px; height:46px; overflow:hidden;}
	.banner_box .obj li {width:100%;} 
	.banner_box .control {position:absolute; top:15px; right:0; z-index:10} 
	.banner_box .control a {width:35px; height:36px;}
	.banner_box .control a.prev,
	.banner_box .control a.next {background-size:auto 36px; background-position:center; }
	.banner_box .control a.stop,
	.banner_box .control a.play,
	.banner_box .control a.list { width:36px; background-size:auto 36px; background-position:center; }

}

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

	/* 우리나라 FTA현황 한눈에보기 */
	.ftaSttus .wrap_tit, .ftaSttus .wrap_box{width:98%;} /* 200213 : 2차 */
	.ftaSttus .mapBox{top:430px;}	

	/* 인증수출자제도안내 */
	.m_link02{background-size:cover;}
	.m_link02 p.subtitle{margin:10px 0 15px;}
	.m_link02 ul li{width:48%; margin:5px 1%;}
	.m_link02 ul li:first-child{margin:5px 1%;}

	/* 바로가기02 */
	.m_link03 ul li a{width:100px; height:100px;}
	.m_link03 ul li a p{padding:25px 0 5px; font-size:13px;}

}

@media screen and (max-width:380px) {
	
	/* 메인비주얼 */
	.main_visual #m_slogan li p.txt1{font-size:25px;}
	.main_visual #m_slogan li p.txt2{font-size:15px;}

	/* E-BOOK 200108 */
	.ebook .M_ebook_img p img{width:100%; height:auto;}

	/* 수출입 기업 지원센터 */
	.imxprtCmpny{width:100%; height:350px; margin:20px 0;}
	.imxprtCmpny::before{width:155px; height:175px; bottom:10px;}

	/* 배너 */
	.banner_box .obj li {width:100%; margin-left:0;}
}