@charset "utf-8";

/* 이벤트 */
.m_banner { position:relative; display:block; float:left; width:790px; height:325px; margin:0 30px 30px 0; padding:0; background:#fff; box-sizing:border-box; overflow:hidden; }
.m_banner .m_slide { display:block; width:100%; height:100%; overflow:hidden; }
.m_banner .m_slide > ul { display:block; list-style:none; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
.m_banner .m_slide > ul > li { display:block; width:100%; height:100%; margin:0; padding:0; box-sizing:border-box; overflow:hidden; }
.m_banner .m_slide_btn { position:absolute; display:block; list-style:none; right:0; bottom:0; margin:0; padding:0; overflow:hidden; }
.m_banner .m_slide_btn > li { display:block; float:left; }

.m_banner .event_box { position:relative; display:block; width:100%; height:100%; padding:75px 440px 35px 30px; background:#6ab9b2; box-sizing:border-box; overflow:hidden; cursor:pointer; }
.m_banner .event_box > h2 { margin-bottom:10px; padding-bottom:20px; font-size:30px; color:#fff; font-weight:700; line-height:1.4; border-bottom:1px solid #97cec9; }
.m_banner .event_box > p { margin-bottom:30px; height:70px; font-size:15px; color:#fff; font-weight:400; line-height:1.5; overflow:hidden; }
.m_banner .event_box .img { position:absolute; display:block; right:0; top:0; width:410px; height:325px; margin:0; padding:0; background:#fff; border:1px solid #dbdbdb; box-sizing:border-box; overflow:hidden; }
.m_banner .event_box .img img { max-width:100%; }
.m_banner .event_box .btn_view { display:inline-block; width:182px; height:40px; line-height:40px; padding-left:20px; font-size:13px; color:#fff; text-transform:uppercase; background:#aeb370 url('../images/main/icon_arrow.gif') no-repeat right center; }

/* 문화정보실 */
.m_lib { display:block; float:left; width:380px; height:325px; margin:0 0 30px; padding:0; background:#fff; box-sizing:border-box; overflow:hidden; }
.m_lib:after { display:block; content:""; clear:both; }
.m_lib .subject_box { display:block; float:left; width:180px; height:100%; padding-top:40px; padding-left:35px; background:url("../images/main/m_lib_bg.jpg") no-repeat left top; box-sizing:border-box; overflow:hidden; }
.m_lib .subject_box > h2 { margin-bottom:10px; }
.m_lib .subject_box > .eng { font-size:13px; color:#fff; text-transform:uppercase; }
.m_lib .subject_box > ul.data { position:relative; top:90px; left:-60px; font-size:14px; line-height:22px; font-weight:700; color:#fff; }
.m_lib .subject_box > ul.data li { padding-top:10px; width:160px; list-style:none; }
.m_lib > ul { display:block; list-style:none; float:right; width:200px; height:100%; margin:0; padding:0; background:#f18487; overflow:hidden; }
.m_lib > ul > li { display:block; height:82px; border-bottom:1px solid #f3999b; box-sizing:border-box; overflow:hidden; }
.m_lib > ul > li:nth-last-child(1) { border-bottom:0; }
.m_lib > ul > li > a { display:block; width:100%; height:100%; padding:20px 0 0 30px; background:url('../images/main/m_lib_bg2.png') no-repeat 90% center; box-sizing:border-box; overflow:hidden; }
.m_lib > ul > li > a .title { display:block; margin-bottom:6px; font-size:18px; color:#fff; }
.m_lib > ul > li > a .eng { display:block; font-size:12px; color:#fff; text-transform:uppercase; }
.m_lib > ul > li:hover a { background:#c65d69 url('../images/main/m_lib_bg2.png') no-repeat 90% center; }

/* 최신기사 */
.m_latest { display:block; list-style:none; float:left; width:790px; height:auto; margin:0 30px 0 0; padding:0; box-sizing:border-box; overflow:hidden; }
.m_latest li { position:relative; display:block; }
.m_latest li ul { display:block; list-style:none; margin:0; padding:0; }
.m_latest > li { display:block; float:left; width:380px; height:275px; margin:0 30px 30px 0; padding:30px 35px; background:#fff; box-sizing:border-box; overflow:hidden; }
.m_latest > li:nth-child(2n+2) { margin-right:0; }
.m_latest > li:nth-child(4) { padding:0; border:1px solid #dbdbdb; }
.m_latest > li > h2 { margin-bottom:18px; }
.m_latest > li > .btn_more { position:absolute; display:block; right:35px; top:30px; width:17px; height:17px; background:url('../images/main/icon_more.png') no-repeat center center; }
.m_latest > li > .btn_more span { position:absolute; left:-9999px; top:-9999px; text-indent:-9999px; }

.m_latest .news_list { display:block; list-style:none; }
.m_latest .news_list li { margin-bottom:15px; }
.m_latest .news_list li:nth-last-child(1) { margin-bottom:0; }
.m_latest .news_list li a { position:relative; display:block; width:auto; height:100%; min-height:47px; padding:3px 0 3px 55px; box-sizing:border-box; overflow:hidden; }
.m_latest .news_list li a .calendar { position:absolute; display:inline-block; left:0; top:0; width:47px; height:47px; padding-top:5px; text-align:center; background:#ccc; border-radius:3px; box-sizing:border-box; overflow:hidden; }
.m_latest .news_list li a .calendar .cal_day { font-size:21px; color:#fff; font-weight:600; }
.m_latest .news_list li a .calendar .cal_year { font-size:10px; color:#fff; font-weight:400; }
.m_latest .news_list li a .subject { display:inline-block; max-width:230px; margin-bottom:5px; font-size:15px; color:#606060; font-weight:400; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; overflow:hidden; }
.m_latest .news_list li a .new { display:inline-block; width:12px; height:13px; margin-left:5px; }
.m_latest .news_list li a .text { display:block; font-size:13px; color:#909090; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.m_latest .news_list li:nth-child(1) a .calendar { background:#746aaf; }
.m_latest .news_list li:nth-child(2) a .calendar { background:#6a93af; }
.m_latest .news_list li:nth-child(3) a .calendar { background:#6aafa3; }

.m_latest .event_list { display:block; list-style:none; }
.m_latest .event_list li { margin-bottom:15px; }
.m_latest .event_list li:nth-last-child(1) { margin-bottom:0; }
.m_latest .event_list li a { position:relative; display:block; width:auto; height:100%; min-height:80px; padding:0 0 0 140px; box-sizing:border-box; overflow:hidden; }
.m_latest .event_list li a .img { position:absolute; display:inline-block; left:0; top:0; width:121px; height:80px; box-sizing:border-box; overflow:hidden; }
.m_latest .event_list li a .subject { display:block; margin-bottom:5px; font-size:15px; color:#606060; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m_latest .event_list li a .event_spec li { margin-bottom:5px; }
.m_latest .event_list li a .event_spec li span { display:inline-block; vertical-align:middle; }
.m_latest .event_list li a .event_spec li .head { font-size:12px; color:#909090; }
.m_latest .event_list li a .event_spec li .text { font-size:11px; color:#909090; }
.m_latest .event_list li a .text { display:block; font-size:13px; color:#909090; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.m_latest .series_list { display:block; list-style:none; }
.m_latest .series_list li { margin-bottom:15px; }
.m_latest .series_list li:nth-last-child(1) { margin-bottom:0; }
.m_latest .series_list li a { position:relative; display:block; width:auto; height:100%; min-height:80px; padding:0 0 0 140px; box-sizing:border-box; overflow:hidden; }
.m_latest .series_list li a .img { position:absolute; display:inline-block; left:0; top:0; width:121px; height:80px; box-sizing:border-box; overflow:hidden; }
.m_latest .series_list li a .subject { display:block; margin-bottom:5px; font-size:15px; color:#606060; font-weight:400; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.m_latest .series_list li a .text { display:block; height:56px; font-size:13px; color:#909090; font-weight:400; line-height:1.4; text-overflow:ellipsis; overflow:hidden; }

.m_latest .m_links { display:block; list-style:none; }
.m_latest .m_links:after { display:block; content:""; clear:both; }
.m_latest .m_links > li { float:left; width:50%; height:69px; border:1px solid #dbdbdb; border-top:0; border-left:0; box-sizing:border-box; overflow:hidden; }
.m_latest .m_links > li:nth-child(2n+2) { border-right:0; }
.m_latest .m_links > li:nth-last-child(1) { height:68px; border-bottom:0; }
.m_latest .m_links > li:nth-last-child(2) { height:68px; border-bottom:0; }
.m_latest .m_links > li > a { position:relative; display:block; width:100%; height:100%; line-height:68px; padding-left:65px; font-size:16px; color:#505050; font-weight:400; letter-spacing:-0.05em; background:#fff; box-sizing:border-box; overflow:hidden; }
.m_latest .m_links > li > a .icon { position:absolute; display:inline-block; left:15px; top:0; bottom:0; width:39px; height:32px; margin:auto 0; background:url('../images/main/icon_links.png') no-repeat left top; overflow:hidden; }
.m_latest .m_links > li > a .icon1 { background-position:0 0; }
.m_latest .m_links > li > a .icon2 { background-position:-39px 0; }
.m_latest .m_links > li > a .icon3 { background-position:-78px 0; }
.m_latest .m_links > li > a .icon4 { background-position:-117px 0; }
.m_latest .m_links > li > a .icon5 { background-position:-156px 0; }
.m_latest .m_links > li > a .icon6 { background-position:-195px 0; }
.m_latest .m_links > li > a .icon7 { background-position:-234px 0; }
.m_latest .m_links > li > a .icon8 { background-position:-273px 0; }

.m_latest .m_links > li > a:hover { color:#fff; background:#746aaf; }
.m_latest .m_links > li > a:hover .icon1 { background-position:0 -32px; }
.m_latest .m_links > li > a:hover .icon2 { background-position:-39px -32px; }
.m_latest .m_links > li > a:hover .icon3 { background-position:-78px -32px; }
.m_latest .m_links > li > a:hover .icon4 { background-position:-117px -32px; }
.m_latest .m_links > li > a:hover .icon5 { background-position:-156px -32px; }
.m_latest .m_links > li > a:hover .icon6 { background-position:-195px -32px; }
.m_latest .m_links > li > a:hover .icon7 { background-position:-234px -32px; }
.m_latest .m_links > li > a:hover .icon8 { background-position:-273px -32px; }

/* SNS */
.m_sns { display:block; float:left; width:380px; height:580px; margin:0; padding:0; background:#fff; box-sizing:border-box; overflow:hidden; }
.m_sns > .m_tab { position:relative; display:block; list-style:none; height:100%; margin:0; padding:0; box-sizing:border-box; }
.m_sns > .m_tab > li { float:left; }
.m_sns > .m_tab > li > a { display:block; height:55px; overflow:hidden; }
.m_sns > .m_tab > li > .m_tab_cnt { position:absolute; display:block; left:0; top:55px; width:380px; height:525px; box-sizing:border-box; overflow:hidden; }
.m_sns > .m_tab > li > .m_tab_cnt .m_tab_cnt_inner { position:relative; display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; }

.m_sns > .m_tab > li > .m_tab_cnt { display:none; }
.m_sns > .m_tab > li.current > a img { margin-top:-55px; }

.m_sns .naver_list { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.m_sns .naver_list li { position:relative; }
.m_sns .naver_list li a { position:relative; display:block; padding-left:70px; overflow:hidden; }
.m_sns .naver_list li a .img { position:absolute; display:inline-block; left:0; top:0; bottom:0; width:50px; height:50px; background:#ccc; overflow:hidden; }
.m_sns .naver_list li a .text { font-size:12px; line-height:1.5; text-align:justify; word-break:break-all; }

@media (max-width:480px){
	.m_banner .event_box > h2 { font-size:25px; }
}