@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400..700&display=swap');
@font-face {font-family: 'Paperlogy-1Thin'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2'); font-weight: 100; font-style: normal;}
@font-face {font-family: 'Paperlogy-2ExtraLight'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal;}
@font-face {font-family: 'Paperlogy-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2'); font-weight: 300; font-style: normal;}
@font-face {font-family: 'Paperlogy-4Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2'); font-weight: 400; font-style: normal;}
@font-face {font-family: 'Paperlogy-5Medium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2'); font-weight: 500; font-style: normal;}
@font-face {font-family: 'Paperlogy-6SemiBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal;}
@font-face {font-family: 'Paperlogy-7Bold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'Paperlogy-8ExtraBold'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2'); font-weight: 800; font-style: normal;}
@font-face {font-family: 'Paperlogy-9Black'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2'); font-weight: 900; font-style: normal;}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;font-family: "Noto Sans SC", sans-serif;color: #333;letter-spacing:-1;}
body {min-width:1200px;}

a {text-decoration:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal; font-style: normal;}
strong{font-weight: bold;}
ol,ul {list-style: none; margin:0; padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%; margin:0; padding:0; color:#333;}
q:before,q:after {content:'';}
abbr,acronym {border: 0;}
sup {font-size:0.6em;}
button {cursor:pointer;}

.inc {width:800px; margin:0 auto; overflow:hidden;}
.inc2 {width:576px; margin:0 auto; overflow:hidden;}
.lang {position:absolute; top:0; width:100%; text-align:center; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; z-index:10;}
.lang a {display:block; width:90px; height:40px; line-height:38px; background:#DFC89B; color:#AC946E; font-size:22px; font-weight:500;}
.lang a + a {margin-left:1px;}
.lang a.on {background:#fff; color:#F8AF61; font-weight:700;}

section {position:relative; width:100%;}
section .tit {font-family: "Noto Sans SC", sans-serif; font-size:46px; line-height:140%; color:#473F32;}
section .tit span {color:#FFAD06;}

#section1 {padding:120px 0 80px; background:url(../images/top_bg.jpg) no-repeat center top;}
#section1 h1 {margin:0 0 50px;}
#section1 .slogan {margin:0 0 50px;}
#section1 .slogan p {font-family: "Noto Sans SC", sans-serif;  font-size:33px; color:#fff; line-height:130%;}
#section1 .slogan p.tit {font-family: "Noto Sans SC", sans-serif; font-size:48px; margin:21px 0 0;}
#section1 .slogan p.tit span {color:#F5E9D2; display:block;}
#section1 .form {padding-right:10px;}
#section1 table {width:100%;}
#section1 table td {padding:2px 0 8px; position:relative;}
#section1 .time {font-size:20px; font-weight:500; color:#AD853A; position:absolute; top:30px; left:250px;}
#section1 input[type="text"] {width:calc(100% - 166px); height:84px; background:#E4E4E4; font-size:28px; color:#8F8C8C; padding:0 44px; border-radius:12px; font-weight:500; border:1px solid #C7C7C7;}
#section1 .submit {float:right; width:158px; height:84px;padding:0; font-size:22px; font-family: "Noto Sans SC", sans-serif; color:#563D0D; border-radius:12px; background:url(../images/btn_s.png) no-repeat center center; border:0; outline:0; box-shadow: 0 6px 12px rgba(214,201,173,1);}
#section1 .button {display:block; width:450px; height:110px; padding:0; margin:40px auto 20px; font-size:44px; font-family: "Noto Sans SC", sans-serif; color:#563D0D; border-radius:62px; background:url(../images/btn_l.png) no-repeat center center; border:0; outline:0; box-shadow: 0 6px 12px rgba(214,201,173,1);}
#section1 input.auth {background:#DBD4C9; border:1px solid #DBD4C9;  color:#6B5F4A;}
#section1 input.full {width:100%;}
#section1 input::-ms-input-placeholder { color: #8F8C8C; }
#section1 input::-webkit-input-placeholder { color: #8F8C8C; }
#section1 input::-moz-placeholder { color: #8F8C8C;}
#section1 input[type=radio] {display:none;}
#section1 input[type=radio] + label {display:inline-block; vertical-align:middle; margin:0 10px 2px 0; width:46px; height:46px; background:url(../images/radio_off.png) no-repeat center center; cursor:pointer;}
#section1 input[type=radio]:checked + label {background:url(../images/radio_on.png) no-repeat center center;}
#section1 .form p.agree {font-size:24px; color:#989898; font-weight:500; letter-spacing:-1px; text-decoration:underline; margin:16px 0 0;}

#section2 {padding:110px 0; background:#f7f5ec;}
#section2 .inc {padding:0 36px;}
#section2 .tit {text-align:center; margin:0 0 40px;}
#section2 .date {width:478px; height:79px; line-height:80px; margin:50px auto 58px; background:url(../images/btn_m.png) no-repeat center center; text-align:center; color:#563D0D; font-size:28px;  font-family: "Noto Sans SC", sans-serif;box-shadow: 0 6px 12px rgba(214,201,173,1); border-radius:100px;}
#section2 table {width:100%; margin:0 0 25px;}
#section2 .gift {width:582px; height:682px; background:url(../images/gift_bg.png) no-repeat center center; margin:0 auto 64px; padding:260px 0 0; text-align:center;}
#section2 .gift img {margin: 0 0 10px;}
#section2 .gift p {color:#484848; font-size:29px; font-weight:700;}
#section2 .gift p small {display:block; color:#BBA88A; font-weight:500; margin:0 0 42px;}
#section2 .gift p + p {color:#563D0D; font-size:31px; font-weight:700;}
#section2 input[type="text"] {width:calc(100% - 166px); height:84px; background:#E4E4E4; font-size:24px; color:#8F8C8C; padding:0 30px; border-radius:12px; font-weight:400; border:1px solid #C7C7C7;}
#section2 .submit {float:right; width:158px; height:84px;padding:0; font-size:22px; font-family: "Noto Sans SC", sans-serif; color:#563D0D; border-radius:12px; background:url(../images/btn_s.png) no-repeat center center; border:0; outline:0; box-shadow: 0 6px 12px rgba(214,201,173,1);}
#section2 .button {display:block; width:450px; height:110px; padding:0; margin:40px auto 20px; font-size:44px; font-family: "Noto Sans SC", sans-serif; color:#563D0D; border-radius:62px; background:url(../images/btn_l.png) no-repeat center center; border:0; outline:0; box-shadow: 0 6px 12px rgba(214,201,173,1);}
#section2 input.auth {background:#DBD4C9; border:1px solid #DBD4C9;  color:#6B5F4A;}
#section2 input.full {width:100%;}
#section2 input::-ms-input-placeholder { color: #8F8C8C; }
#section2 input::-webkit-input-placeholder { color: #8F8C8C; }
#section2 input::-moz-placeholder { color: #8F8C8C;}
#section2 p.caution {font-size:24px; line-height:33px; text-align:center; color:#BBA88A; font-weight:500; letter-spacing:-1;}
#section2 table + p.caution {margin:0 0 40px;}
#section2 .list {}
#section2 .list li {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; color:#535353; background:rgba(237,216,176,0.27); padding:12px 32px; border-radius:4.4px; font-weight:500;}
#section2 .list li + li {margin-top:4px;}
#section2 .list li p {display:block; width:calc(100% - 50px);}
#section2 .list li span {color:#BBA88A; width:50px; text-align:right; }
#section2 .movie {width:100%; text-align:center; margin:0 0 120px;}
#section2 .movie iframe {width:607px; height:1080px; border:0;}

.paging {margin:44px 0 72px; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.paging a {font-size:26px; color:#D3D3D3; width:28px; height:33px; line-height:33px; display:block; text-align:center; border-radius:4px;}
.paging a + a {margin-left:6px;}
.paging a.on {background:#F2EADA; color:#AD853A; font-weight:600;}
.paging a.prev, .paging a.next {margin:0 14px;}

#section3 {padding:80px 0;}
#section3 .tit {font-size:46px; line-height:66px; color:#473F32; font-family: "Noto Sans SC", sans-serif; text-align:center; margin:0 0 70px;}
#section3 .box {width:728px; margin:0 auto; border-radius:22px; display:flex; justify-content: center; align-items: center; flex-wrap: wrap; background:#F4F2EB; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 22px inset;}
#section3 .box + .box {margin-top:32px;}
#section3 .box .img {width:306px;}
#section3 .box .img img {display:block;}
#section3 .box .desc {width:calc(100% - 306px); padding:0 0 0 40px;}
#section3 .box .desc img {margin:0 0 10px;}
#section3 .box .desc h4 {font-size:33px; color:#473F32; font-family: "Noto Sans SC", sans-serif; margin:0 0 54px;}
#section3 .box .desc p { font-family: "Noto Sans SC", sans-serif; font-size:28px; color:#867A66;}
#section3 .box .desc p span {font-size: 25px;font-family: "Noto Sans SC", sans-serif;color:#FFAD06;}

#section4 {padding: 150px;background:url(../images/bottom_bg.jpg) no-repeat center top/cover;height: 710px;text-align:center;}
#section4 .tit {font-family: "Noto Sans SC", sans-serif; font-size:46px; line-height:140%; color:#473F32;}
#section4 .tit span {color:#FFAD06;}
#section4 .link {margin-top:308px;}
#section4 .link a + a {margin-left:10px;}


#section5 {}
#section5 .section1 {padding:32px 0; background:#535353;}
#section5 .section1 h5, #section5 .section3 h5 {color:#E4E4E4;}
#section5 .section1 li {color:#E4E4E4;}
#section5 .section2 {padding:32px 0; background:#242424;}
#section5 .section3 {padding:32px 0; background:#535353;}
#section5 .section3 > div {color:#E4E4E4; font-weight:300;}
#section5 h5 {font-size:33px; line-height:120%; color:#909090; font-weight:700; margin:0 0 10px;}
#section5 ul {}
#section5 ul li {position:relative; font-size:17px; color:#909090; line-height:27px; padding:0 0 0 14px; font-weight:300;}
#section5 ul li:before {content:'·'; font-size:25px; font-weight:700; position:absolute; left:0; top:0;}
#section5 strong {font-weight:700;}
#section5 b {font-weight:500;}
#section5 p {border-top:1px solid #535353; color:#909090; padding:10px 0 0; margin:10px 0 0; font-weight:300;}

/* 모달팝업 */
.modal {display: none; position: fixed; z-index: 1; padding-top: 200px; left: 0; top: 0; width: 100%; height: 100%;  overflow: auto; background: rgba(0,0,0,0.4); /}
.modal-content {position: relative; background: #fff; margin: auto; padding:0; width:580px; height:400px; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s}
.modal-content .close {color:#fff; width:100%; display:block; position:absolute; left:0; bottom:0; text-align:center; height:68px; line-height:68px; background:#473F32; font-size:26px;  font-weight:500; cursor:pointer;}
.modal-body p {font-size:26px; line-height:130%; position:absolute; left:0; width:100%; text-align:center; top:35%;-webkit-transform:translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%);}
.modal-body span {color:#FFAD06;}

@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}
@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}


/* 개인정보취급방침 팝업 */
.modal-open {cursor:pointer;}
.popup-wrap {background-color: rgba(0,0,0,.4);justify-content: center;align-items: center;position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;padding: 15px;z-index: 99999;}
.popup {width: 100%;position: relative;max-width:730px;margin: 0 auto;border-radius: 10px;overflow: hidden;}
.popup-head {background:#473F32;padding: 20px 35px;color: #fff; font-size:24px; font-weight:700;}
.popup-body {background:#fff; padding: 4% 2%; }
.body-content.scroll {height: 600px;overflow-y: auto;padding: 0 2%;}
.body-content.scroll::-webkit-scrollbar { width: 10px;}
.body-content.scroll::-webkit-scrollbar-thumb { height: 30px; background-color:#999; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.popup-body table {width:100%; border:1px solid #eaeaea; margin:0 0 30px;}
.popup-body table th {background:#f7f7f7;}
.popup-body table th, .popup-body table td {border-bottom:1px solid #eaeaea; padding:12px 10px; font-size:17px;  font-weight:400; text-align:center;}
.popup-body table th + th, .popup-body table td + td {border-left:1px solid #eaeaea;}
.popup-body table tr:last-child td {border-bottom:0;}
.popup-body p {margin:0 0 30px; line-height:140%; font-weight:400; font-size:18px;}
.popup-body h5 {font-size:20px; font-weight:700; margin:0 0 5px;}
.popup-foot {position: absolute;top: 20px;right:30px;color:#fff;}
.pop-btn {color:#fff;cursor: pointer;}
.pop-btn img {width:30px;}