@charset "utf-8";

@import url(layout.css);
@import url(common.css);

.visual_area {width:100%;background:url('/images/main/bg_visual.jpg') repeat-x left top;}
.visual_area .visual_inner {margin:0 auto;width:970px;height:302px;background:url('/images/main/main_visual.jpg') no-repeat left top;overflow:hidden;}
.visual_area .visual_txt01 {margin:42px 0 0 34px;color:#4d4b4a;font-size:24px;}
.visual_area .visual_txt02 {margin:5px 0 0 34px;padding:4px 0 4px 8px;color:#fff;font-size:17px;font-weight:bold;background:url('/images/main/bg_txt.gif') no-repeat left top;}
.visual_area .visual_txt03 {margin:5px 0 0 34px;color:#168eda;font-size:35px;font-weight:bold;letter-spacing:-1px;}
.visual_area .visual_txt04 {margin:10px 0 0 34px;color:#403f3e;font-size:15px;}

.con_area {width:100%;background:#4d4b4a;}
.con_area .con_inner {margin:0 auto;width:902px;height:79px;}
.con_area .con_inner ul {overflow:hidden;}
.con_area .con_inner li {float:left;height:79px;text-align:center;}
.con_area .con_inner li.icon01 {width:181px;background:url('/images/main/con_icon01.gif') no-repeat left top;}
.con_area .con_inner li.icon02 {width:181px;background:url('/images/main/con_icon02.gif') no-repeat left top;}
.con_area .con_inner li.icon03 {width:180px;background:url('/images/main/con_icon03.gif') no-repeat left top;}
.con_area .con_inner li.icon04 {width:179px;background:url('/images/main/con_icon04.gif') no-repeat left top;}
.con_area .con_inner li.icon05 {width:181px;background:url('/images/main/con_icon05.gif') no-repeat left top;}
.con_area .con_inner li a {display:block;color:#fff;padding:52px 0 12px 0;text-decoration:none;}

#main_top {width:941px;margin:0 auto;border-bottom:1px solid #dcdcdc;background:#fff;}
#main_top:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
#main_top h3 img {vertical-align:top;}

/* 오늘의 표현 */
#main_top .today {float:left;position:relative;overflow:hidden;padding-left:19px;width:304px;height:200px;border-right:1px solid #e6e6e6;}
#main_top .today h3 {margin:24px 0 7px 0;color:#282727;font-size:16px;font-weight:bold;}
#main_top .today ul li {line-height:20px;padding-left:10px;color:#666;background:url('/images/main/main_dot.gif') no-repeat left 9px; width:280px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#main_top .today ul li a {color:#666;}
#main_top .today ul li a:hover {color:#0078dd;text-decoration:underline;}
#main_top .today ul li span {display:block;color:#168eda;font-weight:bold;}
#main_top .today .more {position:absolute;right:16px;top:23px;color:#666;font-size:12px;padding-left:8px;background:url('/images/main/more.gif') no-repeat left 6px;}


/* 이달의 주요기사 */
#main_top .main_major_news {position:relative;float:left;width:617px;height:200px;}
#main_top .main_major_news h3 {margin:23px 0 6px 15px;color:#282727;font-size:16px;font-weight:bold;}
#main_top .main_major_news h3 span {padding-left:7px;margin-left:5px;color:#666;font-size:12px;font-weight:normal;background:url('/images/main/bar01.gif') no-repeat left top;}
#main_top .news_tab {width:97px;margin-left:15px;}
#main_top .news_tab .tabs li {width:97px;font-size:13px;line-height:25px;}
#main_top .news_tab .tabs li:hover {color:#fff;text-decoration:none;background:url('/images/main/tab_over.gif') no-repeat left top;}
#main_top .news_tab .tabs li a {width:85px;display:block;color:#4a4a4a;padding-left:8px;border-bottom:1px solid #dcdcdc;}
#main_top .news_tab .tabs li a:hover {color:#fff;text-decoration:none;}
#main_top .news_tab .tabs li.on {color:#fff;text-decoration:none;background:url('/images/main/tab_over.gif') no-repeat left top;}
#main_top .news_tab .tabs li.on a {color:#fff;}
/* #main_top .news_cont {position:absolute;left:125px;top:57px;} */
#main_top .news_cont {position:absolute;left:20px;top:57px;}
#main_top .news_list li {float:left;}
#main_top .news_list li.li01 {float:left;width:273px;}
#main_top .news_list li.li01 .list01 {overflow:hidden;padding:5px 15px 0 0;}
#main_top .news_list li.li01 .list01 dt {color:#168eda;font-weight:bold;font-size:14px;line-height:18px;margin-bottom:3px;}
#main_top .news_list li.li01 .list01 dt a {color:#168eda;}
#main_top .news_list li.li01 .list01 dd {color:#666;line-height:17px;}
#main_top .news_list li.li01 .list01 dd a {color:#666;}
#main_top .news_list li.li01 .list01 .thumb {float:left;border:1px solid #484745;margin-right:10px;}
#main_top .news_list li.li02 {float:left;width:210px;}
#main_top .news_list li.li02 .list02 {overflow:hidden;margin-bottom:6px;}
#main_top .news_list li.li02 .list02 dt {color:#333;font-weight:bold;line-height:18px;}
#main_top .news_list li.li02 .list02 dt a {color:#333;}
#main_top .news_list li.li02 .list02 dd {color:#666;line-height:17px;}
#main_top .news_list li.li02 .list02 dd a {color:#666;}
#main_top .news_list li.li02 .list02 .thumb {float:left;margin-right:10px;}

#main_mid {width:941px;margin:0 auto;overflow:hidden;background:#fff;}
#main_mid:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
#main_mid h3 img {vertical-align:top;}

/* 이달의 영화 & 팝송 */
#main_mid .movie {float:left;position:relative;overflow:hidden;padding-left:19px;width:304px;height:212px;border-right:1px solid #e6e6e6;}
#main_mid .movie h3 {margin:22px 0 15px 0;color:#282727;font-size:16px;font-weight:bold;}
#main_mid .movie ul {overflow:hidden;padding-left:30px;}
#main_mid .movie ul li {float:left;color:#666;text-align:center;margin-right:18px;}
#main_mid .movie ul li a {color:#0078dd;font-weight:bold;}
#main_mid .movie ul li a:hover {color:#0078dd;text-decoration:underline;}
#main_mid .movie ul li span {display:block;margin-bottom:3px;color:#168eda;}

/* 공지사항 */
#main_mid .notice {position:relative;overflow:hidden;padding-left:19px;float:left;width:315px;height:212px;border-right:1px solid #e6e6e6;}
#main_mid .notice h3 {margin:22px 0 13px 0;color:#282727;font-size:16px;font-weight:bold;}
#main_mid .notice ul li {position:relative;line-height:22px;padding-left:9px;background:url('/images/main/main_dot.gif') no-repeat left 10px;}
#main_mid .notice ul li a {color:#666; }

#main_mid .notice ul li div {color:#666; width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

#main_mid .notice ul li span {position:absolute;right:16px;top:0;font-size:12px;}
#main_mid .notice .more {position:absolute;right:16px;top:23px;color:#666;font-size:12px;padding-left:8px;background:url('/images/main/more.gif') no-repeat left 6px;}

#main_mid .go_content {float:left;width:282px;height:212px;}
#main_mid .go_content h3 {margin:22px 0 3px 0;color:#282727;font-size:16px;font-weight:bold;}
#main_mid .go_content .con_left {width:142px;float:left;text-align:center;margin-left:10px;}
#main_mid .go_content .con_left .txt01 {color:#666;font-size:12px;}
#main_mid .go_content .con_left .txt01 span {color:#2f97d9;font-size:14px;font-weight:bold;}
#main_mid .go_content .con_right {width:130px;float:left;text-align:center;}
#main_mid .go_content .con_right .txt01 {width:86px;height:130px;margin:10px auto 0;padding-top:32px;color:#2f97d9;font-size:12px;line-height:18px;background:url('/images/main/bg_home.jpg') no-repeat left top;}
#main_mid .go_content .con_right .txt01 span {color:#2f97d9;font-size:14px;font-weight:bold;}

/* 이달의 굿모닝팝스 */
#main_mid .mbook {padding-top:5px;width:139px;height:133px;background:url('/images/main/pops_img_bg.jpg') no-repeat left top;}
#main_mid .coolfm {padding-top:6px;width:130px;height:130px;}