/* reset 부분 제외하고, 공통적으로 들어가는 css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
}

ul, ol {
    list-style: none;
}
button {
    border: none;
    appearance: inherit;
    background-color: inherit;
}
/* reset */
#hbox {
    position: relative;
    height: 100%;
}
.btn_gnb {
    display: none;
    height: 100%;
    z-index: 999;
}
.inner {
    position: relative;
    width: 1400px;
    margin: 0 auto;
}
.white {
    color: #fff !important;
}
.main_tit {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.5px;
}
.main_sub {
    margin: 20px 0 70px;
    font-size: 17px;
    font-weight: 500;
    color: #999;
    text-align: center;
}
.text_ov {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

border-bottom: 1px solid #ddd;
/* both */


/*---------- Modal - 검색, 회원 로그인 모달 ----------*/

#modal {display:none;}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.fade.in {
    opacity: 1;
}

.modal-body {
    position: relative;
    padding: 15px;
}
.modal-header, .modal-body, .modal-footer {
    padding: 10px;
}
.modal-box {width:100%;height:100%;background:#313131e6}
.modal-box .modal-content {max-width:500px;margin:0 auto;padding-top:200px;border:0 none;box-shadow:0 0 0 #fff}
.modal-box .member-contnets-bottom {position:fixed;top:25px;right:60px}
.modal-box .member-contnets-bottom button {border:0 none;font-size:12px;line-height:14px;padding:8px 15px;background:#707070;color:#fff;border-radius:15px !important}
.modal-box .member-contnets-bottom button:hover {background:#333}
.search-contents-modal .modal-box .modal-content {position:relative;top:45%;max-width:90%;padding-top:0}
.search-contents-modal .input-button {position:relative}
.search-contents-modal .input-button input[type="text"] {width:100%;padding:6px 12px;border:0 none;border-bottom:2px solid #909090;color:#909090;height:60px;font-size:20px}
.search-contents-modal .input-button .button {position:absolute;right:1px;top:10px;padding:0 20px;font-size:24px;height:40px;background:none;border:0 none}
.search-contents-modal .input-button .button input {position:absolute;top:0;right:0;padding:0;font-size:12px;line-height:40px;opacity:0;cursor:pointer}
.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}

@media (max-width:767px){
    .modal-box .modal-content {padding-top:150px}
    .modal-box .member-contnets-bottom {right:25px}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-content {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.175);
    box-shadow: 0 1px 4px rgba(0,0,0,0.175);
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
}


@media (max-width: 767px)
.btn_gnb {
    width: calc(100vw * (34/640));
}
@media (max-width: 1399px)
.btn_gnb {
    display: block;
}