@charset "utf-8";

@import url("/css2/reset.css");
@import url("/css2/normalize.css");
@import url("/css2/reserv.css");
@import url("/css2/member.css");
@import url("/css2/board.css");
@import url("/css2/main.css");

.youtubevod { position:relative; width:100%; margin:0 auto; padding-bottom: 57.25%; margin-bottom:10%; }
.youtubevod iframe { position: absolute; width: 100%; height: 100%; top:0px; left:0px; }




@font-face {
    font-family: 'MaruBuri';
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-ExtraLight.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-Light.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-Regular.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-SemiBold.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'MaruBuri';
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/MaruBuri-Bold.woff2) format('woff2');
    font-display: swap;
}



#mainpopup { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.5 ); z-index:500; }
#mainpopup .popallclose { position:absolute; top:4%; right:4%; }
#mainpopup .mainpopup { position:relative; top:0%; left:0%;  width:100%; min-width:320px; margin:0 auto; text-align:center; }
#mainpopup .mainpopup div { display:inline-block; position:absolute; top:0px; left:0px; margin:0 5px; background:#fff; overflow:hidden;  z-index:502; }
#mainpopup .mainpopup div ul li.popimg { border-bottom:1px solid #ddd; }
#mainpopup .mainpopup div ul li.popimg img { max-width:100%; }
#mainpopup .mainpopup div ul li.btm { position:relative; width:100%; text-align:left; height:35px; line-height:35px; padding-left:14px; font-family:'NanumGothicBold';font-size:13px; color:#000; box-sizing:border-box; }
#mainpopup .mainpopup div ul li.btm input[type="checkbox"] { display:none; }
#mainpopup .mainpopup input[type="checkbox"] + label span {
display:inline-block;
width:15px;
height:35px;
vertical-align:top;
margin-right:6px;
background:#fff;
border:0px;
cursor:pointer;
background:url('/images/common/check.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup input[type="checkbox"]:checked + label span {
background:url('/images/common/checkd.jpg')no-repeat 0 50%; background-size:15px 15px;
}
#mainpopup .mainpopup a.btn_close {
display:block; position:absolute; top:12px; right:14px; width:15px; height:14px; background:url('/images/common/btn_close.jpg')no-repeat 0 50%;
font-size:0px;
}

#mainpopup br { display:none; }