@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:'NotoLight','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:#46a86f; 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;}
.tab2 li{list-style:none;  }
.tab2 li a{display:block; float:left;  width:185px; margin-right:11px; background-color:#cfe1ee; color:#000; text-align:center; padding:18px 0; border-radius:10px; font-family:'Score4';}
.tab2 li.over a{background-color:#2e5870; 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;}



/*===============================================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;}
.record th{border:1px solid #ddd;  padding:7px; background-color:#f0f0f0;}
.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;}

/* chart_02 */
.chart_02 { border-top:5px solid #5b5b5b; margin-bottom:60px; }
.chart_02 table { width:100%;  border-collapse:collapse;}
.chart_02 .col1 { width:12%; }
.chart_02 .col2 { width:63%; }
.chart_02 .col3 { width:25%; }
.chart_02 table th,
.chart_02 table td { font-size:15px; line-height:1.5em; font-family: 'NanumGothic'; border-bottom:1px solid #ccc; padding:10px 0px 10px 20px; vertical-align:middle; text-align:left; }
.chart_02 table th { }
.chart_02 table td { }
.chart_02 table thead th { padding:20px 20px; text-align:center;}
.chart_02 table thead td { padding:20px 20px; text-align:center; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3;}
.chart_02 table tbody th { text-align:center; border-right:1px solid #d3d3d3;}
.chart_02 table tbody th.main { text-align:center; border-right:1px solid #d3d3d3; padding-top:20px; padding-bottom:20px; background-color:#e4eef8;}
.chart_02 table tbody th.main2 { text-align:center; border-right:1px solid #d3d3d3; padding-top:20px; padding-bottom:20px; background-color:#ffe7d0;}
.chart_02 table tbody th.main3 { text-align:center; border-right:1px solid #d3d3d3; padding-top:20px; padding-bottom:20px; background-color:#ebe9dd;}
.chart_02 table tbody th.main4 { text-align:center; border-right:1px solid #d3d3d3; padding-top:20px; padding-bottom:20px; background-color:#f4fce6;}
.chart_02 table tbody th.main5 { text-align:center; border-right:1px solid #d3d3d3; padding-top:20px; padding-bottom:20px; background-color:#f2eafb;}
.chart_02 table td { text-align:left; padding-left:20px;}
.chart_02 table td.who { text-align:right; border-left:1px solid #d3d3d3; padding-right:20px;}
.chart_02 table td.whosp { text-align:right; border-left:1px solid #d3d3d3; background-color:#e4eef8; padding-right:20px;}
.chart_02 table td.whosp2 { text-align:right; border-left:1px solid #d3d3d3; background-color:#ffe7d0; padding-right:20px;}
.chart_02 table td.whosp3 { text-align:right; border-left:1px solid #d3d3d3; background-color:#ebe9dd; padding-right:20px;}
.chart_02 table td.whosp4 { text-align:right; border-left:1px solid #d3d3d3; background-color:#f4fce6; padding-right:20px;}
.chart_02 table td.whosp5 { text-align:right; border-left:1px solid #d3d3d3; background-color:#f2eafb; padding-right:20px;}
.chart_02 table td.whosp22 { text-align:right; border-left:1px solid #d3d3d3; background-color:#ffffff; padding-right:20px; height:40px;}
.chart_02 table td.type1 { background-color:#e4eef8; }
.chart_02 table td.type2 { background-color:#ffffff; color:#ee2461;}
.chart_02 table td.type3 { background-color:#ebe9dd; }
.chart_02 table td.type4 { background-color:#f4fce6;}
.chart_02 table td.type5 { background-color:#f2eafb;}
.chart_02 table td.type6 { background-color:#7030a0; color:#fff; }
.chart_02 table td.type7 { background-color:#e6b9b8; }
.chart_02 table td.type22 { background-color:#ffffff; color:#000000; height:40px;}

.h4 {
    font-size: 26px;
    font-weight: 500;
    font-family: 'NanumGothic';
    line-height: 1.25em;
    margin-bottom: 20px;
    color: #272629;
}

/* 안내페이지 공통 */
.guide_01{font-size:20px; font-weight:bold; padding-left:10px; margin-bottom:15px; color:#222; font-family:'NotoRegular';}
.guide_02{background:url('/register/2022_09/images/icon_02.jpg') no-repeat 0px 3px; font-weight:bold; padding-left:20px; margin-bottom:7px;}
.guide_03{padding-left:20px;}
.guide_03 li{list-style-type:none; background:url('/register/2022_09/images/icon_03.jpg') no-repeat 0px 5px; padding-left:15px; margin-bottom:5px;}
.guide_04 li{list-style-type:none; background:url('/register/2022_09/images/icon_04.jpg') no-repeat 0px 5px; padding-left:10px;}