@charset "utf-8";

.m_contents{}

/*메인비주얼*/
.m_visual{}
.slide{position:relative;width:100%;height:470px;z-index:500}

.slide .slide_ul{}
.slide .slide_ul li{position:absolute;top:0;left:0;list-style:none;width:100%;height:470px;min-height:470px;color:#fff;text-align:Center;font-family:Arial Black}
.slide .slide_ul li span{display:block;padding:60px 30px 0 30px;}
.slide .slide_ul li span span{font-size:75px;padding:0;}
.slide .show{display:block;}
.slide .m01{background:url("/images/language/main/m_vis01.jpg") no-repeat center top;background-size:cover;}
.slide .m02{background:url("/images/language/main/m_vis02.jpg") no-repeat center top;background-size:cover;}
.slide .control_btn{position:relative;z-index:1000;text-align:center;top:92%;}
.slide .control_btn a{display:inline;}
.slide .control_btn a img{padding:0 2px;}
.slide .m_vlink{width:300px;margin:0 auto;position:relative;z-index:1000;padding-top:220px;}
.slide .m_vlink a{display:block;border:solid 1px #fff;color:#fff;padding:12px 0;text-align:center;margin-bottom:10px;font-weight:600;}
.slide .m_vlink a:hover,
.slide .m_vlink a:focus{background:#fff;opacity:0.6;color:#000;}

.weather{position:relative;background:#233e99;}
.weather h2{color:#fff;background:#2f73b6;font-size:18px;padding:10px;display:none;}
.weather .today{text-align:center;color:#fff;padding:20px 0;}
.weather .today em{font-style:normal;display:inline-block;line-height:48px;padding:0 15px;}
.weather .today span{display:inline-block;line-height:48px;padding:0 15px;color:#fff200;font-size:36px;}
.weather .today span u{font-size:24px;text-decoration:none;}
.weather ul{display:none;}

.rate{position:relative;background:#e4780b;}
.rate h2{color:#fff;background:#f29639;font-size:18px;padding:10px;display:none;}
.rate p{color:#fff;background:#f29639;font-size:18px;padding:10px;text-align:center;}
.rate ul{overflow:hidden;padding:15px 0;}
.rate ul li{float:left;width:25%;text-align:center;color:#fff;padding:25px 0 0 0;}
.rate ul li span{display:block;color:#fff200;}
.rate ul .rt01{background:url("/images/language/main/er01.gif") no-repeat center top;}
.rate ul .rt02{background:url("/images/language/main/er02.gif") no-repeat center top;}
.rate ul .rt03{background:url("/images/language/main/er03.gif") no-repeat center top;}
.rate ul .rt04{background:url("/images/language/main/er04.gif") no-repeat center top;}

.m_festival{position:relative;background:url("/images/language/main/box_opacity.png");}
.m_festival h2{color:#fff;background:#41c2e1;font-size:18px;padding:10px;}
.m_festival .img{height:220px;overflow:hidden;}
.m_festival .fes_wrap div .img img{width:100%;}
.m_festival .fes_wrap div dl{padding:56px 25px 30px 25px;}
.m_festival .fes_wrap div dl dt{font-size:18px;color:#000;font-weight:600;padding:0 0 20px 0;}
.m_festival .fes_wrap div dl dd{text-align:justify;line-height:1.4em;}
.m_festival .fes_wrap div .more{position:absolute;top:8px;right:8px;}
.m_festival .fes_wrap .control{width:100%;position:absolute;top:260px;left:0;text-align:center;}


.tourism{position:relative;background:url("/images/language/main/box_opacity.png");margin-bottom:20px;}
.tourism div p{height:270px;overflow:hidden;}
.tourism div p img{width:100%;}
.tourism div h2{font-weight:normal;font-size:13px;padding:15px;}
.tourism div dl{padding:15px;padding-top:0;}
.tourism div dl dt{font-size:18px;color:#000;font-weight:600;padding:0 0 10px 0;}
.tourism div dl dd{text-align:justify;line-height:1.4em;}
.tourism .arrow{position:absolute;top:270px;right:0;}

.local_pro{position:relative;background:url("/images/language/main/box_opacity.png");margin-bottom:20px;}
.local_pro div p{height:270px;overflow:hidden;}
.local_pro div p img{width:100%;}
.local_pro div h2{font-weight:normal;font-size:13px;padding:15px;}
.local_pro div dl{padding:15px;padding-top:0;}
.local_pro div dl dt{font-size:18px;color:#000;font-weight:600;padding:0 0 10px 0;}
.local_pro div dl dd{text-align:justify;line-height:1.4em;}
.local_pro .arrow{position:absolute;top:270px;right:0;}

.banner_zone{overflow:hidden;padding-bottom:40px;clear:both;}
.banner_zone h2{font-size:18px;padding:10px;text-align:center;color:#000;}
.banner_zone h2 span{color:#233e99;}
.banner_zone ul li{text-align:center;padding:5px 0;}
.banner_zone ul li a img{border:solid 1px #dadada;}



@media all and (min-width:349px) {
.m_festival .fes_wrap .control{top:280px;}
}


/* Tablet */
@media all and (min-width:768px) {
.m_con{background:url("/images/language/main/m_con_bg.png") no-repeat center top;background-size:cover;overflow:hidden;padding:40px;}
.m_left{float:left;width:40%;}

.weather h2{display:block;}
.weather ul{display:block;border-top:solid 1px #132253;padding:22px 0;overflow:hidden;}
.weather ul li{float:left;width:50%;text-align:center;}
.weather ul li span{display:block;color:#fff;padding:5px 0 0 0;}

.rate{margin-top:10px;}
.rate h2{display:block;}
.rate p{background:none;position:absolute;top:0;right:0;font-size:12px;padding:16px;}
.rate ul{padding:40px;}
.rate ul li{float:none;width:100%;text-align:left;color:#fff;padding:8px 0 8px 50px;}
.rate ul li span{display:inline-block;background:url("/images/language/main/er_line.gif") no-repeat left top;padding:0 0 0 20px;margin-left:20px;}
.rate ul li em{display:inline-block;width:33px;font-style:normal;}
.rate ul .rt01{background:url("/images/language/main/er01.gif") no-repeat left 8px;}
.rate ul .rt02{background:url("/images/language/main/er02.gif") no-repeat left 8px;}
.rate ul .rt03{background:url("/images/language/main/er03.gif") no-repeat left 8px;}
.rate ul .rt04{background:url("/images/language/main/er04.gif") no-repeat left 8px;}

.m_festival{position:relative;float:right;width:58%}
.m_festival .fes_wrap dl{box-sizing:border-box; height:263px;}
.m_festival .fes_wrap dl dd{height:140px;}


.m_right{clear:both;padding-top:10px;}

.tourism{margin-bottom:0;height:260px;}
.tourism div h2{padding:3%;padding-bottom:1%;}
.tourism div p{position:absolute;top:0;right:0;}
.tourism div p span{display:block;width:12px;height:23px;background:url("/images/language/main/tour_arr_bg.png") no-repeat left top;position:absolute;top:119px;left:0;z-index:1000;}
.tourism div dl{padding:3%;padding-top:0;width:50%;}
.tourism .arrow{position:absolute;top:0;right:280px;}

.local_pro{margin-bottom:0;height:270px;}
.local_pro div h2{padding:3%;padding-bottom:1%;}
.local_pro div p{position:absolute;top:0;left:0;}
.local_pro div p span{display:block;width:12px;height:23px;background:url("/images/language/main/tour_arr_bg2.png") no-repeat left top;position:absolute;top:124px;right:0;z-index:1000;}
.local_pro div dl{padding:3%;padding-top:0;width:50%;margin-left:290px;}
.local_pro .arrow{position:absolute;top:0;right:0;}

.banner_zone{margin-top:10px;position:relative;background:url("/images/language/main/box_opacity.png");padding:15px;}
.banner_zone h2{font-size:18px;padding:10px;text-align:center;color:#000;}
.banner_zone ul li{float:left;width:33.3%;}



}


/* Desktop */
@media all and (min-width:1023px) {

.mc_wrap{width:1200px;margin:0 auto;}
.mc_wrap div{overflow:hidden;}

.m_left{float:left;width:260px;margin-right:10px;}

.rate{height:260px;}

.m_festival{float:left;width:360px}
.m_festival .fes_wrap div dl dd{line-height:1.2em;}
.m_festival .fes_wrap div dl{height:270px;}

.m_right{float:right;width:560px;clear:none;padding:0;}

.local_pro div dl{margin-left:280px;}
.tourism div dl,
.local_pro div dl{width:240px;}
.tourism div dl dd,
.local_pro div dl dd{height:150px;overflow:hidden;}

.banner_zone h2{padding:20px 40px 0 20px;}
.banner_zone h2,
.banner_zone ul{float:left;}
.banner_zone ul li{width:auto;margin-right:20px;}
.banner_zone ul li:last-child{margin:0;}
.banner_zone ul li a img{border:solid 1px #dadada;}


}