@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('/lib/font-awesome/css/font-awesome.min.css');
@import url('./base.css');
@import url('./login.css');
@import url('./modal.css?v20240229');

html, body {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
    min-width: 1024px;
    overflow-x: hidden;

    -webkit-touch-callout: none;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}
body.scroll, html.scroll {
	overflow: hidden;
}
.clearfix::after {
	display: block;
	content: '';
	content: '';
	clear: both;
}
section .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: center;
    color: #1e1e1e;
}
/*
section .btn {
	display: block;
	margin: 0 auto;
	width: 360px;
	font-size: 20px;
	font-weight: 500;
	line-height: 70px;
	color: rgba(255,255,255,0.9);
	background: #2e2c27;
	border-radius: 5px;
}
*/
button {
    background: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* sec01 */
.sec01 {
    background-image: url(../img/sec01_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 944px;
}
.sec01 .inner {
    width: 960px;
    height: 100%;
    padding: 100px 0px;
}
.sec01 .inner .first-text {margin-bottom: 30px;}
.sec01 .inner .logo {
    position: absolute;
    top: 100;
    right: 0;
    opacity: 0.65;
}
.sec01 .inner .title {margin-bottom: 40px;}
.sec01 .inner .text {
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: -1px;
}
.sec01 .inner .text strong {
    text-underline-offset: 3px;
    text-decoration: underline;
}
.sec01 .inner .yuji {
    position: absolute;
    right: 26%;
    bottom: 10%;
}

/* sec02 */
.sec02 {
    background-image: url(../img/sec02_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;

    padding-bottom: 100px;
}
.sec02 .inner .tag ul {
    display: flex;    
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec02 .inner .tag {
    width: 480px;
    margin: 0 auto;
}
.sec02 .inner .tag ul li {
    padding: 8px 20px;
    border-radius: 50px;
    background: #aa471b;

    color: #fff;
    font-weight: 500;
}
.sec02 .inner .video {
    margin: 0px auto 40px;
}
.sec02 .inner .video video {
    width: 640px;
    height: 360px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.sec02 .inner .review_wrap {margin-top: 70px;}
.sec02 .inner .review_wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec02 .inner .review_wrap li {
    width: 470px;
    height: 280px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.sec02 .inner .review_wrap .review1 {background-image: url(../img/sec02_cont01.png); margin-bottom: 20px;}
.sec02 .inner .review_wrap .review2 {background-image: url(../img/sec02_cont02.png); margin-bottom: 20px;}
.sec02 .inner .review_wrap .review3 {background-image: url(../img/sec02_cont03.png);}
.sec02 .inner .review_wrap .review4 {background-image: url(../img/sec02_cont04.png);}

/* sec03 */
.sec03 {
    background-color: #fad2af;
    width: 100%;
    height: auto;
}
.sec03 .inner {padding: 100px 0px;
}
.sec03 .inner .title {margin-bottom: 50px;}
.sec03 .inner .cont {margin-bottom: 100px;}
.sec03 .select_wrap {
    display: flex;
    justify-content: center;
}
.sec03 .select_wrap > div,
.sec03 .select_wrap > button {
    float: left;
    border-radius: 100px;
}
.sec03 .nice-select {
    width: 372px; 
    height: 60px; 
    text-align: center !important; 
    line-height: 1;
}
.sec03 .nice-select .current, 
main .sec03 .select_roulette .nice-select li {
    font-size: 16px;
    line-height: 60px;
}
.sec03 .nice-select .current {font-weight: 500;}
.sec03 .nice-select .list {width: 100%; height: 180px;}
.sec03 .nice-select .option {
    padding: 0; 
    text-align: center; 
    font-size: 16px; 
    font-weight: 400; 
    line-height: 60px;
    background-color: #fff;
    border-radius: 10px;
}
.sec03 .nice-select .option.selected {font-weight: 400;}
.sec03 button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 176px;
    height: 60px;
    margin-left: 20px;
    background-image: none;
    background-color: #fceddb;
    border-radius: 100px;

    font-size: 16px;
    font-weight: 500;
    color: #1e1e1e;
}
.sec03 button p {
    margin-right: 10px;
}
.sec03 button p::before {
    content: '';
    background: url('../img/sec02_icon.png') no-repeat center;
    background-size: cover;
    width: 13px;
    height: 20px; 
    position: absolute;
    top: 30%;
    right: 25%;
}
.sec03 .select_wrap > button.off {
    background-color: #aa471b;
    color: #fceddb;
}
.sec03 .inner .notice {
    background-color: rgb(000, 000, 000, 0.3);
    width: 372px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 20px auto 0;
    border-radius: 100px;
    letter-spacing: -1px;
}

/* sec04 */ 
.sec04 {
    background-image: url(../img/sec04_bg.png);
    background-color: #fbd5b2;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;

    width: 100%;
    height: auto;
}
.sec04 .inner {padding: 100px 0px;}
.sec04 .inner .title {margin-bottom: 50px;}
.sec04 .inner .cont {margin-bottom: 100px;}
.sec04 .inner .cont1 {
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 632px;
    margin: 0 auto 100px;
}
.sec04 .inner .cont2 .notice {
    width: 100%;
    height: auto;
    padding: 40px 60px;
    margin-top: 30px;
    border-radius: 20px;
    background: rgba(0,0,0,0.4);

    font-size: 18px;
    color: #fff;
    text-align: left;
}
.sec04 .inner .cont2 .notice p {
    display: flex;
    align-items: center;

    margin-bottom: 20px;
}
.sec04 .inner .cont2 .notice p span {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 19px;
    height: 19px;
    margin-right: 10px;
    border-radius: 50px;
    background: #fff;

    font-size: 13px;
    font-weight: 900;
    color: #b6927b;
    text-align: center;
}
.sec04 .inner .cont2 .notice p {font-weight: 500;}
.sec04 .inner .cont2 .notice ul {
	padding-left: 18px;
	font-size: 16px;
	line-height: 1.5;
	color: #f7f7f7;
	text-align: left;
    font-weight: 300;
    letter-spacing: -0.5px;
}
.sec04 .inner .cont2 .notice ul li {    
    position: relative;
    margin-bottom: 8px;
    font-weight: 400;
}
.sec04 .inner .cont2 .notice ul li:last-child {margin-bottom: 0px;}
.sec04 .inner .cont2 .notice ul li:before {
	position: absolute;
	left: -10px;
	top: 0;
	content: "\b7\a0";
	letter-spacing: -0.05em;
}
.sec04 .inner .green-box {
    width: 220px;
    height: 50px;
    margin: 80px auto 20px;
    line-height: 50px;
    border-radius: 50px;
    background: #323e00;

    font-size: 18px;
    font-weight: 500;
    color: #fff;
}
.sec04 .inner .green-box:first-child {margin-top: 0px;}
.sec04 .inner .gift-box {
    display: flex;
    justify-content: space-between;
    align-items: center;

    width: 560px;
    margin: 0 auto;
}
.sec04 .inner .plus_txt {
    margin: 30px 0px 80px;
    color: rgba(0,0,0,0.6);
    letter-spacing: -0.5px;
    line-height: 1.5;
}
.sec04 .inner .plus_txt strong {
    text-decoration: underline; 
    text-underline-offset: 3px;
}

/* sec05 */
.sec05.Participation {display: none;}
.sec05.Participation.show {display: block;}
.sec05 {
    background-image: url(../img/sec05_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #b8c991;
    height: auto;
}
.sec05 .inner {padding: 100px 0px;}
.sec05 .inner .title {margin-bottom: 40px;}
.sec05 .inner .count-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sec05 .inner .count-box .txt {
    font-weight: 500;
    color: rgba(0,0,0,0.8);
}
.sec05 .inner .count-box .count {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    position: relative;
    width: 160px;
    height: 44px;
    margin-left: 20px;
    padding: 0px 20px;
    background: #fff;
    border-radius: 50px;
    border: 2px solid rgba(0, 195, 255, 0.2);

    line-height: 1;
}
.sec05 .inner .count-box .count .number {
    font-size: 20px;
    font-weight: 700;
    color: #aa471b;
}
.sec05 .inner .count-box .count .hp {
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    color: #aaa;
}
.sec05 .inner .basket-wrap {
    position: relative;
    width: 960px;
    height: 566px;
    margin: 0 auto;
}
.sec05 .inner .basket-wrap .basket {
    width: 483px;
    height: 416px;
    margin: 0 auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;    
}
.sec05 .inner .basket-wrap .btn {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;    
}
.sec05 .inner .basket-wrap .leaves {
    top: 10%;
    left: 15%;
    width: 136px;
    height: 137px;
    background-image: url(../img/sec05_btn_leaves.png);
    background-size: 105px 105px;
}
.sec05 .inner .basket-wrap .chestnut {
    right: 12%;
    bottom: 18%;
    width: 171px;
    height: 127px;
    background-image: url(../img/sec05_btn_chestnut.png);
    background-size: 137px 94px;
}
.sec05 .inner .basket-wrap .btn.acorn {
    left: 19%;
    bottom: 1%;
    width: 95px;
    height: 123px;
    background-image: url(../img/sec05_btn_acorn.png);    
    background-size: 81px 111px;
}
.sec05 .inner .basket-wrap .leaves.active {
    animation: bounce 0.5s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    background-image: url(../img/sec05_btn_leaves_active.png);
    background-size: 100% 100%;
}
.sec05 .inner .basket-wrap .chestnut.active {
    animation: bounce 0.5s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    background-image: url(../img/sec05_btn_chestnut_active.png);
    background-size: 100% 100%;
}
.sec05 .inner .basket-wrap .acorn.active {
    animation: bounce 0.5s cubic-bezier(0, 0, 0.2, 1) infinite alternate;
    background-image: url(../img/sec05_btn_acorn_active.png);
    background-size: 100% 100%;
}
@keyframes bounce {to {transform: translateY(-30px);}}
.sec05 .inner .basket-wrap .basket.step1 {background-image: url(../img/sec05_step1.png);} /* 0% */
.sec05 .inner .basket-wrap .basket.step2 {background-image: url(../img/sec05_step2.png);} /* 20% */
.sec05 .inner .basket-wrap .basket.step3 {background-image: url(../img/sec05_step3.png);} /* 40% */
.sec05 .inner .basket-wrap .basket.step4 {background-image: url(../img/sec05_step4.png);} /* 60% */
.sec05 .inner .basket-wrap .basket.step5 {background-image: url(../img/sec05_step5.png);} /* 80% */
.sec05 .inner .basket-wrap .basket.step6 {background-image: url(../img/sec05_step6.png);} /* 100% */

.sec05 .inner .gauge {
    position: relative;
    margin: 50px auto 0px;
    width: 800px;
    height: 28px;
    padding: 3px;
    border-radius: 50px;
    background: #fff;
}
.sec05 .inner .gauge .bar {
    width: 40%;
    height: 100%;
    background: linear-gradient(120deg,rgba(235, 135, 41, 1) 0%, rgba(207, 61, 23, 1) 100%);
    border-radius: 50px;
}
.sec05 .inner .gauge .tick {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: rgba(255,255,255,0.5);
}
.sec05 .inner .gauge .tick:nth-of-type(3) { left: 20%; }
.sec05 .inner .gauge .tick:nth-of-type(4) { left: 40%; }
.sec05 .inner .gauge .tick:nth-of-type(5) { left: 60%; }
.sec05 .inner .gauge .tick:nth-of-type(6) { left: 80%; }
.sec05 .inner .gauge .bubble {
	position: absolute;
    bottom: 160%;
    left: -4%;
}
.sec05 .inner .gauge .bubble .percent {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    width: 70px;
    height: 40px;
    padding: 0px;
    background: rgba(255,255,255,0.7);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    color: #5a2b06;
    font-weight: 700;
}
.sec05 .inner .gauge .bubble .percent:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 12px 8px 0;
    border-color: rgba(255,255,255,0.7) transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -12px;
    left: 27px;
}
.sec05 .inner .gauge .leaves {
    position: absolute;
    right: -5%;
    bottom: -120%;

    width: 100px;
}
.sec05 .inner .gauge .leaves img {width: 100%;}
.sec05 .inner .btn-wrap {
    display: flex;
    gap: 16px;
    width: 800px;
    margin: 0 auto;
}
.sec05 .inner .btn-wrap button {
    display: flex;
    justify-content: center;
    align-items: center;

    flex: 1;
    height: 80px;
    border-radius: 15px;

    font-size: 20px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -0.5px;
}
.sec05 .inner .btn-wrap button:first-child {background-color: #435b29;}
.sec05 .inner .btn-wrap button:last-child {
    background: #fff;
    color: #435b29;
    font-weight: 500;
}
.sec05 .inner .btn-wrap {padding-top: 50px;}
.sec05 .inner .btn-wrap .contain {padding: 0;}
.sec05 .inner ul {
    display: inline-block;
    width: 960px;
    padding: 30px 60px;
    margin-top: 60px;
    background: rgba(67,91,41,0.2);
}
.sec05 .inner ul li {
	position: relative;
	font-size: 16px;
	line-height: 160%;
	color: #1e1e1e;
	text-align: left;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}
.sec05 .inner ul li:last-child {margin-bottom: 0px;}

/* sec06 */
.sec06 {background: #8f5136;}
.sec06 > .inner{
    padding: 100px 0px;
    text-align: start;
    width: 715px;
}
.sec06 h4 {
	padding-bottom: 30px;
	letter-spacing: 0;
	font-size: 30px;
	font-weight: 500;
	color: rgba(255,255,255,0.9);
	border-bottom: 2px solid rgba(255,255,255,0.9);
	text-align: center;
}
.sec06 h4 strong {
	font-weight: 700;
	color: #fad2af;
}	
.sec06 ul.request_list li {
	float: left;
	padding: 20px 0px 20px 10px;
	width: calc(50% - 15px);
	letter-spacing: -0.5px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(255,255,255,0.9);
	border-bottom: 1px solid rgba(255,255,255,0.5);
}	
.sec06 ul.request_list li:nth-child(2n-1) {margin-right: 30px;}		
.sec06 ul.request_list li strong {font-weight: 700;}
.sec06 ul.request_list li strong.student {color: #fad2af;}
.sec06 .list_wrap div.pagination {
	display: block;
	margin: 30px auto 0;
}
.sec06 .list_wrap div.pagination .paging li {
    float: left;
    line-height: 2;
    min-width: 34px;
    text-align: center;
    border-right: 0;
    margin-right: 20px;
    border-radius: 50px;
    background: rgba(255,255,255,0);
}
.sec06 .list_wrap div.pagination .page_now {    
    background: rgba(255,255,255,1) !important;
    font-weight: 700 !important;
}
.sec06 .list_wrap div.pagination .paging .page_now a span {color: #8f5136;}
.sec06 .list_wrap div.pagination .paging li:last-child {
    /*
    border-right: 1px solid rgba(255,255,255,0.9);
    */
    margin-right: 0;
}
.sec06 .list_wrap div.pagination .paging li a {
    padding: 0 8px;
    border: 0;
    color: rgba(255,255,255,0.3);
}
.sec06 .list_wrap div.pagination .paging li a span {
    font-size: 1rem;
    color: #fff;
}
.sec06 p.nodata {
	text-align: center;
	padding: 50px 0;
    color: rgba(255,255,255,0.9);
}

/* sec07 */
.sec07 {
	background: #0e0e0e;
	text-indent: 0;
}
.sec07 .inner {
    width: 750px;
    margin: 0 auto;
    padding: 100px 0px;
}
.sec07 h4 {
	float: left;
	margin-bottom: 10px;
}
.sec07 h4 span {
	float: left;
	color: #ededed;
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
}
.sec07 h4 span.title {
	margin-left: 10px;
	line-height: 22px;
}
.sec07 ul {
	float: left;
    padding-left: 7px;
}
.sec07 ul li {
	position: relative;
	padding-left: 10px;
	font-size: 16px;
	line-height: 1.5;
	color: #ededed;
	text-align: left;
    font-weight: 300;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.sec07 ul li:last-child {
    margin-bottom: 0px;
}
.sec07 ul li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\b7\a0";
	letter-spacing: -0.05em;
}

/* modal */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    z-index: 1000;
}
.modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1010;

    width: 400px;
    height: auto;
    border-radius: 20px;
    text-align: center;
}

/* leaves */
#leavesModal.modal {
    width: 400px;
    height: auto;
    padding: 60px;
    background-image: url(../img/modal_bg_leaves.png);
    background-color: #d4fbfb;
    background-position: top center;
    background-size: 100%;
}
#leavesModal.modal .gift {
    width: 261px;
    height: 105px; 
    margin: 50px auto; 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#leavesModal.modal .gift.step1 {background-image: url(../img/modal_gift01_leaves.png);}
#leavesModal.modal .gift.step2 {background-image: url(../img/modal_gift02_leaves.png);}
#leavesModal.modal .gift.step3 {background-image: url(../img/modal_gift03_leaves.png);}
#leavesModal.modal .gift.step4 {background-image: url(../img/modal_gift04_leaves.png);}
#leavesModal.modal .gift.step5 {background-image: url(../img/modal_gift05_leaves.png);}
#leavesModal.modal .gift-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;

    font-size: 20px;
    font-weight: 500;
    color: #1e1e1e;   
}
#leavesModal.modal .gift-text .gift-count {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #ec401c;

    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
#leavesModal.modal .close-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 0px 0px 20px 20px;
    background: #a1efef;

    color: rgba(0,0,0,0.65);
    font-size: 18px;
    cursor: pointer;
}

/* chestnut */
#chestnutModal.modal {
    width: 400px;
    height: auto;
    padding: 60px;
    background-image: url(../img/modal_bg_chestnut.png);
    background-color: #d4fbfb;
    background-position: top center;
    background-size: 100%;
}
#chestnutModal.modal .gift {
    width: 214px;
    height: 137px; 
    margin: 50px auto; 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#chestnutModal.modal .gift.step1 {background-image: url(../img/modal_gift01_chestnut.png);}
#chestnutModal.modal .gift.step2 {background-image: url(../img/modal_gift02_chestnut.png);}
#chestnutModal.modal .gift.step3 {background-image: url(../img/modal_gift03_chestnut.png);}
#chestnutModal.modal .gift.step4 {background-image: url(../img/modal_gift04_chestnut.png);}
#chestnutModal.modal .gift.step5 {background-image: url(../img/modal_gift05_chestnut.png);}
#chestnutModal.modal .gift-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;

    font-size: 20px;
    font-weight: 500;
    color: #1e1e1e;   
}
#chestnutModal.modal .gift-text .gift-count {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #5e1611;

    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
#chestnutModal.modal .close-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 0px 0px 20px 20px;
    background: #f1a355;

    color: rgba(0,0,0,0.65);
    font-size: 18px;
    cursor: pointer;
}

/* acorn */
#acornModal.modal {
    width: 400px;
    height: auto;
    padding: 60px;
    background-image: url(../img/modal_bg_acorn.png);
    background-color: #d4fbfb;
    background-position: top center;
    background-size: 100%;
}
#acornModal.modal .gift {
    width: 165px;
    height: 122px; 
    margin: 50px auto; 
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#acornModal.modal .gift.step1 {background-image: url(../img/modal_gift01_acorn.png);}
#acornModal.modal .gift.step2 {background-image: url(../img/modal_gift02_acorn.png);}
#acornModal.modal .gift.step3 {background-image: url(../img/modal_gift03_acorn.png);}
#acornModal.modal .gift.step4 {background-image: url(../img/modal_gift04_acorn.png);}
#acornModal.modal .gift.step5 {background-image: url(../img/modal_gift05_acorn.png);}
#acornModal.modal .gift-text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;

    font-size: 20px;
    font-weight: 500;
    color: #1e1e1e;   
}
#acornModal.modal .gift-text .gift-count {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 25px;
    height: 25px;
    border-radius: 50px;
    background: #568540;

    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
#acornModal.modal .close-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 100%;
    height: 70px;
    line-height: 70px;
    border-radius: 0px 0px 20px 20px;
    background: #cbc35e;

    color: rgba(0,0,0,0.65);
    font-size: 18px;
    cursor: pointer;
}

/* review modal */
.modal_event {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1000;
}
.modal_event_bg {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    inset: 0px;
    overflow: hidden;
    transition: all 0.3s ease 0s;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    height: 100%;
}
.modal_event_bg_on {
    visibility: visible;
    opacity: 1;
}
.modal_event_box {
    position: relative;
    padding: 50px 0 0;
    box-sizing: border-box;
    width: 500px;
    max-height: calc(100% - 20px);
    border-radius: 20px;
    background-color: rgb(255, 255, 255);
}
.modal_event_box .cont {text-align:center;}
.modal_event_box .cont a {color:#000; font-weight:500;}
.modal_event_box .title {
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
    color: #000;
}
.modal_event_box .title strong {
    color: #4c569d;
}
.modal_event_box .txt {
    margin: 20px auto 30px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    color: #000;
}
.modal_event_box select {
    width: calc(100% - 200px);
    height: 50px;
    border-radius: 50px;
}

.modal_event_box input[type=text] {
    text-align: center;
    width: calc(100% - 200px);
    height: 50px;
    border-radius: 50px;
}
.modal_event_box input[type=text].review {
    margin: 20px 0;
    text-align: center;
    width: calc(100% - 100px);
    height: 40px;
    border-radius: 0;
}
.modal_event_box p.comment {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    color: #d7745a;
}
.modal_event_box .btn_confirm {
    margin-top: 50px;
    padding: 0;
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    color: #666;
    background: #f1f1f1;
    border-radius: 0 0 20px 20px;
}
.modal_event_box .btn_close {
    padding: 0;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
    color: #aaa;
    background: none;
}
.modal_event2 .title {
    margin-bottom: 20px;
}
.modal_event2 .txt {
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    color: #000;
}