@font-face {
    font-family:'pretendardB';
    src:url('../fonts/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family:'pretendardSB';
    src:url('../fonts/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family:'pretendardL';
    src:url('../fonts/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family:'pretendardM';
    src:url('../fonts/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family:'pretendardR';
    src:url('../fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
    font-family:'pretendardEB';
    src:url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}


/* 이벤트 */
* { margin: 0; padding: 0; scroll-behavior: smooth;}
a {text-decoration:none !important}
a:hover {text-decoration:none !important}
div /*, table, tr, th, td*/ {font-size:20px; color:#000; letter-spacing: -0.05vw; }
img {display: block;}

.sectionWrap { width: 100%; max-width: 980px; margin: 0 auto; }
.contBox { padding-bottom: 100px; }

.sectionWrap.section1 { background-color:#ffd9c7; }
.sectionWrap.section2 { background-color:#fff4ce; }
.sectionWrap.section3 { background-color:#c6ddff; }
.sectionWrap.section4 { background-color:#fff4ce; }
.sectionWrap.section5 { background-color:#c6ddff; }
.sectionWrap.section6 { background-color:#fff4ce; }
.sectionWrap.section7 { background-color:#c6ddff; }

.line { border-bottom: 2px solid #eee; margin: 10px;}
.hot_red {color:red;}
.sectionMainText2 { font-size: 40px; font-family: 'pretendardM'; margin-left: 20px; }

.topImg { border-bottom: 3px solid #555; }
.topImg img, .sectionImg img { width: 100%; max-width: 980px; margin: 0 auto; margin-bottom: 0px; }

.calendar { width: 100%; max-width: 980px; margin: 0 auto; }
.calendar img { width: 100%; }

.footerImg { width: 100%; max-width: 980px; margin: 0 auto; margin-bottom: 30px; }
.footerImg img { width: 100%; }

.sectionBox { margin: 0px 40px 20px 40px; padding: 40px 30px;  background: #ffffff; /*border: solid 1px #c5c5c5;*/ }
.lastBox {margin-bottom: 0px; }

.sectionBox .sectionTextBox { margin-bottom: 20px; }
.sectionBox .sectionTextWrap { display: flex; justify-content: flex-start; }
.sectionBox .sectionTextWrap .sectionCheck input { width: 40px; height: 40px; border: 1px solid #a0a0a0; margin-top: 15px; }
.sectionBox .sectionTextWrap .sectionMainText { font-size: 50px; font-family: 'pretendardM'; margin-left: 20px; }
.sectionBox .sectionSubText { font-size: 30px; font-family: 'pretendardM'; padding-left: 65px; }
.sectionBox .subText { font-size: 25px; font-family: 'pretendardR'; padding-left: 60px;  color: #808080; }
.sectionBox .subText_red { font-size: 25px; font-family: 'pretendardR'; padding-left: 60px;  color: red; }
.sectionBox .subText_red2 { font-size: 25px; font-family: 'pretendardR'; /*padding-left: 60px; */ color: red; }

.sectionBox.type1 .sectionSubText {  color: #404040; }
.sectionBox.type2 .sectionSubText {  color: #404040; }

.sectionBox .textWrapPrice { text-align: right; font-size: 30px; font-family: 'pretendardM'; }
.sectionBox .textWrapPrice span.priceNum { font-size: 60px; font-family: 'pretendardB'; letter-spacing: -0.15vw; }

.sectionBox.type1 .textWrapPrice span.priceNum { color: #ff793e; }
.sectionBox.type2 .textWrapPrice span.priceNum { color: #0041af; }
.sectionBox.type3 .textWrapPrice span.priceNum { color: red; }

.sectionBox .textWrapPrice span.priceSale { text-decoration: line-through; color: #a0a0a0; font-family: 'pretendardL'; margin-right: 20px; }


/* 메뉴 이동 버튼 *
.buttonWrap { background-image: url(../images/btn/2403-1_button_bg.jpg); background-repeat: repeat; padding: 20px 50px 50px 50px; margin-bottom:-100px;}
.buttonWrap .buttonBox { padding-bottom: 13px; }
.buttonWrap .buttonBox div:not(:last-child) { padding-right: 13px; }
.buttonWrap .buttonBox .buttonImg { display: table-cell; }
.buttonWrap .buttonBox .buttonImg img { width: 100%; }


/* 탭메뉴 */
.optTab { margin: -2px auto 0; position: relative; overflow: hidden; background: #000; display: grid; }
.optTab.sticky { position: fixed; top: 0; width: 100%; max-width: 980px; z-index: 25; left: 50%; transform: translateX(-50%); }

.optTab li { float: left; display: inline-table; vertical-align: top; /*height: 90px;*/ border-top: 0; border-left: 1px solid #555; outline: 0; cursor: pointer; box-sizing: border-box; }
.optTab .col3 {border-bottom: 1px solid #555; }
.optTab .col3 li { width: 33.33%; height: 80px; }
.optTab .col4 li { width: 25%; height: 60px; }

.optTab li:first-child { border-left: 0; }
.optTab li span { display: table-cell; font-family: 'pretendardR'; line-height: 1.2; font-size: 20px; font-weight: 300; letter-spacing: -2px; color: #fff; vertical-align: middle; text-align: center; }
.optTab li strong { color: #f4d4c3; }

/*.optTab li.active span { font-weight: 600; }*/


/* 전후사진 */
.sectionSwiper { margin: 0px 40px 40px 40px;  background: #ffffff; /*padding: 20px 20px;*/ }
.swiper-wrapper { display: flex; }
.swiper-slide {
    text-align: center;
    justify-content: center;

}
.swiper-slide img { width: 100%; }


/* 유튜브 */
.sectionWrap .sectionYoutube {padding-top:70%; background-image:url("../images/sectionImg1_1.jpg"); background-repeat:no-repeat; background-position:top center; background-size:contain;}
.sectionWrap .sectionYoutube .youtubeWrap {position:relative; width:82%; margin:0 auto;}
.sectionWrap .sectionYoutube .youtubeWrap .youtubeBox {position:relative; width:100%; height:0; padding-bottom:56.25%;}
.sectionWrap .sectionYoutube .youtubeWrap .youtubeBox iframe {position:absolute; width:100%; height:100%;}


/* 버튼 */
.btnShowPopup1, .btnShowPopup2 {position:fixed; bottom:0; left:50%; width:100%; max-width:490px; height:80px; line-height:80px; font-size:28px; color:#fff; text-align:center; cursor:pointer; vertical-align:middle; z-index:1; font-weight:600;}
.btnShowPopup1 {margin-left:-490px; background-color:#303030;}
.btnShowPopup2 {background-color:#dda478;}


/* 상담하기 */
#linkPopup { position:fixed; display:none; justify-content:center; align-items:center; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:10;}
#linkPopup .contWin {width:550px; font-size:16px; background-color:#ffffff; padding-bottom:50px;}
#linkPopup .contWin .closeBtnCell {text-align:right; padding:20px 20px 0 0;}
#linkPopup .contWin .closeBtnCell img {width:30px; cursor:pointer;}
#linkPopup .contWin > h2 {font-size:24px; font-weight:600; color:#dda478; text-align:center; font-family: 'pretendardB';}
#linkPopup .contWin > p {font-size:16px; color:#555; text-align:center; padding:0.5em; font-family: 'pretendardR';}
#linkPopup .contWin .btnWrap {padding:20px; margin:10px 20px; border:1px solid #e0e0e0; border-radius:5px;}
#linkPopup .contWin .btnWrap .flex-center {-webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; display:-webkit-box; display:-ms-flexbox; display:flex;}
#linkPopup .contWin .btnWrap .flex-center .left {min-width:50%; text-align:left; font-size:20px; font-family: 'pretendardB';}
#linkPopup .contWin .btnWrap .flex-center .right {min-width:50%; text-align:right; font-size:20px; font-family: 'pretendardR';}
#linkPopup .contWin .btnWrap .flex-wrap {-webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#linkPopup .contWin .btnWrap .v-top {vertical-align:top;}


/* 신청하기 */
#applyPopup {position:fixed; display:none; justify-content: center; align-items: center; left:0; top:0; width:100%; height:100%;  font-family: 'pretendardR'; background-color:rgba(0,0,0,0.7); z-index:10;}
#applyPopup .contWin {width:550px; font-size:16px; background-color:#ffffff;}
#applyPopup .contWin .closeBtnCell {text-align:right; padding:20px 20px 0 0;}
#applyPopup .contWin .closeBtnCell img {width:30px; cursor:pointer;}
#applyPopup .contWin .formWrap {color:#333; padding:10px 0; border-bottom:solid 1px #f0f0f0; margin:10px 20px;}
#applyPopup .contWin .formWrap .titleCell {margin-bottom:10px; font-weight:400;}
#applyPopup .contWin .formWrap .formCell select {width:100%; background-color:#ffffff;}
#applyPopup .contWin .formWrap .formCell input {width:100%; box-sizing: border-box; padding:5px; font-size:14px;  border: 0; }
#applyPopup .contWin .formWrap .formCell textarea {width:100%; height:70px; box-sizing: border-box; padding:5px; resize:none;}
#applyPopup .contWin .agreeCell { padding:20px; padding-top:10px;}
#applyPopup .contWin .agreeCell > div {}
#applyPopup .contWin .agreeCell label {font-size:14px; color:#999;}
#applyPopup .contWin .agreeCell label a {color:#999; text-decoration: none;}
#applyPopup .contWin .agreeCell label input {vertical-align: middle;}
#applyPopup .contWin .btnApply {display:block; width:100%; font-size:24px; color:#ffffff; padding:20px 0; text-align:center; cursor:pointer; background-color:#dda478; font-weight:600;}


@media(max-width:800px){

    .btnShowPopup1 {width:50%; margin-left:-50%;}
    .btnShowPopup2 {width:50%;}
    #linkPopup .contWin {width:90%;}
    #applyPopup .contWin {width:90%;}
}


@media (max-width: 768px){

    .contBox { padding-bottom: 50px; }

    .footerImg { margin-bottom: 20px; }

    .sectionBox { margin: 0px 20px 10px 20px; padding: 20px 15px;  background: #ffffff; }

    .sectionBox .sectionTextBox { margin-bottom: 10px; }
    .sectionBox .sectionTextWrap .sectionCheck input { width: 18px; height: 18px; margin-top: 5px; }
    .sectionBox .sectionTextWrap .sectionMainText { font-size: 20px; margin-left: 10px; line-height: 24px; }
    .sectionBox .sectionSubText { font-size: 14px; padding-left: 28px; }
    .sectionBox .subText { font-size: 12px; padding-left: 28px; }
    .sectionBox .subText_red { font-size: 12px; padding-left: 28px; }
    .sectionBox .subText_red2 { font-size: 12px; /* padding-left: 28px; */}

    .sectionBox .textWrapPrice span.priceNum { font-size: 26px; letter-spacing: -0.3vw; }
    .sectionBox .textWrapPrice span.priceSale { margin-right: 10px; font-size: 14px; letter-spacing: -0.15vw; }
    .sectionBox .textWrapPrice { font-size: 16px; }

    /* 메뉴 이동 버튼 *
    .buttonWrap { padding: 15px 20px 20px 20px }
    .buttonWrap .buttonBox { padding-bottom: 5px; }
    .buttonWrap .buttonBox div:not(:last-child) { padding-right: 5px; }

    /* 탭메뉴 */
    /*.optTab li { height: 70px; }*/
    .optTab .col3 li { width: 33.33%; height: 60px; }
    .optTab .col4 li { width: 25%; height: 40px; }

    .optTab li span { font-size: 14px; }

    /*swiper*/
    .sectionSwiper { margin: 0px 20px 20px 20px;  background: #ffffff; /*padding: 20px 15px;*/ }
    /*.swiper-slide img { width: 94%; }*/

    .btnShowPopup1, .btnShowPopup2 {height:60px; line-height: 60px; font-size:18px;}

    /* 상담하기 */
    #linkPopup .contWin {width:90%; padding-bottom:40px;}
    #linkPopup .contWin .closeBtnCell {padding:15px 15px 0 0;}
    #linkPopup .contWin .closeBtnCell img {width:25px;}
    #linkPopup .contWin > h2 {font-size:18px;}
    #linkPopup .contWin > p {font-size:14px; /*padding:0.5em;*/}
    #linkPopup .contWin .btnWrap {padding:15px; margin:10px 15px; border:1px solid #e0e0e0; border-radius:5px;}
    #linkPopup .contWin .btnWrap .flex-center .left {font-size:16px;}
    #linkPopup .contWin .btnWrap .flex-center .right {font-size:16px;}

    /* 신청하기 */
    #applyPopup .contWin {width:90%;}
    #applyPopup .contWin .closeBtnCell {padding:15px 15px 0 0;}
    #applyPopup .contWin .closeBtnCell img {width:25px;}
    #applyPopup .contWin .formWrap {margin:5px 15px;}
    #applyPopup .contWin .formWrap .titleCell {margin-bottom:5px; font-size: 14px;}
    #applyPopup .contWin .agreeCell {padding:5px 15px 15px 15px;}
    #applyPopup .contWin .agreeCell label {font-size:12px; line-height:5vw;}
    #applyPopup .contWin .btnApply {font-size:18px; padding:15px 0;}

}