@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}

/* logo */
#logo_openbutton {width:100%;height:90px;position: relative;}
#open_button {position: absolute;left:30px;top:5px;line-height: 90px;}
.top_logo {width:150px;height:90px;margin:0 auto;line-height: 90px;}
.top_logo a {color:#d80032;font-size:1.2rem;font-weight:700;}

/* 히든 슬라이더 { */
.sh-side-options {position: fixed;top: 0;bottom: 0;right: 0;z-index: 9999999999;padding: 0 0;width: 350px;transform: translateX(350px);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);letter-spacing: -0.5px;background-color: #fff;}
.sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}

.sh-side-container {top: 0;left: 0;right: -17px;bottom: 0;position: absolute;overflow-y: scroll;padding:20px 20px 30px 50px;}

.slide-top {width:100%;display:flex;justify-content:space-between;}
.mobile_logo {width:80%;height:50px;}
.mobile_logo a {font-size:1.2rem;color:#d80032;line-height:50px;text-align: center;}
.close_r {width:20%;height:50px;cursor: pointer;z-index: 99;line-height:50px;}
.close_r span {font-size:40px;}

.side-loop-container {position: relative; margin: 0 -15px;margin-top: 10px;border:10px solid #a4c3b2;}

/* Side Menu */
.r_prof_div {width:100%;}
#DB_navi42{position:relative;width:100%; letter-spacing: -0.5px;}
#DB_navi42 a{text-decoration:none;display:block;}

#DB_navi42 .DB_1D {position:relative;width:100%;border-bottom:1px solid #eee;text-align:left;}
#DB_navi42 .DB_1D a {font-size:0.95rem;color:#333;height:50px;font-weight:400;line-height:50px;padding-left:20px;}
#DB_navi42 .DB_1D.DB_select > a {background:#d0ded5;color:#1d2d44;}

/* #DB_navi42 .DB_2D a::before {content: "-";} */
#DB_navi42 .DB_2D_wrap li.DB_2D {background-color:#FFF;border-bottom:1px dotted #CCC;}
#DB_navi42 .DB_2D_wrap li.DB_2D:last-child {border-bottom:none;}
#DB_navi42 .DB_2D a {font-size:0.85rem;font-weight:400;line-height:50px;color:#333;}
#DB_navi42 .DB_1D .DB_2D_wrap .DB_2D.DB_select a {color:#d00000}

/* <!-- 기타 추가 컨텐츠 { --> */
/* login box */
.add_content {width:100%;margin-top:50px;margin-bottom:30px;}
ul.login_box {display:flex;justify-content: center;align-items: center;list-style: none;font-size:0.95em;}
.login_box .login {display:inline-block;width:65px;height:30px;line-height: 30px; border:1px solid #CCC;text-align:center;margin-bottom:10px;}
.login_box .left_f {border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-right:none;}
.login_box .left_s {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.login_box .left_admin {border-radius: 5px;margin-left:2px;}