@charset "utf-8";

/* 전체 레이아웃 */
#wrap { width: 600px; max-width: 100%; margin: 0 auto; padding-bottom: 100px; }

@media screen and (max-width:600px){
	#wrap { padding-bottom: 10vw; }
}

/* 섹션 1 */
#sec_1 { position: relative; }
#sec_1 .sec_1_btnArea { position: absolute; top: 830px; width: 100%; text-align: center; }
#sec_1 .sec_1_btnArea input[type="image"] { width: 55%; }

@media screen and (max-width:600px){
	#sec_1 .sec_1_btnArea { top: 138.5vw; }
}


/* 섹션 3 */
#sec_3 { background: #e4e4e4; }
#sec_3 .sec_3_itemList { padding: 70px 15px 60px; }
#sec_3 .sec_3_itemList li { position: relative; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); }
#sec_3 .sec_3_itemList li:not(:last-child) { margin-bottom: 60px; }
#sec_3 .sec_3_itemList li .sec_3_itemBox { position: absolute; top: 30px; left: 5%; width: 90%; }
#sec_3 .sec_3_itemList li .sec_3_itemBox .overlay { opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.1); text-align: center; transition: 0.3s; }
#sec_3 .sec_3_itemList li .sec_3_itemBox:hover .overlay { opacity: 1; }
#sec_3 .sec_3_itemList li .sec_3_itemBox .overlay img { position: relative; top: 50%; transform: translateY(-50%); }

@media screen and (max-width:600px){
	#sec_3 .sec_3_itemList li .sec_3_itemBox { top: 4vw; }
}

/* 작성 폼 스타일 */
#sec_4 { padding: 0 15px; background: #fafafa; }

#sec_4 .sec_4_box .form_tit { margin: 35px 0 10px; padding: 0 15px; background: #0065a5; font-size: 2.2em; line-height: 50px; letter-spacing: -0.05em; color: #fff; }
#sec_4 .sec_4_box .form_tit span { margin-left: 10px; font-size: 0.5em; color: #f8ae0a; }
#sec_4 .sec_4_box .form_subtit { margin: 20px 0 5px; font-size: 1.8em; font-weight: 500; letter-spacing: -0.075em; color: #0065a5; }

#sec_4 .sec_4_box .form_subBox label { display: inline-block; box-sizing: border-box; }
#sec_4 .sec_4_box .form_subBox input[type="radio"] { display: none; }
#sec_4 .sec_4_box .form_subBox input[type="radio"] + label { border: 1px solid #666; border-radius: 8px; background: #fff; font-size: 1.8em; line-height: 50px; text-align: center; color: #666; }
#sec_4 .sec_4_box .form_subBox input[type="radio"]:checked + label { border: 1px solid #0065a5; background: #0065a5; color: #fff; }

#sec_4 .sec_4_box .form_subBox input[type="radio"] + label.label_2 { width: 48.5%; }
#sec_4 .sec_4_box .form_subBox input[type="radio"] + label.label_3 { width: calc(31.33% + 0.3px); }
.label_mr_3per { margin-right: calc(3% - 4px); }

#sec_4 .sec_4_box input[type="text"] { border: 1px solid #ddd; height: 50px; font-size: 16px; }
#sec_4 .sec_4_box .form_subBox span { font-size: 1.3em; font-weight: bold; }
#sec_4 .sec_4_box .form_subBox .addr_btn { height: 50px; margin-left: 5px; border: 1px solid #dddddd; border-radius: 0; background: #dddddd; font-size: 1.4em; color: #333; }

#sec_4 .sec_4_box .btn_area { text-align: center; padding: 30px 0 60px; }
#sec_4 .sec_4_box .btn_area input[type="submit"] { width: 80%; height: 50px; border: 0; border-radius: 8px; background: #0065a5; font-size: 2.2em; color: #fff; }

#sec_4 .sec_4_box input[type="checkbox"] { width: 20px; height: 20px; }
#sec_4 .sec_4_box input[type="checkbox"] + .chk_label { position: relative; top: 5px; margin-left: 10px; font-size: 1.8em; font-weight: bold; color: #0065a5; }
#sec_4 .sec_4_box .term_btn { display: block; width: 85px; height: 30px; margin-top: 7px; margin-left: 30px; border: 1px solid #0065a5; border-radius: 4px; background: #cfeffe; font-size: 1.2em; color: #0065a5; }

@media screen and (max-width:600px){
	#sec_4 .sec_4_box .form_tit { font-size: 5.5vw; }
	#sec_4 .sec_4_box .form_tit span { font-size: 0.6em; }
	#sec_4 .sec_4_box .form_subtit { margin: 20px 0 7px; font-size: 5vw; }

	#sec_4 .sec_4_box .form_subBox input[type="radio"] + label { font-size: 4.5vw; }

	#sec_4 .sec_4_box input[type="text"] { font-size: 4vw; }
	#sec_4 .sec_4_box .form_subBox span { font-size: 4.5vw; }
	#sec_4 .sec_4_box .form_subBox .addr_btn { font-size: 4.5vw; }

	#sec_4 .sec_4_box .btn_area { padding: 7vw 0 18vw; }
	#sec_4 .sec_4_box .btn_area input[type="submit"] { font-size: 5vw; }

	#sec_4 .sec_4_box input[type="checkbox"] + .chk_label { font-size: 5vw; }
}

/* 상품상세 레이어 */
.item_overlay { display: none; position: absolute; top: 0; left: 50%; width: 100%; max-width: 600px; padding-bottom: 100px; transform: translateX(-50%); background: rgba(0,0,0,0.8); z-index: 99; }
.item_overlay input[type="image"] { position: absolute; top: 10px; left: 0; z-index: 999; }
.item_overlay .item_overlayBox { width: 90%; margin: 0 auto; padding-top: 30px; }


/* 하단영역 */
footer { position: fixed; bottom: 0; left: 50%; width: 100%; max-width: 600px; transform: translateX(-50%); z-index: 9999; }

/* 신청 리스트 - 관리자 */
.apply_list_area { width: 100%; min-width: 1340px; }
.apply_list_area .apply_list_tit { margin-top: 80px; font-size: 22px; font-weight: bold; text-align: center; color: #333; }
.apply_list_area .apply_list_tbl { width: 1260px; margin: 30px auto; padding: 0 40px; }
.apply_list_area .apply_list_tbl th, .apply_list_area .apply_list_tbl td { border-bottom: 1px solid #ddd; }
.apply_list_area .apply_list_tbl th { padding: 20px 0; background: #f3f3f3; font-size: 16px; font-weight: bold; }
.apply_list_area .apply_list_tbl td { padding: 15px 0; font-size: 16px; text-align: center; }

/* 신청 상세 - 관리자 */
.apply_view_area { width: 100%; min-width: 900px; }
.apply_view_area .apply_view_tbl { width: 820px; margin: 20px auto; padding: 0 40px; border-top: 2px solid #333; }
.apply_view_area .apply_view_tbl th, .apply_view_area .apply_view_tbl td { border-bottom: 1px solid #ddd; padding: 15px 0; }
.apply_view_area .apply_view_tbl th.bord_bot, .apply_view_area .apply_view_tbl td.bord_bot { border-bottom: 2px solid #ddd; }
.apply_view_area .apply_view_tbl th { background: #f3f3f3; font-size: 16px; font-weight: bold; }
.apply_view_area .apply_view_tbl td { padding-left: 20px; font-size: 16px; }

/* 유튜브 영상 */
#youtube_video { height: 340px; }

@media screen and (max-width:600px){
	#youtube_video { height: 50vw; }
}

/* 2022-09-22 추가 */
.set_btn { position: fixed; bottom: 10px; right: -30px; }

@media screen and (max-width:600px){
	.set_btn { display: none; }
}