@charset "utf-8";

.m_contents{position:relative;z-index:1}


.m_visual{width:100%;background:url("/images/12_munhwa_c/main/main_visual.jpg") no-repeat center 0;height:220px;background-size:cover;}
.m_visual .visual_txt{text-align:center;padding:80px 0 0 0}
.m_visual .visual_txt img{width:250px;}

.m_calendar{background-color:#2f2758;padding:15px 10px 15px 10px;overflow:hidden;}
.m_calendar h2{color:#fff;font-size:14px;font-weight:normal;margin:0 0 10px 0;padding:0 0 0 5px;background:url("/images/12_munhwa_c/main/calendar_bg.png") no-repeat right top;background-size:90px !important;}
.m_calendar .stit{font-size:30px;}

.m_calendar .m_calendar_wap{width:100%;margin:0 0 10px 0;overflow:hidden;}
.m_calendar .m_calendar_wap .inp_list01{border:none;height:40px;width:30%}
.m_calendar .m_calendar_wap .inp_list02{border:none;height:40px;width:47%}
.m_calendar .m_calendar_wap .inp_btn{float:right;background:#603912;color:#fff;height:40px;width:20%}

.m_calendar .m_calendar_tit{color:#fff;text-align:center;padding:10px 0;background:#1c1735;border-radius:10px;margin:0 0 5px 0}
.m_calendar .m_calendar_tit span{padding:0 0 0 10px}


.m_calendar .m_calendar_table{width:100%;color:#fff;}


.m_calendar .m_calendar_list{background-color:#1c1735;padding:20px;}
.m_calendar .m_calendar_list li{background:url("/images/12_munhwa_c/main/calendar_btn.jpg") no-repeat 0 8px;padding:0 0 10px 20px}
.m_calendar .m_calendar_list li:last-child{padding:0 0 0 20px}
.m_calendar .m_calendar_list li span{display:block;color:#dfdfdf;padding:5px 0 0 0;font-size:13px}
.m_calendar .m_calendar_list a{color:#fff;}

.m_calendar .sun, .m_calendar .sun a{color:#f69679 !important;}
.m_calendar .m_calendar_table th{text-align:center}
.m_calendar .m_calendar_table td{text-align:center;height:27px;}
.m_calendar .m_calendar_table td a{color:#fff;display:inline-block;padding:5px 0 0 0}
.m_calendar .m_calendar_table .schedule{background:url("/images/12_munhwa_c/main/calendar_schedule.png") no-repeat center;}
.m_calendar .m_calendar_table .today{background:url("/images/12_munhwa_c/main/calendar_today.png") no-repeat center;}
.m_calendar .m_calendar_table .today a{color:#3c3175;}


.m_banner{overflow:hidden;padding:30px 0}
.m_banner li{float:left;width:50%;text-align:center;display:inline-block;background-size:90px !important;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:none;}
.m_banner .m_ban01{background:url("/images/12_munhwa_c/main/m_ban01.png") no-repeat center 0;}
.m_banner .m_ban02{background:url("/images/12_munhwa_c/main/m_ban02.png") no-repeat center 0;}
.m_banner .m_ban03{background:url("/images/12_munhwa_c/main/m_ban03.png") no-repeat center 0;}
.m_banner .m_ban04{background:url("/images/12_munhwa_c/main/m_ban04.png") no-repeat center 0;}



.m_con_bbs{background:url("/images/12_munhwa_c/main/m_con_bbs_bg.jpg") no-repeat center top #e1e1e1;overflow:hidden;}
.m_con_bbs h2{font-size:18px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}
.m_con_bbs .more{position:absolute;top:15px;right:15px;}
.m_con_bbs .m_photo{overflow:hidden;background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}

.m_con_bbs .m_notice ul{padding:20px 0 0 0}
.m_con_bbs .m_notice ul li{margin:0 0 20px 0;border-bottom:1px solid #d9d9d9;padding:0 0 20px 0}
.m_con_bbs .m_notice ul li.none{border:none;padding:0}
.m_con_bbs .m_notice ul li span{display:block;color:#132d81;padding:10px 0 0 0}

.m_con_bbs .m_photo ul{padding:20px 0 0 0;}
.m_con_bbs .m_photo ul li{padding:0 0 20px 0;width:100%;}
.m_con_bbs .m_photo ul li img{width:100%;text-align:center;}
.m_con_bbs .m_photo ul li span{display:block;padding:10px 0 0 0}



/* Tablet */
@media all and (min-width:768px) {

.m_visual{height:400px;}
.m_visual .visual_txt img{width:300px;padding:50px 0 0 0px}

.m_calendar h2{background-size:100px;}


.m_banner li{width:24.8%;border-right:1px solid #d9d9d9;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:block;padding:0 10px;font-size:13px;word-break:keep-all}
.m_banner .m_ban04{border:none;}

.m_con_bbs .m_notice ul li{font-size:16px;}
.m_con_bbs .m_photo ul li{float:left;width:48%;margin:0 1%}


}


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


.m_con_auto{width:1200px;margin:0 auto;}

.m_visual{height:520px;}
.m_visual .visual_txt img{width:auto;padding:50px 0 0 0}

.m_calendar{padding:30px 0 0 0;}
.m_calendar h2{float:left;width:270px;height:200px;background:url("/images/12_munhwa_c/main/calendar_bg.png") no-repeat right 25px bottom 0;background-size:185px !important;margin:0;padding:0 0 0 30px}
.m_calendar .stit{display:inline-block;padding:0 0 15px 0}

.m_calendar .m_calendar_wap{float:left;width:430px;height:175px;padding:0 20px;font-size:16px;border-left:1px solid #595279;}
.m_calendar .m_calendar_tit{float:left;width:130px;background:none;}
.m_calendar .m_calendar_tit span{display:block;font-size:48px;padding:0;}
.m_calendar .m_calendar_table{float:left;width:300px;}

.m_calendar_list{float:right;width:360px;height:135px;}


.m_banner{overflow:hidden;padding:60px 0}
.m_banner li{background-size:150px !important;}
.m_banner .tit{font-size:24px;padding:180px 0 10px 0}
.m_banner .s_tit{font-size:15px;padding:0 30px;}



.m_con_bbs{background:url("/images/12_munhwa_c/main/m_con_bbs_bg.jpg") no-repeat center top #e1e1e1;padding:60px 0;overflow:hidden;}
.m_con_bbs h2{font-size:24px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:left;width:220px;padding:40px;margin:0;height:300px;}
.m_con_bbs .m_notice ul li{margin:0 0 35px 0;border-bottom:1px solid #d9d9d9;padding:0 0 35px 0}
.m_con_bbs .m_notice ul li span{padding:30px 0 0 0}


.m_con_bbs .m_photo{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:right;width:770px;padding:40px;margin:0;height:300px;}

}          





.notice_area{background:url("/upload_data/board_data/BBS_0000130/173501924864006.jpg") no-repeat top center}
.notice_area .notice{padding:30px 10px;margin:0 auto;}
.bbs{width:100%}
.bbs>div{background:#223e99;padding:14px 15px;margin:0 0 2px 0;position:relative;border-radius:5px}
.bbs>div.on{background:#fff;padding:20px 15px}
.bbs div div{display:none}
.bbs div.on div{display:block}
.bbs h2{font-size:18px;}
.bbs h2 span{display:block;background:url("/images/17_expo/common/common_btn.png") no-repeat -174px -79px;position:absolute;top:10px;right:15px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.bbs>div.on h2 span{display:none}
.bbs h2 a{color:#fff;display:block}
.bbs .on h2{border-bottom:1px solid #1a6835;padding:0 0 10px 0;margin:0 0 15px 0}
.bbs .on h2 a{color:#223e99}
.bbs li{background:url("/images/17_expo/main/bbs_list.png") no-repeat 0 8px;padding:0 0 0 10px;margin:5px 0 0 0;box-sizing:border-box;line-height:1.5em}
.bbs li:hover{text-decoration:underline}
.bbs li strong{font-weight:400}
.bbs li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs li a>span{display:none}
.bbs li a>em{font-style:normal;display:none;}
.bbs p{position:absolute;top:12px;right:15px}
.bbs p a{display:block;background:#223e99 url(/images/17_expo/main/notice_more.png) no-repeat center;width:29px;height:0;padding:29px 0 0 0;border-radius:20px;overflow:hidden;background-size:60%;transition:all 0.5s ease-in-out}
.bbs p a:hover{transform:rotate(180deg)}



/* Tablet */
@media all and (min-width:768px) {


.bbs li a>strong{font-size:18px;font-weight:bold}
.bbs li a>span{display:block;padding:5px 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bbs li a>em{display:none;}


}


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



.notice_area{height:630px;overflow:hidden;position:relative}
.notice_area .notice{padding:0;width:1200px;height:590px;margin:0 auto;z-index:100}
.bbs{width:100%;margin:40px auto 0 auto;height:590px}
.bbs:after{content:"";display:block;clear:both;}
.bbs>div{background:none;padding:0;margin:0;border-radius:0;}
.bbs>div.on{background:none;padding:0}
.bbs div div{display:none;position:absolute;top:160px;text-align:center;z-index:30;}
.bbs div.on div{display:block;}
.bbs div:nth-child(1) h2{position:absolute;top:10px;left:50%;transform:translate(-50%, 0);background:url(/images/17_expo/main/notice01_icon.png) no-repeat top center}
.bbs div.on:nth-child(1) h2,.bbs div:nth-child(1) h2:hover,.bbs div:nth-child(1) h2:focus{background:url(/images/17_expo/main/notice01_on_icon.png) no-repeat top center}
.bbs div:nth-child(2) h2{position:absolute;top:10px;left:630px;background:url(/images/17_expo/main/notice02_icon.png) no-repeat top center}
.bbs div.on:nth-child(2) h2,.bbs div:nth-child(2) h2:hover,.bbs div:nth-child(2) h2:focus{background:url(/images/17_expo/main/notice02_on_icon.png) no-repeat top center}
.bbs h2{z-index:50}
.bbs h2 a{font-size:30px;padding:60px 0 0 0;display:block;font-weight:normal}
.bbs h2 span{display:none;}
.bbs .on h2{border:none;padding:0;margin:0;}
.bbs .on h2 a,.bbs div h2:hover,.bbs div h2:focus{text-decoration:underline;}
.bbs li{width:280px;height:275px;background:#223e99;padding:1%;float:left;margin:0 25px 0 0}
.bbs li:last-child{margin:0;}
.bbs li:hover{text-decoration:underline}
.bbs li a{display:block;width:195px;height:190px;overflow:hidden;color:#fff;border:1px solid #fff;padding:30px;white-space:normal;text-align:justify;}
.bbs li a:hover{background:#09257d}
.bbs li a>strong{color:#fff;font-size:24px;font-weight:600;line-height:1.2em;height:54px;padding:0 0 10px 0;display:block;overflow:hidden}
.bbs li a>span{white-space:normal;text-align:justify;font-size:14px;line-height:1.4em;height:105px}
.bbs li a>em{display:block;text-align:center;bottom:0;}
.bbs p{position:relative;text-align:center;margin:50px 0;display:inline-block;top:0;left:0}
.bbs p a{display:block;background:#09257d url(/images/17_expo/main/notice_more.png) no-repeat center;width:25px;height:25px;padding:10px;border-radius:0;overflow:hidden;background-size:auto;}



}