/*head.css*/
#gnb{display: none;}
#hd{border-top: none; display: none;}
#hd_qnb{display: none;}
#tnb{display: none;}
#aside{width: 16%;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);}
#logo{float: inherit; padding: 0; margin: 0 auto; display: inline-block; margin: 70px 0;}
.gnb_1da{color: #222; font-size: 18px; line-height: 24px; font-weight: bold;}
.mobile_menu>ul{text-align: center; margin: 170px 0;}
.mobile_menu{text-align: center;}
.mb_mypage ul li{text-align: center;}
.mobile-list{margin: 20px 0;}
.mb-sub-ul{display: none; margin: 13px 0;}
.mb-sub-ul li a{padding: 0 30px; 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: 14px; line-height: 24px; color: #666; text-align: center; -webkit-transition: .3s; transition: .3s;}
.mobile-list.on .gnb_1da{border-bottom: 2px solid #f2b705;}
.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%;}
#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: 16%;}
#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;}
    #hd_wrapper{width: 100%;height: 70px; text-align: center; vertical-align: middle; padding-top: 18px;}
    #menu_btn{display: block; text-align: left; padding-top: 7px; float: left;}
    #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: 130px;}
    #hd_wrapper{padding-top: 22px;}
    #menu_btn{padding-top: 2px;}
}