﻿@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
#form1{display:inline}

/*메인 상단*/
#header {position:relative;z-index:110}

#header .gnb {position:relative;margin:0 auto;width:980px;height:22px;background-color:#ffffff;padding-top:8px;}
#header .gnb .favorite p {float:left;background:url('/Images/Layout/ico_plus.png') no-repeat left 45%;font-family:Dotum;color:#666666;padding-left:10px; margin-right:15px;}
#header .gnb .menu {float:right;}
#header .gnb .menu a:hover {text-decoration:underline}
#header .gnb .menu ul li {float:left;background:url('/Images/Layout/headerTop_bar.gif') no-repeat right;padding:0 8px}
#header .gnb .menu ul li.last {background:none;padding-right:0}
#header .gnb .menu .contentbox {color:#e47640}
#header .gnb .menu .myinfo {color:#57a2e2}
#header .mnb {position:absolute;z-index:20;top:30px;width:100%;background:url('/Images/Layout/topMenu_bg.png') repeat;}
#header .topmenu {margin:0 auto;width:980px;height:80px;}
#header .topmenu h1 {float:left;display:block;margin-top:17px}
#header .topmenu .menu {float:right;margin-top:30px}
#header .topmenu .menu ul li {float:left;padding-right:40px}
#header .topmenu .menu ul li.last {padding-right:0}

#header .onair {position:relative; width:980px; margin:0 auto; z-index:2000;}
#header .onair .btnArea01 {position:absolute; top:30px; left:180px; width:56px; height:25px; z-index:2000;}
#header .onair .btnArea02 {position:absolute; top:30px; left:180px; width:56px; height:79px; background:url(/Images/Layout/btn_onair_bg.png) no-repeat left top; z-index:2000;}
#header .onair .btnArea02 .go {position:absolute; top:25px; left:0;}
#header .onair .btnArea02 .time {position:absolute; top:51px; left:0;}

/*서브 상단*/
#header_sub {position:relative;z-index:200;height:110px;}
#header_sub {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
#header_sub:after {content:" "; display:block; clear:both;}
#header_sub .gnb {position:relative;margin:0 auto;width:940px;height:22px;background-color:#ffffff;padding-top:8px;z-index:10}
#header_sub .gnb .favorite p {float:left;background:url('/Images/Layout/ico_plus.png') no-repeat left 45%;font-family:Dotum;color:#666666;padding-left:10px; margin-right:15px;}
#header_sub .gnb .menu {float:right;}
#header_sub .gnb .menu a:hover {text-decoration:underline}
#header_sub .gnb .menu ul li {float:left;background:url('/Images/Layout/headerTop_bar.gif') no-repeat right;padding:0 8px; height:20px}
#header_sub .gnb .menu ul li.last {background:none;padding-right:0}
#header_sub .gnb .menu ul li.sns {background:url('/Images/Layout/snsicon_n.gif') no-repeat 0 0; padding-left:18px;}
#header_sub .gnb .menu .contentbox {color:#e47640}
#header_sub .gnb .menu .myinfo {color:#57a2e2}
#header_sub .mnb {z-index:20;top:30px;width:100%;background:url('/Images/Layout/topMenu_bg.png') repeat;border-top:1px solid #f0f0f0}
#header_sub .topmenu {margin:0 auto;width:940px;height:80px;}
#header_sub .topmenu h1 {float:left;display:block;margin-top:17px}
#header_sub .topmenu .menu {float:right;margin-top:30px}
#header_sub .topmenu .menu ul li {float:left;padding-right:40px}
#header_sub .topmenu .menu ul li.last {padding-right:0}

#header_sub .onair {position:relative; width:940px; margin:0 auto; z-index:2000;}
#header_sub .onair .btnArea01 {position:absolute; top:30px; left:180px; width:56px; height:25px; z-index:2000;}
#header_sub .onair .btnArea02 {position:absolute; top:30px; left:180px; width:56px; height:79px; background:url(/Images/Layout/btn_onair_bg.png) no-repeat left top; z-index:2000;}
#header_sub .onair .btnArea02 .go {position:absolute; top:25px; left:0;}
#header_sub .onair .btnArea02 .time {position:absolute; top:51px; left:0;}

#header_sub .submenu {position:relative; top:-10px; margin:0 auto; width:940px; height:43px; border-bottom:2px solid #dcdcdc; background:url(/Images/Layout/subM_bg.gif) no-repeat; z-index:500;}
#header_sub .submenu ul {float:left; padding:12px 20px;}
#header_sub .submenu ul li {float:left; padding-right:30px;}
#header_sub .submenu ul li.last {padding-right:0;}
#header_sub .submenu ul li a {color:#fff; font-size:13px; font-weight:bold; font-family:Gulim;}
#header_sub .submenu ul li a.on {color:#fff335;}
#header_sub .submenu ul a.allM {color:#99d7ff; font-size:13px; font-weight:bold; font-family:Gulim;}
#header_sub .submenu ul li.viewall {background:url(/Images/Layout/submenu_viewall_dot.gif) no-repeat right 50%; width:65px; padding-right:10px;}
#header_sub .submenu .search {float:right; width:200px; height:28px; background:url(/Images/Layout/subMsearch_bg.gif) no-repeat; margin:8px 8px 0 0;}
#header_sub .submenu .search .field {float:left; background:transparent; width:130px; height:16px;margin:3px;}
#header_sub .submenu .search .btn {background:transparent; width:50px; height:16px;margin-top:3px;}

#header_sub .allmenu {position:relative; top:-12px; margin:0 auto; width:934px; border:3px solid #99d7ff; z-index:600;}
#header_sub .allmenu .btn_close {position:absolute; right:-34px; z-index:1000;}
#header_sub .allmenu .menuArea {background-color:#fff; z-index:1000;}
#header_sub .allmenu .menuArea .catagory {border-bottom:1px solid #e1e1e1; padding:15px 5px; margin:0 20px;}
#header_sub .allmenu .menuArea .on { background-color:#fff;}
#header_sub .allmenu .menuArea .catagory p {font-size:15px; font-weight:bold; font-family:Gulim; color:#1e69ca;}
#header_sub .allmenu .menuArea .catagory ul {padding:12px 0 0 10px;}
#header_sub .allmenu .menuArea .catagory ul li {float:left; line-height:16px; width:192px; background:url(/Images/Layout/left_m_dot01.gif) no-repeat left 50%; padding-left:7px; margin:5px 0; padding-right:15px;}
#header_sub .allmenu .menuArea .catagory ul li span {display:inline-block; width:15px; height:15px; margin:0 1px 0 2px; background:url(/Images/Layout/ico_updateM.png) no-repeat; font-size:0; line-height:0; text-indent:-1000em; vertical-align:middle;}

/*메인 비주얼*/
#main_visual {position:relative;z-index:1;width:100%;height:545px}
#main_visual .navigate {display:none;position:absolute;left:50%;bottom:50%;margin-left:-490px;width:980px;height:0;z-index:1000;overflow:visible}
#main_visual .navigate .arrowL {float:left;cursor:pointer;display:inline-block;width:34px;height:56px;background:url('/Images/Main/visual_arrow_left.png') no-repeat;zoom:1;}
#main_visual .navigate .arrowL.over {background:url('/Images/Main/visual_arrowOver_left.png') no-repeat}
#main_visual .navigate .arrowR {float:right;cursor:pointer;display:inline-block;margin-left:908px;width:34px;height:56px;background:url('/Images/Main/visual_arrow_right.png') no-repeat;zoom:1;}
#main_visual .navigate .arrowR.over {background:url('/Images/Main/visual_arrowOver_right.png') no-repeat}
#main_visual .thumb {position:absolute;left:50%;bottom:70px;margin-left:-490px;width:140px;height:20px;z-index:1000}
#main_visual .thumb li {float:left;cursor:pointer;display:inline-block;margin:0 5px;width:22px;height:20px;background:url('/Images/Main/ico_thumb.png') no-repeat;zoom:1;}
#main_visual .thumb .activeSlide {background-position:-30px 0;}
#main_visual .music {position:absolute;left:50%;bottom:-100px;margin-left:425px;margin-bottom:10px;z-index:1000}
#main_visual .music button {cursor:pointer;display:inline-block;width:65px;height:63px;background:url('/Images/Main/music_playOff.png') no-repeat;zoom:1}
#main_visual .music .playOn {background:url('/Images/Main/music_playOn.png') no-repeat;}
#main_visual .slide{width:100%;height:100%;min-height:600px;opacity:0;filter:alpha(opacity=0)}

/*메인 바디*/
#container {position:relative;z-index:1;border-top:1px solid #4b4b4b; }
#container a:hover {text-decoration:underline;color:#247fdd}
.main_top {margin:0 auto;width:978px;height:208px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:2px solid #838383}
.main_top .banner {float:left;width:199px;border-right:1px solid #e4e4e4;}
.main_top .tag {float:right;width:378px;height:208px;}
.main_top .tag .title {font-size:18px;color:#247fdd;font-family:Dotum;font-weight:bold;margin:25px 0 15px 20px}
.main_top .tag .txt {margin:0 20px}
.main_top .tag .txt a {margin:0 10px 0 0;font-size:13px;line-height:25px}
.main_top .tag .txt .normal {color:#000;}
.main_top .tag .txt .red {color:#ef4300}
.main_top .tag .txt .bg {color:#000;background-color:#ffd099;padding:3px}
.main_top .tag .quickbutton {margin:10px 0 20px 20px}
.main_top .tag .btn {width:107px;height:35px;background:url('/Images/Main/button_bg.gif') no-repeat;font-size:13px;font-weight:bold;color:#33536a;text-align:center;margin-right:5px;cursor:pointer}
.main_top .tag .btn_special {width:107px;height:35px;background:url('/Images/Main/button_bgS.gif') no-repeat;font-size:13px;font-weight:bold;color:#fff;text-align:center;margin-right:5px;cursor:pointer}
.main_top .tag .btn_over {width:107px;height:35px;background:url('/Images/Main/button_over_bg.gif') no-repeat;font-size:13px;font-weight:bold;color:#fff;text-align:center;margin-right:5px;cursor:pointer}

.main_top .tag .search_wrap {position:relative; margin-left:20px; background:url('/Images/main/bg_search.gif') no-repeat;}
.main_top .tag .search_wrap .input_field {float:left;padding:3px 0 0 8px; line-height:1.8em; width:280px; height:42px; font-size:15px; font-family:Gulim; color:#333; border:0; background:transparent;}
.main_top .tag .search_wrap .btn_search {width:50px; height:42px; background:transparent;cursor:pointer;}
.main_top .tag .search_wrap .search_guide {font-size:13px; padding-top:12px; height:30px; margin-right:20px; width:335px;}
.main_top .tag .search_wrap .search_guide .guide_txt {position:relative; float:left; color:#000;}
.main_top .tag .search_wrap .search_guide span {color:#999999; padding-right:10px; margin-top:1px;}
.main_top .tag .search_wrap .search_guide ol {position:absolute; left:90px; top:1px; color:#000; width:200px; height:18px; overflow:hidden;}
.main_top .tag .search_wrap .popup { position:absolute; top:42px; left:0; border:1px solid #91b1cd; width:269px; background-color:#fff; padding:10px; z-index:10;}
.main_top .tag .search_wrap .popup li {height:25px; padding-top:5px;}
.main_top .tag .search_wrap .popup .point {color:#247fdd; font-weight:bold;}
.main_top .tag .search_wrap .popup a {font-size:13px; font-family:Gulim;}
.main_top .tag .search_wrap .popup2 { position:absolute; top:54px; left:0; border:1px solid #91b1cd; width:336px; background-color:#fff; z-index:10;}
.main_top .tag .search_wrap .popup2 li {height:25px; padding-top:5px; line-height:30px; padding-left:10px; margin-left:10px; background:url('/Images/main/dot_guidelist.gif') no-repeat left 55%;}
.main_top .tag .search_wrap .popup2 .blue0 { background:url('/Images/main/ico_heartBlue0.png') no-repeat right 45%; width:305px; margin-right:10px;}
.main_top .tag .search_wrap .popup2 .blue1 { background:url('/Images/main/ico_heartBlue1.png') no-repeat right 45%; width:305px; margin-right:10px;}
.main_top .tag .search_wrap .popup2 .blue2 { background:url('/Images/main/ico_heartBlue2.png') no-repeat right 45%; width:305px; margin-right:10px;}
.main_top .tag .search_wrap .popup2 .blue3 { background:url('/Images/main/ico_heartBlue3.png') no-repeat right 45%; width:305px; margin-right:10px;}
.main_top .tag .search_wrap .popup2 li.last {font-size:11px; font-family:Dotum; padding-bottom:7px; margin-left:0; border-top:1px solid #eeeeee; margin-top:7px;background:url() no-repeat;background-color:#f6f6f5; }
.main_top .tag .search_wrap .popup2 .lastcomm {position:relative; background:url('/Images/main/ico_heartBlue.png') no-repeat left 50%; padding-left:15px;}
.main_top .tag .search_wrap .popup2 .guide_close {position:absolute; right:10px; bottom:10px; background:url('/Images/main/btn_searchguide_close.gif') no-repeat; width:21px; height:19px;cursor:pointer;}
.main_top .tag .search_wrap .guide_more { position:absolute; right:20px; background:url('/Images/main/btn_searchguide_more.gif') no-repeat; width:21px; height:19px;cursor:pointer;}

.main_middle {margin:0 auto;width:980px;height:315px;background:url('/Images/Main/line_shadow.gif') no-repeat bottom;}
.main_middle .best_wrap {float:left;width:419px;height:310px;border-right:1px solid #e4e4e4}
.main_middle .best_wrap .new {margin:30px 15px 20px 15px}
.main_middle .best_wrap .new .title {height:25px;font-size:18px;color:#247fdd;font-family:Dotum;font-weight:bold;background:url('/Images/Main/ico_new.gif') no-repeat 80px top;padding-top:5px;margin-bottom:7px}
.main_middle .best_wrap ul {width:404px; }
.main_middle .best_wrap ul li {background:url('/Images/Main/bbs_dot.gif') no-repeat left 50%; padding-left:7px;font-size:13px; margin-bottom:7px; overflow:hidden; white-space:nowrap; position:relative;}
.main_middle .best_wrap ul li a.program{background:url('/Images/Main/bbs_bar.gif') no-repeat left top; padding:0 7px; color:#999999;}
.main_middle .best_wrap .fade_bar {background:transparent url(/Images/Main/fade_bar.png) repeat-y center right;height:100%;position:absolute;right:0;width:45px;}
.main_middle .best_wrap .best {margin:0 15px}
.main_middle .best_wrap .best .title {height:25px;font-size:18px;color:#247fdd;font-family:Dotum;font-weight:bold;background:url('/Images/Main/ico_best.gif') no-repeat 145px top;padding-top:8px;margin-bottom:5px}
.main_middle .theme_wrap {float:left;width:248px;height:250px;border-right:1px solid #e4e4e4;padding:30px 15px}
.main_middle .theme_wrap .title {float:left;height:25px;font-size:18px;color:#247fdd;font-family:Dotum;font-weight:bold;padding:5px 0 10px 0}
.main_middle .more_view {float:left;overflow:hidden;width:26px;height:26px;margin:0px 5px;background:url('/Images/Main/ico_more.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
.main_middle .theme_wrap ul {width:248px;}
.main_middle .theme_wrap ul li {font-size:13px;margin-bottom:15px}
.main_middle .theme_wrap .bbs_titile {}
.main_middle .theme_wrap .bbs_catagory a {color:#999999}
.main_middle .community_wrap {float:right;width:250px;padding:30px 15px 0 15px;}
.main_middle .community_wrap .title {float:left;height:25px;font-size:18px;color:#247fdd;font-family:Dotum;font-weight:bold;padding:5px 0 10px 0}
.main_middle .community_wrap ul {width:250px;}
.main_middle .community_wrap ul li {font-size:13px;margin-bottom:15px}
.main_middle .community_wrap .bbs_catagory a {color:#999999}
.main_middle .community_wrap .bbs_catagory {color:#999999}

.main_bottom {margin:0 auto;width:980px;min-height:180px;}
.main_bottom .notice {float:left;width:420px}
.main_bottom .notice .title {float:left;font-size:18px;color:#000;font-family:Dotum;font-weight:bold;margin:20px 0 20px 15px;}
.main_bottom .more_view_gray {float:left;overflow:hidden;width:26px;height:26px;margin:15px 5px;background:url('/Images/Main/ico_more_gray.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
.main_bottom .notice ul {width:405px;margin:15px}
.main_bottom .notice ul li {font-size:13px;line-height:24px}
.main_bottom .notice_catagory {float:left;width:60px;color:#999999}
.main_bottom .notice_title {color:#000}
.main_bottom .m_banner1 {float:left;overflow:hidden;width:280px;height:115px;margin-top:20px;background:url('/Images/Main/banner_siteguide.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
.main_bottom .m_banner2 {float:right;overflow:hidden;width:280px;height:115px;margin-top:20px;background:url('/Images/Main/banner_customer.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}

/*메인 푸터*/
/*#footer {clear:both;position:relative;z-index:1;width:100%;min-height:150px;border-top:1px solid #c6c7c9;background-color:#f3f4f6}*/
#footer .link {margin:0 auto;width:980px;height:55px;border-bottom:1px solid #e1e2e4}
#footer .link .menu {float:left;width:480px;}
#footer .link .menu ul {float:left;padding:20px 0}
#footer .link .menu ul li {float:left;background:url('/Images/Main/bbs_bar.gif') no-repeat right 50%;padding-right:10px;margin-right:10px}
#footer .link .menu ul li a {font-size:14px;color:#1c86c9;font-family:Dotum;}
#footer .link .menu ul li.last {background:none;}
#footer .sns {float:right;text-align:right}
#footer .sns .sns_f {float:left;overflow:hidden;width:32px;height:32px;margin:10px 10px 0 0;background:url('/Images/Layout/btn_facebook.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
#footer .sns .sns_t {float:left;overflow:hidden;width:32px;height:32px;margin:10px 10px 0 0;background:url('/Images/Layout/btn_twitter.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
#footer .sns .sns_y {float:left;overflow:hidden;width:32px;height:32px;margin-top:10px;background:url('/Images/Layout/btn_youtube.gif') no-repeat;font-size:0;line-height:0;text-indent:-1000em;}
#footer .copyright {margin:0 auto;width:980px}
#footer .copyright .address {float:left;margin-top:20px;font-family:Dotum;font-size:11px;color:#666666}
#footer .copyright .select_wrap {float:right;margin-top:15px;cursor:pointer;position:relative;width:131px;height:22px;border:1px solid #e1e1e1;background:#ffffff url('/Images/Layout/ico_select_arrow.gif') no-repeat right center;overflow:hidden;}
#footer .copyright .select_wrap select{cursor:pointer;position:absolute;left:-1px;top:0;width:133px;height:24px;line-height:24px;font-size:11px;color:#666;border:0;opacity:0;filter:alpha(opacity=0)}
#footer .copyright .select_wrap .value {cursor:pointer;display:block;padding-left:8px;height:22px;line-height:24px;font-size:11px;color:#666;overflow:hidden;}


/*----------------------- 체인지TV 개편 (신해인) -----------------------*/
/*메인 바디*/
#cont_wrap {position:relative; clear:both; }
#cont_wrap .conts{width:1000px; margin:20px auto 0 auto;}
.conts {position:relative;}
.conts .mtop {height:260px; *zoom:1;}
.conts .mtop:after {content:" "; display:block; clear:both;}
.conts .mtop .lmtop {float:left; width:720px; height:260px; position:relative;}
.conts .mtop .lmtop img {width:720px; height:260px;}
.conts .mtop .lmtop .lmbtn{position:absolute; left:0; bottom:12px; width:720px; overflow:hidden; text-align:center}
.conts .mtop .lmtop .lmbtn span { }
.conts .mtop .lmtop .lmbtn span a {font-size:0;}
.conts .mtop .lmtop .lmbtn span .bn {display:inline-block; width:13px; height:13px; background:url(/Images/main/btn_mlt.png) no-repeat 0 0; font-size:0; margin-left:13px}
.conts .mtop .lmtop .lmbtn span .bn.on {display:inline-block; width:13px; height:13px; background:url(/Images/main/btn_mlt.png) no-repeat -27px 0; font-size:0;}


.conts .mcon .rmcon .todayfree .sdbtn span{display:block;  }
.conts .mcon .rmcon .todayfree .sdbtn .prv {display:block; float:left; width:10px; height:10px; background:url(/Images/main/btn_sidesdPink.png) no-repeat -16px 0; font-size:0;}
.conts .mcon .rmcon .todayfree .sdbtn .nxt {display:block; float:left; width:10px; height:10px; margin-left:7px; background:url(/Images/main/btn_sidesdPink.png) no-repeat -16px 0; font-size:0;}
.conts .mcon .rmcon .todayfree .sdbtn .on {background-position:0 0;}



.conts .mtop .rmtop {float:left; margin-left:8px;}
.conts .mtop .rmtop .b_onair{width:272px; height:102px;}
.conts .mtop .rmtop .b_onair img{width:272px; height:102px;}
.conts .mtop .rmtop .c_heal{position:relative; width:272px; height:150px; margin-top:8px;}
.conts .mtop .rmtop .c_heal .loading {position:absolute; left:195px; bottom:18px; }
.conts .mtop .rmtop .c_heal .htit{position:absolute; left:50%; top:0; display:table; width:252px; height:150px; margin-left:-126px; font-size:26px; color:#fff; line-height:1.2em;}
.conts .mtop .rmtop .c_heal .htit .ot{display:table-cell; vertical-align:middle; text-align:center}
.conts .mtop .rmtop .c_heal .htit .ot .in{position:relative; display:inline-block;}
.conts .mtop .rmtop .c_heal .hguide{position:absolute; right:-20px; bottom:14px; display:block; width:135px; height:27px; background:url(/Images/main/mouse_on.png) no-repeat 0 0; font-size:0;}
.conts .pop_heal {position:absolute; left:0; top:-20px; z-index:1}
.conts .pop_heal .close {position:absolute; right:11px; top:11px; display:block; width:45px; height:22px; padding-left:22px; background:#f1f1f1 url(/Images/main/bg_close.png) no-repeat 8px 7px; color:#555; font-size:12px; line-height:21px;}
.conts .pop_heal .close:hover {background:#fff url(/Images/main/bg_close.png) no-repeat 8px -11px; color:#555; font-weight:bold;}
.conts .pop_heal img {width:1000px; height:420px;}
/*.conts .pop_heal .mask {position:absolute;top:0;left:0;width:998px;height:418px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}*/

.conts .mcon {margin-top:15px;}
.conts .mcon {*zoom:1;}
.conts .mcon:after {content:" "; display:block; clear:both;}
.conts .mcon .lmcon {float:left; width:706px;}
.conts .mcon .lmcon .mlist {position:relative;}
.conts .mcon .lmcon .mlist .listtop {margin-left:22px; padding-top:17px; *zoom:1;}
.conts .mcon .lmcon .mlist .listtop:after {content:" "; display:block; clear:both;}
.conts .mcon .lmcon .mlist .listtop h3 {float:left; font-size:16px; color:#333;}
.conts .mcon .lmcon .mlist .listtop .paging{float:left; margin-left:18px; }
.conts .mcon .lmcon .mlist .listtop .paging .order {color:#999; font-size:13px; font-family:'Droid Sans', sans-serif; vertical-align:middle; }
.conts .mcon .lmcon .mlist .listtop .paging .order strong {color:#555; font-weight:bold;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt {margin-left:3px;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt a{display:inline-block; height:21px; background:url(/Images/main/btn_prvnxt.gif) no-repeat 0 0; font-size:0; vertical-align:middle;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt .prev {width:23px;background-position:0 -21px;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt .prev.on {background-position:0 0;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt .next {width:24px; background-position:-23px -21px;}
.conts .mcon .lmcon .mlist .listtop .paging .prvnxt .next.on {background-position:-23px 0;}
.conts .mcon .lmcon .mlist .listcon {position:relative;}
.conts .mcon .lmcon .mlist .listcon a {background:url(/Images/main/btn_prvnxt_02.gif) no-repeat 0 0 #fff; font-size:0;}
.conts .mcon .lmcon .mlist .listcon a.lprv {position:absolute; left:0; top:58px; display:block; width:16px; height:28px; background-position:0 5px;}
.conts .mcon .lmcon .mlist .listcon a.lprv:hover {background-position:0 -18px;}
.conts .mcon .lmcon .mlist .listcon a.rnxt {position:absolute; right:0; top:58px; display:block; width:16px; height:28px; background-position:-10px 5px;}
.conts .mcon .lmcon .mlist .listcon a.rnxt:hover {background-position:-10px -18px;}
.conts .mcon .lmcon .mlist .listcon ul.sglist {margin:10px 0 0 9px; overflow:hidden;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li{float:left; width:212px; margin-left:13px;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb {position:relative;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb .ic {position:absolute; left:11px; bottom:11px; display:block; width:30px; height:30px; }
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0; }
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .thumb .mask {position:absolute;top:0;left:0;width:210px;height:138px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info {width:212px; margin-top:10px;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info .ti {display:block; color:#333; font-weight:bold; font-size:13px; overflow:hidden;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li a:hover .info .ti {text-decoration:underline;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info .co {display:block; height:18px; color:#555; font-size:13px; overflow:hidden;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li a:hover .info .co {text-decoration:underline;}
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info .post {display:block; height:18px; overflow:hidden; font-size:11px; margin-top:6px; }
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info .post .prname {color:#f67070; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px;  }
.conts .mcon .lmcon .mlist .listcon ul.sglist li .info .post .date {margin-left:9px; color:#888;}
.conts .mcon .lmcon .mlist ul li.prev{background:url(/Images/main/btn_prvnxt_02.gif) no-repeat 0 0}
.conts .mcon .lmcon .mlist .txt_adminrcm {position:absolute; right:22px; top:10px; display:block; width:186px; height:33px; background:url(/Images/main/txt_adminrcm.gif) no-repeat 0 0; font-size:0;}
.conts .mcon .rmcon {float:left; width:272px; margin-left:22px;}
.conts .mcon .rmcon .todayfree {position:relative; width:272px; height:250px; padding:18px 22px 0 22px; background:#f4e7d3; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; -webkit-box-sizing:border-box; box-sizing:border-box;}
.conts .mcon .rmcon .todayfree .sdbtn {position:absolute; right:3px; top:25px; display:block; width:45px; overflow:hidden;}
.conts .mcon .rmcon .todayfree .sdbtn span{display:block;  }
.conts .mcon .rmcon .todayfree .sdbtn .prv {display:block; float:left; width:8px; height:10px; background:url(/Images/main/btn_sidesdPink.png) no-repeat -10px 0; font-size:0;}
.conts .mcon .rmcon .todayfree .sdbtn .nxt {display:block; float:left; width:8px; height:10px; background:url(/Images/main/btn_sidesdPink.png) no-repeat -10px 0; font-size:0;margin-left: 2px;}
.conts .mcon .rmcon .todayfree .sdbtn .on {background-position:0 0;}

.conts .mcon .rmcon .todayfree h3 {height:25px; background:url(/Images/main/tit_todayfree.png) no-repeat 0 0; font-size:0;}
.conts .mcon .rmcon .todayfree .imgwrap {width:228px; height:150px; margin-top:12px; overflow:hidden; }
.conts .mcon .rmcon .todayfree .imgwrap img {width:228px; height:150px;}
.conts .mcon .rmcon .todayfree .freetit {display:block; margin-top:7px; color:#3a3a3a; font-size:13px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap}
.conts .mcon .rmcon .todayfree a{color:#3a3a3a;}
.conts .mcon .rmcon .todayfree a:hover {text-decoration:underline;}
.conts .mcon .rmcon .update {border:1px solid #e1e1e1; width:228px; height:304px; padding:19px 21px 0 21px; }
.conts .mcon .rmcon .update h3 { font-size:16px; color:#333;}
.conts .mcon .rmcon .update ul.uplist{margin-top:16px;}
.conts .mcon .rmcon .update ul.uplist li {height:37px; overflow:hidden; margin-bottom:11px; padding:3px 0 0 40px; background:url(/Images/main/icon_sidevst.png) no-repeat 0 6px; }
.conts .mcon .rmcon .update ul.uplist li a{color:#555; font-size:12px; line-height:1.4em;}
.conts .mcon .rmcon .update ul.uplist li a:hover {text-decoration:underline;}
.conts .mcon .rmcon .update ul.uplist li.video {background-position:0 6px;}
.conts .mcon .rmcon .update ul.uplist li.sound {background-position:0 -44px;}
.conts .mcon .rmcon .update ul.uplist li.text {background-position:0 -94px;}
.conts .mcon .rmcon .update ul.uplist li .ot {display:table; width:100%; height:100%;}
.conts .mcon .rmcon .update ul.uplist li .ot .in {display:table-cell; vertical-align:middle; }
.conts .mcon .rmcon .update ul.uplist li .ot .in .ct {position:relative; display:inline-block;}

.conts .mlow {width:998px; height:520px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; margin:20px 0 40px 0; }
.conts .mlow {*zoom:1;}
.conts .mlow:after {content:" "; display:block; clear:both;}
.conts .mlow h3 a {color:#333;}
.conts .mlow h3 a:hover{text-decoration:underline;}

.conts .mlow .lmlow {float:left; width:363px; height:520px; border-right:1px solid #e1e1e1;}
.conts .mlow .lmlow .htime {height:363px; border-bottom:1px solid #e1e1e1;}
.conts .mlow .lmlow .htime .htheme {height:90px; background:#f7f7f7; padding:19px 22px 0 22px;}
.conts .mlow .lmlow .htime .htheme h3 {height:20px; padding-left:23px; color:#f67070; font-size:15px; background:url(/Images/main/icon_smile.png) no-repeat 0 5px; }
.conts .mlow .lmlow .htime .htheme a.tmtxt {display:block; margin-top:13px; font-size:13px; color:#555; line-height:1.5em;}
.conts .mlow .lmlow .htime .htheme a.tmtxt:hover {text-decoration:underline;}
.conts .mlow .lmlow .htime .htheme a.tmtxt .cm {margin-left:8px; color:#2fadc8; font-weight:bold;}
.conts .mlow .lmlow .htime .htlist {padding:0 22px; margin-top:18px;}
.conts .mlow .lmlow .htime .htlist li {overflow:hidden; height:62px; margin-bottom:16px;}
.conts .mlow .lmlow .htime .htlist li .thumb {float:left; position:relative;}
.conts .mlow .lmlow .htime .htlist li .thumb img {width:94px; height:62px;}
.conts .mlow .lmlow .htime .htlist li .thumb .mask {position:absolute;top:0;left:0;width:92px;height:60px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.conts .mlow .lmlow .htime .htlist li.case_p .httext {float:left; width:213px; margin-left:12px; }
.conts .mlow .lmlow .htime .htlist li.case_t .httext {float:left; width:100%; }

.conts .mlow .lmlow .htime .htlist li .httext .htit {display:block; height:40px; overflow:hidden; line-height:1.5em; font-size:13px; color:#555; }
.conts .mlow .lmlow .htime .htlist li a:hover .httext .htit {text-decoration:underline;}
.conts .mlow .lmlow .htime .htlist li .httext .hname {display:block; height:20px; overflow:hidden; margin-top:2px; color:#2fadc8; font-size:11px; }

.conts .mlow .lmlow .thbanner {background:#d6dadc; height:156px;}
.conts .mlow .lmlow .thbanner .explist {background:#ddd}
.conts .mlow .lmlow .thbanner .explist li {}

.conts .mlow .lmlow .thbanner .explist a{display:block; height:41px; color:#878f95; border-bottom:1px solid #dbdbdb; background:#f4f4f4 url(/Images/main/icon_banner03.png) no-repeat 0 0; padding-left:44px; font-size:14px; line-height:41px }
.conts .mlow .lmlow .thbanner .explist .wd {background-position:21px 13px;}
.conts .mlow .lmlow .thbanner .explist .rs {background-position:21px -32px;}
.conts .mlow .lmlow .thbanner .explist .us {background-position:20px -77px;}

.conts .mlow .lmlow .thbanner .explist a.wd.on { height:72px; background:#e87272 url(/Images/main/icon_banner03.png) no-repeat 21px -107px; line-height:72px; font-size:15px; font-weight:bold; color:#fff;}
.conts .mlow .lmlow .thbanner .explist a.rs.on { height:72px; background:#e87272 url(/Images/main/icon_banner03.png) no-repeat 20px -150px; line-height:72px; font-size:15px; font-weight:bold; color:#fff;}
.conts .mlow .lmlow .thbanner .explist a.us.on { height:72px; background:#e87272 url(/Images/main/icon_banner03.png) no-repeat 21px -196px; line-height:72px; font-size:15px; font-weight:bold; color:#fff;}

/*
.conts .mlow .lmlow .thbanner .explist li a:hover{display:block; height:72px; background:#e87272 url(/Images/main/icon_banner03.png) no-repeat 0 0; color:#fff; line-height:72px; font-size:15px; font-weight:bold; }

.conts .mlow .lmlow .thbanner .explist .wd:hover {background-position:21px -107px; }
.conts .mlow .lmlow .thbanner .explist .rs:hover {background-position:20px -150px;}
.conts .mlow .lmlow .thbanner .explist .us:hover {background-position:21px -196px;}
*/

.conts .mlow .cmlow {float:left; width:363px; height:520px; border-right:1px solid #e1e1e1;}
.conts .mlow .cmlow .hproduct {height:272px; padding:19px 22px 0 22px; border-bottom:1px solid #e1e1e1;}
.conts .mlow .cmlow .hproduct h3 {color:#333; font-size:15px;}
.conts .mlow .cmlow .hproduct .pdlist {margin-top:16px;}
.conts .mlow .cmlow .hproduct .pdlist li {overflow:hidden; height:92px; margin-bottom:25px;}
.conts .mlow .cmlow .hproduct .pdlist li .thumb {float:left; position:relative;}
.conts .mlow .cmlow .hproduct .pdlist li .thumb img{width:140px; height:92px;}
.conts .mlow .cmlow .hproduct .pdlist li .thumb .mask {position:absolute;top:0;left:0;width:138px;height:90px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.conts .mlow .cmlow .hproduct .pdlist li.case_p .pdtext {float:left; width:162px; margin-left:15px;}
.conts .mlow .cmlow .hproduct .pdlist li.case_t .pdtext {float:left; width:100%; }
.conts .mlow .cmlow .hproduct .pdlist li .pdtext {}
.conts .mlow .cmlow .hproduct .pdlist li .pdtext .ptit {display:block; height:20px; overflow:hidden; font-size:13px; color:#555;}
.conts .mlow .cmlow .hproduct .pdlist li a:hover .pdtext .ptit {font-weight:bold;}
.conts .mlow .cmlow .hproduct .pdlist li .pdtext .pname {height:16px; overflow:hidden;}
.conts .mlow .cmlow .hproduct .pdlist li .pdtext .pname .nm {color:#2fadc8; font-size:11px; padding-right:10px; background:url(/Images/Layout/line02.gif) no-repeat 100% 3px; }
.conts .mlow .cmlow .hproduct .pdlist li .pdtext .pname .num {margin-left:9px; padding-left:16px; color:#999; font-size:11px; background:url(/Images/main/icon_heart.png) no-repeat 0 2px;}
.conts .mlow .cmlow .hproduct .pdlist li .pdtext .ptxt {display:block; height:36px; overflow:hidden; margin-top:12px; line-height:1.5em; color:#888;}
.conts .mlow .cmlow .hproduct .pdlist li a:hover .pdtext .ptxt {text-decoration:underline;}
.conts .mlow .cmlow .notice {padding:19px 22px 0 22px;}
.conts .mlow .cmlow .notice h3{color:#333; font-size:15px;}
.conts .mlow .cmlow .notice .ntlist {margin-top:19px;}
.conts .mlow .cmlow .notice .ntlist li { display:block; height:22px; overflow:hidden; margin-bottom:8px; }
.conts .mlow .cmlow .notice .ntlist li a{font-size:13px; color:#555;}
.conts .mlow .cmlow .notice .ntlist li a:hover {text-decoration:underline;}
.conts .mlow .cmlow .notice .ntlist li .nt {color:#2fadc8;}
.conts .mlow .cmlow .notice .ntlist li .evt {color:#f94c4c;}

.conts .mlow .rmlow {float:left; width:270px; height:520px;}
.conts .mlow .rmlow .bruse {position:relative; height:336px; background:#fdfbf7; border-bottom:1px solid #e1e1e1;}
.conts .mlow .rmlow .bruse .apply {position:absolute; right:-1px; top:0; width:67px; height:66px; background:url(/Images/main/icon_apply.png) no-repeat 0 0; font-size:0;}
.conts .mlow .rmlow .bruse .applyend {position:absolute; right:-1px; top:0; width:67px; height:66px; background:url(/Images/main/icon_applyend.png) no-repeat 0 0; font-size:0;}
.conts .mlow .rmlow .bruse h3 {color:#333; font-size:15px; position:absolute; left:20px; top:19px;}
.conts .mlow .rmlow .bruse .usetxt {position:absolute; left:30px; top:55px; width:125px; font-size:19px; line-height:1.5em; font-weight:bold; color:#567298; }
.conts .mlow .rmlow .bruse .uselist {padding:25px 0 20px 20px}
.conts .mlow .rmlow .bruse .uselist li{overflow:hidden; margin-bottom:18px;}
.conts .mlow .rmlow .bruse .uselist li .thumb {float:left; position:relative;}
.conts .mlow .rmlow .bruse .uselist li .thumb img{width:91px; height:60px;}
.conts .mlow .rmlow .bruse .uselist li .thumb .mask {position:absolute; top:0;left:0; display:block; width:89px;height:58px; border:1px solid #000;opacity:0.10;filter:alpha(opacity=10)}
.conts .mlow .rmlow .bruse .uselist li .usetext{float:left; width:127px; margin-left:12px; }
.conts .mlow .rmlow .bruse .uselist li .utit {display:block; height:39px; overflow:hidden; font-size:13px; line-height:1.5em;}
.conts .mlow .rmlow .bruse .uselist li a {color:#555}
.conts .mlow .rmlow .bruse .uselist li a:hover .utit {text-decoration:underline;}
.conts .mlow .rmlow .bruse .uselist li .uname {display:block; height:18px; overflow:hidden; margin-top:2px; color:#2fadc8; font-size:11px;}

.conts .mlow .obanner {width:270px; height:82px; border-bottom:1px solid #e1e1e1;}
.conts .mlow .obanner img {width:270px; height:82px;}
.conts .mlow .contact {height:100px; background:#fcfcfc url(/Images/main/bg_contact.gif) no-repeat 0 0; font-size:0;}



/* 2016 06 01 추가 */
.conts .mtop .rmtop .monair {position:relative; width:272px; height:260px; padding:15px 20px 0 22px; background:#898d98; border:1px solid #838792; -webkit-box-sizing:border-box; box-sizing:border-box;}
.conts .mtop .rmtop .monair h3 {width:127px; height:21px; font-size:16px; color:#FFF; background:url(/Images/main/icoOnAir.png) right no-repeat; letter-spacing:-1px;}

.conts .mtop .rmtop .monair .sglist {float:left; width:228px; margin:12px 0 0 0px; overflow:hidden;}
.conts .mtop .rmtop .monair .sglist .thumb {position:relative;}
.conts .mtop .rmtop .monair .sglist .thumb .ic {position:absolute; left:11px; bottom:11px; display:block; width:30px; height:30px; }
.conts .mtop .rmtop .monair .sglist .thumb .ic.video {background:url(/Images/main/icon_video.png) no-repeat 0 0; }
.conts .mtop .rmtop .monair .sglist .thumb .ic.sound {background:url(/Images/main/icon_sound.png) no-repeat 0 0;}
.conts .mtop .rmtop .monair .sglist .thumb .ic.text {background:url(/Images/main/icon_text.png) no-repeat 0 0;}
.conts .mtop .rmtop .monair .sglist .thumb .mask {position:absolute;top:0;left:0;width:226px;height:149px; border:1px solid #FFFFFF;opacity:0.10;filter:alpha(opacity=10)}
.conts .mtop .rmtop .monair .sglist .tit {width:228px; margin-top:7px; display:block; color:#FFFFFF; font-weight:bold; font-size:12px; line-height:140%; overflow:hidden;}
.conts .mtop .rmtop .monair .sglist a:hover .tit {text-decoration:underline;}

.conts .mtop .rmtop .monair a {padding:0; margin:0;}
/*.conts .mtop .rmtop .monair a.chart {float:right; display:block; padding:2px 4px 3px 4px; margin-top:2px; font-size:11px; line-height:11px; color:#414764; background-color:#d0d1d6; border:1px solid #6c6f7e;}*/
.conts .mtop .rmtop .monair a.chart {float:right; display:block; padding:2px 4px 3px 4px; margin-top:2px; font-size:11px; line-height:11px; color:#eef3fa; background-color:#707687; border:1px solid #616474;}
.conts .mtop .rmtop .monair a:hover.chart {color:#FFFFFF; background-color:#7d8292; border:1px solid #616474;}


.conts .mlow .rBanner {width:270px; height:200px; border-bottom:1px solid #e1e1e1; position:relative;}
.conts .mlow .rBanner img {width:270px; height:200px;}
.conts .mlow .rBanner .lolbtn{ position:absolute; right:7px; bottom:10px; width:60px; overflow:hidden;}
.conts .mlow .rBanner .lolbtn span { }
.conts .mlow .rBanner .lolbtn span a {font-size:0;}
.conts .mlow .rBanner .lolbtn span .bn {display:inline-block; width:10px; height:10px; background:url(/Images/main/btn_sidesd.png) no-repeat -16px 0px; font-size:0; margin-left:3px;}
.conts .mlow .rBanner .lolbtn span .bn.on {display:inline-block; width:10px; height:10px; background:url(/Images/main/btn_sidesd.png) no-repeat 0px 0px; font-size:0;}

.conts .mlow .rCS				{position:relative; height:157px; background:#f5f6f8 url(/Images/main/mainrCS.jpg) no-repeat 0 0; font-size:0;}
.conts .mlow .rCSmn				{position:relative; height:162px; background:#f5f6f8;}
.conts .mlow .rCSmn ul			{padding:0 21px;}
.conts .mlow .rCSmn ul li		{display:inline-block; text-align:center; width:47%; height:64px; float:left; border:1px solid #ebedf1; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius:2px; margin:3px; background-color:#FFF;}
.conts .mlow .rCSmn ul li p		{display:block; font-size:12px; color:#45484f; padding:2px 0px 6px 0px; letter-spacing:-1px; font-weight:bold;}
.conts .mlow .rCSmn ul li span.m1	{display:block; width:100%; height:26px; background:url(/Images/main/rCSmn_01.png) center 8px no-repeat; padding-top:8px;}
.conts .mlow .rCSmn ul li span.m2	{display:block; width:100%; height:26px; background:url(/Images/main/rCSmn_02.png) center 8px no-repeat; padding-top:8px;}
.conts .mlow .rCSmn ul li span.m3	{display:block; width:100%; height:26px; background:url(/Images/main/rCSmn_03.png) center 8px no-repeat; padding-top:8px;}
.conts .mlow .rCSmn ul li span.m4	{display:block; width:100%; height:26px; background:url(/Images/main/rCSmn_04.png) center 8px no-repeat; padding-top:8px;}

.conts .mcon .rmcon .todayfree .paging{position:absolute; right:1px; top:22px; display:block; width:80px; overflow:hidden;}
.conts .mcon .rmcon .todayfree .paging .order {color:#b9b2b2; font-size:13px; font-family:'Droid Sans', sans-serif; vertical-align:middle; letter-spacing:1px;}
.conts .mcon .rmcon .todayfree .paging .order strong {color:#756868; font-weight:bold;}
.conts .mcon .rmcon .todayfree .paging a{display:inline-block; height:21px; background:url(/Images/main/btn_todayfree_paging.png) no-repeat 0 0; font-size:0; vertical-align:middle;}
.conts .mcon .rmcon .todayfree .paging .prev {width:20px;background-position:0 -21px;}
.conts .mcon .rmcon .todayfree .paging .prev.on {background-position:0 0;}
.conts .mcon .rmcon .todayfree .paging .next {width:20px; background-position:-28px -21px;}
.conts .mcon .rmcon .todayfree .paging .next.on {background-position:-28px 0;}

/* 2017-02-15 지구시민페스티벌 임시 배너 영역 */ 
.conts .mtop .rmtop .temp_banner {position:relative; width:272px; height:260px; background:#898d98; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.conts .mtop .rmtop .temp_banner img {width: 272px; height: 260px}
