@charset "utf-8";

@import url("/css/reset.css");
@import url("/css/normalize.css");
@import url("/css/reserv.css");
@import url("/css/member.css");
@import url("/css/board.css");
@import url("/css/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; }




#introwrap { position:relative; width:100%; height:100vh; background:#ededed; }
#introwrap img { display:block; width:100%; }
#introwrap .introwrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; }
#introwrap #logo { position:relative; width:300px; margin:0 auto; }
#introwrap #logo img { width:100%; }

#introwrap .imgs { position:relative; width:90%; max-width:1085px; margin:0 auto; margin-top:70px; display:flex; justify-content: space-around; }
#introwrap .imgs li { width:48%; } 

#introwrap .introtcopy { width:100%; margin-top:68px; text-align:center; font-size:13px; font-weight:400; color:#6f6f6f; line-height:150%; }

@media all and (max-width:560px) {

	#introwrap #logo { position:relative; width:200px; margin:0 auto; }
	#introwrap .imgs { position:relative; width:90%; max-width:1085px; margin:0 auto; margin-top:40px; display:flex; justify-content: space-around; }
	#introwrap .imgs li { width:48%; } 
	#introwrap .introtcopy { width:100%; margin-top:38px; text-align:center; font-size:11px; font-weight:400; color:#6f6f6f; line-height:150%; }

}