@charset "utf-8";

.reservation_div{text-align: center;margin-top: 30px;display: inline-block;width: 100%;}
.reservation_div .turtle_btn1{margin: 0 auto;}
@media screen and (max-width:767px){
    .reservation_div .turtle_btn1{width: 100%}
}

.turtle_btn1 {display:flex; justify-content:center; align-items:center; width:240px; height:70px; background:#0472c7; border-radius:10px; font-size:1.25em; color:#fff; font-weight:700; text-align:center; transition:all 0.5s; transition-property:background, color;}
.turtle_btn1:hover {background:#0163af;}
.turtle_btn1.white {background:rgba(255,255,255,0.3); border:2px solid #fff;}
.turtle_btn1.white:hover {background:#fff; color:#0472c7;}
.turtle_btn1.gray {background:#a4a4a4;}
.turtle_btn1.gray:hover {background:#191919;}

.btn_wrap1 {display:flex; justify-content:center;}
.btn_wrap1 a {margin:0 2.5px;}

@media screen and (max-width:1024px){
    .turtle_btn1 {width:180px; height:55px; font-size:1em;}
}

@media screen and (max-width:767px){
    .turtle_btn1 {width:130px; height:38px; border-radius:5px;}
}


/* header */
#header {display:flex; justify-content:space-between; align-items:center; width:100%; height:110px; padding:0 50px; position:fixed; left:0; top:0; z-index:30}

#logo {width:80px; height:80px; background:url(../images/logo_w.png) no-repeat center center; background-size:contain;}
#logo a {display:block; width:100%; height:100%;}

#gnb > ul > li {margin-bottom:30px; overflow:hidden;}
#gnb > ul > li:last-child {margin-bottom:0;}
#gnb > ul > li > a {display:inline-block; font-size:2.9vw; font-weight:900; transform:translateY(100%); transition:transform 0.85s ease-in-out; transition-delay:0s;}

#all_gnb {width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10; overflow:hidden; visibility:hidden; transition:visibility 0s; transition-delay:0.9s;}
#all_gnb > div {float:left; height:100%; padding:150px 7vw;}
#all_gnb .gnb_box {width:58%; background:#fff; transform:translateY(100%)}
#all_gnb .info_box {width:42%; background:#111; transform:translateY(-100%)}
#all_gnb .info_box ul li {font-size:1.5em; color:#fff; line-height:1.5em; font-weight:500; overflow:hidden;}
#all_gnb .info_box ul li p {transform:translateY(100%); transition:transform 0.85s ease-in-out; transition-delay:0s;}
#all_gnb .info_box .copy {font-size:1.25em; color:#fff; line-height:1.5em; font-weight:500; margin-top:70px; overflow:hidden;}
#all_gnb .info_box .copy p {transform:translateY(100%); transition:transform 0.85s ease-in-out; transition-delay:0s;}

#menuToggle {display:block; width:40px; height:40px; position:relative; z-index:15;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:4px; background:#fff; position:absolute; left:0; transition:all 0.5s;}
#menuToggle:before {top:50%; margin-top:-9px;}
#menuToggle:after {bottom:50%; margin-bottom:-9px;}

#menuToggle:hover:before {margin-top:-2px;}
#menuToggle:hover:after {margin-bottom:-2px;}


#header.scroll_on #logo {background-image:url(../images/logo.png)}

#header.scroll_on #menuToggle:before, #header.scroll_on #menuToggle:after {background:#191919;}

#header.on #gnb > ul > li > a {transform:translateY(0); transition-delay:0.9s;}

#header.on #all_gnb {visibility:visible; transition-delay:0s;}
#header.on #all_gnb .gnb_box {animation:allGnb1_1 0.85s ease-in-out both;}
#header.out #all_gnb .gnb_box {animation:allGnb1_2 0.85s ease-in-out both;}
#header.on #all_gnb .info_box {animation:allGnb2_1 0.85s ease-in-out both;}
#header.out #all_gnb .info_box {animation:allGnb2_2 0.85s ease-in-out both;}
#header.on #all_gnb .info_box ul li p, #header.on #all_gnb .info_box .copy p {transform:translateY(0); transition-delay:0.9s;}

#header.on #menuToggle:before, #header.on #menuToggle:after {background:#fff;}
#header.on #menuToggle:before {transform:translateY(-2px) rotate(45deg); margin-top:0;}
#header.on #menuToggle:after {transform:translateY(2px) rotate(-45deg); margin-bottom:0;}

@keyframes allGnb1_1 {
    from {transform:translateY(100%);} 
    to {transform:translateY(0);}
}
@keyframes allGnb1_2 {
    from {transform:translateY(0);} 
    to {transform:translateY(-100%);}
}
@keyframes allGnb2_1 {
    from {transform:translateY(-100%);} 
    to {transform:translateY(0);}
}
@keyframes allGnb2_2 {
    from {transform:translateY(0);} 
    to {transform:translateY(100%);}
}

@media screen and (max-width:1220px){
    #header {padding:0 6%;}

    #gnb > ul > li > a {font-size:4vw}

    #all_gnb > div {padding-left:6vw; padding-right:6vw;}
    #all_gnb .info_box ul li {font-size:1.3em;}
    #all_gnb .info_box .copy {font-size:1.25em;}

}

@media screen and (max-width:1024px){
    #header {height:55px;}

    #logo {width:45px; height:45px;}

    #gnb > ul > li {margin-bottom:15px;}
    #gnb > ul > li > a {font-size:2.4em;}

    #all_gnb > div {float:none;}
    #all_gnb .gnb_box {width:100%; padding-top:80px; transform:translateY(-100%)}
    #all_gnb .info_box {width:100%; height:auto; position:absolute; left:0; bottom:0; padding:3% 6%; transform:translateY(100%)}
    #all_gnb .info_box ul li {font-size:0.9375em; font-weight:400;}
    #all_gnb .info_box .copy {font-size:0.875em; font-weight:400; margin-top:1.5%;}

    #menuToggle {width:30px; height:30px;}
    #menuToggle:before, #menuToggle:after {height:2px;}
    #menuToggle:before {margin-top:-5px;}
    #menuToggle:after {margin-bottom:-5px;}
    
    #menuToggle:hover:before {margin-top:-1px;}
    #menuToggle:hover:after {margin-bottom:-1px;}

    #header.on #menuToggle:before, #header.on #menuToggle:after {background:#191919;}
    #header.on #menuToggle:before {transform:translateY(-1px) rotate(45deg); margin-top:0;}
    #header.on #menuToggle:after {transform:translateY(1px) rotate(-45deg); margin-bottom:0;}

    @keyframes allGnb1_1 {
        from {transform:translateY(-100%);} 
        to {transform:translateY(0);}
    }
    @keyframes allGnb2_1 {
        from {transform:translateY(100%);} 
        to {transform:translateY(0);}
    }
}

@media screen and (max-width:767px){
    #gnb > ul > li > a {font-size:2.2em;}
}


/* footer */
#footer {width:100%; padding:70px 0 60px; background:#f5f6f8; position:relative;}
#footer .inner {position:relative; padding-right:310px;}
#footer .f_logo {font-size:1.5em; line-height:1.25em; font-weight:700; padding-left:90px; position:relative; margin-bottom:30px;}
#footer .f_logo:before {content:''; display:block; width:70px; height:70px; background:url(../images/logo.png) no-repeat center center; background-size:contain; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#footer .f_info {overflow:hidden;}
#footer .f_info li {float:left; font-size:1em; color:#666; margin-top:10px;}
#footer .f_info li:nth-child(4) {clear:both;}
#footer .f_info li:after {content:''; display:inline-block; width:1px; height:19px; background:#a4a4a4; margin:0 12px; vertical-align:middle; position:relative; top:-2px;}
#footer .f_info li:last-child:after, #footer .f_info li:nth-child(3):after {display:none;}
#footer .copy {width:310px; font-size:1em; font-weight:700; text-align:right; position:absolute; right:0; bottom:0;}

@media screen and (max-width:1024px){
    #footer {padding:30px 0}
    #footer .inner {padding-right:250px;}
    #footer .f_logo {font-size:1em; padding-left:50px; margin-bottom:10px;}
    #footer .f_logo:before {width:40px; height:40px;}
    #footer .f_info li {font-size:0.875em;}
    #footer .f_info li:after {height:13px; top:-1px; margin:0 7px;}
    #footer .copy {width:250px; font-size:0.875em;}
}

@media screen and (max-width:767px){
    #footer .inner {padding-right:0;}
    #footer .f_info li {margin-top:5px;}
    #footer .copy {width:100%; text-align:left; margin-top:10px; position:relative;}
}

#Quick {position:fixed; right:50%; bottom:15px; margin-right:-600px; z-index:200; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibiltiy;}
#Quick .ch_btn {display:flex; justify-content:center; align-items:center; width:51px; height:51px; background:#ffdd00; border-radius:50%; margin-bottom:10px;}
#Quick .go_top {display:block; width:51px; height:85px; background:#0472c7; border-radius:26px; font-size:0.875em; color:#fff; font-weight:700; font-family:'Pretendard'; text-transform:uppercase;}
#Quick .go_top:before {content:'\f176'; display:block; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-bottom:15px;}
#Quick.on {opacity:1; visibility:visible;}
#Quick.end {position:absolute; bottom:100%; margin-bottom:-42px;}

@media screen and (max-width:1220px){
    #Quick {right:6%; margin-right:0;}
}

@media screen and (max-width:1024px){
    #Quick .ch_btn {width:45px; height:45px; margin-bottom:5px;}
    #Quick .ch_btn img {width:50%;}
    #Quick .go_top {width:45px; height:75px; font-size:0.625em; font-weight:500;}
    #Quick .go_top:before {margin-bottom:10px;}
    #Quick.end {margin-bottom:-37px;}
}

@media screen and (max-width:1024px){
    #Quick .ch_btn {width:35px; height:35px; margin-bottom:5px;}
    #Quick .ch_btn img {width:40%;}
    #Quick .go_top {width:35px; height:55px;}
    #Quick .go_top:before {margin-bottom:5px;}
    #Quick.end {margin-bottom:-27px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu video {min-width:100%; min-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0;}
#mVisu .wave {width:100%; height:155px; position:absolute; left:0; bottom:0; z-index:1;}
#mVisu .wave svg {height:450px; position:absolute; top:0; left:50%; transform:translateX(-50%)}
#mVisu .txt_box {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:5;}
#mVisu .txt_box .tit {width:calc(100% - 320px)}
#mVisu .txt_box .txt:after {content:''; display:inline-block; width:4px; height:50px; background:rgba(255,255,255,0.6); animation:typing 1s infinite; position:relative; top:-3px; vertical-align:middle;}
#mVisu .txt_box .tit p {font-size:7.5em; color:#fff; line-height:1em; font-weight:700; overflow:hidden;}
#mVisu .txt_box .tit p.point {font-size:8.125em; color:#ffee00; line-height:1.4em; font-weight:400; font-family:'Courgette'; margin-top:-60px;}
#mVisu .txt_box .tit p span {display:block;}
#mVisu .txt_box .txt {width:320px; min-height:2.66em; font-size:2em; color:#fff; line-height:1.33em; font-weight:700;}
#mVisu .txt_box .txt p {display:inline;}

@keyframes mVisuTxt {
    0% {width:0;}
    100% {width:auto;}
}

@keyframes typing {
    0% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:0;}
}

@media screen and (max-width:1220px){
    #mVisu .txt_box .tit p {font-size:6.5em}
    #mVisu .txt_box .tit p.point {font-size:7em;}
}

@media screen and (max-width:1024px){
    #mVisu .wave {height:105px;}
    #mVisu .wave svg {height:300px;}
    #mVisu .txt_box .tit {width:calc(100% - 230px)}
    #mVisu .txt_box .tit p {font-size:5em}
    #mVisu .txt_box .tit p.point {font-size:5.3em; margin-top:-35px;}
    #mVisu .txt_box .txt {width:230px; font-size:2em;}
    #mVisu .txt_box .txt:after {width:3px; height:35px;}
}

@media screen and (max-width:767px){
    #mVisu .wave {height:45px;}
    #mVisu .wave svg {height:120px;}
    #mVisu .txt_box {display:block;}
    #mVisu .txt_box .tit {width:100%;}
    #mVisu .txt_box .tit p {font-size:3.5em;}
    #mVisu .txt_box .tit p.point {font-size:4em; margin-top:-20px;}
    #mVisu .txt_box .txt {width:100%; font-size:2.3em; margin-top:5%;}
    #mVisu .txt_box .txt:after {height:20px; top:-1px;}

    #mVisu .txt_box .turtle_btn1{width: 90%;height:45px; text-align: center;margin-top: 20px;font-size: 16px}
}


#mCompany > div {padding:150px 0 160px;}
#mCompany .tit_box {text-align:center;}
#mCompany .tit_box .tit {font-size:3.125em; line-height:1.4em; font-weight:700;}
#mCompany .tit_box .txt {font-size:1.875em; line-height:1.5em; margin-top:25px;}
.mCompany_slide_wrap {margin-top:100px; position:relative;}
.mCompany_slide_wrap .tab_box {width:calc(100% - 858px); background:#dcdcdc; position:absolute; right:78px; bottom:170px; margin-bottom:14px; z-index:30; overflow:hidden;}
.mCompany_slide_wrap .tab_box:before {content:''; display:block; width:0; height:100%; background:#0472c7; position:absolute; left:0; top:0; transition:width 0.8s linear;}
.mCompany_slide_wrap .tab_box li {float:left; width:33.33%; height:2px; position:relative; z-index:5;}
.mCompany_slide_wrap .tab_box li button {display:block; width:100%; height:100%;}
.mCompany_slide_wrap .tab_box[data-slide="0"]:before {width:33.33%;}
.mCompany_slide_wrap .tab_box[data-slide="1"]:before {width:66.66%;}
.mCompany_slide_wrap .tab_box[data-slide="2"]:before {width:100%;}
.mCompany_slide .swiper-slide {background:#fff; overflow:hidden;}
.mCompany_slide .img_box {float:left; width:550px; height:700px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:260px;}
.mCompany_slide dl {float:left; width:calc(100% - 550px); padding:170px 0 0 150px;}
.mCompany_slide dl dt, .mCompany_slide dl dd {opacity:0; transform:translateX(70px); transition:all 0.7s; transition-property:opacity, transform;}
.mCompany_slide dl dt {font-size:2.18em; line-height:1.4em; font-weight:700;}
.mCompany_slide dl dt span {font-size:1.42em; color:#0472c7; font-weight:400; font-family:'Courgette'; margin-right:10px;}
.mCompany_slide dl dd {font-size:1.5em; color:#666; line-height:1.66em; margin-top:50px;}
.mCompany_slide .swiper-button-prev, .mCompany_slide .swiper-button-next {width:30px; height:30px; font-size:1.5em; color:#191919; top:auto; bottom:170px; right:auto; left:550px; margin-top:0;}
.mCompany_slide .swiper-button-prev {margin-left:150px;}
.mCompany_slide .swiper-button-next {margin-left:185px;}
.mCompany_slide .swiper-button-prev:after, .mCompany_slide .swiper-button-next:after {font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.mCompany_slide .swiper-button-prev:after {content:'\f053';}
.mCompany_slide .swiper-button-next:after {content:'\f054';}
.mCompany_slide .swiper-pagination-fraction {display:flex; justify-content:space-between; align-items:center; font-size:1.25em; color:#191919; line-height:30px; bottom:170px; width:50px; left:auto; right:0;}
.mCompany_slide .swiper-pagination-current {color:#0472c7; font-weight:700;}

.mCompany_slide .swiper-slide-active dl dt, .mCompany_slide .swiper-slide-active dl dd {opacity:1; transform:translateX(0)}
.mCompany_slide .swiper-slide-active dl dd {transition-delay:0.3s;}

#mCompany .guide {width:100%; margin-top:150px;}
#mCompany .guide .tit {font-size:1.5em; line-height:1.4em; font-weight:700; margin-bottom:30px;}
#mCompany .guide ul {display:flex; flex-wrap:wrap; width:100%;}
#mCompany .guide ul li {width:calc(25% - 15px); height:100px; background:#f8f9fc; border-radius:15px; margin-right:20px;}
#mCompany .guide ul li:nth-child(4n) {margin-right:0;}
#mCompany .guide ul li:nth-child(4) ~ li {margin-top:20px;}
#mCompany .guide ul li dl {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#mCompany .guide ul li dl dt {font-size:1.125em; font-weight:700;}
#mCompany .guide ul li dl dt i {font-size:1.44em; margin-right:15px; vertical-align:middle;}
#mCompany .guide ul li dl dd {font-size:1.25em; color:#666; margin-left:20px;}

@media screen and (max-width:1220px){
    .mCompany_slide_wrap .tab_box {width:calc(55% - 228px); bottom:10vw;}
    .mCompany_slide .img_box {width:45%; height:53vw;}
    .mCompany_slide dl {width:55%; padding:10% 0 0 70px;}
    .mCompany_slide dl dd .mo_br {display:none;}
    .mCompany_slide .swiper-button-prev, .mCompany_slide .swiper-button-next {bottom:10vw; left:45%;}
    .mCompany_slide .swiper-button-prev {margin-left:70px;}
    .mCompany_slide .swiper-button-next {margin-left:105px;}
    .mCompany_slide .swiper-pagination-fraction {bottom:10vw;}
}

@media screen and (max-width:1024px){
    #mCompany > div{padding:15% 0;}
    #mCompany .tit_box .tit {font-size:2.5em;}
    #mCompany .tit_box .txt {font-size:1.5em; margin-top:15px;}
    .mCompany_slide_wrap {margin-top:10%;}
    .mCompany_slide_wrap .tab_box {width:calc(60% - 178px);}
    .mCompany_slide .img_box {width:40%; height:48vw;}
    .mCompany_slide dl {width:60%; padding-left:30px;}
    .mCompany_slide dl dt {font-size:1.7em;}
    .mCompany_slide dl dt span {margin-right:5px;}
    .mCompany_slide dl dd {font-size:1.3em; margin-top:20px;}
    .mCompany_slide .swiper-button-prev, .mCompany_slide .swiper-button-next {font-size:1.3em; left:40%;}
    .mCompany_slide .swiper-button-prev {margin-left:30px;}
    .mCompany_slide .swiper-button-next {margin-left:55px;}
    .mCompany_slide .swiper-pagination-fraction {font-size:1.125em;}

    #mCompany .guide {margin-top:15%;}
    #mCompany .guide .tit {font-size:1.3em; margin-bottom:3%;}
    #mCompany .guide ul li {width:calc(25% - 7.5px); margin-right:10px;}
    #mCompany .guide ul li:nth-child(4) ~ li {margin-top:10px;}
    #mCompany .guide ul li dl {flex-direction:column;}
    #mCompany .guide ul li dl dt {font-size:1em;}
    #mCompany .guide ul li dl dt i {font-size:1.2em; margin-right:5px;}
    #mCompany .guide ul li dl dd {font-size:1.125em; margin-top:10px; margin-left:0;}
}

@media screen and (max-width:767px){
    #mCompany .tit_box .tit {font-size:2.2em;}
    #mCompany .tit_box .txt {font-size:1.125em; margin-top:5px;}
    .mCompany_slide_wrap {margin-top:7%; padding-bottom:50px;}
    .mCompany_slide_wrap .tab_box {width:calc(100% - 120px); bottom:0; right:65px;}
    .mCompany_slide .img_box {float:none; width:80vw; height:80vw; border-radius:50vw; margin:0 auto;}
    .mCompany_slide dl {float:none; width:100%; padding:0; text-align:center; margin-top:20px;}
    .mCompany_slide dl dt {font-size:1.4em;}
    .mCompany_slide dl dd {font-size:1em; margin-top:5px;}
    .mCompany_slide .swiper-button-prev, .mCompany_slide .swiper-button-next {font-size:1.2em; bottom:0; left:0;}
    .mCompany_slide .swiper-button-prev {margin-left:0;}
    .mCompany_slide .swiper-button-next {margin-left:20px;}
    .mCompany_slide .swiper-pagination-fraction {width:40px; font-size:1em; bottom:0;}

    #mCompany .guide ul li {width:calc(50% - 5px); height:80px;}
    #mCompany .guide ul li:nth-child(even) {margin-right:0;}
    #mCompany .guide ul li:nth-child(2) ~ li {margin-top:10px;}
    #mCompany .guide ul li dl dd {font-size:1em; margin-top:7px;}
}


#mTour {display:flex; justify-content:center; align-items:center; width:100%; height:700px; background:url(../images/mTourBG.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; text-align:center;}
#mTour .tit1 {font-size:3.125em; color:#fff; line-height:1.3em; font-weight:700;}
#mTour .tit2 {font-size:6.25em; color:#ffee00; line-height:1.3em; font-family:'Courgette'; margin-top:-40px;}
#mTour .btn_box {display:flex; justify-content:center; margin-top:70px;}
#mTour .btn_box a:not(:last-child) {margin-right:10px;}

@media screen and (max-width:1024px){
    #mTour {height:auto; padding:15% 0; background-attachment:unset;}
    #mTour .tit1 {font-size:2.7em;}
    #mTour .tit2 {font-size:5em; margin-top:-25px;}
    #mTour .btn_box {margin-top:5%;}
    #mTour .btn_box a:not(:last-child) {margin-right:5px;}
}

@media screen and (max-width:767px){
    #mTour .tit1 {font-size:2.2em;}
    #mTour .tit2 {font-size:3.5em; margin-top:-17px;}
}


#mReview > div {display:flex; align-items:center; flex-wrap:wrap; padding:150px 0;}
#mReview .txt_box {width:500px;}
#mReview .txt_box .tit {min-height:2.75em; font-size:2.5em; line-height:1.375em; font-weight:700;}
#mReview .txt_box .tit p {display:inline;}
#mReview .txt_box .tit:after {content:''; display:inline-block; width:4px; height:50px; background:rgba(25,25,25,0.6); animation:typing 1s infinite; position:relative; top:-3px; vertical-align:middle;}
#mReview .txt_box .txt {font-size:1.5em; color:#666; line-height:1.66em; margin:35px 0 50px;}
#mReview .youtube_box {width:calc(100% - 500px); height:415px;}
#mReview .youtube_box iframe {width:100%; height:100%;}

@media screen and (max-width:1220px){
    #mReview .txt_box {width:420px;}
    #mReview .youtube_box {width:calc(100% - 420px); height:35vw;}
}

@media screen and (max-width:1024px){
    #mReview > div {padding:15% 0;}
    #mReview .txt_box {width:310px;}
    #mReview .txt_box .tit {font-size:2em;}
    #mReview .txt_box .tit:after {width:3px; height:35px;}
    #mReview .txt_box .txt {font-size:1.3em; margin:20px 0 30px;}
    #mReview .youtube_box {width:calc(100% - 310px); height:35vw;}
}

@media screen and (max-width:767px){
    #mReview .txt_box {width:100%;}
    #mReview .txt_box .tit {font-size:1.7em;}
    #mReview .txt_box .tit:after {height:20px; top:-1px;}
    #mReview .txt_box .txt {font-size:1.125em; margin:5px 0 15px;}
    #mReview .youtube_box {width:100%; height:48vw; margin-top:35px;}
}


#mGallery > div {padding-bottom:100px;}
.mGallery_slide {position:relative;}
.mGallery_slide a {display:block; width:100%; border-radius:15px; overflow:hidden;}
.mGallery_slide a img {width:100%;}

@media screen and (max-width:1024px){
    #mGallery > div {padding-bottom:10%;}
}



/* sub */
#sVisu {width:120%; height:450px; padding-top:190px; text-align:center; position:relative; left:-10%; overflow:hidden; border-radius:0 0 50% 50%;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; background-size:cover; position:absolute; left:0; top:0; opacity:0; transform:scale(1.1); animation:sVisu 3s ease-in-out forwards;}
#sVisu > div {position:relative; z-index:10;}
#sVisu h2 {font-size:3.75em; color:#fff; line-height:1.3em; font-weight:700;}
#sVisu p {font-size:1.5em; color:rgba(255,255,255,0.5); font-weight:600; letter-spacing:0.2em; text-transform:uppercase; margin-top:10px;}

.sVisu1:before {background-image:url(../images/sVisu_img1.png)}
.sVisu2:before {background-image:url(../images/sVisu_img2.png)}
.sVisu3:before {background-image:url(../images/sVisu_img3.png)}
.sVisu4:before {background-image:url(../images/sVisu_img4.png)}
.sVisu5:before {background-image:url(../images/sVisu_img5.png)}
.sVisu6:before {background-image:url(../images/sVisu_img6.png)}

@keyframes sVisu {
    0% {opacity:0; transform:scale(1.1)}
    100% {opacity:1; transform:scale(1)}
}

@media screen and (max-width:1024px){
    #sVisu {width:140%; height:330px; padding-top:140px; left:-20%}
    #sVisu h2 {font-size:3em;}
    #sVisu p {font-size:1.3em}
}

@media screen and (max-width:767px){
    #sVisu {height:220px; padding-top:90px;}
    #sVisu h2 {font-size:2.2em;}
    #sVisu p {font-size:1.125em; margin-top:5px;}
}


#sub_content h3 {font-size:2.5em; line-height:1.5em; font-weight:700; margin-bottom:30px;}
#sub_content .item_detail_image {display: inline-block;width: 100%;text-align: center;margin-top: 20px;margin-bottom: 20px;}
#sub_content .item_detail_image img{width: 90%;}

#page_cont {padding:100px 0 150px;width: 860px;}

.sub_title {display:flex; justify-content:space-between; align-items:center;}
.sub_title h3 {margin-bottom:0 !important;}
.sub_title .s_txt1 {font-size:1.125em; font-weight:600;}

@media screen and (max-width:1024px){
    #sub_content h3 {font-size:2em; margin-bottom:3%;}

    #page_cont {padding:13% 0;width: 100%;}

    .sub_title .s_txt1 {font-size:1em;}
}

@media screen and (max-width:767px){
    #sub_content h3 {font-size:1.8em;width: 100%;}
}



.sIntroduction_case1 {overflow:hidden;}
.sIntroduction_case1 > div {float:left; clear:both; position:relative;}
.sIntroduction_case1 > div .img_box {width:400px; height:550px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:200px;}
.sIntroduction_case1 > div dl {position:absolute; left:100%; top:50%; transform:translateY(-50%); white-space:nowrap; padding-left:100px;}
.sIntroduction_case1 > div dl dt {font-size:2.5em; line-height:1.3em; font-weight:300;}
.sIntroduction_case1 > div dl dt strong {display:block; font-weight:700;}
.sIntroduction_case1 > div dl dd {font-size:1.25em; color:#666; line-height:1.75em; margin-top:25px;}

.sIntroduction_case1 > div:nth-child(even) {float:right;}
.sIntroduction_case1 > div:nth-child(even) dl {left:auto; right:100%; padding-left:0; padding-right:100px;}

@media screen and (max-width:1220px){
    .sIntroduction_case1 > div {float:none; display:flex; align-items:center; flex-wrap:wrap;}
    .sIntroduction_case1 > div .img_box {width:38%; height:45vw;}
    .sIntroduction_case1 > div dl {width:62%; position:relative; left:0; top:0; transform:translateY(0); padding-left:50px;}

    .sIntroduction_case1 > div:nth-child(even) {float:none; flex-direction:row-reverse;}
    .sIntroduction_case1 > div:nth-child(even) dl {right:0; padding-right:50px;}
}

@media screen and (max-width:1024px){
    .sIntroduction_case1 > div dl {padding-left:30px; white-space:normal;}
    .sIntroduction_case1 > div dl dt {font-size:2em;}
    .sIntroduction_case1 > div dl dd {font-size:1.125em; margin-top:15px;}

    .sIntroduction_case1 > div:nth-child(even) dl {padding-right:30px;}
}

@media screen and (max-width:767px){
    .sIntroduction_case1 > div {justify-content:center; margin-bottom:10%;}
    .sIntroduction_case1 > div:last-child {margin-bottom:0;}
    .sIntroduction_case1 > div .img_box {width:75vw; height:75vw; border-radius:50%;}
    .sIntroduction_case1 > div dl {width:100%; padding-left:0; margin-top:5%; text-align:center;}
    .sIntroduction_case1 > div dl dt {font-size:1.7em;}
    .sIntroduction_case1 > div dl dd {font-size:1em; margin-top:5px;}

    .sIntroduction_case1 > div:nth-child(even) {flex-direction:row;}
    .sIntroduction_case1 > div:nth-child(even) dl {padding-right:0;}
}



.sGuide_case1 table {width:100%; border-top:2px solid #191919;}
.sGuide_case1 table tbody th {width:300px; background:#f8f9fc; border-bottom:1px solid #bebebe; font-size:1.25em; line-height:1.6em; font-weight:700; padding:20px 0;}
.sGuide_case1 table tbody th span {display:block; color:#666; font-weight:400;}
.sGuide_case1 table tbody td {border-bottom:1px solid #bebebe; font-size:1.25em; color:#666; line-height:1.75em; padding:20px 50px;}
.sGuide_case1 table tbody td dl {overflow:hidden;}
.sGuide_case1 table tbody td dl dt {float:left; width:60px; color:#191919; font-weight:600; clear:both;}
.sGuide_case1 table tbody td dl dd {float:left; width:calc(100% - 60px)}
.sGuide_case1 table tbody td .line {text-decoration:line-through; margin-right:15px;}
.sGuide_case1 table tbody td strong {font-weight:700;}

.sGuide_case2 li {font-size:1.25em; color:#666; line-height:1.5em; margin-bottom:10px; padding-left:20px; position:relative;}
.sGuide_case2 li:last-child {margin-bottom:0;}
.sGuide_case2 li:before {content:''; display:block; width:4px; height:4px; background:#191919; border-radius:50%; position:absolute; left:0; top:13px;}

@media screen and (max-width:1024px){
    .sGuide_case1 table tbody th {width:200px; font-size:1.125em; padding:20px 0;}
    .sGuide_case1 table tbody td {font-size:1.125em; padding:20px 30px;}
    .sGuide_case1 table tbody td dl dt {width:50px;}
    .sGuide_case1 table tbody td dl dd {width:calc(100% - 50px)}
    .sGuide_case1 table tbody td .line {margin-right:10px;}

    .sGuide_case2 li {font-size:1.125em; padding-left:15px;}
    .sGuide_case2 li:before {top:10px;}
}

@media screen and (max-width:767px){
    .sGuide_case1 table tbody th {width:100px; font-size:1em; padding:13px 0;}
    .sGuide_case1 table tbody td {font-size:1em; padding:13px;}
    .sGuide_case1 table tbody td dl dt {width:40px;}
    .sGuide_case1 table tbody td dl dd {width:calc(100% - 40px)}
    .sGuide_case1 table tbody td .line {display:block; margin-right:0;}

    .sGuide_case2 li {font-size:1em; padding-left:10px; margin-bottom:7px;}
    .sGuide_case2 li:before {width:3px; height:3px; top:8px;}
}


.sStory_case1 {width:100%; height:711px;}
.sStory_case1 iframe {width:100%; height:100%;}

.sStory_case2 .sub_title {border-bottom:2px solid #191919; padding-bottom:25px;}
.sStory_case2 .cont > div {padding:70px 0; border-bottom:1px solid #bebebe;}
.sStory_case2 .cont > div:last-child {padding-bottom:0; border-bottom:0;}
.sStory_case2 .cont > div .tit {font-size:1.875em; line-height:1.4em; margin-bottom:25px;}
.sStory_case2 .cont > div .txt {font-size:1.25em; color:#666; line-height:1.75em;}
.sStory_case2 .cont > div .txt_box {position:relative;}
.sStory_case2 .cont > div .txt_box .txt:not(:last-of-type) {margin-bottom:15px;}
.sStory_case2 .cont > div .txt_box.case2 {padding-right:calc(33.33% + 113px);}
.sStory_case2 .cont > div .txt_box.case2 .img_box {width:calc(33.33% - 13.33px); position:absolute; right:0; top:0;}
.sStory_case2 .cont > div .txt_box.case2 .img_box p {font-size:1em; color:#a4a4a4; line-height:1.4em; text-align:center; margin-top:20px;}
.sStory_case2 .cont > div .txt_box.case3 {padding-left:calc(33.33% + 113px)}
.sStory_case2 .cont > div .txt_box.case3 .img_box {width:calc(33.33% - 13.33px); position:absolute; left:0; top:0;}
.sStory_case2 .cont > div .img {width:100%; height:270px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sStory_slide p {font-size:1em; color:#a4a4a4; line-height:1.4em; text-align:center; margin-top:20px;}
.sStory_slide.case2 {position:relative; left:calc(33.33% + 7px)}

@media screen and (max-width:1220px){
    .sStory_case1 {height:48vw;}

    .sStory_case2 .cont > div .img {height:20vw;}

}

@media screen and (max-width:1024px){
    .sStory_case2 .sub_title {padding-bottom:2%;}
    .sStory_case2 .cont > div {padding:7% 0;}
    .sStory_case2 .cont > div .tit {font-size:1.5em; margin-bottom:15px;}
    .sStory_case2 .cont > div .txt {font-size:1.125em;}
    .sStory_case2 .cont > div .txt_box .txt:not(:last-of-type) {margin-bottom:10px;}
    .sStory_case2 .cont > div .txt_box.case2 {padding-right:35%;}
    .sStory_case2 .cont > div .txt_box.case2 .img_box p {margin-top:10px;}
    .sStory_case2 .cont > div .txt_box.case3 {padding-left:35%;}
    .sStory_slide p {margin-top:10px;}
    .sStory_slide.case2 {left:calc(33.33% + 3px)}
}

@media screen and (max-width:767px){
    .sStory_case2 .sub_title {display:block;}
    .sStory_case2 .cont > div .tit {font-size:1.3em; margin-bottom:10px;}
    .sStory_case2 .cont > div .txt {font-size:1em;}
    .sStory_case2 .cont > div .txt_box .txt:not(:last-of-type) {margin-bottom:5px;}
    .sStory_case2 .cont > div .txt_box.case2 {padding-right:0;}
    .sStory_case2 .cont > div .txt_box.case2 .img_box {width:100%; position:relative; margin-top:10px;}
    .sStory_case2 .cont > div .txt_box.case2 .img_box .img {height:53vw;}
    .sStory_case2 .cont > div .txt_box.case2 .img_box p {margin-top:5px;}
    .sStory_case2 .cont > div .txt_box.case3 {padding-left:0;}
    .sStory_case2 .cont > div .txt_box.case3 .img_box {width:100%; position:relative; margin-bottom:10px;}
    .sStory_case2 .cont > div .txt_box.case3 .img_box .img {height:53vw;}
    .sStory_case2 .cont > div .img {height:30vw;}
    .sStory_slide p {margin-top:5px;}
    .sStory_slide.case2 {left:0;}
}




/* --------------- 게시판 공통 소스 --------------- */
.form_radio {display:inline-block; position:relative;}
.form_radio input {width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:3;}
.form_radio label {display:inline-block; min-height:30px; padding-left:30px; position:relative;}
.form_radio label:before {content:''; display:block; width:30px; height:30px; background:#fff; border:1px solid #a4a4a4; border-radius:50%; position:absolute; left:0; top:0}
.form_radio label p {font-size:1.25em; color:#666; line-height:30px; padding-left:20px;}
.form_radio input:checked + label:after {content:''; display:block; width:16px; height:16px; background:#191919; border-radius:50%; position:absolute; left:7px; top:7px;}

@media screen and (max-width:1024px){
    .form_radio label {min-height:24px; padding-left:24px; }
    .form_radio label:before {width:24px; height:24px;}
    .form_radio label p {font-size:1.125em; line-height:24px; padding-left:10px;}
    .form_radio input:checked + label:after {width:12px; height:12px; left:6px; top:6px;}
}

@media screen and (max-width:767px){
    .form_radio label {min-height:20px; padding-left:20px; }
    .form_radio label:before {width:20px; height:20px;}
    .form_radio label p {font-size:1em; line-height:20px; padding-left:10px;}
    .form_radio input:checked + label:after {width:10px; height:10px; left:5px; top:5px;}
}


.form_checkbox {display:inline-block; position:relative;}
.form_checkbox input {width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:3;}
.form_checkbox label {display:inline-block; min-height:24px; padding-left:24px; position:relative;}
.form_checkbox label:before {content:''; display:block; width:24px; height:24px; line-height:22px; border:1px solid #a4a4a4; position:absolute; left:0; top:0}
.form_checkbox label p {font-size:1em; line-height:24px; font-weight:600; padding-left:15px;}
.form_checkbox input:checked + label:before {content:'\f00c'; background:#191919; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; text-align:center;}

@media screen and (max-width:1024px){
    .form_checkbox label {min-height:22px; padding-left:22px; }
    .form_checkbox label:before {width:22px; height:22px; line-height:20px;}
    .form_checkbox label p {line-height:22px; padding-left:10px;}
}

@media screen and (max-width:767px){
    .form_checkbox label {min-height:18px; padding-left:18px; }
    .form_checkbox label:before {width:18px; height:18px; line-height:16px;}
    .form_checkbox label p {line-height:18px; padding-left:5px;}
    .form_checkbox input:checked + label:before {font-size:0.875em;}
}


.form_select {display:block; position:relative;}
.form_select:after {content:'\f107'; font-size:1.125em; color:#666; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.form_select select {display:block; width:100%; height:60px; border:1px solid #a4a4a4; border-radius:0; font-size:1.125em; color:#a4a4a4; font-family:'Pretendard'; padding:0 40px 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form_select.on select {color:#666;}

@media screen and (max-width:1024px){
    .form_select:after {font-size:1em; right:15px;}
    .form_select select {height:45px; font-size:1em; padding:0 30px 0 15px;}
}

@media screen and (max-width:767px){
    .form_select:after {right:10px;}
    .form_select select {height:35px; padding:0 25px 0 10px;}
}


.form_text {display:block; width:100%; height:60px; border:1px solid #a4a4a4; border-radius:0; font-size:1.125em; color:#666; font-family:'Pretendard'; padding:0 20px;}
.form_text::placeholder {color:#a4a4a4;}
.form_text::-webkit-input-placeholder {color:#a4a4a4;}
.form_text:-ms-input-placeholder {color:#a4a4a4;}

@media screen and (max-width:1024px){
    .form_text {height:45px; font-size:1em; padding:0 15px;}
}

@media screen and (max-width:767px){
    .form_text {height:35px; padding:0 10px;}
}


.form_textarea {display:block; width:100%; height:300px; border:1px solid #a4a4a4; border-radius:0; font-size:1.125em; color:#666; line-height:1.83em; font-family:'Pretendard'; padding:20px; resize:none;}
.form_textarea::placeholder {color:#a4a4a4;}
.form_textarea::-webkit-input-placeholder {color:#a4a4a4;}
.form_textarea:-ms-input-placeholder {color:#a4a4a4;}

@media screen and (max-width:1024px){
    .form_textarea {height:200px; font-size:1em; padding:15px;}
}

@media screen and (max-width:767px){
    .form_textarea {height:80px; padding:10px;}
}


.form_file {overflow:hidden;}
.form_file li {float:left; width:80px; height:80px; margin:0 5px 5px 0; position:relative;}
.form_file li:last-child {margin-right:0;}
.form_file li .delete_btn {display:block; width:20px; height:20px; background:rgba(25,25,25,0.5); font-size:0.875em; color:#fff; position:absolute; right:0; top:0;}
.form_file li .delete_btn:before {content:'\f00d'; font-weight:300; font-family:'Font Awesome 6 Pro';}
.form_file li img {width:100%;}
.form_file li .file {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#191919; position:relative;}
.form_file li .file:before {content:'\2b'; font-size:1.5em; color:#fff; font-weight:300; font-family:'Font Awesome 6 Pro'}
.form_file li .file input {width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; opacity:0;}

@media screen and (max-width:1024px){
    .form_file li {width:60px; height:60px;}
    .form_file li .file:before {font-size:1.3em;}
}

@media screen and (max-width:767px){
    .form_file li {width:50px; height:50px;}
}



.board_half_box {overflow:hidden;}
.board_half_box > div {float:left; width:calc(50% - 15px); margin-right:30px;}
.board_half_box > div:last-child {margin-right:0;}

@media screen and (max-width:1024px){
    .board_half_box > div {width:calc(50% - 10px); margin-right:20px;}
}

@media screen and (max-width:767px){
    .board_half_box > div {float:none; width:100%; margin:0 0 10%;}
    .board_half_box > div:last-child {margin-bottom:0;}
}


.form_write_btn {display:block; width:130px; line-height:50px; background:#191919; border-radius:25px; font-size:1.125em; color:#fff; font-weight:700; text-align:center;}

@media screen and (max-width:1024px){
    .form_write_btn {width:100px; line-height:40px; font-size:1em;}
}

@media screen and (max-width:767px){
    .form_write_btn {width:70px; line-height:32px; font-size:0.875em;}
}


.board_paging {display:flex; justify-content:center; align-items:center; margin-top:70px;}
.board_paging > a {font-size:1.5em;}
.board_paging > a:before {font-weight:400; font-family:'Font Awesome 6 Pro'}
.board_paging > a.prev_btn:before {content:'\f104'}
.board_paging > a.next_btn:before {content:'\f105'}
.board_paging ul {display:flex; justify-content:center; align-items:center; margin:0 30px;}
.board_paging ul li {margin-right:20px;}
.board_paging ul li:last-child {margin-right:0;}
.board_paging ul li a {font-size:1.125em; color:#a4a4a4;}
.board_paging ul li.active a {color:#191919; font-weight:700;}

@media screen and (max-width:1024px){
    .board_paging {margin-top:7%;}
    .board_paging > a {font-size:1.3em;}
    .board_paging ul {margin:0 15px;}
    .board_paging ul li {margin-right:10px;}
    .board_paging ul li a {font-size:1em;}
}


/* 날짜선택 */
.board_date .tit {font-size:1.875em; line-height:1.4em; font-weight:700; padding-bottom:25px; border-bottom:1px solid #191919; margin-bottom:40px;}
.board_date > div {padding:0 30px;}
.board_date > div .month_box {display:flex; justify-content:center; align-items:center; margin-bottom:50px;}
.board_date > div .month_box button {display:block; width:35px; height:35px; font-size:1.5em; color:#191919;}
.board_date > div .month_box p {font-size:1.5em; line-height:1.3em; font-weight:700; margin:0 30px;}
.board_date > div .day_box ul {display:flex; align-items:center; flex-wrap:wrap; width:100%; text-align:center;}
.board_date > div .day_box ul li {width:14.28%}
.board_date > div .day_box .day {margin-bottom:15px;}
.board_date > div .day_box .day li {font-size:1.25em; font-weight:600;}
.board_date > div .day_box .number li {position:relative;}
.board_date > div .day_box .number li button {display:block; width:100%; height:52px; font-size:1.25em; color:#666; font-family:'Pretendard'; position:relative; z-index:5; transition:color 0.5s;}
.board_date > div .day_box .number li button:hover {color:#191919;}
.board_date > div .day_box .number li.active:before {content:''; display:block; width:52px; height:52px; background:#191919; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.board_date > div .day_box .number li.active button {color:#fff;}

@media screen and (max-width:1024px){
    .board_date .tit {font-size:1.5em; margin-bottom:20px; padding-bottom:15px;}
    .board_date > div {padding:0 15px;}
    .board_date > div .month_box {margin-bottom:20px;}
    .board_date > div .month_box button {width:30px; height:30px; font-size:1.3em;}
    .board_date > div .month_box p {font-size:1.3em; margin:0 15px;}
    .board_date > div .day_box .day {margin-bottom:7px;}
    .board_date > div .day_box .day li {font-size:1.125em;}
    .board_date > div .day_box .number li button {height:35px; font-size:1.125em;}
    .board_date > div .day_box .number li.active:before {width:35px; height:35px;}
}

@media screen and (max-width:767px){
    .board_date .tit {font-size:1.3em; margin-bottom:10px; padding-bottom:5px;}
    .board_date > div {padding:0 10px;}
    .board_date > div .month_box {margin-bottom:15px;}
    .board_date > div .month_box button {font-size:1.2em;}
    .board_date > div .month_box p {font-size:1.2em;}
    .board_date > div .day_box .day {margin-bottom:5px;}
    .board_date > div .day_box .day li {font-size:1em;}
    .board_date > div .day_box .number li button {height:30px; font-size:1em;}
    .board_date > div .day_box .number li.active:before {width:30px; height:30px;}
}


/* 투어정보 */
.board_tour .tit {font-size:1.875em; line-height:1.4em; font-weight:700; padding-bottom:25px; border-bottom:1px solid #191919; margin-bottom:40px;}
.board_tour > div {padding:0 30px;}
.board_tour > div > div {margin-bottom:50px;}
.board_tour > div > div:last-child {margin-bottom:0;}
.board_tour > div .tit1 {font-size:1.25em; font-weight:600; margin-bottom:20px;}
.board_tour > div .time_box ul li {margin-bottom:15px;}
.board_tour > div .time_box ul li:last-child {margin-bottom:0;}
.board_tour > div .headcount_box .select_box {display:flex;}
.board_tour > div .headcount_box .select_box > div {width:calc(33.33% - 6.66px); margin-right:10px;}
.board_tour > div .headcount_box .select_box > div:last-child {margin-right:0;}
.board_tour > div .headcount_box .txt1 {font-size:1em; color:#666; line-height:1.6em; margin-top:15px;}

@media screen and (max-width:1024px){
    .board_tour .tit {font-size:1.5em; margin-bottom:20px; padding-bottom:15px;}
    .board_tour > div {padding:0 15px;}
    .board_tour > div > div {margin-bottom:30px;}
    .board_tour > div .tit1 {font-size:1.125em; margin-bottom:10px;}
    .board_tour > div .time_box ul li {margin-bottom:10px;}
    .board_tour > div .headcount_box .select_box > div {width:calc(33.33% - 3.33px); margin-right:5px;}
    .board_tour > div .headcount_box .txt1 {margin-top:5px;}
}

@media screen and (max-width:767px){
    .board_tour .tit {font-size:1.3em; margin-bottom:10px; padding-bottom:5px;}
    .board_tour > div {padding:0 10px;}
    .board_tour > div > div {margin-bottom:20px;}
    .board_tour > div .time_box ul li {margin-bottom:5px;}
}


/* 예약자 정보 */
.board_info .tit {font-size:1.875em; line-height:1.4em; font-weight:700; padding-bottom:25px; border-bottom:1px solid #191919; margin-bottom:40px;}
.board_info > div {padding:0 30px;}
.board_info > div ul {overflow:hidden;}
.board_info > div ul li {float:left; display:flex; align-items:center; width:calc(50% - 30px); margin-right:60px;}
.board_info > div ul li:nth-child(even) {margin-right:0}
.board_info > div ul li:nth-child(2) ~ li {margin-top:10px;}
.board_info > div ul li label {width:130px; font-size:1.25em; font-weight:600;}
.board_info > div ul li div {width:calc(100% - 130px)}
.board_info > div .privacy_box {width:100%; height:200px; background:#f8f9fc; padding:40px 20px 40px 40px; margin-top:70px;}
.board_info > div .privacy_box > div {height:100%; overflow-y:auto; padding-right:20px;}
.board_info > div .privacy_box > div::-webkit-scrollbar {width:6px;}
.board_info > div .privacy_box > div::-webkit-scrollbar-thumb {background: #dcdcdc; border-radius:3px;}
.board_info > div .privacy_box > div::-webkit-scrollbar-track {background:#f8f9fc;}
.board_info > div .privacy_box .tit1 {font-size:1.25em; font-weight:600; margin-bottom:15px;}
.board_info > div .privacy_box .txt1 {font-size:1em; color:#666; line-height:1.68em;}
.board_info > div .check_box {display:flex; justify-content:end; margin-top:20px;}

@media screen and (max-width:1024px){
    .board_info .tit {font-size:1.5em; margin-bottom:20px; padding-bottom:15px;}
    .board_info > div {padding:0 15px;}
    .board_info > div ul li {width:calc(50% - 10px); margin-right:20px;}
    .board_info > div ul li:nth-child(2) ~ li {margin-top:5px;}
    .board_info > div ul li label {width:100px; font-size:1.125em;}
    .board_info > div ul li div {width:calc(100% - 100px)}
    .board_info > div .privacy_box {height:170px; padding:20px 10px 20px 20px; margin-top:7%;}
    .board_info > div .privacy_box .tit1 {font-size:1.125em; margin-bottom:5px;}
    .board_info > div .check_box {margin-top:10px;}
}

@media screen and (max-width:767px){
    .board_info .tit {font-size:1.3em; margin-bottom:10px; padding-bottom:5px;}
    .board_info > div {padding:0 10px;}
    .board_info > div ul li {float:none; width:100%; margin-right:0;}
    .board_info > div ul li:nth-child(1) ~ li {margin-top:5px;}
    .board_info > div ul li label {width:80px; font-size:1em;}
    .board_info > div ul li div {width:calc(100% - 80px)}
    .board_info > div .privacy_box {height:145px;}
}


/* 게시판 - review */
.board_review_wrap {display:flex; flex-wrap:wrap; width:100%;}
.board_review_wrap > div {width:calc(33.33% - 20px); background:#f8f9fc; border-radius:20px; margin-right:30px;}
.board_review_wrap > div:nth-child(3n) {margin-right:0;}
.board_review_wrap > div:nth-child(3) ~ div {margin-top:30px;}
.board_review_wrap > div a {display:block; padding:50px;}
.board_review_wrap > div .subject {font-size:1.25em; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_review_wrap > div .writer {font-size:1.125em; color:#666; margin-top:15px;}
.board_review_wrap > div .content {font-size:1.25em; color:#666; line-height:1.65em; margin-top:25px; height:4.95em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.board_review_wrap > div .img_box {margin-top:30px;}
.board_review_wrap > div .img_box img {width:100%;}

.board_review_popup {display:none; justify-content:center; align-items:center;width:100%; height:100vh; background:rgba(25,25,25,0.5); position:fixed; left:0; top:0; z-index:400;}
.board_review_popup.on {display:flex;}
.board_review_popup > div {overflow:hidden;}
.board_review_popup .close_btn {float:right; font-size:3.125em; color:#fff; margin-bottom:20px;}
.board_review_popup .close_btn:before {content:'\f00d'; font-weight:300; font-family:'Font Awesome 6 Pro'}
.board_review_popup .cont {width:100%; background:#fff; border-radius:20px; padding:50px; overflow:hidden;}
.board_review_popup .cont .txt_box {float:left; width:calc(100% - 594px); padding-right:30px;}
.board_review_popup .cont .txt_box .subject {font-size:1.25em; font-weight:700;}
.board_review_popup .cont .txt_box .writer {font-size:1.125em; color:#666; margin-top:15px;}
.board_review_popup .cont .txt_box .content {max-height:300px; overflow-y:auto; padding-right:30px;}
.board_review_popup .cont .txt_box .content::-webkit-scrollbar {width:6px;}
.board_review_popup .cont .txt_box .content::-webkit-scrollbar-thumb {background: #dcdcdc; border-radius:3px;}
.board_review_popup .cont .txt_box .content::-webkit-scrollbar-track {background:#fff;}
.board_review_popup .cont .txt_box .content p {font-size:1.25em; color:#666; line-height:1.65em; margin-top:10px;}
.board_review_popup .cont .txt_box .content p:first-of-type {margin-top:25px;}
.board_review_popup .cont .img_box {float:left; width:594px;}
.board_review_popup .cont .img_box ul {display:flex; justify-content:end; margin-top:20px;}
.board_review_popup .cont .img_box ul li:before {content:''; display:inline-block; width:1px; height:19px; background:#dcdcdc; vertical-align:middle; margin:0 15px;}
.board_review_popup .cont .img_box ul li:first-child:before {display:none;}
.board_review_popup .cont .img_box ul li a {display:inline-block; font-size:1em; color:#a4a4a4; font-weight:500;}
.reviewPopup_slide {position:relative;}
.reviewPopup_slide img {width:100%;}
.reviewPopup_slide .swiper-button-prev, .reviewPopup_slide .swiper-button-next {font-size:1.875em; color:#fff;}
.reviewPopup_slide .swiper-button-prev {left:20px;}
.reviewPopup_slide .swiper-button-next {right:20px;}
.reviewPopup_slide .swiper-button-prev:after, .reviewPopup_slide .swiper-button-next:after {font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.reviewPopup_slide .swiper-button-prev:after {content:'\f053'}
.reviewPopup_slide .swiper-button-next:after {content:'\f054'}
.reviewPopup_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:30px;}
.reviewPopup_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}
.reviewPopup_slide .swiper-pagination-bullet {width:6px; height:6px; background:#fff; opacity:0.5;}
.reviewPopup_slide .swiper-pagination-bullet-active {opacity:1;}
.board_review_popup .list_box {display:flex; justify-content:center; margin-top:30px;}
.board_review_popup .list_box a {display:block; width:60px; line-height:60px; background:#191919; border-radius:50%; font-size:1.25em; color:#fff; text-align:center; margin:0 5px;}
.board_review_popup .list_box a:before {font-weight:400; font-family:'Font Awesome 6 Pro'}
.board_review_popup .list_box a.prev_btn:before {content:'\f060'}
.board_review_popup .list_box a.next_btn:before {content:'\f061'}

@media screen and (max-width:1220px){
    .board_review_wrap > div a {padding:30px;}

    .board_review_popup .cont .txt_box {width:45%;}
    .board_review_popup .cont .img_box {width:55%;}
}

@media screen and (max-width:1024px){
    .board_review_wrap > div {width:calc(33.33% - 10px); margin-right:15px;}
    .board_review_wrap > div:nth-child(3) ~ div {margin-top:15px;}
    .board_review_wrap > div a {padding:15px;}
    .board_review_wrap > div .subject {font-size:1.125em;}
    .board_review_wrap > div .writer {font-size:1em; margin-top:10px;}
    .board_review_wrap > div .content {font-size:1em; margin-top:10px;}
    .board_review_wrap > div .img_box {margin-top:15px;}

    .board_review_popup .close_btn {font-size:2.5em; margin-bottom:10px;}
    .board_review_popup .cont {padding:25px;}
    .board_review_popup .cont .txt_box {width:50%; padding-right:15px;}
    .board_review_popup .cont .txt_box .subject {font-size:1.125em;}
    .board_review_popup .cont .txt_box .writer {font-size:1em; margin-top:10px;}
    .board_review_popup .cont .txt_box .content {max-height:22vw; padding-right:10px;}
    .board_review_popup .cont .txt_box .content p {font-size:1em; margin-top:10px;}
    .board_review_popup .cont .txt_box .content p:first-of-type {margin-top:15px}
    .board_review_popup .cont .img_box {width:50%;}
    .board_review_popup .cont .img_box ul {margin-top:10px;}
    .board_review_popup .cont .img_box ul li:before {height:17px; margin:0 10px;}
    .reviewPopup_slide .swiper-button-prev, .reviewPopup_slide .swiper-button-next {font-size:1.5em;}
    .reviewPopup_slide .swiper-button-prev {left:10px;}
    .reviewPopup_slide .swiper-button-next {right:10px;}
    .reviewPopup_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:10px;}
    .board_review_popup .list_box {margin-top:15px;}
    .board_review_popup .list_box a {width:50px; line-height:50px; font-size:1.125em;}
}

@media screen and (max-width:767px){
    .board_review_wrap > div {width:100%; margin-right:0;}
    .board_review_wrap > div:nth-child(1) ~ div {margin-top:10px;}
    .board_review_wrap > div .writer {margin-top:5px;}
    .board_review_wrap > div .content {height:3.3em; -webkit-line-clamp:2;}

    .board_review_popup .close_btn {font-size:2em; margin-bottom:5px;}
    .board_review_popup .cont {padding:15px;}
    .board_review_popup .cont .txt_box {float:none; width:100%; padding-right:0;}
    .board_review_popup .cont .txt_box .content {max-height:80px;}
    .board_review_popup .cont .img_box {float:none; width:100%; margin-top:10px;}
    .reviewPopup_slide .swiper-button-prev, .reviewPopup_slide .swiper-button-next {font-size:1.3em;}
    .reviewPopup_slide .swiper-button-prev {left:5px;}
    .reviewPopup_slide .swiper-button-next {right:5px;}
    .board_review_popup .list_box {margin-top:10px;}
    .board_review_popup .list_box a {width:32px; line-height:32px; font-size:1em; margin:0 3px;}
}



/* 게시판 - gallery */
.board_gallery_wrap {display:flex; flex-wrap:wrap; width:100%;}
.board_gallery_wrap > div {width:calc(33.33% - 20px); margin-right:30px;}
.board_gallery_wrap > div:nth-child(3n) {margin-right:0;}
.board_gallery_wrap > div:nth-child(3) ~ div {margin-top:30px;}
.board_gallery_wrap > div .img {overflow:hidden;}
.board_gallery_wrap > div .img img {display:block; width:100%; transition:transform 0.5s;}
.board_gallery_wrap > div:hover .img img {transform:scale(1.1)}

.board_gallery_popup {display:none; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.5); position:fixed; left:0; top:0; z-index:400;}
.board_gallery_popup.on {display:flex;}
.board_gallery_popup .dim {width:100%; height:100%; position:absolute; left:0; top:0; z-index:0;}
.board_gallery_popup .popup_inner {width:100%; max-width:1200px;}
.galleryPopup_slide {overflow:hidden;}
.galleryPopup_slide .swiper-wrapper {align-items:center;}
.galleryPopup_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.galleryPopup_slide img {max-width:100%; max-height:90vh;}
.galleryPopup_slide .swiper-button-prev, .galleryPopup_slide .swiper-button-next {width:45px; height:55px; background:#222; border-radius:5px; font-size:1.875em; color:#fff;}
.galleryPopup_slide .swiper-button-prev {left:30px;}
.galleryPopup_slide .swiper-button-next {right:30px;}
.galleryPopup_slide .swiper-button-prev:after, .galleryPopup_slide .swiper-button-next:after {font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.galleryPopup_slide .swiper-button-prev:after {content:'\f053'}
.galleryPopup_slide .swiper-button-next:after {content:'\f054'}

@media screen and (max-width:1024px){
    .board_gallery_wrap > div {width:calc(33.33% - 10px); margin-right:15px;}
    .board_gallery_wrap > div:nth-child(3) ~ div {margin-top:15px;}

    .galleryPopup_slide .swiper-button-prev, .galleryPopup_slide .swiper-button-next {width:30px; height:40px; font-size:1.5em;}
    .galleryPopup_slide .swiper-button-prev {left:15px;}
    .galleryPopup_slide .swiper-button-next {right:15px;}
}

@media screen and (max-width:767px){
    .board_gallery_wrap > div {width:100%; margin-right:0;}
    .board_gallery_wrap > div:nth-child(1) ~ div {margin-top:10px;}

    .galleryPopup_slide .swiper-button-prev, .galleryPopup_slide .swiper-button-next {width:25px; height:30px; font-size:1.2em;}
    .galleryPopup_slide .swiper-button-prev {left:10px;}
    .galleryPopup_slide .swiper-button-next {right:10px;}
}



/* 게시판 - 글쓰기 & 글수정 */
.board_write_wrap {width:100%; border-top:2px solid #191919; padding-top:10px;}
.board_write_wrap > div {display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #bebebe;}
.board_write_wrap > div label {display:block; width:200px; font-size:1.25em; font-weight:600; padding-left:30px;}
.board_write_wrap > div > div {width:calc(100% - 200px)}

@media screen and (max-width:1024px){
    .board_write_wrap {padding-top:5px;}
    .board_write_wrap > div {padding:15px 0;}
    .board_write_wrap > div label {width:130px; font-size:1.125em; padding-left:15px;}
    .board_write_wrap > div > div {width:calc(100% - 130px)}
}

@media screen and (max-width:767px){
    .board_write_wrap > div {padding:10px 0;}
    .board_write_wrap > div label {width:80px; font-size:1em; padding-left:5px;}
    .board_write_wrap > div > div {width:calc(100% - 80px)}
}



/* modal popup */
.modal_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.5); position:fixed; left:0; top:0; z-index:450;}
.modal_popup .popup_inner {width:88%; max-width:500px; background:#fff; border-radius:20px; padding:60px 100px; text-align:center;}
.modal_popup .popup_inner dl dt {font-size:1.5em; font-weight:700;}
.modal_popup .popup_inner dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:10px;}
.modal_popup .popup_inner input {display:block; width:100%; height:40px; background:#fff; border:0; border-bottom:2px solid #191919; border-radius:0; font-size:2em; font-weight:700; font-family:'pretendard'; margin-top:30px; text-align:center;}
.modal_popup .popup_inner .btn_box {display:flex; justify-content:center; margin-top:50px;}
.modal_popup .popup_inner .btn_box a {display:block; width:130px; line-height:50px; border-radius:25px; font-size:1.125em; color:#fff; font-weight:700; text-align:center; margin:0 2.5px;}
.modal_popup .popup_inner .btn_box a.submit_btn {background:#191919;}
.modal_popup .popup_inner .btn_box a.cancle_btn {background:#a4a4a4;}

@media screen and (max-width:1024px){
    .modal_popup .popup_inner {max-width:400px; padding:40px 50px;}
    .modal_popup .popup_inner dl dt {font-size:1.3em;}
    .modal_popup .popup_inner dl dd {font-size:1em; margin-top:5px;}
    .modal_popup .popup_inner input {height:35px; margin-top:20px;}
    .modal_popup .popup_inner .btn_box {margin-top:25px;}
    .modal_popup .popup_inner .btn_box a {width:100px; line-height:40px; font-size:1em;}
}

@media screen and (max-width:767px){
    .modal_popup .popup_inner {max-width:300px; padding:25px;}
    .modal_popup .popup_inner dl dt {font-size:1.2em;}
    .modal_popup .popup_inner input {height:30px; margin-top:10px;}
    .modal_popup .popup_inner .btn_box {margin-top:20px;}
    .modal_popup .popup_inner .btn_box a {width:70px; line-height:32px; font-size:0.875em; margin:0 2px;}
}