/*head.css*/
#gnb{display: none;}
#hd{border-top: none; display: none;}
#hd_qnb{display: none;}
#tnb{display: none;}
#aside{width:300px;float: left; margin: 0; position: fixed; top: 0; left: 0; background: #fff;/* border: none;-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.1); box-shadow: 0 10px 20px rgba(0,0,0,0.1);*/ border-right:1px solid #eee}
/*#aside.on {margin-top:-588px}*/
#aside.main_aside{background:rgba(0,0,0,0.7);}

#aside.main_aside.on{background:#fff}

#logo{float: inherit; padding: 0;  margin: 22px auto 35px;     text-align: center;}
.gnb_1da{color: #222; font-size: 18px; line-height: 24px; font-weight:normal !important ;}

.main_menu .gnb_1da{color: #fff;}

.mobile_menu>ul{margin:75px 0;}
.mobile_menu{/*text-align: center;*/ margin:0px 35px}
.mb_mypage ul li{text-align: center;}


.main_body .mobile-list{margin: 20px 0; border-bottom:1px solid #4a4a4b; padding-bottom:20px; padding-left:10px}
.mobile-list{margin: 20px 0; border-bottom:1px solid #c7c7c7; padding-bottom:20px; padding-left:20px}

.mb-sub-ul{display: none; margin: 13px 0;}
.mb-sub-ul li a{padding: 0px 14px; color: #666; font-size: 14px; line-height: 24px; font-weight: 400; -webkit-transition: .3s; transition: .3s;}
.mb-sub-ul li a:hover{color: #f2b705;}
.mb_slide_lo{}
.mb_side_btn{width: 50%; height: 50px; float: left; padding: 15px 0; -webkit-transition: .3s; transition: .3s;}
.mb_side_btn:nth-child(1){border-right: 1px solid #ddd;}
.mb_side_btn a{font-size: 18px; line-height: 24px; color: #666; font-weight:800; text-align: center; -webkit-transition: .3s; transition: .3s; position: relative;}
/*.mobile-list.on .gnb_1da{border-bottom: 2px solid #f2b705;}*/
.mobile-list a:hover {color:#9053ff;  -webkit-transition: .3s; transition: .3s;}
.mobile-list.on a {color:#747474;  -webkit-transition: .3s; transition: .3s;}
.mobile-list.on a:hover {color:#9053ff;  -webkit-transition: .3s; transition: .3s;}


.mobile-list a:after {content:url(../img/common/nav-icon.png); font-size:14px; color:#ec1b26; font-weight:800; position: absolute; top:-10px; right: -20px;}
.mobile-list.on .gnb_1da {color:#9053ff;}

.mobile-list.on ul li a:after {content:""; display:none}

.mb_side_btn:hover{background: #f2b705; cursor: pointer;}
.mb_side_btn:hover a{ color: #fff;}
.mb_side_lo{width: 16%; position: fixed; bottom: 0;}
.mb_side_lo>ul{width: 100%;}




.main_body .mb-sub-ul li a{padding: 0px 14px; color: #fff; font-size: 14px; line-height:30px; font-weight: 400; -webkit-transition: .3s; transition: .3s;}
.main_body .mb-sub-ul li a:hover{color: #ec1b26;}



.main_body #aside.main_aside.on .mobile-list{margin: 20px 0; border-bottom:1px solid #c7c7c7; padding-bottom:20px; padding-left:20px}
.main_body #aside.main_aside.on .main_menu .gnb_1da {color: #222;}
.main_body #aside.main_aside.on .mb-sub-ul li a {color:#747474}
.main_body #aside.main_aside.on .mb-sub-ul li a:hover{color: #ec1b26;}

#ol_before{background: #222; height: 100%; border-top: 1px solid rgba(255,255,255,0.5);}
#ol_before .buttons{float: right; margin-top: 7.5px; width: 50%;}
#ol_before .buttons a{width: 100%; text-align: center;}
#tnb.mobile #ol_before .buttons a{padding: 0; color: #ccc;}
#tnb.mobile #ol_before .buttons a:hover{background: none; color: #fff;}
#ol_before .buttons.join a{border-left: none;}
#ol_before  .buttons a i{display: none;}
.ol{margin: 0;}
#ol_after{-webkit-box-shadow: none; box-shadow: none; border: none; background: none; position: fixed; bottom: 0; width: 190px;}
#ol_after_hd{padding: 0; margin: 0; float: right; width: 100%; height: inherit;}
#ol_after_hd .ol_buttons{width: 50%; height: 50px; float: left; padding: 15px 0; -webkit-transition: .3s; transition: .3s;}
#ol_after_hd .ol_buttons:hover a{color:#f2b705;}
#ol_after_hd .ol_buttons:hover i{color:#f2b705;}
#ol_after_hd .ol_buttons i{-webkit-transition: .3s;transition: .3s;}
#ol_after_hd .manager_buttons:hover{border-bottom: 1px solid #f2b705; background: #fff;}
#ol_after_hd .manager_buttons:hover a{}
#ol_after_hd .manager_buttons:hover i{}
#ol_after_hd .ol_buttons a{display: block; padding: 0; float: left; position: relative; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); line-height: 24px; text-align: center; background: none; border: none; color: #444; font-weight: 400; font-size: 14px; -webkit-transition: .3s; transition: .3s;}
#ol_after_hd .manager_buttons a{color: #fff;}
#ol_after_hd .admin{width: 100%; background: #f2b705; border-top: none;}
#ol_after_hd .info{border-right: 1px solid #ddd;}
#ol_after_hd .ol_buttons .oi{display: block; margin: 2px 10px 0 0; float: left;}
#ol_after_hd .ol_buttons .text{display: block; float: left;}
#ol_after_private{display: none;}
#ol_before .buttons{margin-top: 0; height: 100%;}
#tnb.mobile #ol_before .buttons a{height: 100%; line-height: 60px; font-size: 16px; font-weight: 400; text-transform: uppercase;}
#ol_before .buttons.login a{border-right: 1px solid rgba(255,255,255,0.5); -webkit-box-sizing: border-box; box-sizing: border-box;}
#ol_before .buttons.join a::after{display: none;}
#ol_after_hd .profile_img{display: none;}
.mask{display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #333;opacity: 0.98;cursor: pointer; z-index: 1000;}
#menu_btn{display: none;}

@media screen and (max-width:1199px){
    #hd{display: block;}
    #hd #logo{margin: 0 auto; display: inline-block;}
    #hd #logo img{width: auto; height:32px}
    #hd_wrapper{width: 100%;height: 70px; text-align: center; vertical-align: middle; padding-top: 18px; background:#fff}
    #menu_btn{display: block; text-align: left; padding-top: 7px; float: left; margin-left:20px; cursor:pointer;}
    #aside{width: 100%;}
    #ol_after{width: 100%;}
    .mb_side_lo{width: 100%;}
    .mobile_menu>ul{margin: 100px 0;}
    .close_menu{background-image: url('../img/common/close_btn.png'); width: 20px; height: 16px; background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top:27px; left: 22px;}
}
@media screen and (max-width:980px){
    .mb_mypage{display: block;}
}
@media screen and (max-width:600px){
    /* #hd #logo img{width: 140px;} */
    #logo img{width: 140px;}
    #hd_wrapper{padding-top: 22px;}

}


@media screen and (max-width:500px){
	.mobile_menu {margin: 0 30px;}
	.main_body #aside.main_aside.on .mobile-list{padding-left: 0px;}
}