@charset "utf-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, div, table, ul, li, dl, dt, dd, ol, p, span, address, h1, h2, h3, h4, h5, h6, img, a{padding:0; margin:0; font-family:'Score4','NanumGothic','Malgun Gothic','돋움',dotum,sans-serif;word-break: keep-all; word-wrap: break-word;}
input{font-family:'NanumGothic','Malgun Gothic','돋움',dotum,sans-serif;}
.skip{position:absolute; left:-999px; font-size:1px; width:0; height:0; line-height:0; overflow:hidden; visibility:hidden;}
a:link, a:visited, a:active, a:hover{color:#000; text-decoration:none !important;}
img, form{border:none;}
a img, p img, li img{vertical-align:top;}
img, select, input, button{vertical-align:middle;}
.none{background:none !important;  border:0 !important;}
.clearboth{clear:both;}
.red{color:red;}
.blue{color:blue;}
.img100{width:100%}
.img100 img{width:100%;}
.wrap{max-width:1200px; margin:0 auto;position:relative;}
/*=============================================== login.html==============================================*/

.login_txt{text-align:center; margin:20px 0 30px 0;}
.m_input{width:50%; padding:15px; margin-top:5px; }
.bt_log{width:50%; border:none; padding:15px 0; text-align:center; background-color:#165799; color:#fff; margin-top:15px; font-size:20px;font-family:'Montserrat'; }
.container{padding:0 1%;}
.pcOnly {}
.tbOnly {display: none !important;}
.mbOnly {display: none !important;}


/*===============================================END==============================================*/

/*=============================================== agree.html==============================================*/

.NB_title{margin:50px auto 20px auto; width:30%;}
.NB_title img{width:100%;}
.NB_text{margin:20px auto 20px auto;  background-color:#f0f0f0; width:60%; padding:30px;}
.NB_text ol{margin-left:50px;}
.agree{text-align:center; position:relative; margin:30px auto 30px auto;  width:60%;}
.all_agree{width:130px; margin:0 auto; position:relative;}
.agree .all_agree:after {display:block; clear:both; content:"";}
.agree .all_agree input[type="checkbox"] {display: none;}
.agree .all_agree input[type="checkbox"] + label {display: inline-block; width:18px; height: 18px; background: #e74b3c; cursor: pointer; border-radius: 3px;float: left;}
.agree .all_agree input[type="checkbox"]:checked + label {background:url('/register/2021_28/images/check.png') #e74b3c no-repeat center/10px 10px; float: left;}
.agree .all_agree input[type="checkbox"] + label span {position: absolute; top: -4px; left:25px; display: block; font-weight: bold;}
.NB_agree{border:none; background-color:#e74b3c; color:#fff; font-family:'NotoRegular'; font-size:17px; padding:7px 0px; border-radius:10px; ; width:200px; display:block; margin:0 auto;}


/*===============================================END==============================================*/

/*=============================================== login.html==============================================*/

.tab{ margin:20px 0 10px 0; overflow:hidden;}
.tab li{list-style:none;  }
.tab li a{display:block; float:left; width:49%; margin-right:1%; background-color:#999; color:#fff; text-align:center; padding:15px 0; border-radius:10px; font-family:'Score4';}
.tab li.over a{background-color:#46a86f; color:#fff;}

.tab2{overflow:hidden; margin-bottom:20px; margin-top:20px;display:flex; justify-content:space-between;}
.tab2 li{list-style:none;  }
.tab2 li a{display:block; width:160px; background-color:#cfe1ee; color:#000; text-align:center; padding:18px 0; border-radius:10px; font-family:'Score4';}
.tab2 li.over a{background-color:#165799; color:#fff;font-weight:bold;}
.tab2 li:nth-child(6) a{ margin-right:0px;}
.tab2 li:nth-child() a, .tab2 li:nth-child() a{background-color:#f6e113 ; color:#4b383f; font-size:14px; padding:10px 0;width:181px;}

.onair_program{border-collapse:collapse;}
.onair_program td{border:1px solid #ddd; padding:7px;}
.onair_program th{border:1px solid #ddd;  padding:7px; background-color:#444444; color:#fff;}
.onair_program span{float:right; color:#000;}
.onair_program a{font-size:20px; color:#F00;}

.en_btn{background-color:#2c4181; color:#fff !important; padding:6px 15px; border:none;}
.en_btn02{background-color:#804000; color:#fff !important; padding:6px 15px; border:none; }


/*===============================================END==============================================*/

/*=============================================== 설문 레이어 팝업 ==============================================*/

.devLayer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.devLayer .devLayerBg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
#devLayer1 {display:none; position: absolute; top: 10%; left: 50%; width: 1000px; margin-left:-500px; height:auto;  background-color:#fff; border: 2px solid #333; z-index: 10;}
.layer_cont{padding:50px;}
.vod_btn{display:block; background-color:#eb706c; color:#fff !important; text-align:center;border:none; width:100%; padding:3px 0; font-size:16px;}
.vod_btn1{display:block; background-color:#6868FF; color:#fff !important; text-align:center;border:none; width:100%; padding:3px 0; font-size:16px;}
.vod_btn2{display:block; background-color:#9a9a9a; color:#fff !important; text-align:center; border:none;width:100%; padding:3px 0; font-size:16px;}
.app_btn{display:block; background-color:#42a0c6; color:#fff !important; text-align:center; border:none; width:100%; padding:3px 0; font-size:14px;}
.app_btn2{display:block; background-color:#42a0c6; color:#fff !important; text-align:center; border:none; width:20%; padding:7px; font-size:16px;}
.app_close{position: absolute; right:0; top:0; border:none; background-color:#000; color:#fff; font-size:14px; padding:6px 15px;}
.btn_out{background-color:#333; color:#fff !important; font-size:12px; font-family:'Dotum'; padding:4px 7px 2px 7px;}


/*===============================================END==============================================*/

/*=============================================== 스폰배너 ==============================================*/

.spon{display:flex; justify-content:space-around;}
.spon li{list-style:none; width:25%; margin-bottom:20px;}
.spon li img{width:100%;}

.spons{width:100%; background:#f4f4f4; box-sizing:border-box; overflow:hidden; margin:0 0 30px 0; padding-bottom:40px;}
.spons p{font-size:35px; text-align:center; border-bottom:2px solid #333; padding:30px 0; width:300px; margin:0 auto; font-weight:bold;}
.spons ul {margin:40px 0 0 50px;}
.spons ul li{list-style:none; font-family:'NotoLight'; border:1px solid #ddd;  font-size:16px; width:260px; text-align:center; float:left; padding-top:0px; margin:5px 5px; background:#fff; height:86px;}
.spons ul li span{ color:#ff0000;}
.spons img{ width:200px;}


.sponsor{display:flex; justify-content:flex-start; flex-wrap:wrap; width:1000px; margin:30px auto 0; background:#f4f4f4; padding:20px;}

.sponsor li{list-style:none; width:220px; height:85px; background:#fff; text-align:center; margin:10px; }
.sponsor li img{ width:200px; margin-top:15px;}

/*===============================================END==============================================*/

/*=============================================== 스폰배너 ==============================================*/

.atto_txt01{text-align:Center; font-size:26px; margin:20px 0;}
.atto_txt02{background-color:#f0f0f0; width:60%; margin: 0 auto; padding:20px; border:1px solid #ddd;}
.atto_form{text-align:center; margin:40px 0 0px 0;}
.bt_log2{border:none; background-color:#ff4a4a; color:#fff; font-size:16px; padding:10px 20px; margin-top:35px; width:220px; float:right; text-align:center;}
.bt_log2 a{color:#fff; font-size:16px; font-family:'Score5';}
.jender5_wrap{width:630px; margin:0 auto; overflow:hidden;}
.jender5{position:relative;z-index:10;display:block;float:left; width:200px; height:45px; margin-bottom:0px; float:left; margin-right:10px;}
.jender5 input{position:absolute;z-index:9;top:0;left:0;width:100%;height:2px;}
.jender5 label{line-height:45px;position:absolute;z-index:10;top:0;left:0;display:block;width:100%;height:45px;cursor:pointer;text-align:center;color:#8e8e8e;border:1px solid #a7a7a7; font-size:16px;}
.jender5 input:checked+label{z-index:100; color:#fff; background-color:#8fc321;}

/*===============================================END==============================================*/


.kakao_btn2 a{font-family:'Score5'; font-size:18px; background-color:#f6e113 ; text-align:Center; padding:10px 30px; color:#4b383f; border-radius:30px;}
.kakao_btn2{height:45px; text-align:center;}
.kakao_btn2 img{height:100%;}

/*===============================================영상화면 구성==============================================*/

.media_wrap {position: relative;float:left;width: 70%;height: 0;overflow: hidden;padding-bottom: 39.3%; margin-right:3%;}
.media_wrap .media_content {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.chat_wrap{width:27%; float:left;position: relative;height: 0;overflow: hidden; padding-bottom: 39.3%;}
.chat_wrap .chat_content  {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.kakao_btn a{font-family:'Score5'; font-size:18px; background-color:#f6e113 ; display:block; text-align:Center; padding:10px 0; color:#4b383f;}
.qna_qr{width:35%; margin:20px auto;}
.qna_qr img{width:100%;}
.chat_ul{margin-left:20px;}
.chat_ul li{margin-bottom:12px;}
.chat_txt{ font-size:1em; line-height:1.4em;}
.chat_ex{background-color:#fffde9;padding:5px; margin-top:7px; border:1px solid #f5f3d3;}
.score{border-collapse:collapse;}
.score td{border:1px solid #ddd; padding:7px;}
.score2{border-collapse:collapse;}
.score2 td{border:1px solid #ddd; padding:7px; text-align:center;}

/*===============================================END==============================================*/

.view_btn{background-color:#444; font-size:12px; font-family:'Dotum'; color:#fff !important; padding:3px 4px;}
.kakao_btn2 a{font-family:'Score5'; font-size:18px; background-color:#f6e113 ; text-align:Center; padding:10px 30px; color:#4b383f; border-radius:30px;}
.kakao_btn2{height:45px; text-align:center;}


.record{border-collapse:collapse;}
.record td{border:1px solid #ddd; padding:7px; font-size:14px;}
.record th{border:1px solid #ddd;  padding:7px; background-color:#f0f0f0; font-size:14px;}
.record tbody tr:hover{background-color:#f8fff3;}


.btn_check{font-size:14px; width:25%; background:#333; color:#fff; border:0; border-radius:5px; padding:7px 0; font-weight:bold;}
.btn_end{font-size:22px; width:10%; background:#204685; color:#fff; border:0; border-radius:5px; padding:7px 0; margin:0 auto;}

.check{width:350px;}
.check tr td:nth-of-type(1) {padding-left:20px; width:130px;}
.check td{font-size:16px; padding:13px 0; color:#fff; font-weight:bold;}
.check .round{display:block;border-radius:10px; width:350px;}
.check strong{margin-left:5px;}
.check a{color:#fff;}
.check span{color:#000; display:inline-block; margin-left:10px;}

.list_back a{display:block; width:250px; margin:0 auto; background-color:#20277e; color:#fff; text-align:center; font-size:18px; padding:10px; border-radius:50px; margin-top:35px; height:50px; text-decoration:none;}

.play_tit{padding:20px; text-align:left; border:3px solid #ccc; background-color:#fffdfa; margin-bottom:20px; margin-top:20px;}
.play_tit dl{overflow:hidden; width:100%;}
.play_tit dd.subject{width:600px; padding:9px 0; color:#666; font-weight:bold; line-height:35px;}
.play_tit dd strong{color:#000; color:#083f88; font-size:20px;} 
.play_tit dd span{line-height:22px; font-size:14px; margin-top:10px; display:block;}
.play_tit dd.btn_lec{width:150px; height:108px; line-height:108px; background:#2F5597;border-radius:5px;text-align:center;}
.play_tit dd.btn_lec a {color:#fff;font-size:18px; text-decoration:none;}