@charset "utf-8";

#footer{ margin-top:0px;}

.main_sl_wrap{ }

.main_sl{ position:relative;}
.slideshow-container{ max-width:100%; position:relative; margin:auto;}

.mySlides{ display:none; background-position:50%; background-size:cover; background-repeat:no-repeat; height:508px;}
.mySlides.msl_bg1{ background-image:url('../../images/main/main_sl_img.jpg');}
.mySlides.msl_bg2{ background-image:url('../../images/main/main_sl_img2.jpg');}

.sl_pc{ display:block;}
.sl_mobile{ display:none;}

.mySlides .width_box{}
.mySlides .sl_text_box{ position:absolute; top:18%; left:0; right:0; color:#fff; width:100%;}
.mySlides h3{ font-size:42px; line-height:1.1; display:block; margin-bottom:10px; font-weight:bold;}
.mySlides h4{ font-size:17px; line-height:1.3; display:inline-block; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,0.4); font-weight:bold; text-transform:uppercase;}
.mySlides img{ width:100%;}

.sl_prev,
.sl_next{ cursor:pointer; left:2%; background-color:rgba(255,255,255,0.4); position:absolute; top:45%; width:auto; padding:16px; color:white; font-weight:bold; font-size:18px; transition:0.6s ease; z-index:1;}
.sl_next{ right:2%; left:auto;}
.sl_prev:hover,
.sl_next:hover{ color:#000; background-color:#fff;}

.dot_wrap{ position:Absolute; top:48%; left:0; right:0;}
.dot{ cursor:pointer; height:6px; width:90px; margin:0 2px; background-color:rgba(255,255,255,0.5); display:inline-block; transition: background-color 0.6s ease;}
.dot.active,
.dot:hover{ background-color:#ff9f47;}

.fade{
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.main_search{ margin-top:-135px; position:relative; z-index:1;}
.main_search .width_box{ display:flex; }
.main_search .main_sls_title{ float:left; width:176px; text-align:Center; background:url('../../images/main/main_saerch_bg.png') 50% 50% no-repeat; background-size:cover; font-size:20px; color:#fff; height:135px; box-sizing:border-box; padding:38px 20px;display:flex; justify-content:center; align-items:center; }
.main_search .main_sls_title b{ display:block; font-size:22px; font-weight:bold;}
.main_search .main_sls_form{ float:left; width:calc(100% - 176px); padding:20px 22px; background-color:#fff; height:135px;}
.main_search .main_sls_form .chk_box{ float:left; width:130px; margin-right:20px;}
.main_search .main_sls_form .input_box{ float:left; width:calc(100% - 280px); position:relative;}
.main_search .main_sls_form .input_box > div{ float:left; width:32.3333333%; margin-right:1%; display:flex; flex-wrap:wrap;}
.main_search .main_sls_form .input_box input{ width:100%; height:40px; line-height:40px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box; border-radius:0;}
.main_search .main_sls_form .input_box select{ width:calc(100% - 55px); height:40px; line-height:40px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box; border-radius:0;}
.main_search .main_sls_form .input_box .search_text{ padding-top:5px; width:100%; clear:both; font-size: 16px; }
.main_search .main_sls_form .input_box .search_text * { font-size: 16px; }
.main_search .main_sls_form .input_box .btn-select { width:50px; margin-left:5px; background-color:#21649c; height:40px; color:#fff; border-radius:5px; font-size:15px; }
.main_search .main_sls_form .input_box > div:last-of-type > select { width:100%; }
.main_search .main_sls_form .button_box{ float:left; width:110px; margin-left:20px;}
.main_search .main_sls_form .button_box button{ display:block; width:100%; background-color:#103972; color:#fff; height:94px; line-height:94px; font-size:18px; font-weight:bold;}

.main_airport{ padding:90px 0 30px; background:url('../../images/main/airport_bg.png') 50% 50% no-repeat; background-size:cover;}
.main_airport ul.main_air_ul{ overflow:hidden; /*margin-left:-2%;*/ max-height:350px;}
.main_airport ul.main_air_ul li{ cursor:pointer; float:left; /*width:23%; margin-left:2%;*/ padding:25px; background-color:#fff; text-align:center; box-sizing:border-box; height:350px;}
.main_airport ul.main_air_ul li > a { display:block; }
.main_airport ul.main_air_ul li .main_air_name{ line-height:1.3; font-size:25px; margin-bottom:15px;}
.main_airport ul.main_air_ul li .main_air_name span{ color:#fff; background-color:#ff9f47; display:inline-block; padding:1px 5px; font-weight:bold; letter-spacing:0.03em; font-size:20px;}
.main_airport ul.main_air_ul li .main_air_temp{ }
.main_airport ul.main_air_ul li .main_air_temp .main_air_wthr{ display:inline-block; margin-right:10px;}
.main_airport ul.main_air_ul li .main_air_temp .main_air_wthr span[class^='mtph'],
	.main_airport ul.main_air_ul li .main_air_temp .main_air_wthr span[class*=' mtph'] { display:block; width:64px; height:64px; margin-right:10px; background-size:64px auto;}
.main_airport ul.main_air_ul li .main_air_temp .main_air_text{ display:inline-block; text-align:left;}
.main_airport ul.main_air_ul li .main_air_temp .main_air_text b{ font-size:42px;}
.main_airport ul.main_air_ul li .main_air_temp .main_air_text b sup{ font-size:20px;}
.main_airport ul.main_air_ul li .main_air_info{ margin-top:5px;}
.main_airport ul.main_air_ul li .main_air_info ul{ overflow:hidden;}
.main_airport ul.main_air_ul li .main_air_info ul li{ float:none; line-height:145%; height:auto; margin:0; background:none; padding:0 20px; width:100%; font-size:16px; text-align:left; position:relative; padding-left:8px; color:#424242;}
.main_airport ul.main_air_ul li .main_air_info ul li:after{ width:3px; height:3px; position:absolute; top:6px; left:0; content:''; display:inline-block; background-color:#ccc; border-radius:50%;}
.main_airport ul.main_air_ul li .main_air_info ul li strong { font-weight:700; }
.main_airport ul.main_air_ul li .rec_air_search{ display:none; padding:6px 15px; background-color:#dedede; color:#666; font-size:14px; border-radius:30px; margin-top:5px;}
.main_airport ul.main_air_ul li .info_time{  text-align:center; font-size:14px;padding:5px; }
.main_airport .ca-container{ position:relative;}
.main_airport .slick-slide{ padding:0 10px;}
.main_airport .paginator-center{ padding:0; margin:0;}
.main_airport .main_air_more_bt{ text-align:center; margin-top:40px;}
.main_airport .main_air_more_bt.active{ opacity:0;}
.main_airport .main_air_more_bt a{ display:inline-block; border:1px solid #fff; color:#fff; font-size:17px; padding:10px 30px; cursor:pointer;}

.main_air_more_wrap{ position:Relative;}
.main_air_more_wrap .main_air_more_inner{ width:100%; background-color:#fff; z-index:1; border-bottom:7px solid #21649c; height:0px; overflow:hidden; opacity:0;
 -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.main_air_more_wrap .main_air_more_inner.active{ padding:30px 0; height:800px; opacity:1;}
.main_air_more_wrap .main_air_more_inner .width_box{ overflow:hidden;}
.main_air_more_wrap .main_air_more_inner .main_air_detail{ float:left; width:40%;}
.main_air_more_wrap .main_air_more_inner .main_air_detail .mad_tit{ background: url('../../images/main/main_tri_bg.png') 0 50% no-repeat; padding:0 40px; margin-bottom:10px; font-size:32px; color:#000; font-weight:Bold;}
.main_air_more_wrap .main_air_more_inner .main_air_detail .mad_noti{ padding:10px; text-align:center; background-color:#f5f5f5; margin-bottom:20px;}
.main_air_more_wrap .main_air_more_inner .main_air_detail .mad_noti b{ color:#ff7800;}
.main_air_more_wrap .main_air_more_inner .main_air_api{ float:right; width:58%; padding-top:56px;}
.main_air_more_wrap .mad_close{ position:Absolute; bottom:-32px; left:0; right:0; text-align:center; opacity:0;
 -webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease;}
.main_air_more_wrap .active .mad_close{ opacity:1;}
.main_air_more_wrap .mad_close a{ cursor:pointer; display:inline-block; padding:0 80px; height:32px; line-height:32px; background-color:#21649c; color:#fff;}
.main_air_more_wrap .mad_close a img{ vertical-align:middle; margin-left:5px;}

.mad_info{ overflow:Hidden; border-bottom:1px solid #e0e0e0; margin-bottom:20px;}
.mad_info .mad_temp{ float:left; width:40%; overflow:hidden;}
.mad_info .mad_temp .mad_wthr{ float:left; width:40%;}
.mad_info .mad_temp .mad_wthr span[class^='mtph'],
	.mad_info .mad_temp .mad_wthr span[class*=' mtph'] {display:block; width:64px; height:64px; margin-top:5px; float:right; margin-right:10px;}
.mad_info .mad_temp .mad_text{ float:left; width:40%; padding-top:10px;}
.mad_info .mad_temp .mad_text b{ font-size:35px;}
.mad_info .mad_temp .mad_text b sup{ font-size:20px;}
.mad_info .mad_weather{ float:left; width:60%;}
.mad_info .mad_weather ul{ overflow:hidden;}
.mad_info .mad_weather ul li{ float:left; width:46% !important; font-size:14px; border-bottom:1px solid #e0e0e0; margin-right:4%; padding-bottom:2px; margin-bottom:2px;}
/*.mad_info .mad_weather ul li:nth-child(odd){ width:46% !important;}*/
.mad_info .mad_weather ul li:nth-child(1n+5){ width: 96% !important; letter-spacing:-1px;}
.mad_info .mad_weather ul li:last-child { border-bottom:0;}
.mad_info .mad_weather ul li b{ font-weight:bold; display:inline-block; margin-right:10px; font-size:14px;}

.mad_map{ position:Relative; text-align:center; max-width:424px; margin:0 auto;}
.mad_map .mad_map_img{ opacity:0.6;}
.mad_map .mad_point{ position:absolute; display:block; text-align:center; line-height:1; font-weight:bold;}
.mad_map .mad_point span{ background-color:#fff; overflow:Hidden; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; vertical-align:middle; margin:5px; width:47px; height:47px; border-radius:50%; box-shadow:2px 2px 6px rgba(0,0,0,0.3); z-index:1;}
/* .mad_map .mad_point span.w_cld{ background-image:url('../../images/main/main_wcon_cld.png');} */
.mad_map .mad_point span img{ border-radius:50%;}
.mad_map .mad_date{ position:absolute; right:0; bottom:10px; font-size:14px;}

.mad_map .p_ic{ top:18%; left:4%;}
.mad_map .p_gp{ top:12%; left:21%;}
.mad_map .p_wj{ top:18%; left:41%;}
.mad_map .p_yy{ top:7%; right:27%;}
.mad_map .p_cj{ top:31%; left:20%;}
.mad_map .p_gs{ top:42%; left:9%;}
.mad_map .p_ma{ top:53%; left:7%;}
.mad_map .p_gj{ top:53%; left:27%;}
.mad_map .p_ys{ top:67%; left:30%;}
.mad_map .p_sc{ top:61%; left:42%;}
.mad_map .p_dg{ top:41%; left:49%;}
.mad_map .p_ph{ top:38%; right:17%;}
.mad_map .p_ws{ top:49%; right:16%;}
.mad_map .p_gh{ top:59%; right:29%;}
.mad_map .p_jj{ bottom:3%; left:9%;}

.mad_map .mad_point strong { font-weight:bold; }
.mad_map .mad_point.active { z-index:2; }
.mad_map .mad_point.active .w_cld { box-shadow: 2px 2px 10px rgb(0 0 0 / 90%);}
.mad_map .p_rksi{ top:18%; left:4%;} /* 인천 */
.mad_map .p_rkss{ top:12%; left:21%; display:flex; flex-wrap:wrap; flex-direction:column; } /* 김포 */
.mad_map .p_rknw{ top:18%; left:41%; display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; } /* 원주 */
.mad_map .p_rkny{ top:7%; right:27%; display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; } /* 양양 */
.mad_map .p_rktu{ top:31%; left:20%;} /* 청주 */
.mad_map .p_rkjk{ top:42%; left:9%;} /* 군산 */
.mad_map .p_rkjb{ top:53%; left:7%;} /* 무안 */
.mad_map .p_rkjj{ top:53%; left:27%; display:flex; flex-wrap:wrap; flex-direction:column; } /* 광주 */
.mad_map .p_rkjy{ top:67%; left:30%; display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-items:center; } /* 여수 */
.mad_map .p_rkps{ top:61%; left:42%; display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-items:center; } /* 사천 */
.mad_map .p_rktn{ top:41%; left:49%; display:flex; flex-wrap:wrap; flex-direction:column; } /* 대구 */
.mad_map .p_rkth{ top:38%; right:17%; display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; } /* 포항 */
.mad_map .p_rkpu{ top:49%; right:16%; display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; } /* 울산 */
.mad_map .p_rkpk{ top:59%; right:29%; display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-items:center; } /* 김해 */
.mad_map .p_rkpc{ bottom:3%; left:9%;} /* 제주 */

.mad_map .p_rksi {left:5%; display:flex; flex-wrap:wrap; flex-direction:column-reverse; align-items:center; }
.mad_map .p_rkpu { right:10%; }
.mad_map .p_rkth { right:8%; }
.mad_map .p_rkjb { left:3%; }
.mad_map .p_rkpk { right:24%; }

.main_nb_title{ position:relative; margin-bottom:28px; padding-top:4px;}
.main_nb_title.main_nbt_img{ background:url('../../images/main/main_tri_bg.png') 0 50% no-repeat; padding:0 40px; margin-bottom:30px;}
.main_nb_title ul{ }
.main_nb_title ul li{ display:inline-block; margin-right:20px; vertical-align:middle;}
.main_nb_title ul li p{ cursor:pointer; font-size:24px; color:#898989;}
.main_nb_title ul li a.tabt{ display:block; font-size:24px; color:#898989;}
.main_nb_title ul li.active p{ font-size:28px; color:#000; font-weight:bold;}
.main_nb_title ul li.active a.tabt{ font-size:28px; color:#000; font-weight:bold; line-height:1.6; }
.main_nb_title .main_nb_more{ position:absolute; top:2px; right:0; display:inline-block; height:36px; width:36px; background:url('../../images/main/main_more.png') 50% 50% no-repeat;}
.main_nb_title ul li.active .main_nb_more { display:inline-block;}
.main_nb_title > p{ font-size:22px; color:#4f4f4f; font-weight:bold;}

.main_news_box{ display:flex; flex-wrap:wrap; margin:30px 0 30px -3%;}
.jcarousel-pagination{ top:-65px;}

.main_news_box .main_news{ float:left; width:47%; margin-left:3%;}
.main_news_box .main_photo{ float:left; width:47%; margin-left:3%;}
.main_news_box .main_news_list{ border-top:2px solid #000; display:none;}
.main_news_box .main_news_list.active{ display:block;}
.main_news_box .main_news_list ul{ }
.main_news_box .main_news_list ul li{ overflow:hidden; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.main_news_box .main_news_list ul li:last-child{ border-bottom:0;}
.main_news_box .main_news_list ul li .main_nl_date{ float:left; width:80px; text-align:center; line-height:1.1; color:#103972;}
.main_news_box .main_news_list ul li .main_nl_date b{ display:block; font-size:40px; line-height:40px; margin-top:5px;}
.main_news_box .main_news_list ul li .main_nl_text{ float:right; width:calc(100% - 100px);}
.main_news_box .main_news_list ul li .main_nl_text .main_nl_title{ margin-top:5px;}
.main_news_box .main_news_list ul li .main_nl_text .main_nl_title a{ font-size:18px; color:#000; display:inline-block; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold;}
.main_news_box .main_news_list ul li .main_nl_text .main_nl_summary{ }
.main_news_box .main_news_list ul li .main_nl_text .main_nl_summary a{ font-size:17px; color:#4a4a4a; display:inline-block; max-width:90%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_news_box .main_photo_list{ height:292px;}
.main_news_box .main_photo_list ul{ }
.main_news_box .main_photo_list ul li{ overflow:hidden;}
.main_news_box .main_photo_list ul li .main_pl_img{ float:left; width:45%; background-position:50% 50%; background-size:cover; background-repeat:no-repeat; height:292px;}
.main_news_box .main_photo_list ul li .main_pl_text{ float:left; width:55%; box-sizing:border-box; border:3px solid #eaeaea; height:292px; padding:20px;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_date{ width:75px; text-align:center; line-height:1.1; color:#103972;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_date b{ display:block; font-size:40px; line-height:40px; margin-top:5px;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_title{ margin-top:18px;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_title a{ font-size:18px; line-height:25px; height:50px; color:#000; display:block; overflow:hidden; font-weight:bold;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_summary{ margin-top:12px;}
.main_news_box .main_photo_list ul li .main_pl_text .main_pl_summary a{ font-size:15px; line-height:25px; height:100px; color:#000; display:block; overflow:hidden;}

.main_noti_box{ overflow:hidden; margin:40px 0 50px -3%;}
.main_noti_box .main_noti_radar{ float:left; width:30.3333333333333%; margin-left:3%;}
.main_noti_box .main_noti_radar > div > a > img { height: 375px;}
.main_noti_box .main_noti_board{ float:left; width:30.3333333333333%; margin-left:3%;}
.main_noti_box .main_noti_mov{ float:left; width:30.3333333333333%; margin-left:3%;}
.main_noti_box .main_noti_mov .mn_tab ul{ overflow:hidden;}
.main_noti_box .main_noti_mov .mn_tab ul li{ width:50%; float:left;}
.main_noti_box .main_noti_mov .mn_tab ul li p, .main_noti_box .main_noti_mov .mn_tab ul li a{ text-align:center; background-color:#e6e6e6; height:45px; border:1px solid transparent; cursor:pointer; font-size:18px; display:flex; align-items:center; justify-content:center;}
.main_noti_box .main_noti_mov .mn_tab ul li.active p, .main_noti_box .main_noti_mov .mn_tab ul li.active a{ background-color:#fff; border-top-color:#c8c8c8; border-left-color:#c8c8c8; border-right-color:#c8c8c8;}
.main_noti_box .main_noti_mov .mn_con{ display:none; margin-top:20px;}
.main_noti_box .main_noti_mov .mn_con.active{ display:block;}
.main_noti_box .main_noti_mov .mn_con img{ display:block;}
.main_noti_box .main_noti_mov .mn_con .controls{ background-color:rgba(0,0,0,0.5); display:block; position:absolute; bottom:0; right:0; left:0; height:40px; text-align:center; box-sizing:border-box; padding:7px 10px;}
.main_noti_box .main_noti_mov .mn_con .controls .prevBtn,
.main_noti_box .main_noti_mov .mn_con .controls .nextBtn{ text-indent:-999px; width:25px; height:25px; overflow:Hidden; display:inline-block; background-position:50% 50%; background-repeat:no-repeat; margin:0 30px;}
.main_noti_box .main_noti_mov .mn_con .controls .prevBtn{ background-image:url('../../images/main/main_wea2_prev_btn.png');}
.main_noti_box .main_noti_mov .mn_con .controls .nextBtn{ background-image:url('../../images/main/main_wea2_next_btn.png');}
.main_noti_box .main_noti_mov .mn_con .numericControls{ ddisplay:none;}
.main_noti_box .main_noti_mov .mn_con .numericControls li{ position:absolute; bottom:7px; left:46%; display:none; z-index:10;}
.main_noti_box .main_noti_mov .mn_con .numericControls li span{ color:#fff;}
.main_noti_box .main_noti_mov .mn_con .numericControls li.current{ display:block;}
.main_noti_box .main_noti_mov .mn_con .slidesContainer li{ }
.main_noti_box .main_nb_img{ display:none;}
.main_noti_box .main_nb_img.active{ display:block;}
.main_noti_box .main_nb_img .mnbc_radar img { width:100%; height:375px; }
.main_nb_title .mnb_tab{ position:absolute; top:8px; right:0;}
.main_nb_title .mnb_tab ul li{ margin:0 0 0 5px;}
.main_nb_title .mnb_tab ul li p, .main_nb_title .mnb_tab ul li a{ font-size:17px; cursor:pointer; line-height:16px; border-radius:20px; display:inline-block; padding:5px 20px; background-color:#cfdcee; color:#000;}
.main_nb_title .mnb_tab ul li.active p, .main_nb_title .mnb_tab ul li.active a{ background-color:#0e4fa8; color:#fff;}

.main_noti_board .controls{ position:absolute; top:-61px; right:0px;}
.main_noti_board .controls .prevBtn{ display:none;}
.main_noti_board .controls .nextBtn{ text-indent:-999px; width:25px; height:25px; background:url('../../images/main/main_weasl_next_btn.png') 50% 50% no-repeat; overflow:Hidden; display:inline-block;}
.main_noti_board .numericControls{ ddisplay:none;}
.main_noti_board .numericControls li{ position:absolute; top:0; right:53px; display:none;}
.main_noti_board .numericControls li span{ color:#21649c;}
.main_noti_board .numericControls li.current{ display:block;}
/*
.main_noti_board .controls ol li{ display:inline-block; margin-left:4px;}
.main_noti_board .controls ol li a{ display:inline-block; text-indent:-999px; overflow:hidden; width:67px; height:6px; background:#fff; border:1px solid #d5d5d5;}
.main_noti_board .controls ol li.current a{ background:#ff9f47;}
*/
#popup-slider{ position:relative;}
#popup-slider ul{ position:initial !important;}
#popup-slider ul li{ position:initial !important;}

.main_noti_board .sl_all_count{ position:absolute; top:-62px; right:29px; color:#898989;}
.mn_con .sl_all_count{ position:absolute; bottom:7px; left:50%; color:#fff; z-index:10;}
.main_noti_board .pop-notice-img { height: 375px; }
.main_noti_mov .pop-notice-img { height: 375px; }

.main_sns_box{ background:url('../../images/main/main_sns_bg.jpg') 50% 50% no-repeat; background-size:cover; padding:40px 0;}
.main_sns_box .width_box{ overflow:hidden; }
.main_sns_box .main_sb_icon{ float:left; width:85%; padding-top:35px;}
.main_sns_box .main_sb_icon ul{ overflow:hidden;}
.main_sns_box .main_sb_icon ul li{ text-align:center; float:left; width:20%;}
.main_sns_box .main_sb_icon ul li a { color:#fff;}
.main_sns_box .main_sb_icon ul li img { width:70px;}
.main_sns_box .main_sb_icon ul li > * { text-align:center; color:#fff; margin-top:15px; line-height:1.3;}
.main_sns_box .main_sb_facebook{ float:right; width:35%;}
.main_sns_box .main_sb_facebook h3{ font-size:25px; color:#fff; margin-bottom:15px;}
.main_sns_box .main_sb_facebook h3 a{ float:right; opacity:0.5;}
.main_sns_box .main_sb_facebook > div{ padding:30px 20px; background-color:rgba(0,0,0,0.2); border:2px solid rgba(255,255,255,0.5); color:#fff;}
#amo-facebook-content { height:100px; overflow-y:hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; word-break:break-all;}
#amo-youtube-content { height:376px; }
#weather_sl1 { height:376px; }
#weather_sl2 ul li { display:block; height:376px; width:376px; }
#weather_sl2 ul li iframe { width:100%; height:376px; }

/* 날씨 지도 */
.kmap-app .map{ height:375px;}

@media (max-width:1650px){
	.mySlides .sl_text_box{ top:18%;}
	.dot_wrap{ top:50%;}
}

@media (max-width:1450px){
	.main_search{ margin-top:30px;}

	.mySlides{ height:380px;}
	.mySlides .sl_text_box{ top:24%;}
	.dot_wrap{ top:70%;}
}

@media (max-width:1400px){
	.sl_prev,
	.sl_next{ padding:10px 8px;}
	.sl_prev{ }
	.sl_next{ }
}

@media (max-width:1299px){
	.mad_info .mad_temp .mad_wthr span[class^='mtph'],
		.mad_info .mad_temp .mad_wthr span[class*=' mtph'] { width:48px; height:48px; margin-right:5px; background-size:48px auto;}

	.main_noti_box .main_nb_img .mnbc_radar img { width:100%; height:227px; }
}

@media (max-width:1199px){
	.mySlides .sl_text_box{ top:30%;}
	.mySlides h3{ font-size:27px;}
	.mySlides h4{ font-size:14px;}

	.dot_wrap{ left:0; right:0; top:auto; bottom:10px; text-align:center;}
	.dot{ height:5px; width:50px;}

	.sl_prev,
	.sl_next{ display:none;}

	.mad_info .mad_temp{ float:none; width:auto; margin-bottom:20px;}
	.mad_info .mad_temp .mad_wthr span[class^='mtph'],
		.mad_info .mad_temp .mad_wthr span[class*=' mtph'] { width:64px; height:64px; margin-right:10px; background-size:64px auto;}
	.mad_info .mad_weather{ float:none; width:auto;}

	.main_air_more_wrap .main_air_more_inner.active{ height:870px;}

	.main_noti_box .main_nb_img .mnbc_radar img { width:100%; height:223px; }

	.main_noti_box .main_noti_mov .mn_tab ul li p, .main_noti_box .main_noti_mov .mn_tab ul li a{ font-size:16px; }
}

@media (max-width:959px){
	.main_sl_wrap{ display:none;}

	.sl_pc{ display:none;}
	.sl_mobile{ display:block;}

	.mySlides{ height:300px;}
	.mySlides .sl_text_box{ display:none;}
	.mySlides.msl_bg1{ background-image:url('../../images/main/main_sl_img_m.jpg');}
	.mySlides.msl_bg2{ background-image:url('../../images/main/main_sl_img_m.jpg');}

	.mySlides h3{ text-align:Center;}
	.mySlides h4{ text-align:Center; display:block; border-bottom:0;}

	.main_search{ margin-top:-220px;}
	.main_search .main_sls_title{ width:140px; padding:36px 10px; height:auto;}
	.main_search .main_sls_form{ width:calc(100% - 140px); padding:20px;}

	.main_airport{ padding:30px 0 20px;}
	.main_airport .paginator-center{ margin-top:40px;}
	.main_airport .main_air_more_bt{ display:none;}
	.slick-prev,
	.slick-next{ position:initial !important; width:52px !important; height:13px !important;}
	.slick-prev{ background-image:url('../../images/main/main_mprev_arw.png') !important;}
	.slick-next{ background-image:url('../../images/main/main_mnext_arw.png') !important;}

	.main_nb_title.main_nbt_img{ margin-bottom:20px;}
	.main_nb_title .main_nb_more{ height:26px; width:26px; background-size:26px 26px; display:block; top:10px; }
	.jcarousel-pagination{ top:-49px; right:1px;}
	.main_nb_title .mnb_tab{ position:initial; margin-top:10px;}

	.main_news_box{ margin-top:10px; margin-left:0;}
	.main_news_box .main_news,
	.main_news_box .main_photo{ float:none; width:100%; margin:40px 0 0;}
	.main_news_box .main_news_list ul li:last-child{ border-bottom:1px solid #e5e5e5;}
	.main_news_box .main_news_list ul li .main_nl_date{ float:none; width:auto; text-align:left; line-height:17px;}
	.main_news_box .main_news_list ul li .main_nl_date b{ display:inline; font-weight:normal; font-size:17px; line-height:17px;}
	.main_news_box .main_news_list ul li .main_nl_text{ float:none; width:auto;}
	.main_news_box .main_news_list ul li .main_nl_text .main_nl_title a{ margin-bottom:10px;}
	.main_news_box .main_news_list ul li .main_nl_text .main_nl_summary a{ max-width:100%; line-height:1.3; max-height:100px; white-space:initial;
		overflow-y: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}
	.main_news_box .main_photo_list{ height:512px;}
	.main_news_box .main_photo_list ul li .main_pl_img{ float:none; width:auto;}
	.main_news_box .main_photo_list ul li .main_pl_text{ float:none; width:auto; height:220px; border:0; padding:20px 0;}
	.main_news_box .main_photo_list ul li .main_pl_text .main_pl_date{ width:auto; text-align:left;}
	.main_news_box .main_photo_list ul li .main_pl_text .main_pl_date b{ display:inline; font-weight:normal; font-size:17px; line-height:17px;}
	.main_news_box .main_photo_list ul li .main_pl_text .main_pl_title a{}
	.main_nb_title ul li.active .main_nb_more { display:none; }

	.main_noti_box{ margin:0 0 60px;}
	.main_noti_box img{ width:100%;}
	.main_noti_box .main_noti_radar,
	.main_noti_box .main_noti_board,
	.main_noti_box .main_noti_mov{ float:none; width:auto; margin:40px 0 0;}

	.main_noti_radar > div > a > img { height:auto;}
	.main_noti_box .main_noti_radar > div > a > img {height:auto;}
	.main_sns_box { padding-bottom:0; }
	.main_sns_box .main_sb_icon { padding:0; float:none; width:100%;}
	.main_sns_box .main_sb_icon ul li { width:50%; height:144px;}
	.main_sns_box .main_sb_facebook{ float:none; width:auto; margin-top:40px;}

	.main_sns_box .main_sb_facebook h3{ font-size:17px; line-height:38px;}

	.main_air_more_wrap .main_air_more_inner.active{ height:auto;}
	.main_air_more_wrap .main_air_more_inner .main_air_detail{ float:none; width:auto;}
	.main_air_more_wrap .main_air_more_inner .main_air_api{ float:none; width:auto;}

	.main_noti_box .main_nb_img .mnbc_radar img { width:100%; height:auto; }

	#amo-facebook-content { height:auto; display:block;}

	.main_alarm_pinner .content_toggle_btn{ margin:10px 0; }
	.main_alarm_pinner .content_toggle_btn a{ display:block; line-height:50px; text-align:center; border:2px solid #ddd; box-sizing:border-box;}
	.main_alarm_pinner .content_toggle_btn a img{ margin-left:10px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
	.main_alarm_pinner .content_toggle_btn a.active img{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}

	.main_alarm_pinner .content_toggle_target { display:none; }
	.main_alarm_pinner .content_toggle_target.active { display:block; }

}

@media (max-width:767px){
	.main_search .width_box{ padding-right:0;}

	.main_search .main_sls_title{ width:80%; float:none; padding:15px 10px; font-size:0px; margin-bottom:-30px; z-index:1; position:relative; margin-left:15px;}
	.main_search .main_sls_form{ width:100%; float:none; height:auto; padding:50px 20px 20px;}
	.main_search .main_sls_form .chk_box{ width:100%; float:none;}
	.main_search .main_sls_form .input_box{ width:100%; float:none;}
	.main_search .main_sls_form .button_box{ margin:20px 0 0; float:none; width:auto;}
	.main_search .main_sls_form .button_box button{ height:40px; line-height:40px;}

	.main_sns_box .main_sb_icon ul li{ width:50%; margin-bottom:15px;}

	.main_nb_title ul li p, .main_nb_title ul li a.tabt{ font-size:17px;}
	.main_nb_title ul li.active p, .main_nb_title ul li.active a.tabt{ font-size:20px;}

	.kmap-app .map { height:440px;}
}

@media (max-width:350px){
	.mad_map .mad_point{ font-size:14px;}
	.mad_map .mad_point span{ width:30px; height:30px; background-size:22px auto;}

	.mad_map .p_ic{ top:18%; left:2%;}
	.mad_map .p_gp{ top:12%; left:21%;}
	.mad_map .p_wj{ top:17%; left:43%;}
	.mad_map .p_yy{ top:8%; right:23%;}
	.mad_map .p_cj{ top:28%; left:19%;}
	.mad_map .p_gs{ top:38%; left:8%;}
	.mad_map .p_ma{ top:49%; left:3%;}
	.mad_map .p_gj{ top:49%; left:26%;}
	.mad_map .p_ys{ top:61%; left:32%;}
	.mad_map .p_sc{ top:57%; left:46%;}
	.mad_map .p_dg{ top:37%; left:52%;}
	.mad_map .p_ph{ top:35%; right:12%;}
	.mad_map .p_ws{ top:45%; right:12%;}
	.mad_map .p_gh{ top:56%; right:26%;}
	.mad_map .p_jj{bottom:12%;left:5%;}

	.mad_map .mad_date{ position:initial; margin-top:5px;}
}