@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;}
.table1 .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%;}
.table1 .hide{display:none;}
.table1 .viewhide{cursor:pointer;}
.table1 tr:hover{background-color:#FF0;}

.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%;}

.table3 {table-layout:fixed;width:100%;border-collapse:collapse;padding:0;border-spacing:0px;}
.table3 .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%;}
.table3 tr>td.head1 {background-color:#caeaff;color:#000;text-align:center}
.table3 tr>td.head2 {background-color:#CCFFFF;color:#000;}
.table3 tr>td{font-size:14px;border-bottom:1px solid #EDEDED;padding:5px;letter-spacing:-0.7pt;}
.table3 tr>td.none {height:0px;padding:0px;}
.table3 tr>td.top{vertical-align:top;}
.table3 .tb_bg1{background-color:#eaeeff;color:#000;border-color:#CCCCCC}
.table3 .tb_bg2{background-color:#e8e8e8;color:#000;border-color:#e8e8e8}
.table3 .m_view{display:none;}
.table3 .p_view{display:table-cell}
.table3 .tb_w20{width:20px;}
.table3 .tb_w30{width:30px;}
.table3 .tb_w40{width:40px;}
.table3 .tb_w50{width:50px;}
.table3 .tb_w60{width:60px;}
.table3 .tb_w70{width:70px;}
.table3 .tb_w80{width:80px;}
.table3 .tb_w90{width:90px;}
.table3 .tb_w100{width:100px;}
.table3 .tb_w110{width:110px;}
.table3 .tb_w130{width:130px;}
.table3 .tb_w150{width:150px;}
.table3 .tb_w180{width:180px;}
.table3 .tb_w200{width:200px;}
.table3 .tb_w230{width:230px;}
.table3 .tb_w300{width:300px;}
.table3 .tb_w330{width:330px;}

.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.sm{padding:5px 12px;}
.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;}

.btn4{display:inline-block;background-color:#000;border:1px solid #000;border-radius:5px;padding:2px 6px;text-align:center;font-size:14px;color:#fff;cursor:pointer;}
.btn4:hover{background-color:#FF9900;color:#fff;}
.btn4.selected{background-color:#FF9900;color:#fff;}

/* input */
.input_blockbox1{display:block;border:1px solid #ededed;border-radius:5px;padding:5px;position:relative;}
.input_blockbox1.inline{display:inline-block;vertical-align:middle;}
.input_blockbox1.none{border:none;}
.input_blockbox1.pad5{padding:5px;}
.input_blockbox1.white{background-color:#fff;border:1px solid #ededed;color:#000;}
.input_blockbox1.black{background-color:#0f151e;color:#fff;}
.input_blockbox1.gray{background-color:#F8F8F8;border:1px solid #ededed;color:#000;}
.input_blockbox1.blue{border:1px solid #226ab3;color:#000;}
.input_blockbox1 .r{text-align:right;}
.input_blockbox1 input{width:100%;border:none;font-size:14px;background-color:transparent;outline:none;color:inherit;}
.input_blockbox1 input.padding-right25{padding-right:25px;}
.input_blockbox1 input.white{background-color:#fff;}
.input_blockbox1 textarea{width:100%;border:none;font-size:14px;background-color:transparent;outline:none;color:inherit;}
.input_blockbox1 select{width:100%;border:none;font-size:14px;background-color:transparent;outline:none;color:inherit;}
.input_blockbox1 .rbox{display:inline-block;position:absolute;right:2px;top:0;}
.input_blockbox1.margin5{margin:5px;}
.input_blockbox1.tmargin5{margin:5px 0;}
.input_blockbox1 .h100{height:100px;}
.input_blockbox1 .h200{height:200px;}
.input_blockbox1 .h300{height:300px;}
.input_blockbox1 .h400{height:400px;}
.input_blockbox1 .h500{height:500px;}

/* 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;
}

.alarm_box{display:none;position:fixed;right:5px;bottom:5px;width:150px;}
.alarm_box .alarm_msg{position:relative;line-height:15px;border:1px solid #000;margin-bottom:1px;font-size:15px;text-align:left;background-color:#999;color:#fff;padding:5px;}
.alarm_box .closeimg{position:absolute;right:2px;top:2px;width:20px;height:20px;cursor:pointer;}
/*.alarm_box .title{display:block;text-align:center;color:#900;font-weight:bold;padding:5px;0;}*/
.alarm_box .logbox{text-align:center;color:#900;font-weight:bold;}
.alarm_box .logbox .lbox{display:inline-block;border:1px solid #333;cursor:pointer;background-color:#d0d;}
.alarm_box .logbox .lbox .tt{border-bottom:1px solid #333;padding:2px 0;font-size:12px;background-color:#000;color:#fff;}
.alarm_box .logbox .lbox .sn{padding:2px 0;}
/*.alarm_box .logbox .lbox:hover{border:2px solid #c00;}*/

@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%;}
	
}