@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

* {font-weight:medium;font-family:Pretendard,Regular;letter-spacing:-0.6px;}
html {width:100%; height:100%; overflow-y:scroll; overflow-x:hidden;}
body {width:100%; height:100%; margin:0px; padding:0px;background-color:#666;}
div, ol, ul, li, img, a, h1, h2, h3, h4, h5, h6, form, span, iframe, dl, dt, dd {margin:0px; padding:0px;color:#666;}
p{font-size:14px;}
div, ul, ol {list-style:none;}
table, th, td {margin:0; padding:0; border-collapse:collapse; border-spacing:0px; border:0;}
table th{color:#666;}
fieldset {float:left; margin:0px; padding:0px; border:none;}
legend, caption {display:none; position:static; left:-9999px; text-indent:-9999px; height:0; font-size:0px; line-height:0;}
hr {display:none;}
img {border:0px;vertical-align:middle}
a {color: #000;text-decoration:none;}a:link { color: #000;text-decoration: none;}a:visited { color: #000;text-decoration: none;}a:hover { color: #000;text-decoration:none;}

select { padding: 2px 4px; font-size: 14px; }
select option{font-size: 14px;}

.common_div_box{display:block;font-size:0;}
.common_div_box .cdb_inblock{display:inline-block;width:50%;}
.common_div_box .cdb_inblock100{display:inline-block;width:100%;}
.common_div_box50{display:block;font-size:0;width:50%;margin:0 auto;}
.common_div_box50 .cd_inblock50{display:inline-block;width:50%;}
.common_div_box .common_inbox{display:inline-block;}

.channel_box{display:block;font-size:0;}
.channel_box .cb_list{display:inline-block;width:25%;}

.text_overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.div_table {display:table;width:100%;border-collapse:collapse;}
.div_table .tb_row {display:table-row;}
.div_table .tb_row .tb_td {display:table-cell;padding:0px;}

.table1 {table-layout:fixed;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;}
.table1 tr>td.head1 {background-color:#f8f8f8;}
.table1 tr>td{font-size:14px;border-bottom:1px solid #EDEDED;padding:10px;letter-spacing:-0.7pt;}
.table1 tr>td.none {height:0px;padding:0px;}
.table1 .l{text-align:left;}
.table1 .c{text-align:center;}
.table1 .r{text-align:right;}
.table1 .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table1 .ico_cmt{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url('/img/ico_47.svg') no-repeat;background-size:100% 100%;}
.table1 .cnt_cmt{display:inline-block;font-size:14px;vertical-align:middle;color:#FF9900;margin:0 2px;}
.table1 .tb_title_box{display:block;font-size:0;}
.table1 .tb_title_box .tb_title{display:inline-block;vertical-align:middle;font-size:14px;max-width:80%;}
.table1 .tb_title_box .tb_cmt{display:inline-block;vertical-align:middle;width:20%;}
.table1 .mb_view{margin-top:10px;display:none}
.table1 .br_white{border-color:#fff;}
.table1 input[type="checkbox"]{width:20px;height:20px;cursor:pointer;}

.table2 {table-layout:fixed;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;}
.table2 tr>td.head1 {background-color:#eee;}
.table2 tr>td{font-size:14px;border-bottom:1px solid #EDEDED;padding:10px;letter-spacing:-0.7pt;}
.table2 tr>td.none {height:0px;padding:0px;}
.table2 .l{text-align:left;}
.table2 .c{text-align:center;}
.table2 .r{text-align:right;}
.table2 .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table2 .ico_cmt{display:inline-block;vertical-align:middle;width:16px;height:16px;background:url('/img/ico_47.svg') no-repeat;background-size:100% 100%;}
.table2 .cnt_cmt{display:inline-block;font-size:14px;vertical-align:middle;color:#FF9900;margin:0 2px;}
.table2 .tb_title_box{display:block;font-size:0;}
.table2 .tb_title_box .tb_title{display:inline-block;vertical-align:middle;font-size:14px;max-width:80%;}
.table2 .tb_title_box .tb_cmt{display:inline-block;vertical-align:middle;width:20%;}
.table2 .mb_view{margin-top:10px;display:none}
.table2 .br_white{border-color:#fff;}
.table2 .sub_ico{display:inline-block;width:14px;height:14px;margin-right:10px;vertical-align:middle;background:url('/img/sub_menu_ico.gif') no-repeat;background-size:100% 100%;}

.head_wrap{display:block;position:relative;}
.head_wrap .top_frame{display:block;font-size:0;}
.head_wrap .top_frame .leftbox{display:inline-block;width:15%;vertical-align:middle;background-color:#fff;}
.head_wrap .top_frame .rightbox{display:inline-block;width:85%;vertical-align:middle;background-color:#fff;}

.body_wrap{display:block;}
.body_wrap .body_frame{display:block;font-size:0;}
.body_wrap .body_frame .leftbox{display:inline-block;width:15%;vertical-align:top;}
.body_wrap .body_frame .leftbox .lbox{display:block;margin:10px 5px 10px 10px;font-size:14px;background-color:#fff;border-radius:5px;padding:10px;}
.body_wrap .body_frame .bodybox{display:inline-block;width:85%;vertical-align:top;}
.body_wrap .body_frame .bodybox .bbox{display:block;margin:10px 10px 10px 5px;font-size:14px;background-color:#fff;border-radius:5px;padding:10px;}

.footer_wrap{display:block;margin-top:20px;text-align:center;font-size:14px;letter-spacing: 0px;color: #999999;text-align:center;padding:40px}

/* line_box */
.bar_box{display:block;margin:10px 0;position:relative;}
.bar_box .bar_list{display:inline-block;}
.bar_box .right_box{position:absolute;right:13px;top:2px;display:inline-block;}

/* body title */
.head_title{display:block;background-color:#fff;padding:5px 10px;border-bottom:1px solid #ededed}
.head_title .bd_txt{font-size:20px;font-weight:600;letter-spacing:-1px;}

/* bd_btns element */
.bd_btn{display:inline-block;padding:10px 25px;border-radius:5px;text-align:center;font-size:14px;letter-spacing: -0.7px;margin:2px;cursor:pointer;}
.bd_btn.orange{background-color:#FF9900;color:#fff;}
.bd_btn.red{background-color:#b00;color:#fff;}
.bd_btn.green{background-color:#0b0;color:#fff;}
.bd_btn.blue{background-color:#3399FF;color:#fff;}
.bd_btn.black{background-color:#000;color:#fff;}



/* join btn */
.btn1{display:block;background-color:#F8F8F8;border:1px solid #EDEDED;border-radius:5px;padding:15px 15px 14px;text-align:center;margin:10px 0;font-size:18px;cursor:pointer;}
.btn1:hover{background-color:#FF9900;color:#fff;}
.btn1.selected{background-color:#FF9900;color:#fff;}

.btn2{display:inline-block;background-color:#F8F8F8;border:1px solid #EDEDED;border-radius:5px;padding:15px;text-align:center;font-size:14px;cursor:pointer;}
.btn2:hover{background-color:#FF9900;color:#fff;}
.btn2.selected{background-color:#FF9900;color:#fff;}

.btn3{display:inline-block;background-color:#F8F8F8;border:1px solid #EDEDED;border-radius:5px;padding:12px 15px;text-align:center;font-size:14px;cursor:pointer;}
.btn3:hover{background-color:#FF9900;color:#fff;}
.btn3.selected{background-color:#FF9900;color:#fff;}


/* edit box */
.edit_box1{display:inline-block;vertical-align:middle;width:100%;border:1px solid #ededed;background-color:#F8F8F8;color:#999;border-radius:5px;padding:6px;font-size:18px;}
.edit_box1:hover{border-color:#FF9900}
.edit_box1:focus{border-color:#FF9900;background-color:#fff;color:#000;}

.edit_box2{display:inline-block;border:1px solid #ededed;background-color:#F8F8F8;color:#999;border-radius:5px;padding:13px;font-size:18px;}
.edit_box2:hover{border-color:#FF9900}
.edit_box2:focus{border-color:#FF9900;background-color:#fff;color:#000;}

.edit_box3{display:inline-block;border:1px solid #ededed;background-color:#F8F8F8;color:#999;border-radius:5px;padding:9px;font-size:14px;}
.edit_box3:hover{border-color:#FF9900}
.edit_box3:focus{border-color:#FF9900;background-color:#fff;color:#000;}

/* group box */
.group_select_edit_box{display:inline-block;vertical-align:middle;border:1px solid #ededed;background-color:#F8F8F8;color:#999;border-radius:5px;padding:8px;font-size:14px;cursor:pointer;}
.group_edit_box{display:inline-block;vertical-align:middle;border:1px solid #ededed;background-color:#F8F8F8;color:#999;border-radius:5px;padding:9px;font-size:14px;}
.group_edit_box:hover{border-color:#FF9900}
.group_edit_box:focus{border-color:#FF9900;background-color:#fff;color:#000;}
.group_btn{display:inline-block;vertical-align:middle;margin:1px;border-radius:5px;padding:9px 15px;font-size:14px;cursor:pointer;}
.group_btn.orange{background-color:#FF9900;color:#fff;}
.group_btn.red{background-color:#b00;color:#fff;}
.group_btn.green{background-color:#0b0;color:#fff;}
.group_btn.blue{background-color:#3399FF;color:#fff;}
.group_btn.black{background-color:#000;color:#fff;}

/* rate box */
.rate_box{display:inline-block;border-radius:10px;background-color:#333;margin:2px;}
.rate_box span{width:25px;display:inline-block;font-size:12px;padding:5px;color:#fff;}
.rate_box .v1{width:25px;text-align:center;color:#FF9900;border-left:1px solid #eee;border-right:1px solid #eee;}
.rate_box .v2{width:25px;text-align:center;color:#00CC33;border-left:1px solid #eee;border-right:1px solid #eee;}

.bd_paging{display:block;text-align:center;margin-top:40px;}
.bd_paging .prev_first{display:inline-block;padding:12px 13px;background:url('/img/ico_49.svg') no-repeat;background-size:100% 100%;margin:8px;vertical-align:middle}
.bd_paging .prev_page{display:inline-block;padding:12px 13px;background:url('/img/ico_50.svg') no-repeat;background-size:100% 100%;margin:8px;vertical-align:middle}
.bd_paging .page_num{display:inline-block;padding:8px 13px;border-radius:50px;text-align:center;vertical-align:middle;font-size:12px;}
.bd_paging .page_num.selected{background-color:#FF9900;color:#fff;}
.bd_paging .next_page{display:inline-block;padding:12px 13px;background:url('/img/ico_51.svg') no-repeat;background-size:100% 100%;margin:8px;vertical-align:middle}
.bd_paging .next_end{display:inline-block;padding:12px 13px;background:url('/img/ico_52.svg') no-repeat;background-size:100% 100%;margin:8px;vertical-align:middle}

.font_text14{display:inline-block;font-size:14px;letter-spacing: -0.7px;vertical-align:middle;}
.font_text16{display:inline-block;font-size:16px;letter-spacing: -0.8px;vertical-align:middle;}
.font_text18{display:inline-block;font-size:18px;letter-spacing: 0px;vertical-align:middle;}
.font_text20{display:inline-block;font-size:20px;letter-spacing: -1px;vertical-align:middle;font-weight:600;}



/* page */
.login_page{display:inline-block;width:400px;vertical-align:middle;background-color:#fff;border-radius:20px;padding:20px;box-shadow: 0px 10px 30px #0000000D;text-align:center;}
.login_page .logo_page{display:inline-block;width:240px;}

.join_page{display:inline-block;width:400px;vertical-align:middle;background-color:#fff;border-radius:20px;padding:20px;box-shadow: 0px 10px 30px #0000000D;text-align:center;}
.join_page .logo_page{display:inline-block;width:240px;}

.bg_box{display:block;width:100%;height:100%;text-align:center;}


.popup_wrap{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);text-align:center;}
.popup_wrap .main_popup_box{display:inline-block;width:80%;vertical-align:middle}
.popup_wrap .main_popup_box .pop_box{display:block;font-size:0;text-align:center;}
.popup_wrap .main_popup_box .pop_box .pop_div_box{display:inline-block;width:25%;vertical-align:top;}
.popup_wrap .main_popup_box .pop_box .pop_div_box .pop_contents_box{display:block;margin:10px;border:1px solid #fff;background-color:#000;}
.popup_wrap .main_popup_box .pop_box .pop_div_box .pop_contents_box .today_box{display:block;position:relative;margin:10px;text-align:left;}
.popup_wrap .main_popup_box .pop_box .pop_div_box .pop_contents_box .today_box .tbx_left{display:inline-block;font-size:14px;letter-spacing: -0.7px;vertical-align:middle;color:#fff;cursor:pointer}
.popup_wrap .main_popup_box .pop_box .pop_div_box .pop_contents_box .today_box .tbx_right{position:absolute;right:0;top:0;display:inline-block;;font-size:14px;letter-spacing: -0.7px;vertical-align:middle;color:#fff;cursor:pointer}
.popup_wrap .main_popup_box_blk{display:inline-block;width:0;height:100%;vertical-align:middle}


/* gage bar */
progress {
  font-size:12px;
  width: 100%;
  display: block; /* default: inline-block */
  padding: 2px;
  border: 0 none;
  background:#444;
  border-radius:14px;
}
progress::-moz-progress-bar {
  border-radius:12px;
  background:orange;

}
progress::-webkit-progress-bar {
    background:transparent;
}  
progress::-webkit-progress-value {  
  border-radius:12px;
  background:orange;
} 

.btn-upload { width:80px;font-size:16px;padding-top:10px;margin:2px 0;height:30px; background:#FF9900; border:1px solid #EDEDED; border-radius:10px; font-weight:500; cursor:pointer; display:inline-block;color:#fff; }


#file{
  display: none;
}

@media screen and (max-width: 1920px){
	
}

@media screen and (max-width: 1400px){
	

}

@media screen and (max-width: 1280px){
	
	
}
@media screen and  (max-width:1024px){
	
	
}
@media screen and  (max-width:768px){

	
	
}
@media screen and (max-width:640px){

	.login_page{width:100%;}
	
}