@charset "utf-8";

/* CSS Document */

*{padding:0; margin:0; list-style:none; text-decoration:none; font-family:'NanumGothic','Nanum','Gothic'}
body,html{width:100%; height:100%;}
header{width:100%;}
header>.tbn{width:100%; height:80px; float:left;}
header>.tbn>.image{ width:970px; height:80px; margin:0 auto;}
header>.tbn>p{ text-align:center; line-height:80px; font-weight:bold;}
.h_bottom{width:100%; height:31px; background-color:#e8e8e8; float:left; line-height:31px; font-size:12px; color:#666;}
.h_bottom>.login{width:970px; height:31px; margin:0 auto; font-weight:bold;}

.h_bottom>.login>.b_left>ul>li{float:left; padding-right:10px;}
.h_bottom>.login>.b_left>ul>li>a{ text-decoration:none; color:#666; border-right:1px solid #999; padding-right:10px;}
.h_bottom>.login>.b_right{float:right;}


/*-----------------------------------------------------------------------------------------*/


.main{ position:relative; left:50%; margin-left:-485px; width:970px; float:left;}
.main>.head{width:100%; height:65px; border-bottom:2px solid red;}
.main>.head>.logo_box{ float:left;}
.main>.head>.logo_box img{ padding:15px 0px 0px 5px;}
.main>.head>.menu{float:right; font-family: 'NanumGothic','Gothic'; font-weight:bold;}
.main>.head>.menu>ul{ padding-top:40px;}
.main>.head>.menu>ul>li{float:left; line-height:15px; padding:0px 24px;}
.main>.head>.menu>ul>li>a{ text-decoration:none; color:black; font-size:16px;}
.main>.head>.menu>ul>li>a:hover{ color:#ff1d25;}
.main>.head>.menu>ul>li>p{ position:relative; top:-30px; left:0px; color:red; font-size:10px; letter-spacing:-1px; font-weight:bolder;}

/*--------------------------------------------------------------------*/

.main>.banner{width:970px; height:340px; position:relative; top:0; left:0;}
.main>.banner>.ban_left{width:670px; height:340px; position:absolute; top:0; left:0;}
.main>.banner>.ban_right{width:300px; height:340px; position:absolute; top:0; right:0;}
.main>.banner>.ban_left>.slide{ position:absolute; top:0; left:0; width:670px; height:290px; border-bottom:1px solid #CCC;}
.main>.banner>.ban_left>.s_menu{ position:absolute; top:290px; left:0; width:670px; height:50px; border-bottom:1px solid #CCC;}
.main>.banner>.ban_right>.slide_top{ position:absolute; top:0; left:0; width:300px; height:170px;}
.main>.banner>.ban_right>.slide_bot{ position:absolute; top:170px; left:0; width:300px; height:170px;}

.main>.banner>.ban_right>.slide_top>.pop{ position:absolute; top:6px; right:6px; width:46px; height:4px; z-index:1;}
.main>.banner>.ban_right>.slide_top>.pop>.select{ background-color:#555555 !important; z-index:100;}
.main>.banner>.ban_right>.slide_top>.pop>.dot{ float:left; margin-right:6px; background-color:rgba(85,85,85,0.5); width:4px; height:4px; border-radius:5px; cursor:pointer; z-index:10;}
.main>.banner>.ban_right>.slide_top>.pop>.dot:nth-of-type(5){margin-right:0px;}
.main>.banner>.ban_right>.slide_bot>.pop{ position:absolute; top:6px; right:6px; width:46px; height:4px;}
.main>.banner>.ban_right>.slide_bot>.pop>.select{ background-color:#555555 !important; z-index:100;}
.main>.banner>.ban_right>.slide_bot>.pop>.dot{ float:left; margin-right:6px; width:4px; height:4px; background-color:rgba(85,85,85,0.5); border-radius:5px; cursor:pointer; z-index:1;}
.main>.banner>.ban_right>.slide_bot>.pop>.dot:nth-of-type(5){margin-right:0px;}
.main>.banner>.ban_left>.s_menu>ul{float:right;}
.main>.banner>.ban_left>.s_menu>ul>li{ float:left; padding:0px 30px; line-height:51px;  font-family: 'NanumGothic','Gothic';}
.main>.banner>.ban_left>.s_menu>ul>li>a{ text-decoration:none; color:#666; font-size:13px;}
.main>.banner>.ban_left>.s_menu>ul>li>a:hover{ text-decoration:underline; color:black; font-weight:bold;}

/*--------------------------------------------------------------------*/

.main>.today{ width:970px; float:left; margin:50px 0; font-family: 'Nanum Gothic','Gothic';}
.main>.today>.line{width:970px; height:40px;}
.main>.today>.box1{ width:300px; height:196px; float:left; margin-top:10px;}
.main>.today>.box1>.text1{width:129px; height:119px; float:left;}
.main>.today>.box1>.text1 i{ color:#666;}
.main>.today>.box1>.analw1{width:171px; height:119px; float:right; margin-top:-5px;}
.main>.today>.box1>.btn1{ width:300px; height:76px; float:left;}

.main>.today>.box1>.text1>p{ font-size:18px; font-weight:bold; padding-bottom:6px; color:#333333;}
.main>.today>.box1>.text1>span{ font-size:14px; line-height:18px; color:#333333;}
.main>.today>.box1>.text1>span .event_box{ height:20px;}
.main>.today>.box1>.text1>span p{ color:white; float:left; padding:3px; font-size:12px; margin:3px 0; line-height:14px;}

.main>.today>.box1>.btn1>.btn_box1{ width:299px; height:35px; border:1px solid #CCC; text-align:center; cursor:pointer;}
.main>.today>.box1>.btn1>.p_box1{ width:300px; height:41px;}
.main>.today>.box1>.btn1>.p_box1>p{ font-size:13px; color:#666666; line-height:18px; font-weight: bold;}
.main>.today>.box1>.btn1>.btn_box1>.free{ width:171px; height:34px; border-right:1px solid #CCC; float:left; font-size:13px; color:#ff1d25; font-weight:800; line-height:33px;}
.main>.today>.box1>.btn1>.btn_box1>.pay{ width:171px; height:34px; border-right:1px solid #CCC; float:left; font-size:13px; color:#1d25ff; font-weight:800; line-height:33px;}
.main>.today>.box1>.btn1>.btn_box1 .join1{ width:126px; height:34px; float:right; font-size:13px; color:#666; line-height:33px;}
.main>.today>.box1>.btn1>.p_box1>.box_title {height:16px; width:300px; overflow:hidden; font-weight: bold; font-size: 13px;}
.main>.today>.box1>.text1>span>.pr_title {width: 129px; line-height: 18px; height: 54px; overflow: hidden; margin-top: 5px;}
.main>.today>.between{ width:1px; height:196px; background-color:#CCC; float:left; margin:10px 17px 0 17px;}

/*--------------------------------------------------------------------*/

.main>.best{ width:970px; overflow:hidden; float:left;}
.main>.best>p{ font-size:16px; color:#333; font-weight:800; padding-bottom:5px; font-family: 'Nanum Gothic';}
.main>.best>.ana_box{ width:975px; height:387px; position:relative;}
.main>.best>.ana_box>.img_box{ width:325px; height:171px; float:left; position:relative;}
.main>.best>.ana_box>.img_box>.link1{ position:absolute; top:129px; left:21px; line-height:18px;}
.main>.best>.ana_box>.img_box>.link1>a{ font-size:13px; color:#888; font-weight:600;}
.main>.best>.ana_box>.img_box>img{ width:325px; height:171px;}

/*--------------------------------------------------------------------*/
.red{ color:#ff1d25;}

.main>.top10{ width:970px; float:left; padding-top:26px;}
.main>.top10>.list{ width:970px;}
.main>.top10>.event{ width:970px; float:left; margin-top:50px;}
.main>.top10>.list>.li_top{height:35px; font-family: 'Nanum Gothic';}
.main>.top10>.list>.li_top>p{float:left; font-weight:800; font-size:16px; color:#333; line-height:35px;}
.main>.top10>.list>.li_top>span{float:right; font-size:12px; color:#888888; line-height:35px; cursor:pointer;}

/* .main>.top10>.list>.top5{ background-color:#fff; color:#585858; margin-top:10px;}
.main>.top10>.list>.top5>ul{ width:888px; float:left; height:170px; overflow:hidden;} */
li.aaaa{ width:170px; height:170px; background-color:whitesmoke; border:1px solid #ccc; border-radius:10px; text-align:center; padding:10px; font-size:16px;}
li.aaaa>div{ background:#900; color:white; line-height:30px; border-radius:3px; font-weight:bold; font-size:14px; margin:7px 7px 0 7px; }
li.aaaa>p{ font-size:40px; font-weight:bolder; letter-spacing:-2px; line-height:80px; color:#404040;}
li.aaaa>p>span{ font-size:20px;}

.main>.top10>.event>.event_wrap_left{ width:450px; float:left;}
.main>.top10>.event>.event_wrap_left>.event_top{width:450px; height:35px; font-family: 'Nanum Gothic'; border-bottom:1px solid black;}
.main>.top10>.event>.event_wrap_left>.event_top>p{float:left; font-weight:800; font-size:16px; color:#333; line-height:35px;}
.main>.top10>.event>.event_wrap_left>.event_top>span{float:right; font-size:12px; color:#888888; line-height:35px; cursor:pointer;}
.main>.top10>.event>.event_wrap_left>.date1{ width:450px; height:34px; font-size:12px; color:#666; line-height:34px;}
.main>.top10>.event>.event_wrap_left>.date1>.day1{ width:290px; height:16px; margin:9px 0; line-height:16px; float:left; overflow:hidden;}
.main>.top10>.event>.event_wrap_left>.date1>.sign1{ width:120px; float:left; padding-left:12px;}
.main>.top10>.event>.event_wrap_left>.date1>.side1{ float:right; padding-right:6px;}
.main>.top10>.event>.event_wrap_left>.date1>.day1>a{ color:#666;}

.main>.top10>.event>.event_wrap_right{ width:450px; float:right;}
.main>.top10>.event>.event_wrap_right>.event_bot{width:450px; height:35px; font-family: 'Nanum Gothic'; border-bottom:1px solid black;}
.main>.top10>.event>.event_wrap_right>.event_bot>p{float:left; font-weight:800; font-size:16px; color:#333; line-height:35px;}
.main>.top10>.event>.event_wrap_right>.event_bot>span{float:right; font-size:12px; color:#888888; line-height:35px; cursor:pointer;}
.main>.top10>.event>.event_wrap_right>.date6{ width:450px; height:34px; font-size:12px; color:#666; line-height:34px;}
.main>.top10>.event>.event_wrap_right>.date6>.day6{ width:400px; height:16px; margin:9px 0; line-height:16px; float:left; overflow:hidden;}
.main>.top10>.event>.event_wrap_right>.date6>.side6{ float:right; padding-right:6px;}


/*--------------------------------------------------------------------*/


.main>.live{ width:970px; float:left; font-family: 'Nanum Gothic'; margin-top:40px;}
.main>.live>.line{width:970px;}
.main>.live>.box1{ width:300px; height:196px; float:left; margin-top:27px;}
.main>.live>.box1>.text1{width:129px; height:119px; float:left;}
.main>.live>.box1>.text1 i{ color:#666;}
.main>.live>.box1>.analw1{width:171px; height:119px; float:right; margin-top:-5px;}
.main>.live>.box1>.btn1{ width:300px; height:76px; float:left;}

.main>.live>.box1>.text1>p{ font-size:18px; font-weight:bold; padding-bottom:6px; color:#333333;}
.main>.live>.box1>.text1>span{ font-size:14px; line-height:18px; color:#333333;}
.main>.live>.box1>.text1>span .event_box{ height:20px;}
.main>.live>.box1>.text1>span p{ color:white; float:left; padding:3px; font-size:12px; margin:3px 0; line-height:14px;}

.main>.live>.box1>.btn1>.btn_box1{ width:299px; height:35px; border:1px solid #CCC; text-align:center; cursor:pointer;}
.main>.live>.box1>.btn1>.p_box1{ width:300px; height:41px;}
.main>.live>.box1>.btn1>.p_box1>p{ font-size:13px; color:#666666; line-height:18px; font-weight:bold;}

.main>.live>.box1>.btn1>.btn_box1>.free{ width:171px; height:34px; border-right:1px solid #CCC; float:left; font-size:13px; color:#ff1d25; font-weight:800; line-height:33px;}
.main>.live>.box1>.btn1>.btn_box1>.pay{ width:171px; height:34px; border-right:1px solid #CCC; float:left; font-size:13px; color:#9f7f59; font-weight:800; line-height:33px;}
.main>.live>.box1>.btn1>.btn_box1 .join1{ width:126px; height:34px; float:right; font-size:13px; color:#666; line-height:33px;}
.main>.live>.box1>.btn1>.p_box1>.box_title {height:16px; width:300px; overflow:hidden; font-weight: bold; font-size: 13px;}
.main>.live>.box1>.text1>span>.pr_title {width: 129px; line-height: 18px; height: 54px; overflow: hidden; margin-top: 5px;}


.main>.live>.between{width:1px; height:196px; background-color:#CCC; float:left; margin:26px 17px 0 17px;}

/*--------------------------------------------------------------------*/


.main>.kakao{ width:970px; font-family: 'Nanum Gothic'; margin:50px 0; float:left;}
.main>.kakao>.line{width:970px;}
.main>.kakao>.box1{ width:300px; height:196px; float:left; margin-top:27px;}
.main>.kakao>.box1>.text1{width:129px; height:119px; float:left;}
.main>.kakao>.box1>.text1 i{ color:#666;}
.main>.kakao>.box1>.analw1{width:171px; height:119px; float:right; margin-top:-5px;}
.main>.kakao>.box1>.btn1{ width:300px; height:76px; float:left;}

.main>.kakao>.box1>.text1>p{ font-size:18px; font-weight:bold; padding-bottom:6px; color:#333333;}
.main>.kakao>.box1>.text1>span{ font-size:14px; line-height:18px; color:#333333;}
.main>.kakao>.box1>.text1>span .event_box{ height:20px;}
.main>.kakao>.box1>.text1>span p{ color:white; float:left; padding:3px; font-size:12px; margin:3px 0; line-height:14px;}

.main>.kakao>.box1>.btn1>.btn_box1{ width:299px; height:35px; border:1px solid #CCC; text-align:center; cursor:pointer;}
.main>.kakao>.box1>.btn1>.p_box1{ width:300px; height:41px;}
.main>.kakao>.box1>.btn1>.p_box1>p{ font-size:12px; color:#666666; line-height:18px;}
.main>.kakao>.box1>.btn1>.btn_box1>.free1 a{ width:171px; height:34px; border-right:1px solid #CCC; float:left; font-size:13px; color:#ffc000; font-weight:800; line-height:33px;}
.main>.kakao>.box1>.btn1>.btn_box1>.join1 a{ width:126px; height:34px; float:right; font-size:13px; color:#666; line-height:33px;}
.main>.kakao>.box1>.btn1>.p_box1>.box_title {height:16px; width:300px; overflow:hidden;}
.main>.kakao>.box1>.text1>span>.pr_title {width: 129px; line-height: 18px; height: 54px; overflow: hidden; margin-top: 5px;}

.main>.kakao>.between{width:1px; height:196px; background-color:#CCC; float:left; margin:26px 17px 0 17px;}


/*--------------------------------------------------------------------*/


.footer{ width:100%; height:262px; float:left; font-family: 'Nanum Gothic';}

.footer>.footer_top{ width:100%; height:80px; background-color:#f5f5f5;}
.footer>.footer_top>.footer_right{ width:100%; height:80px; float:left; text-align:center;}
.footer>.footer_top>.footer_right>p{ font-size:20px; color:#888888; font-weight:bold; padding-top:30px;}
.footer>.footer_top>.footer_right>p>span{ font-size:27px; color:#ff1d25; font-weight:bold; padding-left:15px;}

.footer>.footer_bot{ width:100%; height:210px; background-color:#444444;}
.footer>.footer_bot>.footer_main{ width:970px; height:182px; margin:0 auto;}
.footer>.footer_bot>.footer_main>.footer_main_top{ width:970px; height:34px; border-bottom:1px solid #666;}
.footer>.footer_bot>.footer_main>.footer_main_top>ul{ float:left;}
.footer>.footer_bot>.footer_main>.footer_main_top>ul>li{float:left; padding:0 11px;}
.footer>.footer_bot>.footer_main>.footer_main_top>ul>li>a{ text-decoration:none; color:#b4b4b4; font-size:12px; font-weight:800; line-height:34px;}
.footer>.footer_bot>.footer_main>.footer_main_bot{ width:970px; height:147px;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.logo{ width:97px; height:147px; float:left;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.textbox1{width:788px; float:left; padding-left:25px; padding-top:17px;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.textbox2{ width:788px; float:left; padding-left:25px; margin-top:10px;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.logo img{ padding-left:8px; padding-top:19px;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.textbox1>p{ color:#b4b4b4; font-size:12px; line-height:18px;}
.footer>.footer_bot>.footer_main>.footer_main_bot>.textbox2>p{ color:#b4b4b4; font-size:12px; line-height:18px;}

/*-------------------youtube------------------------*/

.ytb_bob{ position:absolute; top:0; left:0; width:100%; height:30px; color:white; font-size:20px; padding:7px; text-align:center;}
.ytb_bob a{ font-size:12px; background:black; border-radius:2px; padding:3px; position:absolute; top:4px; right:4px; text-decoration:none; color:white;}
.ytb_logo{ position:absolute; background:url(https://img.bobtv.co.kr/images/youtube/youtube.png) no-repeat; background-position:center; top:30px; left:0; width:300px; height:138px;}