@charset "utf-8";
@import url("common.css");


/* container - main
--------------------------------------------------*/
#container{width:100%;border-top:1px solid #d1d1d1;border-bottom:1px solid #d9d9d9;background:#f8f8f8}
.main_top{width:970px;height:284px;margin:4px auto;overflow:hidden;position:relative;}
.main_top:after {content:""; clear:both; display:block;}
.login_wrap{position:absolute;left:0;top:10px;}
.main_login{width:220px; height:100px; background:#fd4c2f;position:relative;}
.main_login .login_input{position:absolute;left:13px;top:12px;width:138px; height:50px;}
.main_login .input_box{height:28px;}
.main_login .input_box .l_txt{border:1px solid #fff;width:129px;height:15px; padding:3px 0 4px 5px;vertical-align:middle;font-size:12px !important}
.main_login .chk_box{width:56px; padding:5px 0 0 0;line-height:20px; }
.main_login .chk_box .i_check{margin:0 3px 0 2px !important;}
.main_login .chk_box .btn_login{padding-left:2px !important;}
.main_login .chk_login{position:absolute;right:15px;top:8px;width:52px; height:55px; text-align:center}
.main_login .chk_login .id_save{font-size:11px;vertical-align:middle; color:#fff;}
.main_login .login_txt{position:absolute;left:14px;bottom:11px;}
.main_bn{position:absolute;right:0px;top:10px;width:750px; height:260px;}
.main_bn img{width:750px; height:260px;}
.custom{position:absolute;left:0px;top:110px;width:220px; height:100px;background:url(../images/bg_custom.gif) 0 0 no-repeat;}
.custom p{position:relative;top:64px;left:13px}
.kakao{position:absolute;left:0px;top:210px;width:220px; height:52px;}


.main_progm{width:100%;height:auto;overflow:hidden;}
.progm_wrap{width:980px;height:auto;margin:0 auto;position:relative;}
.progm_wrap .btn_left{position:absolute; top:118px; left:-40px; z-index:999}
.progm_wrap .btn_right{position:absolute; top:118px; right:-40px; z-index:999}
.program_wrap{width:100%;height:300px;margin:0 0 0 5px}
.program_wrap:after {content:""; clear:both; display:block;}
.program_wrap li{float:left;margin-bottom:10px;}
.program_box{width:234px;height:280px; border:1px solid #ccc;margin-right:8px;background:#fff;-webkit-box-shadow:3px 3px 0 0 rgba(0,0,0,0.1);box-shadow:3px 3px 0 0 rgba(0,0,0,0.1)}
.program_img{position:relative;width:234px;height:170px;}
.program_img .prog_img{position:absolute; top:0; left:0;overflow:hidden;}
.program_img .prog_img img{width:234px;height:164px;}
.program_img .prog_icon{position:absolute; top:8px; right:-1px;min-width:42px;height:27px; z-index:999;background-color:#333;border:1px solid #222;padding:0 3px 0 3px;}
.program_img .prog_icon p{text-align:center;line-height:26px;color:#fff;font-size:12px;font-weight:800;}
.program_list{position:relative;width:234px;height:103px;}
.program_list h1{width:218px;position:absolute; top:7px; left:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;letter-spacing:-0.6px}
.program_list .prog_txt{width:220px;height:30px;position:absolute; top:28px; left:11px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;background:url(../images/bg_dotline.gif) repeat-x 0 25px;color:#666}
.program_list h2{position:absolute;text-align:center;max-width:124px;line-height:14px;top:64px; left:10px;font-size:12px;font-weight:800;padding:3px 6px 3px 7px; background:#666;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space : nowrap;}
.program_list .prog_date{position:absolute; top:89px; left:13px;font-size:10px; color:#777}
.program_list .prog_btn{position:absolute; top:63px; right:6px;font-size:11px}

/* 모집중 표시 */
.program_img .prog_icon2{position:absolute; top:150px; right:5px;width:40px;height:40px; z-index:999;background-color:#ff3040;text-align:center;border-radius:20px;}
.program_img .prog_icon2 p{text-align:center;line-height:40px;color:#fff;font-size:11px;font-weight:800;}
.program_img .prog_icon2.end {background-color:#222;}
.program_img .prog_icon2.end p {color:#fff}
.program_img .prog_icon2.plan {background-color:#faff00;}
.program_img .prog_icon2.plan p {color:#222}
a.btn_view_info {display:inline-block;width:74px;height:40px;line-height:40px;background-color:#444;color:#ddd;font-size:12px;font-weight:900;text-align:center;}
a.btn_view_info:link, a.btn_view_info:visited {
    color: #fff;
    text-decoration: none;
}
/* --- */


/*--------------------------------*/
a.rollover img {border-width:0px;display:inline;}
a.rollover img.over {display:none;}
a.rollover:hover {border:0px}
a.rollover:hover img {display:none;}
a.rollover:hover img.over {display:inline;}

.mainboard_wrap{width:100%;height:400px;overflow:hidden;padding-top:4px}
.main_board{width:960px;height:390px;margin:0 auto;overflow:hidden;position:relative;background:url(../images/bg_dotbar.gif) 478px 3px no-repeat;}
.main_board h1{position:absolute;left:0px;top:0px;height:20px;font-size:15px;font-weight:800;letter-spacing:-1px;background:url(../images/btn_plus_blue.gif) 0 3px no-repeat;padding-left:17px;color:#0d0d0d}
.board_01{position:absolute;top:10px;left:0px;width:221px; height:170px;}
.board_02{position:absolute;top:10px;left:242px;width:221px; height:170px;}
.board_03{position:absolute;top:219px;left:0px;width:221px; height:140px;}
.board_04{position:absolute;top:219px;left:242px;width:221px; height:140px;}
.board_05{position:absolute;top:10px;right:0px;width:460px; height:200px;}
.board_06{position:absolute;top:201px;right:0px;width:460px; height:180px;}

.main_board .board_title{width:100%;position:relative;height:27px;}
.main_board .board_btn{position:absolute;right:2px;top:-2px;width:12px;height:12px;}
.main_board ul li{font-size:11px;position:relative;}
.main_board .bd_02, .main_board .bd_04{margin-top:16px}
.main_board .bd_02 li{height:26px;}
.main_board .bd_04 li{height:23px;}
.main_board .bd_02 li p, .main_board .bd_04 li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:800;background:url(../images/bl_news_05.gif) 4px 50% no-repeat;padding-left:13px;}
.main_board .bd_02 li p{width:188px;} 
.main_board .bd_02 li span{position:absolute;right:2px;top:0px;letter-spacing:-0.2px; color:#555}
.main_board .bd_04 li p{width:216px;}
.main_board .bd_03{margin-top:16px;}
.main_board .bd_03 h3{font-size:12px;font-weight:800;width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;height:20px;}
.main_board .bd_03 p{font-size:11px;line-height:16px;max-height:48px;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#454545}
.main_board .bd_03 p.date{font-size:10px;letter-spacing:-0.4px;padding-top:2px;color:#676767}
.main_board .bd_flft{width:auto;}
.main_board .bd_flft:after {content:""; clear:both; display:block;}
.main_board .bd_flft li{float:left; position:relative;}


.main_board .bd_flft li dl.pt{width:225px;margin-right:5px;}
.main_board .bd_flft li dl.pt dt{width:225px;height:114px;overflow:hidden;}
.main_board .bd_flft li dl.pt dt img{width:225px;height:114px;}
.main_board .bd_flft li dl dd{width:225px;padding-top:8px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight:normal !important;}
.main_board .bd_flft li dl dd strong{font-weight:800;}

.main_board .bd_flft li dl.mv{width:225px;height:150px;background:url(../images/bg_movie.gif) left bottom no-repeat;margin-right:4px;}
.main_board .bd_flft li dl.mv dt{width:auto;height:110px;padding-top:1px;padding-left:2px}
.main_board .bd_flft li dl.mv dt img{width:219px;height:110px;}
.main_board .bd_flft li dl.mv dd{width:215px;padding-top:12px;padding-left:8px}
.main_board .bd_flft li span.btn_play{position:absolute;top:20px;left:90px;}

.main_board .tline{border-bottom:1px solid #c3c3c3;}

/* calendar */
.calendar{overflow:hidden;width:219px;border:1px solid #c4c4c4;font-size:12px;line-height:12px;text-align:center;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-webkit-box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);box-shadow:2px 2px 0 0 rgba(0,0,0,0.1)}
.calendar a{text-decoration:none !important}
.calendar img{border:0}
.calendar .calendar_period{clear:both;padding:6px 0 6px 0;border-bottom:1px solid #d9d9d9;background:#e9e9e9;}
.calendar .calendar_period a{display:inline-block;margin:-1px -1px 0;padding:1px;vertical-align:middle}
.calendar .calendar_period a img{vertical-align:top}
.calendar .calendar_period strong{display:inline-block;width:83px;font-size:12px;color:#333;line-height:15px;text-align:center;font-weight:800; letter-spacing:-0.4px}
.calendar table{width:210px;border:0; margin:5px 0 4px 6px;}
.calendar table caption{display:none}
.calendar table thead th{height:14px;font-size:10px;padding:0;border:0;padding:0 0 2px 0;color:#222;text-align:center;font-weight:800;}
.calendar table td{padding:0;border:0;background:#fff;border:0;border-bottom:2px solid #fff;font-family:tahoma;font-size:10px;text-align:center;}
.calendar table td.selected a{background:#ff5335;color:#fff !important}
.calendar table td.today a{;border:1px solid #ddd;background:#fff;}
.calendar table td a{display:block;line-height:15px;color:#333;padding:0 2px}
.calendar table .sun a{color:#ff3140}
.calendar table .sat a{color:#2371df}
.calendar table .sun{color:#ff3140}
.calendar table .sat{color:#2371df}