@charset "utf-8";
html, body {}
html.show-modal { overflow: hidden; }
#wrap { width: 100%; min-width: 1200px; max-width: 1920px; margin: 0 auto; position: relative; }
body, #wrap { overflow: hidden; }

.wide-wrap { width: 1700px; margin-left: auto !important; margin-right: auto !important; clear: both; }
.inner-wrap{ width: 1200px; margin-left: auto !important; margin-right: auto !important; clear: both; }

.imgPop { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; display: flex; justify-content: center; align-items: center; z-index: 10; }
.imgPop > div { border-radius: 20px; overflow: hidden; }
.imgPop > div > p { width: 100%; height: 50px; background: #000; display: flex; font-size: 20px; color: #fff; justify-content: space-between; align-items: center; padding: 0 20px; box-sizing: border-box; }
.imgPop > div > p > span { cursor: pointer; width: 20px; height: 20px; }
.imgPop > div > p > span > img { width: 100%; }

.custom-radio input[type=radio] { display: none; }
.custom-radio input[type=radio] + label { display: flex; align-items: center; }
.custom-radio input[type=radio] + label > span { width: 24px; height: 24px; border: 1px solid #ccc; display: block; margin-right: 10px; background: #fff; }
.custom-radio input[type=radio]:checked + label > span { background: url('../img/common/icon-check.png') center no-repeat #fff; }

.custom-checkbox input[type=checkbox] { display: none; }
.custom-checkbox input[type=checkbox] + label { display: flex; align-items: flex-start; }
.custom-checkbox input[type=checkbox] + label > span { width: 24px; height: 24px; border: 1px solid #ccc; display: block; margin-right: 10px; background: #fff; margin-top: 6px; }
.custom-checkbox input[type=checkbox]:checked + label > span { background: url('../img/common/icon-check.png') center no-repeat #fff; }

#header { width: 100%; }
#header .top { width: 100%; height: 105px; background: #f9f9f9; font-size: 13px; font-weight: 600; }
#header .top .inner-wrap { height: 100%; display: flex; justify-content: space-between; align-items: center; }
#header .top .inner-wrap p,
#header .top .inner-wrap p > a { display: flex; align-items: center; }
#header .top .inner-wrap .logo { width: 230px; }
#header .top .inner-wrap .logo img { width: 100%; }
#header .top .inner-wrap .address img { margin-right: 3px; margin-top: -2px; }
#header .top .inner-wrap .instagram > a > img { margin-right: 8px; margin-top: -1px; }

#header .gnb { width: 100%; }
#header .gnb > ul { height: 85px; display: flex; justify-content: center; align-items: center; font-size: 17px; font-weight: 700; }
#header .gnb > ul > li { margin: 0 40px; }
#header .gnb > ul > li > a {}
#header .gnb > ul > li > a:hover { color: #F27893; }

.popup-layer { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); display: flex; justify-content: center; align-items: center; z-index: 5; }
.popup-layer > div { position: relative; }
.popup-layer > div .close { position: absolute; width: 50px; height: 50pc; top: 60px; right: 60px; cursor: pointer; }