/*퀵메뉴*/
#quickbox { width: 73px; position: absolute; left: 50%; height: 385px; margin-left: 620px; z-index: 10; top: 30px; background: url(/images/munhwa2/main/q_bg.gif) no-repeat 0 0 }
#quickbox .q02 { background: url(/images/main/q_bg.gif) no-repeat 0 0; width: 73px; padding: 3px 0 0 0 }
#quickbox .q02 li a { display: block; height: 71px; line-height: 113px; font-size: 11px; color: #535454; text-align: center; color: #fff; font-size: 12px; margin: 0 }
#quickbox h3 { color: #b4b4b4; font-weight: 600; font-size: 13px; text-align: center; width: 73px; height: 28px; line-height: 31px }

#weather_warp { margin-left: -820px !important;}

.lang_btn{position:absolute;left:50%;top:30px;z-index:10;width:204px;margin-left:-820px}/*top:365px*/
.lang_btn li{float:left;margin-right:2px}
.lang_btn a{display:table-cell;vertical-align:middle;width:66px;height:66px;border-radius:66px;background-color:#333;opacity:0.8;text-align:center;color:#fff;}
.lang_btn a:hover, .lang_btn a:focus{opacity:1;font-weight:600;}/*background-color:#e0233b;*/

.lang_btn li:first-child a{background-color:#1ea404}
.lang_btn li:nth-child(2) a{background-color:#104db3}
.lang_btn li:nth-child(3) a{background-color:#b72121}

.left_fes{position:absolute;left:50%;top:105px;z-index:10;width:202px;height:270px;margin-left:-820px}
.left_fes p{border:1px solid #e3e3e3}
.left_fes p img{width:200px;height:268px}

.left_fes div{position:relative}
.left_fes ul{border:1px solid #e3e3e3;width:200px;height:268px;overflow:hidden}
.left_fes span{display:block;width:100%;text-align:center;position:absolute;bottom:7px;left:0;z-index:20}
.left_fes span a{display:inline-block}

.left_ban{position:absolute;left:50%;top:385px;z-index:10;width:202px;margin-left:-820px}
.left_ban li{border:1px solid #e3e3e3;margin-bottom:9px}

 @media screen and (max-width: 980px) {
#quickbox { display: none }
.lang_btn{display:none}
.left_fes{display:none}
.left_ban{display:none}
}
.dis { display: block }


/*메인신규*/

.m_visual{ margin-bottom:10px; overflow:hidden; position:relative}
.m_visual ul{ display:flex}
.m_visual li{ position:relative; flex-shrink:0; width:100%}
.m_visual li img{ width:100%; display:block; object-fit:cover}
.m_visual li a{ display:block}
.m_visual .pagination{ position:absolute; font-size:0; top:20px; right:50px}
.m_visual .pagination .bullet{ background:#fff; width:1rem; height:1rem; margin:0 .5rem; display:inline-block; border-radius:50%; border:1px solid #666}
.m_visual .pagination .active{ background:#f16679}
.m_visual .p_left{ position:absolute;top:40%;left:0px; z-index:10}
.m_visual .p_next{ position:absolute;top:40%;right:0px; z-index:10}

.container{ margin-bottom:50px; overflow:hidden}
.container1{ float:left; width:390px; margin-right:10px}
.container1 .title{ font-size:24px; margin-bottom:10px; font-weight:600;color:#fff; display:block; margin-left:30px}
.container1 .txt{ font-size:15px;color:#fff; display:block; margin-left:30px}
.container1 .txt span{ display:block}
.container1 .intro{ background:url(/images/munhwa2/main/m_bg1.jpg) no-repeat; width:390px; height:334px; margin-bottom:10px;padding-top:30px;}
.container1 .theme{ background:url(/images/munhwa2/main/m_bg5.jpg) no-repeat; width:390px; height:334px;padding-top:30px; }
.container1 .intro a, .container1 .theme a{ display:block; width:100%; height:100%}

.container2{ float:left; width:390px;}

.container2 .guide{ background:url(/images/munhwa2/main/m_bg7.jpg) no-repeat 0 bottom;background-color:#8b9cba; width:390px; height:220px; color:#fff;margin-bottom:10px}
.container2 .guide h2{padding-top:30px; padding-left:30px; font-weight:600;  margin-bottom:30px}
.container2 .guide li{ float:left; width:33.3%; text-align:center}
.container2 .guide li a{ color:#fff; padding-top:86px; display:block}
.container2 .guide li.i01{ background:url(/images/munhwa2/main/i01.png) no-repeat center 0}
.container2 .guide li.i02{ background:url(/images/munhwa2/main/i02.png) no-repeat center 0}
.container2 .guide li.i03{ background:url(/images/munhwa2/main/i03.png) no-repeat center 0}

.container2 .culture{background:url(/images/munhwa2/main/m_bg2.jpg) no-repeat 0 bottom;background-color:#a6cdf8; width:390px; height:272px; margin-bottom:10px;padding-top:30px;  }/*height:220px;*/
.container2 .culture a{color:#fff; display:block; font-size:20px; font-weight:600; width:100%; height:100%;}
.container2 .culture a span{ display:inline-block; margin-left:30px}

.container2 .af{ color:#fff; font-size:20px; margin-bottom:10px }
.container2 .af:after{ display:block; clear:both; content:""}
.container2 .af li{padding-top:20px; padding-left:20px; box-sizing:border-box}
.container2 .af li.acomo{background:url(/images/munhwa2/main/m_bg3.jpg) no-repeat; width:189px; height:196px; float:left }
.container2 .af li.food{background:url(/images/munhwa2/main/m_bg4.jpg) no-repeat;width:189px; height:196px; float:right }
.container2 .af li a{ color:#fff; display:block; width:100%; height:100%}

.container2 .event{background:url(/images/munhwa2/main/m_bg6.jpg) no-repeat; width:390px; height:272px;padding-top:30px;}
.container2 .event .title{font-size:20px; margin-bottom:10px; font-weight:600;color:#fff; display:block; margin-left:30px}
.container2 .event .txt{font-size:15px;color:#fff; display:block; margin-left:30px}

.container3{ float:right}
.container3 .event2{ background:#f1f1f1; width:396px; height:300px; margin-bottom:10px; padding:0 30px; box-sizing:border-box;border:1px solid #e7e7e7;}
.container3 .event2 dl{ padding-top:30px; margin-bottom:20px}
.container3 .event2 dt{ color:#222;font-size:20px; font-weight:600; margin-bottom:10px}
.container3 .event2 dd{ color:#666;font-size:15px}
.container3 .event2 li{ font-size:15px;  }
.container3 .event2 li a{ color:#222; display:inline-block;width:88%;  padding:15px 20px 12px ;background:#fff url(/images/munhwa2/main/more.gif) no-repeat right center;border:1px solid #e7e7e7;margin-bottom:6px  }
.container3 .event2 li a span{ display:inline-block;border-right:1px solid #e7e7e7;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width:90%;}

.container3 .list{border:1px solid #e7e7e7; margin-bottom:10px;}
.container3 .list li{ width:195px; height:224px; padding-top:30px; box-sizing:border-box}
.container3 .list:after{ display:block; clear:both; content:""}
.container3 .list .title{ color:#222; font-size:20px; font-weight:600; margin-left:25px; margin-bottom:15px; display:block}
.container3 .list .img{ text-align:center; display:block}
.container3 .list .txt{ margin-top:12px;text-align:center; display:block}
.container3 .list .gall{ float:left}
.container3 .list .ucc{ background:#dbe4f2; float:right}

.container3 .guide{ background:url(/images/munhwa2/main/m_bg7.jpg) no-repeat; width:396px; height:192px; color:#fff}
.container3 .guide h2{padding-top:30px; padding-left:30px; font-weight:600;  margin-bottom:15px}
.container3 .guide li{ float:left; width:33.3%; text-align:center}
.container3 .guide li a{ color:#fff; padding-top:86px; display:block}
.container3 .guide li.i01{ background:url(/images/munhwa2/main/i01.png) no-repeat center 0}
.container3 .guide li.i02{ background:url(/images/munhwa2/main/i02.png) no-repeat center 0}
.container3 .guide li.i03{ background:url(/images/munhwa2/main/i03.png) no-repeat center 0}

.container3 .event{background:url(/images/munhwa2/main/m_bg6.jpg) no-repeat center bottom; width:396px; height:162px;padding-top:30px;}
.container3 .event .title{font-size:20px; margin-bottom:10px; font-weight:600;color:#fff; display:block; margin-left:30px}
.container3 .event .txt{font-size:15px;color:#fff; display:block; margin-left:30px}



.mcontainer{width: 1200px; margin: 0 auto; padding-top:30px; position: relative;}

 @media all and (max-width: 980px) {
	 
.mcontainer { padding-top:0; width:100%}

.container { margin-bottom:30px}

.m_visual{ margin-bottom:1%}
.m_visual .pagination{ right:20px}
.m_visual .pagination .bullet{  width:.5rem; height:.5rem; margin:0 .2rem; }
.m_visual .p_left{ top:30%;}
.m_visual .p_next{ top:30%;}

.container1{ width:32%; margin-right:1%}
.container1 .intro, .container1 .theme{ width:100%;  background-size:cover;  margin-bottom:2%; height:325px; padding-top:20px}
.container1 .title{ font-size:18px; margin-left:20px}
.container1 .txt{ font-size:13px; margin-left:20px}

.container2{ width:33%}

.container2 .guide{ width:100%;background-size:cover}
.container3 .guide h2{ font-size:18px;padding-top:20px;padding-left:20px;}
.container3 .guide li a{ line-height:1.2em;}


.container2 .culture{ width:100%; background-size:cover; margin-bottom:2%; height:290px ; padding-top:20px; }/* height:230px ;*/
.container2 .culture a{  font-size:18px;}
.container2 .culture a span{margin-left:20px}

.container2 .af{ margin-bottom:2%; font-size:18px}
.container2 .af li.acomo{ width:50%; background-size:cover; background-position:center center; height:150px;}
.container2 .af li.food{ width:50%; background-size:cover; background-position:center center; height:150px;}

.container2 .event{ width:100%;background-size:cover;margin-bottom:2%;padding-top:20px; height:265px}
.container2 .event .title{ font-size:18px; margin-left:20px}
.container2 .event .txt{ font-size:13px; margin-left:20px}

.container3{ width:33%}
.container3 .event2{ width:100%;margin-bottom:2%; padding:0 20px; height:267px}
.container3 .event2 dl{ padding-top:20px}
.container3 .event2 dt{ font-size:18px;}
.container3 .event2 dd{ font-size:13px;}
.container3 .event2 li{ font-size:13px;}
.container3 .event2 li a{ width:84%; padding:10px 15px}
.container3 .event2 li a span{ width:85%}

.container3 .list{ margin-bottom:2%}
.container3 .list li{ width:50%;padding-top:20px;}
.container3 .list .title{ text-align:center; font-size:16px; margin-left:0}
.container3 .list .txt{ font-size:12px; line-height:1.2em;}

.container3 .guide{ width:100%;background-size:cover}
.container3 .guide h2{ font-size:18px;padding-top:20px;padding-left:20px;}
.container3 .guide li a{ line-height:1.2em;}

.container3 .event{ width:100%;background-size:cover;margin-bottom:2%;padding-top:20px; height:170px}
.container3 .event .title{ font-size:18px; margin-left:20px}
.container3 .event .txt{ font-size:13px; margin-left:20px}


}


 @media all and (max-width: 748px) {
.container { margin-bottom:0}

.m_visual .pagination{ right:10px; top:12px}
.m_visual .p_left{ top:15%;}
.m_visual .p_next{ top:15%;}

.container1{ width:100%; margin-right:0}
.container1 .intro, .container1 .theme{height:200px; margin-bottom:1% ; background-position:0 bottom}

.container2{ width:100%}
.container2 .culture{ width:100%; height:180px;; background-position: 0 center; margin-bottom:1%}

.container2 .af{ margin-bottom:1%}
.container2 .af li.acomo{ width:50%;}
.container2 .af li.food{ width:50%;}

.container2 .event{  height:200px; background-position: 0 bottom; margin-bottom:1% }

.container3{ width:100%}
.container3 .list{ margin-bottom:1%}
.container3 .list li{ width:50%}

.container3 .event2{ margin-bottom:1%}
.container3 .event2 li a{ width:90%}
.container3 .event2 li a span{ width:90%}



}


/*배너모음*/
.banner_warp { width: 1000px; margin: 0 auto; padding: 15px 0; overflow: hidden }
.banner_warp h3 { font-weight: 600; color: #3f3f3f; font-size: 16px; float: left; margin: 15px 0 0 0; width: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.banner_warp .ban_btn { float: left; margin: 15px 40px 0 14px }
.banner_warp .ban_btn a { display: block; float: left }
.banner_list { float: left; height: 39px; overflow: hidden; position: relative; }
.banner_list ul { height: 2000px; }
.banner_list ul li a { display: block; float: left; margin-left: 13px }
.banner_list ul li { clear: both }

 @media screen and (max-width: 980px) {
.banner_warp { width: 96% }
.banner_list { float: none; height: 39px; overflow: hidden; position: relative; width: 100%; padding: 0; clear: both }
.banner_list ul { height: 200vh; }
.banner_list ul li a { display: block; float: left; margin-left: 3px; width: 19%; overflow: hidden; border: 1px solid #d9d9d9; text-align: center }
.banner_list ul li a img { text-align: center; height: 37px; width: 100% }
.banner_list ul li { clear: both }
.banner_warp .ban_btn { margin-bottom: 8px }
}
 @media screen and (max-width: 748px) {
.banner_warp { width: 100%; background: #cdcdcd; margin: 0; padding: 0 }
.banner_warp h3 { position: absolute; left: -9999px; top: -99999px }
.mbanner_list { padding: 1.21em 0; position: relative; height: inherit !important }
.mbanner_list ul { margin: 0 auto; width: 80%; overflow: hidden; position: relative; height: 52px }
.mbanner_list ul li { width: 100%; overflow: hidden; position: absolute; top: 0; height: 52px }
.mbanner_list ul li span { display: block; float: left; width: 48%; margin-right: 5px }
.mbanner_list ul li span a { display: block; background: #fff }
.mbanner_list ul li span a img { width: 100%; height: 52px }
.banner_prev { position: absolute; left: 1%; top: 30% }
.banner_prev a { display: block; width: 80% }
.banner_next a { display: block; width: 80% }
.banner_prev img { width: 100% }
.banner_next { position: absolute; right: 0%; top: 30% }
.banner_next img { width: 100% }
}
 @media screen and (max-width: 580px) {
.mbanner_list ul { margin: 0 auto; width: 80%; overflow: hidden; position: relative; height: 40px }
.mbanner_list ul li span a img { height: 40px }
}
 @media screen and (max-width: 480px) {
.banner_next { right: 3px }
.banner_prev { left: 3px }
.banner_next a { width: 28px; }
.banner_prev a { width: 28px }
}
 @media screen and (max-width: 380px) {
.mbanner_list ul li span { margin-right: 2px }
}
.cat_bg01 { background: #5a6696 }
.cat_bg02 { background: #699e3f }
.cat_bg03 { background: #e87f46 }
.cat_bg04 { background: #e87f46 }