@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0;padding:0;box-sizing:border-box;color:#ffffff;}
html,body
{
	width:100%;height:100%;
	font-family: Noto Sans KR, sans-serif;
	background-color:#000000; 
}
::-webkit-scrollbar-track {
	background: #000000; /* 스크롤바 뒷 배경 색상 */
}
.mobiles{display:none;}
.blank0{width:100%;height:0px;clear:both;}
.blank1{width:100%;height:1px;clear:both;}
.blank10{width:100%;height:10px;clear:both;}
.blank20{width:100%;height:20px;clear:both;}
.blank30{width:100%;height:30px;clear:both;}
.blank40{width:100%;height:40px;clear:both;}
.blank50{width:100%;height:50px;clear:both;}
.blank70{width:100%;height:70px;clear:both;}
.blank100{width:100%;height:100px;clear:both;}
.fl{float:left;}
.fr{float:right;}
.fr2{float:right;font-size:10pt;}
.top_profile{padding:10px;}
.profile_img
{
	width:30px;
	height:30px;
	border-radius:30px;
	vertical-align:middle;
	margin-left:10px;
	cursor:pointer;
}
.logo_img
{
	width:90px;
	vertical-align:middle;
	margin-top:-3px;
	margin-left:10px;
	cursor:pointer;
}

.border_bg{background-color:#1d1e23;}
.border_color{border-color:#1d1e23 !important;}
.left_bg_top{background-color:#15161a;}
.sec_box_bg{background-color:#1d1e23;}
.sec_st_color{color:#a0aec0;}
.sec_st_color span{color:#a0aec0;}
.btn_box_color{background-color:#1b1f79;}

.top_fix{width:100%;position:fixed;height:50px;padding:0px 20px 0px 0px;background-color:#000000;}
.fbars{font-size:16pt;padding-top:15px;cursor:pointer;}
.main_menu_wrap{padding:0px 10px;width:100%;padding-bottom:5px;position:relative;}
.top_left{width:280px;height:50px;padding-left:20px;}
.top_right{position:fixed;right:10px;top:0px;width:300px;height:24px;line-height:24px;text-align:right;margin-top:15px;}
.menu_left{padding:20px 16px 16px;width:260px;height:calc(100% - 0px);position:fixed;z-index:99999999;border-right:1px solid #ccc;background-color:#000000;}
.menu_boxes{width:100%;padding:15px 15px 0px 15px;border-radius:5px;cursor:pointer;}
.profile_img2{width:30px;height:30px;vertical-align:middle;cursor:pointer;}
.menu_titles{margin-left:10px;font-size:10pt;letter-spacing:-1px;vertical-align:top;}
.menu_titles2{margin-left:10px;font-size:8pt;letter-spacing:-1px;vertical-align:top;}
.sec_box{margin-top:-5px;}
.sec_menus{padding:10px 10px;width:250px;position:absolute;margin-top:40px;border-radius:5px;display:none;}
.sec_menus_wrap{width:100%;font-size:10pt;padding:10px 10px;border-radius:5px;}
.sec_menus_wrap:hover{background-color:#414550;}
.top_under_box{background-color:#1a1b1f;width:calc(100% + 30px);margin-left:-15px;height:30px;line-height:30px;border-radius:0px 0px 5px 5px;font-size:8pt;text-align:center;}
.lmenus{padding:10px 15px;cursor:pointer;font-size:11pt;}
.lm_title{margin-left:5px;}
.lmenus_none{display:none;}
.main_menu_wrap2{padding-bottom:10px;width:calc(100% - 32px);border-radius:5px;position:absolute;bottom:5px;}
.w2_top{padding:10px 10px 10px 10px; text-align:center; color:#b6cbff;font-size:10pt;border-bottom:1px solid #636363;}
.w2_top_t2{text-align:center;font-size:9pt;}
.w2_top_box{width:calc(100% - 20px);margin-left:10px;padding:10px 0px;font-size:10pt;text-align:center;border-radius:5px;}



.lmenus_on{background-color:#1a1b1f;border-radius:5px;}
.lmenus_on span{color:#ffffff;}{background-color:#1a1b1f;border-radius:5px;}
.lmenus:hover{background-color:#1a1b1f;border-radius:5px;}
.lmenus:hover span{color:#ffffff;}


.main_contents{width:calc(100% - 280px);float:right;height:calc(100% - 50px);padding:50px 30px;}
/* .main_contents_v_menu{width:calc(100% - 280px);float:right;} */
.mh_title{font-size:32px;}


.mh_bg{width:100%;background-color:#999999;border-radius:10px;min-height:300px;}
.mh_bg_t1{width:100%;font-size:40px;line-height:48px;text-align:center;}
.mh_bg_t2{width:100%;font-size:24px;line-height:32px;text-align:center;}
.mh_bg_t3{width:195px;margin:0 auto;font-size:11pt;border-radius:24px;line-height:48px;text-align:center;}
.qbox_wrap{width:100%;display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.qbox{width:calc(100% / 4 - 15px);margin-right:15px;padding:15px;border-radius:10px;background-color:#1d1e23;cursor:pointer;}
.qbox:last-child{margin-right:0px;}
.qbox_t1{font-size:11pt;width:100%;}
.qbox_t2{font-size:11pt;}
.qbox:hover{background-color:#0e0e0e;}
.qbox:hover .qbox_t1{color:#ffffff;}
.mh_title2{font-size:24px;}
.mh_title3{font-size:16px;}
.item_box_wrap1{width:100%;display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.item_box_t1{width:calc(100% / 6 - 10px);margin-right:10px;position:relative;cursor:pointer;}
.item_box_t1:last-child{margin-right:0px;}
.ibt1_in_wrap{width:100%;height:100%;position:absolute;background-color:#000000;opacity:0.2;display:none;}
.ibt1_in_bt{width:40px;height:40px;border-radius:10px;position:absolute;line-height:40px;text-align:center;font-size:9pt;left:10px;top:10px;}
.ibt1_in_title1{width:calc(100% - 30px);position:absolute;font-size:11pt;left:10px;bottom:20px;line-height:22px;}
.hover_view{display:none;}

.item_box_t2{width:calc(100% / 4 - 10px);margin-right:10px;position:relative;cursor:pointer;}
.item_box_t2:last-child{margin-right:0px;}
.ibt2_in_bt{width:100%;text-align:center;position:absolute;top:50%;margin-top:-30px;font-size:30pt;}