﻿@charset "utf-8";
/* CSS Document */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: 500;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: 700;
}
/* common */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
* {margin: 0; padding: 0; font-family: 'Pretendard Variable', 'NanumGothic', Helvetica, sans-serif; -webkit-text-size-adjust: none;box-sizing: border-box}
ul, li, dl {list-style: none;}
html, body {min-width:1300px;}
a {text-decoration:none;}
fieldset, img {border:0; margin:0; padding:0;}
img.map, map area {outline: none;}
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal;}
input, textarea{border:0; background:#fff; padding:10px; box-sizing:border-box;}
.margin_none{margin:0 !important;}


/* style */
#section01, #section02, #section03, #section04, #section05, #section06, #section07, #section08, #section09, #section10, #section11, #section12, #section13, #section14, #section15, #section16, #section17, #section18, #section19 {position:relative;}
.cont_wrap {display: flex;justify-content: center;align-items: center;height: 100%;padding:50px 0 160px;max-width: 1424px;margin: 0 auto}
.txt_box {display: flex;align-items: center;flex-direction: column;gap:25px;text-align: center}
.txt_box .txt {width:100%;font-size:48px;font-weight:400;color:#fff;}
.txt_box .txt span {font-size: 56px;font-weight: 700;}
.txt_box .txt span.yellow {color:#fcd004}
.txt_box .btn_apply {margin-top:15px}
.txt_box .tit {font-size: 96px;font-weight: 900;color:#fff;}
.txt_box .eng_tit {font-size:24px;font-weight: 500;border:1px solid #fff;padding: 14px 30px;border-radius: 50px;color:#fff;}
.txt_box .foot_txt {font-size:24px;font-weight: 500;color:#fff;}
.swiper_ctrl {position: absolute;left: 0;bottom: 100px;width: 100%;text-align: center;z-index: 100}
.swiper_ctrl .ctrl_box {position: relative;width: max-content;margin: 0 auto;padding: 0 60px;}
.swiper_ctrl .ctrl_box .swiper-pagination {position: static;display: flex;gap:20px;}
.swiper_ctrl .ctrl_box .swiper-pagination .swiper-pagination-bullet {background:#fff;opacity: .4}
.swiper_ctrl .ctrl_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1}
.swiper_ctrl .swiper-button-next,
.swiper_ctrl  .swiper-button-prev {font-size: 0;border: none !important}
.swiper_ctrl .swiper-button-next {background:url("../images/arr_right.svg") no-repeat center center;}
.swiper_ctrl .swiper-button-prev {background:url("../images/arr_left.svg") no-repeat center center;}
.swiper_ctrl .swiper-button-next:after,
.swiper_ctrl  .swiper-button-prev:after {display: none;}

#section01{height: 100vh}
#header {position: fixed;left: 0;top: 0;width: 100%;min-width: 1424px; z-index: 1000}
#header .header_inr {display: flex;justify-content: space-between;align-items: center;padding:50px 80px;transition: all 0.3s ease }
#header.on .header_inr {background:#fff;padding:20px 80px}
#header.on .header_inr .logo img {filter:brightness(0)}
#header .header_inr .util {display: flex;gap:40px;align-items: center;}
#header .header_inr .util .btn_call {display: flex;gap:10px;align-items: center;background:#fff;border-radius: 50px;line-height: 55px;padding: 0 25px;font-size: 24px;font-weight: 700;color:#666666}
#header.on .header_inr .util .btn_call {background:#000;color:#fff;box-shadow: 0 5px 10px rgba(0,0,0,0.2)}
#header.on .header_inr .util .btn_call img {filter:brightness(0) invert(1);}
#header .header_inr .util .btn_call strong {font-size: 24px;font-weight: 500;color:#000}
#header.on .header_inr .util .btn_call strong {color:#fff}
#header.on.on .header_inr .util .btn_insta {filter: brightness(0)}

#section02{background:url("../images/bg_sec02.jpg") no-repeat center center / cover}
#section02 .cont_wrap {padding-top: 200px;padding-bottom: 20px}
.sec2_cont {display: flex;gap:60px;justify-content: space-between;color:#fff;}
.left_con {min-width: max-content;}
.left_con .top {font-size: 48px;padding-bottom: 30px;border-bottom: 1px solid #fff;}
.left_con .top strong {font-weight: 900}
.left_con .top_desc {font-size: 24px;font-weight: 500;padding-top: 30px;}

.mid_con {position: relative;}
.mid_con .eng_txt {position: absolute;}
.mid_con .eng_txt.txt1 {left: 35px;top: 6px;}
.mid_con .eng_txt.txt2 {right:-60px;top: 254px;}
.mid_con p {font-size: 15px;margin-top: 30px;}
.right_con {padding-left: 40px}
.right_con ul li {display: flex;flex-direction: column;gap:30px;font-size: 24px;font-weight: 500;margin-bottom: 50px}
.right_con ul li strong {font-weight: 900;padding-bottom: 20px;border-bottom: 1px solid #fff;}
.right_con p {font-size: 20px;font-weight: 500;line-height: 1.4;margin-bottom: 90px;margin-top:100px}

.sec_tit {}
.sec_tit:before {content: "";display: block; width: 1px;height: 160px;margin: 0 auto 30px;background:#000}
.sec_tit.light:before {background:#fff}
.sec_tit h2 {display: flex;flex-direction: column;gap:20px;justify-content: center;align-items: center;font-size: 20px;font-weight: 500;color:#000}
.sec_tit.light h2 {color:#fff}
.sec_tit h2 strong {font-size: 48px;font-weight: 900;}
.sec_tit h2 .red {color:#DC143C}

.slider_foot {margin-top: 60px;text-align: center;font-size:24px;color:#666666;line-height: 1.6 }
.slider_foot strong {color:#000}

.cont_slider {width:100%;height: 100%;}


/* #section01{background:url(../img/bg_01_1.jpg) no-repeat center}
#section02{background:url(../img/bg_02_1.jpg) no-repeat center;} */
#section03{}
#section03 .cont_wrap {display: flex;flex-direction: column;justify-content: center;}
#section03 .cont_wrap .img_in {width: 100%;margin: 80px auto 0;}
#section03 .cont_wrap .img_in img {width: 100%;}
#section03 .txt_box {align-items: flex-start;}
#section03 .txt_box .txt {text-align: left;font-size: 110px;font-weight:700;letter-spacing: -0.04em;}
#section03 .txt_box .txt strong {color:#f8c979}
.swiper_ctrl2 {position: static;display: flex;justify-content: flex-end;margin-top: 20px;}
.swiper_ctrl2 .ctrl_box {position:relative;margin:0;padding: 0}
.swiper_ctrl2 .ctrl_box .swiper-pagination {position: static;display: flex;gap: 20px;}
.swiper_ctrl2 .ctrl_box .swiper-pagination-bullet {width: 30px;height: 30px;font-size: 15px;line-height: 30px; color:#666;border:1px solid #666;background:none;opacity: 1}
.swiper_ctrl2 .ctrl_box .swiper-pagination-bullet-active {background:#666;color:#fff;}
#section04{background:#EDEDED}
#section04 .cont_wrap {display: flex;flex-direction: column;justify-content: center;}
#section04 .txt_box {align-items: flex-start;}
#section04 .txt_box .txt {text-align: left;font-size: 110px;font-weight:700;letter-spacing: -0.04em;}
#section04 .txt_box .txt strong {color:#f8c979}
/*#section04 .txt_box .txt {font-size:58px;font-weight:500;letter-spacing: -0.04em;padding:24px 0 18px;line-height: 1; background:url(../images/sec4_txt_bg.png) no-repeat center center}
#section04 .txt_box .txt span {font-size: 60px;}*/
#section05{background:url(../images/sec5_bg.jpg) no-repeat center;background-size: cover;}
#section05 .cont_wrap {flex-wrap: wrap;padding-bottom: 20px;}
#section05 .cont_wrap .img_in {width: 100%;margin-top: 80px;}
#section05 .cont_wrap .img_in img {width: 100%;}
#section05 .cont_wrap .txt_box {gap:60px;}
#section05 .txt {font-size: 24px;font-weight: 500;margin-top: 60px;line-height: 1.6}
#section05 .txt strong {display: block;margin-top: 50px; font-size: 32px;font-weight: 700;}

#section06{background:#fff}
#section06 .cont_wrap {display: flex;flex-direction: column;justify-content: center;align-items: center;}
/*#section06 .cont_wrap:nth-of-type(1) {padding-bottom:80px;}
#section06 .cont_wrap:nth-of-type(2) {padding-top:60px;}*/
#section06 ul {display: flex;justify-content: space-between;gap:20px;margin-top: 20px}
#section06 ul li {width: 100%;}
#section06 ul li img {width: 100%;}
#section06 .map {height: 800px;overflow: hidden}
.map_foot {margin-top: 60px;}
.map_foot p {font-size: 24px;color:#000;text-align: center}
.map_foot p strong {display: block; font-weight: 700;margin-bottom: 5px;}
.map_park {margin-top: 60px;}
.map_park p {font-size: 24px;color:#000;font-weight: 500;text-align: center}
.map_park p strong {display: block;font-weight: 700;margin-bottom: 5px}
.map_link {display: flex;justify-content: center;text-align: center;margin-top: 60px;}
.map_link strong {font-size: 20px;font-weight: 500}
.map_link .line {display: block;width: 8px;background:#EDEDED;margin: 0 50px}

#section07{background:#fff}
#section07 .cont_wrap {display: flex;flex-direction: column;justify-content: center;}
#section07 .txt_box {align-items: flex-start;}
#section07 .txt_box .txt {text-align: left;font-size: 110px;font-weight:700;letter-spacing: -0.04em;}
#section07 .txt_box .txt strong {color:#f8c979}
/*#section07 .list_box {position: relative;margin-top: 40px}
#section07 .list_box .abs_txt {position: absolute;left: 50%;top:-50px;transform: translateX(-50%)}
#section07 .txt {font-size: 70px;margin-bottom: -60px;}
#section07 .txt span {font-size:72px}
#section07 ul {display: flex;justify-content:center;gap:40px;}
#section07 ul li img {width: 100%;max-width: 100%;}*/

#section08{background:url(../images/sec8_bg.jpg) no-repeat center;background-size: cover;}
#section08 .txt {display: flex;justify-content: center;align-items: center;gap:15px;font-size: 36px;line-height: 1;font-weight:700;}
#section08 .txt strong {position: relative;display: inline-flex;align-items: center;font-size:20px;padding:15px 15px 10px;border-radius: 5px;background:#c78e44;color:#fff;line-height: 1;}
#section08 .txt strong:after {content: "";position: absolute; right:-6px;top:50%;transform: translateY(-50%);display: inline-block;width: 0;height: 0;border-left:6px solid #c78e44;border-top:6px solid transparent;border-bottom:6px solid transparent;}


#section09{background:url(../img/bg_09.jpg) no-repeat center;}
#section10{background:url(../img/bg_10.jpg) no-repeat center;}
#section11{background:#333333;font-size:16px;color:#fff;}
#section11 .cont_wrap {width: 100%; padding: 120px 50px;}
#section11 address {margin: 20px 0 0;line-height: 1.3;}
#section11 address span {display: inline-block;margin:10px 20px 0 0;}
#section11 address span strong {color:#fadf98}
#section11 .copyright {display: block;width:100%; font-size: 13px;letter-spacing: 0.02em;margin-top: 50px;color:#ddd;}
.root_daum_roughmap{padding: 0px !important; border: 0px !important;}


.inner01 {width:1424px; margin:0 auto; position:relative; height:100%;z-index: 10}
.main_period {position: absolute;bottom: 310px;right: 0;display: flex;width: 648px;line-height: 1.0;    align-items: baseline;}
.main_period span {color:#000;font-family: 'GmarketSans';font-weight: 500;}
.main_period span.yy {font-size: 50px;}
.main_period span.md {font-size: 73px;color: #EC5062;font-weight: 700;}
.main_period span.yoil {font-size: 37px;}
.main_period span.bb {font-size: 50px;}
.main_period span.edate {margin-left:10px;font-size: 73px;color: #EC5062;font-weight: 700;}
.main_period span.eyoil {font-size: 37px;}
.slider_wrap {position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.slider_wrap .swiper-container {position: absolute;left: 0;top: 0;width:100%; height: 100%;}
.slider_wrap .swiper-wrapper {height: 100%;}
.slider_wrap .swiper-slide {height: 100%;}


#form{background:#EDEDED}
#form #form {background:none;}
#form .txt_box {width: 100%;}
#form .txt_box p {text-align: center;}
#form .form_area {width: 100%;max-width:1000px;background:#fff;padding: 50px 80px;margin: 30px auto 0}
#form .form_area .form_cont {padding-bottom: 20px;border-bottom: 1px solid #ddd;}
#form .form_area .form_cont_row {display: flex;gap:20px;align-items: center;margin: 30px 0}
#form .form_area .form_cont_row strong {font-size: 24px;font-weight: 500;width: 120px;text-align: left;}
#form .form_area .form_row {text-align: center}
#form .form_area .agree_row {display: flex;gap:20px;align-items: center;padding: 30px 0} 
#form .form_area .agree_row .btn_privacy {display: inline-block;border-bottom:1px solid #ccc;font-size:12px;cursor: pointer;}
#form .form_in{width: 100%; z-index:999; position:relative;}
#form .form_in .form_tit {position: relative;padding-bottom:30px;padding-left: 15px; font-size:24px;font-weight: 500; border-bottom: 1px solid #000;text-align: left;margin-bottom: 30px;}
#form .form_in .form_tit:before {content: ""; position: absolute;top:10px;left: 0; display: inline-block;width:6px;height:6px;border-radius: 50%;background:#000;}
#form .form_in input{border:1px solid #d1d1d1;height: 60px;padding: 0 15px;}
#form .form_in input.db_tel{width:90px;}
#form .form_in .db_name{width:300px;}
#form .form_in .tel{}
#form .form_in .db_weddate{}
#form .form_in .noweddate_chk{display:block; color:#666;line-height:1.3em; font-weight:600; cursor:pointer; position:absolute; width:53px; left:1061px; top:563px;}
#form .form_in .noweddate_chk input{vertical-align:middle; background:none; width: 17px; height: 17px;}
/*#form .form_in .db_money{position:absolute; left:737px; top:121px; width:320px; height:50px;}*/
#form .form_in .db_visitdate{position:absolute; left:744px; top:619px; width:369px; height:50px; padding: 10px; font-size: 16px;}
/* #form .form_in .db_visittime{position:absolute; left:1044px; top:492px; width:180px; height:50px; padding: 10px; font-size: 16px;} */
/*#form .form_in .db_time{position:absolute; left:737px; top:221px; width:320px; height:50px;}*/
/* #form .form_in .db_money{position:absolute; left:225px; top:121px; width:320px; height:50px;}
#form .form_in .db_time{position:absolute; left:737px; top:121px; width:320px; height:50px;} */
/*#form .form_in .db_content{position:absolute; left:225px; top:329px; width:832px; height:143px;}*/

.chk_box_area {position: absolute;width: 400px;left: 744px;top: 511px;}
.chk_box_area label {margin-right: 5px}



.chk_box_date {position: absolute;width: 400px;left: 744px;top: 651px;}
.chk_box_date label {margin-right: 5px}


.chk_box {position: absolute;width: 400px;left: 744px;top: 719px;}
.chk_box label {margin-right: 5px}

.chk_box_wedding {position: absolute;width: 400px;left: 744px;top: 766px;}
.chk_box_wedding label {margin-right: 10px}

#form .form_in .agree_chk{display:block; color:#666;font-size:15px; line-height:1.3em; font-weight:500; cursor:pointer;}
#form .form_in .agree_chk input{display: inline-block;vertical-align:middle; background:none; width:20px; height:20px;margin-right: 8px;}
#form .form_in  textarea.privacy{border:1px solid #d1d1d1; background:#fff;}
#form .form_in  textarea{ position: absolute; left: 50%; margin-left: -350px; border:1px solid #000; margin-top:580px;background:#efefef; padding:8px; width:846px; height:80px;}

#form .form_in .db_submit,
#form .form_in a {display: inline-block;border:none;padding:0 80px;background:#FF0000;font-size: 24px;font-weight: 900;color:#fff;line-height: 86px;cursor: pointer}

.form_foot {display: flex;flex-direction: column;gap:5px;justify-content: center;align-items: center;margin-top:40px;}
.form_foot p {font-size: 20px;color:#666}
.form_foot strong {font-size: 24px;font-weight: 500;color:#000}
.form_foot .link {display: flex;align-items: center;gap:10px;font-size: 20px;font-weight: 500;color:#000;margin-top:60px}

#footer{}

.pop_privacy{display:none; width:500px; height:400px; background:#fff}
.pop_privacy .title{display:block; padding:20px 20px; color:#fff; font-weight:600; font-size:1.4em; background:#333}
.pop_privacy .txt{display:block; padding:10px}
.pop_privacy textarea{padding:15px; width:100%; color:#666; height:250px}
.pop_privacy .btn_area{padding:15px 20px; text-align:center; display:block;border-radius: 10px;}
.pop_privacy .btn_area .b-close{background:#333; color:#fff; padding:10px 20px; font-size:0.9em;border-radius: 10px; cursor:pointer}
