/* 25주년 기념 이벤트 랜딩페이지 */
/* 공통 */
.event_wrap {max-width:1080px; margin:0 auto; transition:none; padding-top:80px; padding-bottom:150px;}
.event_wrap .mo {display:none !important;}
.event_wrap img {max-width:100%;}
.event_wrap input:focus, .event_wrap select:focus {border:1px solid #2a28b7 !important; transition:none; outline:none;}
.event_wrap input::placeholder {color:rgba(21, 21, 21, 0.5);}
.event_wrap input.radio, .event_wrap input.checkbox {position:absolute; top:0; left:0; margin:0; padding:0; clip:rect(0,0,0,0); cursor:pointer;}
.event_wrap select {background:#fff url('../img/event/ico_sel_arr.svg') right 20px top 50% no-repeat; -webkit-appearance:none; background-size:12px auto; padding-right:40px; color:#666;}

.ico_check {display:inline-block; position:relative; height:33px; padding-left:45px; cursor:pointer;}
.ico_check:before {position:absolute; top:0; left:0; z-index:10; width:33px; height:33px; background:url('../img/event/ico_default.svg') 0 0/100% auto no-repeat; border:1px solid #cbcbcb; border-radius:5px; content:''}
.checkbox:checked + .ico_check:before, .radio:checked + .ico_check:before {background-image:url('../img/event/ico_check.svg'); border:1px solid #2a28b7;}

/* 상단이미지 고정 */
.img_area {position:relative;}
.img_area .top_fix {position:sticky; top:0;}
.img_area .top_fix a {display:block;}

/*  */
.form_area .title {text-align:center; padding-bottom:50px;}
.form_area .title h2 {font-size:48px; color:#2a28b7; font-weight:800;}
.form_area .title span {display:block; font-size:23px; font-weight:500; color:#666; padding-top:10px;}

.form_area .box {position:relative; background:#fdf6e4; border:1px solid #2a28b7; border-radius:30px; padding:130px 60px 40px 60px;}
.form_area .box .text_area {position:absolute; top:0; left:0; width:100%; /* display:flex; align-items:center; justify-content:center;  */background:#2a28b7 url('../img/event/pc/tx_bg.png') 50% 100% no-repeat; color:#fff; border-radius:30px 30px 0 0; text-align:center; font-size:28px; height:120px; padding-top:25px;}
.form_area .box .text_area strong {color:#ffde00;}
 
/* 폼레이아웃 */
.form_area {padding:100px 85px; background:url('../img/event/form_bg.jpg') 0 50% no-repeat; }
.form_area .ipt {display:flex; align-items:center; margin-bottom:15px; font-size:24px;}
.form_area .ipt > label {width:160px; color:#2a28b7; font-size:24px; font-weight:bold;}
.form_area .ipt > div {flex:1 0 0; position:relative;}
.form_area .ipt input[type="text"] {width:100%; height:70px; padding-left:23px; border-radius:10px; border:1px solid #cbcbcb;}
.form_area .ipt select {height:70px; padding-left:23px; border-radius:10px;border:1px solid #cbcbcb; width:100%;}
.form_area .ipt.tel > div {display:flex; justify-content:space-between;}
.form_area .ipt.tel input[type="text"], .form_area .ipt.tel select {width:32%;}
.form_area .ipt.gender > div {display:flex; justify-content:space-between;}
.form_area .ipt .option {position:relative; width:49%;}
.form_area .ipt .lbl {display:flex; align-items:center; justify-content:center; height:70px; background:#fff; border:1px solid #dbdbdb; border-radius:10px; text-align:center; color:rgba(21, 21, 21, 0.5);  user-select:none; cursor:pointer;}
.form_area .ipt .radio:checked + .lbl {background-color:#3bceff; color:#fff; border-color:#3bceff;}
.form_area .check {position:relative; padding:25px 0 50px; font-size:24px;}
.form_area .check a {color:#2a28b7; text-decoration:underline;}
.form_area .txt_area {padding-bottom:70px; text-align:center;}
.form_area .txt_area p {font-size:47px;}
.form_area .txt_area strong {color:#00dcc5;}
.form_area .btn_area {text-align:center;}
.form_area .btn_area a {display:flex; align-items:center; justify-content:center; background:#2a28b7; color:#fff; height:100px; font-size:30px; border-radius:10px; font-weight:bold; transition:0.3s}
.form_area .btn_area a:hover {background:#1b1b75;}

/* 하단 */
.footer {position:relative; padding:95px 65px; background:#e7e7e7; color:#151515;}
.footer .link {display:flex; justify-content:space-between;}
.footer .link > ul {display:flex; align-items: center;}
.footer .link > ul li a {display:block; padding:0 12px;}
.footer .info p {font-size:28px; opacity:0.5; margin-top:50px; line-height:1.4;}

.img_area.mobile {display:none;}


@media screen and (max-width:1100px) {
	.event_wrap {padding-top:100px; padding-bottom:0;}
}

@media screen and (max-width:1000px) {

	.img_area.mobile {display:block;}
	.img_area.pc {display:none;}

	.event_wrap input::placeholder {color:rgba(2, 0, 133, 0.6);}
	
	.event_wrap .mo {display:block !important;}
	.event_wrap .pc {display:none !important;}
	.event_wrap input:focus, .event_wrap select:focus {border:1px solid #2a28b7 !important; outline:none !important;}

	.ico_check {height:20px; padding-left:26px;}
	.ico_check:before {height:20px; width:20px;}
	
	.img_area {padding-top:0;}
	.img_area .top_fix {position:static;}

	.form_area {padding:30px; position:fixed; bottom:0; left:0; width:100%; z-index:100; background: linear-gradient(180deg, #DBD5E3 0%, #FDF6E4 100%); border-top:1px solid #2a28b7;}
	.form_area .ipt > label {display:none;}
	.form_area .ipt_wrap {display:flex; flex-wrap: wrap;}
	.form_area .ipt {font-size:15px; margin-bottom:0;}
	.form_area .ipt:last-child {margin-right:0;}
	.form_area .ipt input[type="text"], .form_area .ipt select {height:40px; border-radius:3px; padding-left:7px;  }
	.form_area .ipt .lbl {height:40px; border-radius:3px;color:rgba(2, 0, 133, 0.6);}
	.form_area .ipt .radio:checked + .lbl {border-color:#3bceff; }
	.form_area .ipt.tel > div.mo {display:flex !important;}
	.form_area .ipt.tel input[type="text"] {width:100%;}
	.form_area .ipt .option {width:50%;}
	.form_area .ipt .lbl {border-radius:3px 0 0 3px; font-weight:normal;}
	.form_area .ipt .option:last-child .lbl {border-radius:0 3px 3px 0; border-left:1px solid #ddd;}
	.form_area .txt_area {display:none;}
	.form_area .check {padding:10px 0; font-size:14px;}
	.form_area .btn_area a img {display:none;}
	.form_area .btn_area a  {display:flex; align-items:center; justify-content:center; height:45px; border-radius:4px; font-weight:bold; font-size:17px;}

	.form_area .ipt.e_name {width:50%; order:1; margin-bottom:2px;}
	.form_area .ipt.region {width:calc(50% - 2px); order:2; margin-bottom:2px; margin-left:2px;}

	.form_area .ipt.name {width:28%; order:3}
	.form_area .ipt.age {width:calc(22% - 2px); order:4; margin-left:2px;}
	.form_area .ipt.tel {width:calc(30% - 2px); order:5; margin-left:2px;}
	.form_area .ipt.gender {width:calc(20% - 2px); order:6; margin-left:2px;}
	
	.footer {padding:80px 40px 260px;}
	.footer .info p {font-size:16px;}
	.footer .link > a img {height:40px;}
	.footer .link > ul img {height:22px;}

	.form_area .box .text_area {display:none;}
	.form_area .box {padding:0; background:transparent; border:none;}

}

@media screen and (max-width:640px) {
	.event_wrap {padding-top:90px;}
	.form_area .ipt input[type="text"], .form_area .ipt select, .form_area .ipt .lbl {font-size:14px; height:36px;}
	.event_wrap select {background:#fff url('../img/event/ico_sel_arr.svg') right 6px top 50% no-repeat; background-size:7px auto; padding-right:20px;}
	.form_area {padding:15px 10px;}

	.footer {padding:35px 17px 250px;}
	.footer .info p {margin-top:15px;}
	.footer .info p {font-size:13px;}
	.footer .link {padding-bottom:10px;}
	.footer .link > ul {position:absolute; bottom:210px;}
	.footer .link > ul img {height:18px;}
	.footer .link > a img {height:30px;}

	.form_area .btn_area a {font-size:15px;}
	
}

/* 2024-07-21 팝업추가 */
.pop_wrap {position:absolute; top:50px; z-index:999; left:10px; display:flex;}
.pop_wrap .p2 {margin-left:10px;}
.main_notice_pop img {max-width:100%}
.main_notice_pop .pop_bot {display:flex; justify-content: space-between; padding:8px 15px; background:#000; color:#fff; font-size:14px;}
.main_notice_pop .pop_bot .btn_x {color:#fff;}
.main_notice_pop input {width:20px; height:20px; vertical-align:middle;}

/* 2024-07-27 팝업 하단 배너로 위치변경 */
.foot_banner {display:flex; justify-content: space-between; padding:50px 30px 0;}


@media (max-width:1000px){
	.pop_wrap {display:none !important;}
}
@media (max-width:600px){
	.pop_wrap {position:static;}
	.main_notice_pop {position:absolute; left:10px; top:10px; z-index:999;}
	.pop_wrap .p2 {margin-left:0;}
}

@media (max-width:510px){
	.main_notice_pop {right:10px;}

	.foot_banner {padding:0; flex-direction: column;}
	.foot_banner div {padding:5px 10px 5px; }

}

/*24.08.22 이벤트3 추가*/

.img_area .top_fix { z-index:2; }
.ico_check { z-index:1; }

.receipt {padding:100px 85px; border-top: 1px solid #e7e6e1; background:url('http://kiness.manolab.co.kr/theme/kiness/img/event/form_bg.jpg') 0 50% no-repeat; }
.receipt .box {position:relative; background:#fdf6e4; border:1px solid #2a28b7; border-radius:30px; padding:130px 60px 40px 60px;}
.receipt .box .text_area {position:absolute; top:0; left:0; width:100%; background:#2a28b7 url('http://kiness.manolab.co.kr/theme/kiness/img/event/pc/tx_bg.png') 50% 100% no-repeat; color:#fff; border-radius:30px 30px 0 0; text-align:center; font-size:45px; height:110px; padding-top:25px;}
.receipt .box .text_area strong {color:#ffde00;}
.receipt .ipt {display:flex; align-items:center; margin-bottom:15px; font-size:24px;}
.receipt .ipt > label {width:160px; color:#2a28b7; font-size:24px; font-weight:bold;}
.receipt .ipt > div {flex:1 0 0; position:relative;}
.receipt .ipt input[type="text"] {width:100%; height:70px; padding-left:23px; border-radius:10px; border:1px solid #cbcbcb;}
.receipt .ipt select {height:70px; padding-left:23px; border-radius:10px;border:1px solid #cbcbcb; width:100%;}
.receipt .ipt.tel > div {display:flex; justify-content:space-between;}
.receipt .ipt.tel input[type="text"], .receipt .ipt.tel select {width:32%;}
.receipt .ipt.gender > div {display:flex; justify-content:space-between;}
.receipt .ipt .option {position:relative; width:49%;}
.receipt .ipt .lbl {display:flex; align-items:center; justify-content:center; height:70px; background:#fff; border:1px solid #dbdbdb; border-radius:10px; text-align:center; color:rgba(21, 21, 21, 0.5);  user-select:none; cursor:pointer;}
.receipt .ipt .radio:checked + .lbl {background-color:#3bceff; color:#fff; border-color:#3bceff;}
.receipt .check {position:relative; padding:25px 0 50px; font-size:24px;}
.receipt .check a {color:#2a28b7; text-decoration:underline;}
.receipt .txt_area {padding-bottom:70px; text-align:center;}
.receipt .txt_area p {font-size:47px;}
.receipt .txt_area strong {color:#00dcc5;}
.receipt .btn_area {text-align:center;}
.receipt .btn_area a {display:flex; align-items:center; justify-content:center; background:#2a28b7; color:#fff; height:100px; font-size:30px; border-radius:10px; font-weight:bold; transition:0.3s}
.receipt .btn_area a:hover {background:#1b1b75;}

@media screen and (max-width: 1000px) {
	.event_wrap .receipt .pc { display:flex !important; }
	.receipt { padding: 100px 20px; }
	.receipt .check { font-size: 18px; }

}

@media screen and (max-width: 768px) {
	.receipt .box { padding:130px 30px 40px 30px; }
}

@media screen and (max-width: 630px) {
	.receipt { padding: 80px 20px; }
	.receipt .box .text_area { height: 90px; font-size: 35px; }
	.receipt .box { padding:130px 20px 40px 20px; }
	.receipt .btn_area a { height: 70px; font-size: 26px; }
	.receipt .ipt > label { font-size: 20px; width: 100px; }
	.receipt .ipt { font-size: 20px; }
	.event_wrap .receipt select { background:#fff url('http://kiness.manolab.co.kr/theme/kiness/img/event/ico_sel_arr.svg') right 20px top 50% no-repeat; }
	.receipt .ipt select { height: 60px; }
	.receipt .ipt input[type="text"] { height: 60px; }
	.receipt .check { padding: 20px 0 40px; font-size: 14px; }
}

@media screen and (max-width: 430px) {
	.receipt { padding: 50px 20px; }
	.receipt .box { padding:90px 20px 20px 20px }
	.receipt .box .text_area { height: 70px; font-size: 24px; }
	.receipt .check { padding: 10px 0 20px; }
	.receipt .btn_area a { height: 50px; font-size: 20px; }

	.receipt .ipt > label, .receipt .ipt { font-size: 14px; }
	.receipt .ipt > label { width: 76px; }
	.receipt .ipt select { height:40px; }
	.receipt .ipt input[type="text"] { height: 40px; }
}