@charset "utf-8";
/* CSS Document */

#Center { padding-top:8px;}

#Center h3 {font-family:"나눔고딕B",NanumGothic,sans-serif; font-size:15px; color:#333; font-weight:600;}
#Center .more { background:url(../images/main/m_more.png) no-repeat left 3px; display:block; padding:0 0 0 11px;}
.indicator { background:no-repeat left top; height:133px; width:618px; padding:13px 0 0 372px; position:relative; border-bottom:#dcdcdc solid 1px;}


.indicator dl { background:url(../images/main/m_indicator_box.png) no-repeat left top; width:606px; height:121px; font-size:11px; position:relative; }
.indicator dl dt {font-family:"나눔고딕B",NanumGothic,sans-serif; font-size:13px; color:#fff; font-weight:600; letter-spacing:-1px; padding:4px 0 8px 10px;}
.indicator dl dd.list { width:100%;}
.indicator dl dd.list ul {}
.indicator dl li {width:283px; float:left; margin:0 10px 0 10px;}
.indicator dl li a { display:block;background:url(../images/main/m_indicator_bullet.png) no-repeat left 7px; padding:0 0 0 5px; float:left; width:278px; }
.indicator dl li a .fst { color:#99ccff; float:left;}
.indicator dl li a .lst {color:#ffcc00; float:right;}
#Center .indicator dl dd.more { position:absolute; right:10px; top:5px; background:none 0;}
#Center .indicator dl dd.more a { display:block; color:#fff; letter-spacing:-1px; background:url(../images/main/m_indicator_more.png) no-repeat left 3px; padding-left:11px;}


.indicator ul.point { position:absolute; z-index:10; left:0; top:0; width:372px; }
.indicator ul.point li a { text-align:center; display:block;font-family:"나눔고딕B",NanumGothic,sans-serif; color:#003399; font-size:16px; font-weight:600;}
.indicator ul.point li a span { font-size:28px; font-weight:normal; }
.indicator .PointNavi { position:absolute; right:625px;}
.indicator .PointNavi input[type=image] { vertical-align:text-top; margin-top:-2px;}



.subject { width:740px; height:196px; border-bottom:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; background:url(../images/main/m_subjects_bg.png) repeat-x left top; float:left;}
.subject h3 { height:27px; padding-top:5px;border-left:#dcdcdc solid 1px; padding-left:10px;}
.subject li { width:184px; height:40px; float:left;border-top:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.subject li a { display:block; font-size:11px; width:138px; height:27px; padding:13px 0 0 46px; background:no-repeat left top; }

.subject li.subject01 a {background-image:url(../images/main/m_subject_01.png);}
.subject li.subject02 a {background-image:url(../images/main/m_subject_02.png);}
.subject li.subject03 a {background-image:url(../images/main/m_subject_03.png);}
.subject li.subject04 a {background-image:url(../images/main/m_subject_04.png);}
.subject li.subject05 a {background-image:url(../images/main/m_subject_05.png);}
.subject li.subject06 a {background-image:url(../images/main/m_subject_06.png);}
.subject li.subject07 a {background-image:url(../images/main/m_subject_07.png);}
.subject li.subject08 a {background-image:url(../images/main/m_subject_08.png);}
.subject li.subject09 a {background-image:url(../images/main/m_subject_09.png);}
.subject li.subject10 a {background-image:url(../images/main/m_subject_10.png);}
.subject li.subject11 a {background-image:url(../images/main/m_subject_11.png);}
.subject li.subject12 a {background-image:url(../images/main/m_subject_12.png);}
.subject li.subject13 a {background-image:url(../images/main/m_subject_13.png);}
.subject li.subject14 a {background-image:url(../images/main/m_subject_14.png);}
.subject li.subject15 a {background-image:url(../images/main/m_subject_15.png); padding-top:8px; height:32px; line-height:1.2; width:98px; padding-right:40px;}
.subject li.subject16 a {background-image:url(../images/main/m_subject_16.png);}



.Pzone { float:left;border-bottom:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; background:url(../images/main/m_subjects_bg.png) repeat-x left top; position:relative; margin-bottom:30px; width:248px; height:196px;}
.Pzone h3 { height:27px; padding-top:5px; padding-left:10px;}
.Pzone_cont {border-top:#dcdcdc solid 1px;}
.BtnGrp {position:absolute; right:10px; top:7px; }
.BtnGrp ul {float:left; margin-right:10px;}
.BtnGrp li { float:left;}
.BtnGrp li a { float:left; display:block; width:15px; height:17px; background:url(../images/main/m_pzone_btn_off.png) no-repeat center center;}
.BtnGrp li a:hover { background-image:url(../images/main/m_pzone_btn_on.png)}
.BtnGrp li a.M_on { background-image:url(../images/main/m_pzone_btn_on.png)}
.BtnGrp li a span { visibility:hidden;}
.control { float:left;  }


/* 20160624 수정 */
.MLeft { float:left; width:187px; margin-right:30px; position:relative;}
.MLeft ul {border:1px solid #dfe0e2;width:185px;height:221px;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;}
.MLeft h3 { padding:5px 0 17px 0;}
.MLeft li {float:left;width:92px;height:73px;display:block;border-bottom:1px solid #dfe0e2;text-indent:-999px;}
.MLeft li:nth-last-child(2n) {border-right:1px solid #dfe0e2;width:92px;}
.MLeft li:nth-child(1) {background:url(../images/main/m_visual_1.png) no-repeat 3px 3px;}
.MLeft li:nth-child(2) {background:url(../images/main/m_visual_2.png) no-repeat 3px 3px;}
.MLeft li:nth-child(3) {background:url(../images/main/m_visual_3.png) no-repeat 3px 3px;}
.MLeft li:nth-child(4) {background:url(../images/main/m_visual_4.png) no-repeat 3px 3px;}
.MLeft li:nth-child(5) {background:url(../images/main/m_visual_5.png) no-repeat 3px 3px;}
.MLeft li:nth-child(6) {background:url(../images/main/m_visual_6.png) no-repeat 3px 3px;}
.MLeft li a {width:92px;height:73px;display:block;}
.MLeft .more { position:absolute; right:0; top:8px;}
/* 20160624 수정 */

.MCenter { float:left; width:495px; margin-right:30px;}
.MRight { float:left; width:248px;}


.NoticeGrp, .QnaGrp { float:left;height:166px; position:relative; width:100%; background:url(../images/main/m_tab_bg.png) repeat-x left top;}

.MCenter  h3 { float:left; height:29px;}

.MCenter h3 a { display:block; height:25px; width:98px; letter-spacing:-1px; padding-top:4px; text-align:center; float:left; background:url(../images/main/m_tab_off.png) repeat-x left top; font-size:14px; color:#fff; border-left:#5378bf solid 1px;}
.MCenter h3 a:hover { color:#335aaa; background-image:url(../images/main/m_tab_on.png); height:24px;}
.MCenter h3 a.M_on {color:#335aaa; background-image:url(../images/main/m_tab_on.png); padding-top:5px; height:24px;}
.MCenter .fst h3 a {background-image:url(../images/main/m_tab_fst_off.png); border-left:0;}
.MCenter .fst h3 a:hover {background-image:url(../images/main/m_tab_fst_on.png);}
.MCenter .fst h3 a.M_on {background-image:url(../images/main/m_tab_fst_on.png);}
.MCenter .lst h3 a {background:url(../images/main/m_tab_lst_off.png) no-repeat right top;}
.MCenter .lst h3 a:hover {background-image:url(../images/main/m_tab_lst_on.png);}
.MCenter .lst h3 a.M_on {background-image:url(../images/main/m_tab_lst_on.png);}

.MCenter ul { position:absolute; left:0; top:48px; background:#fff; width:100%; float:left;}
.MCenter ul li { float:left; width:100%; height:24px; font-size:11px;}
.MCenter ul li a { width:414px; display:block; float:left; font-size:12px; background:url(../images/main/m_notice_bullet.png) no-repeat left 5px; padding-left:10px;}
.MCenter .News ul li a { width:294px; display:block; float:left; font-size:12px; background:url(../images/main/m_notice_bullet.png) no-repeat left 5px; padding-left:10px; overflow:hidden;}
.MCenter .News ul li span { width:120px; float:left; text-align:center;}
.MCenter a img { vertical-align:text-top;}
.MCenter  .more { position:absolute; right:0; top:5px;}

.MCenter table { position:absolute; left:0; top:44px; background:#fff; width:100%; float:left; font-size:11px;}
.MCenter table th { padding-bottom:10px;}
.MCenter table .Title { padding-left:5px; font-size:12px;}
.MCenter table td { height:20px;}

.MBoardList {width:45px;}

.webtoon { position:relative; background:url(../images/main/m_doni_bg.png) no-repeat right top; height:172px;}
.webtoon h3 { padding:5px 0 22px 0;}
.webtoon li.fst { font-weight:bold; color:#333; margin-bottom:20px;}
.webtoon .more { right:0; top:5px; position:absolute;}


.guide { width:248px;}
.guide h3 { margin-bottom:5px;}
.guide li.fst { border-top:none 0;}
.guide li { float:left; background:url(../images/main/m_guide_bullet.png) no-repeat left 9px; padding:7px 0 8px 23px; border-top:#e2e2e2 solid 1px; width:225px; font-family:"나눔고딕B",NanumGothic,sans-serif; font-size:13px; font-weight:600; color:#333; position:relative;}
.guide { width:248px;}
.guide li a { float:left;}
.guide li a.pdf { float:right; padding-top:2px;}
.guide li a.fla { position:absolute; right:37px; top:9px;}



.Banner { float:left; border:#e2e2e2 solid 1px; border-bottom:none 0; padding:10px 0 10px 30px; width:958px;}
/*2014.08.07 index 베너 부분 수정
.Banner li { float:left; margin-right:22px;}
*/
.Banner li { float:left; margin-right:27px;}


/* 20140923 내가 말하는 통계 */
.movie { position:relative; background:url(../images/main/m_movie_bg.png) no-repeat right top; height:172px;}
.movie h3 { padding:5px 0 22px 0;}
.movie li {background:url(../images/main/br.png) no-repeat 0 7px;padding-left:13px;}
.movie li.fst { font-weight:bold; color:#333; margin-bottom:20px;}
.movie .more { right:0; top:5px; position:absolute;}
/* 20140923 내가 말하는 통계 */