#hd_wrap{}

#sub-page{margin-top:148px; box-sizing:border-box; min-height:500px; border:1px solid #e3e3e3;; clear:both; }

/* 상품메뉴 */
#goods-menu-area{width:100%; box-sizing:border-box;}
	#goods-menu-area ul{width:100%; box-sizing:border-box; text-align:center;}
	#goods-menu-area ul > li{ display:inline-block; }
	#goods-menu-area ul > li > a{border:1px solid #e3e3e3; line-height:22px; padding:8px 15px;margin:5px 0; display:block;}
	#goods-menu-area ul > li > a.selected{background-color:#000; color:#fff;}


/* 체험상품 */
#first-menu-list{width:99%; box-sizing:border-box; border:1px solid red; margin:0 auto; padding:5px; line-height:22px;}

/*상품 목록 : 그룹 */
#goods-list{height:auto;}
#goods-list .goods-table { width:100%; max-width:1200px; margin:0 auto;}
	#goods-list h4{font-size:22px; letter-spacing:0px; font-weight:400; line-height:50px; color:#222222;}
	#goods-list .goods-table{width:calc(100% - 20px); margin:20px auto 0 auto; box-sizing:border-box; display:table; border-bottom:1px solid #e3e3e3;}
	#goods-list .goods-table .goods-table-body{ display: table-row-group; }
	#goods-list .goods-table .goods-table-row{display:table-row;}
	#goods-list .goods-table .goods-table-cols{display:table-cell; vertical-align:top;}
	#goods-list .goods-table .goods-table-cols.goods-thum{width:30%; height:auto; padding:25px 0; text-align:center; vertical-align:top;}

	#goods-list .goods-table .goods-table-cols.goods-thum .video,
	#goods-list .goods-table .goods-table-cols.goods-thum .img{width:90%; display:inline-block; vertical-align:middle;}
	#goods-list .goods-table .goods-table-cols.goods-thum .img > img{width:100%; vertical-align:middle;}	

	#goods-list .goods-table .goods-table-cols.goods-text{box-sizing:border-box; padding:10px 10px 10px 20px; vertical-align:top;}
		#goods-list .goods-table .goods-table-cols.goods-text > dl{width:calc(100% - 20px); margin:0 auto; background-color:#f5f5f5; border-radius:0px; margin-top:10px; padding:8px 12px;}
		#goods-list .goods-table .goods-table-cols.goods-text > dl > dt{font-size:16px; color:#333333; font-weight:500; letter-spacing:0.5px;}
		#goods-list .goods-table .goods-table-cols.goods-text > dl > dd{font-size:15px; box-sizing:border-box; padding-left:10px; font-weight:400; color:#555555;}
		#goods-list .goods-table .goods-table-cols.goods-text .goods-detail-btn { text-align:right; float:right; background:#e51785; color:#ffffff; font-size:15px; font-weight:400; width:80px; text-align:center; height:28px; line-height:28px; margin:20px 0;}

		#goods-list .goods-table .goods-detail{margin-top:5px; text-align:right;}

/* 예약하기 */
#goods-form { width:100%;}
#goods-form .form_box { width:95%; max-width:1200px; margin:0 auto 80px;}

#goods-form .form_box .form_box_l { width:32%; box-sizing:border-box; display:inline-block; vertical-align:top; float:left;}
#goods-form .form_box .form_box_c { width:32%; box-sizing:border-box; display:inline-block; vertical-align:top; margin:0 2%;}
#goods-form .form_box .form_box_r { width:32%; box-sizing:border-box; display:inline-block; vertical-align:top; float:right;}

#goods-form .form_box .form_box_l h3, #goods-form .form_box .form_box_c h3, #goods-form .form_box .form_box_r h3 { font-weight:400;}

#goods-form .form_box .form_box_l .form_box_l_top { border:1px solid #eeeeee; padding:20px;}
#goods-form .form_box .form_box_l .form_box_l_top .date_default { width:100%; margin:30px auto 20px; text-align:center;}
#goods-form .form_box .form_box_l .form_box_l_top .date_default h6 { font-size:24px;letter-spacing:-1px; font-weight:400}
#goods-form .form_box .form_box_l .form_box_l_top .date_default span.left_arrow {font-size:26px; padding-right:30px; color:#aaaaaa;}
#goods-form .form_box .form_box_l .form_box_l_top .date_default span.right_arrow {font-size:26px; padding-left:30px; color:#aaaaaa;}
#goods-form .form_box .form_box_l .form_box_l_top .date_default span.left_arrow:hover, .date_default span.right_arrow:hover { color:#333333;}
/*달력*/
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table {border-collapse: collapse;text-align: center;border: 0px solid #dedede;width:100%; border-top:0px solid #999999; display:table; font-size:15px;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table thead {border-right: 0px solid #dedede;border-left: 0px solid #dedede;background: #ffffff;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table thead th {padding:10px;font-weight:400;vertical-align: middle;border: 0px solid #dddddd;color:#555555; display:table-cell;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table thead th:first-child { color:#ea2006;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table thead th:last-child { color:#1c6ed3;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td:hover, #goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td:first-child:hover, #goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td:last-child:hover { cursor:pointer; background:#ea2006; border-radius:0%; color:#ffffff;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table tbody th {padding:10px;font-weight: 600;vertical-align: middle;border: 0px solid #dddddd;background: #fff;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td {padding:5px;vertical-align:middle;border: 0px solid #dddddd;background-color:#fff; height:44px; display:table-cell;font-weight:400; color:#555555}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td.selected{color:#000 !important; background-color:#d2e3ef !important;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td:first-child { color:#ea2006;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td:last-child { color:#1c6ed3;}
#goods-form .form_box .form_box_l .form_box_l_top table.calendar-table td.gone { /*color:rgba(0,0,0,.6);*/ opacity:0.5; filter: alpha(opacity=50);}


#goods-form .form_box .form_box_l .form_box_l_bottom { border:1px solid #eeeeee; padding:20px; background:#ffffff; margin-top:6%;}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time { margin-top:20px;}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time ul {}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time ul li { background:#ffffff; border:1px solid #dddddd; color:#444444; text-align:center; width:20%; padding:6px 0; border-radius:15px; display:inline-block; margin:5px; font-size:15px; font-weight:500;}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time ul a.closed{cursor:not-allowed;}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time ul a.closed > li {background-color:#efefef; color:#999;}
#goods-form .form_box .form_box_l .form_box_l_bottom .form_time ul li.on { background:#e51785; border:1px solid #e51785; color:#ffffff;}

#goods-form .form_box .form_box_c .form_box_c_top { border:1px solid #eeeeee; padding:20px;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data { margin:30px 0;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data span { font-size:15px;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data label { font-size:15px; vertical-align:top;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data label.form-label{ width:30%;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data input[type="text"],
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data input[type="password"]{ border:1px solid #dddddd; float:right; width:70%; height:34px; margin-top:-5px; padding:5px; box-sizing:border-box}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data textarea { border:1px solid #dddddd; float:right; width:70%; padding:5px; box-sizing:border-box; font-size:12px;}
/*radio*/
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data .cs-radio { float:right; margin-left:10px;cursor:pointer;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data .cs-radio > .r_visible {border: 1px solid #ccc;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data .cs-radio input[type=radio]:not(old) {width: 0;margin: 0;padding: 0;opacity: 0;font-size: 1em;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data .cs-radio > .r_visible { position: relative;display: inline-block;width: 18px;height: 18px;border-radius: 50em;background-color: #fff;vertical-align: bottom;}
#goods-form .form_box .form_box_c .form_box_c_top .form_box_data .cs-radio input[type=radio]:not(old):checked + .r_visible > span {position: absolute;display: block;width: 12px;height: 12px;border-radius: 50em;background-color: #e51785;top: 3px;left: 3px;}

#goods-form .form_box .form_box_c .form_box_c_bottom { border:1px solid #eeeeee; padding:20px; margin-top:6%;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data { margin:30px 0;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox span { font-size:15px;}

#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox { position:relative; z-index:2; height:20px; margin:0px 0 50px; color:#555; font-size:15px; line-height:20px; font-weight:300;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox input[type=checkbox] { display:none;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox label { display:inline-block; padding-left:35px; padding-right:80px; margin-left:0px; margin-top:-1px;cursor:pointer;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox input[type=checkbox] + label:before { content:""; display:block; position:absolute; left:0; top:0; width:18px; height:18px; border:1px solid #ccc; background-color:#fff; color:#ccc;line-height:25px; text-align:center; background:url("/new_images/check.png") center center no-repeat;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox input[type=checkbox]:checked + label:before { border:1px solid #e51785; /*background-color:#bc9b6a;*/ color:#fff; background:#e51785 url("/new_images/check_on.png") center center no-repeat;}
#goods-form .form_box .form_box_c .form_box_c_bottom .form_box_data .agree-checkbox > a {position: absolute;top: 0;right: 0;text-decoration: underline;}

#goods-form .form_box .form_box_r .form_box_r_top { border:1px solid #eeeeee; padding:20px;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list { margin:30px 0; border-top:1px solid #e51785;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul { padding:20px 0; border-bottom:1px solid #dddddd;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul li { font-size:14px; font-weight:400;display:inline-block; width:60%;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul .e_price { color:#e9440b; font-size:16px; text-align:right; display:inline-block; float:right;  font-weight:500; letter-spacing:0;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul .e_price span { color:#555555; font-size:14px;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul .e_price span.goods-price{color:#e9440b; font-size:16px; }
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul .e_price i { color:#aaaaaa; padding:0 5px 0 15px; font-weight:100;}
#goods-form .form_box .form_box_r .form_box_r_top .e_rsv_list ul .goods-name{font-weight:normal; color:#666; box-sizing:border-box; padding-left:5px;}

#goods-form .form_box .form_box_r .form_box_r_bottom { border:0px solid #eeeeee; background:#f5f5f5; padding:20px; margin-top:6%;}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price {}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price ul {}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price ul li { font-size:14px; font-weight:400;display:inline-block; width:60%;}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price ul .t_price { color:#e9440b; font-size:16px; text-align:right; display:inline-block; float:right;  font-weight:500; letter-spacing:0;}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price ul .t_price span { color:#555555; font-size:14px;}
#goods-form .form_box .form_box_r .form_box_r_bottom .total_price ul .t_price #total-price { color:#e9440b; font-size:16px;}

#goods-form .form_box .form_box_r .rsv_btn { background:#e51785; color:#ffffff; width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; font-weight:600; margin-top:6%;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border:none; cursor:pointer;}
#goods-form .form_box .form_box_r .rsv_btn:hover { background:#c61473;}


/* 상품 상세 레이어 */
#goods-detail-layer{width:100%; height:100%; position:fixed; box-sizing:border-box; background-color:#444444;  z-index:900; opacity:0.7; top:0; left:0; display:none; }
#goods-detail-form{width:100%; position:fixed; z-index:950;  box-sizing:border-box; height:auto; background-color:#fff; display:none; border-radius:0px; overflow-x:hidden; max-height:calc(100% - 178px); width:900px; top:40px; left:calc(50% - 450px); border:0px solid #e3e3e3; box-shadow:7px 7px 10px 1px rgba(0,0,0,0.5);}
#goods-detail-form::-webkit-scrollbar { display:none;}

	#goods-detail{box-sizing:border-box; width:100%; padding-top:0;}

		#goods-detail ul,
		#goods-detail ul > li{margin:0; padding:0; list-style:none;}

		#goods-detail h3{box-sizing:border-box; width:100%; background-color:#444444; color:#fff; line-height:24px; font-size:18px; font-weight:400; text-align:center; padding:15px 0; font-weight:550; margin:0;}
		#goods-detail h3::after{content:' '; width:100%; height:0; clear:both; display:block;}
		#goods-detail h3 > span{float:right; display:block; width:40px; text-align:center; cursor:pointer;}
		#goods-detail h4{width:100%; text-align:center; margin:0; line-height:24px; padding:10px 0; box-sizing:border-box; font-size:20px; font-weight:400;}
		#goods-detail h5{width:100%; margin:0; line-height:24px; padding:20px 0 5px 0; box-sizing:border-box; font-size:16px; font-weight:400; border-top:1px dashed #dddddd; margin-top:20px;}
		#goods-detail h3 i { font-size:22px; font-weight:normal}

		#goods-detail .detail-contents{width:100%; padding:25px; box-sizing:border-box; line-height:22px;}

		#goods-detail .detail-contents .goods-list{width:100%; box-sizing:border-box;}
		#goods-detail .detail-contents .goods-list > .category-name{width:100%; box-sizing:border-box; padding:8px 0 8px 4px ; color:#000; font-weight:400; background-color:#e3e3e3; margin:8px 0 4px 0;}
		#goods-detail .detail-contents .goods-list > .category-name:nth-child(1){margin-top:0;}
		#goods-detail .detail-contents .goods-list > ul{width:100%; box-sizing:border-box; padding:0;}
		#goods-detail .detail-contents .goods-list > ul > li{cursor:pointer; box-sizing:border-box; padding:2px 10px 2px 10px;}

		#goods-detail .detail-contents .goods-list > ul > li > a{display:inline-block; width:100%;}
		#goods-detail .detail-contents .goods-list > ul > li > a::after{content:' '; width:100%; height:0; clear:both; display:block;}		
		#goods-detail .detail-contents .goods-list > ul > li > a > span{float:right;}
		#goods-detail .detail-contents .goods-list > ul > li.hover{background-color:#F5D6E6;}

@media(max-width:1100px){
	#sub-page{margin-top:76px}

	/* 상품 상세 레이어 */
	#goods-detail-form{top:86px; max-height:calc(100% - 106px); width:90%; left:5%; border:1px solid #e3e3e3; box-shadow:1px 1px 1px #e1e1e1;}
	
	#goods-form .form_box .form_box_l { width:49%; float:left;}
	#goods-form .form_box .form_box_c { width:49%; margin:0 0 0 2%;}
	#goods-form .form_box .form_box_r { width:100%; float:none;margin:2% 0%;}
	
	#goods-form .form_box .form_box_l .form_box_l_bottom, #goods-form .form_box .form_box_c .form_box_c_bottom, #goods-form .form_box .form_box_r .form_box_r_bottom, #goods-form .form_box .form_box_r .rsv_btn { margin-top:2%;}
}
@media screen and (max-width:760px){
	#goods-form .form_box .form_box_l { width:100%; float:none;}
	#goods-form .form_box .form_box_c { width:100%; margin:2% 0 0 0%;}
	#goods-form .form_box .form_box_r { width:100%; float:none; margin:2% 0%;}
}

@media(max-width:550px){
	#sub-page{margin-top:66px}

	/* 상품 상세 레이어 */
	#goods-detail-form{top:76px; max-height:90%; overflow-y:auto;}

	/*상품 목록 : 그룹 */
	#goods-list{}
	#goods-list .goods-table .goods-table-body{ display: block; }
	#goods-list .goods-table .goods-table-row{display:block;}
	#goods-list .goods-table .goods-table-cols{display:block;}
	#goods-list .goods-table .goods-table-cols.goods-thum{width:100%; height:auto; padding:10px 0;}

}

@media(max-width:380px){
	#sub-page{margin-top:66px}
	/* 상품 상세 레이어 */
	#goods-detail-form{top:76px; max-height:90%; overflow-y:auto;}
}

/*로그인*/
#login-form { width:100%; margin:0 auto 80px;}
#login-form .login_box { width:95%; max-width:1200px; margin:0 auto;}
#login-form .login_box  h2 { text-align:center; font-weight:400; font-size:26px; color:#444444; margin:50px 0;}
#login-form .login_box .login_con { width:100%; max-width:400px; margin:0 auto; border-top:2px solid #e51785; border-bottom:1px solid #dddddd;}
#login-form .login_box .login_con .form_box_data { margin:30px 0;}
#login-form .login_box .login_con .form_box_data span { font-size:15px;}
#login-form .login_box .login_con .form_box_data label { font-size:15px; vertical-align:top;}
#login-form .login_box .login_con .form_box_data label.form-label{ width:20%;}
#login-form .login_box .login_con .form_box_data input[type="text"],
#login-form .login_box .login_con .form_box_data input[type="password"]{ border:1px solid #dddddd; float:right; width:80%; height:34px; margin-top:-5px; padding:5px; box-sizing:border-box}
#login-form .login_box .login_con .login_btn { background:#e51785; color:#ffffff; width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:600; margin-top:6%;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border:none; cursor:pointer;}
#login-form .login_box .login_con .login_btn:hover { background:#c61473;}

/* 예약확인 리스트 */
#rsv-list { width:100%; margin-bottom:80px;}
#rsv-list .rsv-list_box { width:95%; max-width:1200px; margin:0 auto;}
#rsv-list .rsv-list_box .rsv-list_con {border-top:2px solid #e51785; border-bottom:0px solid #dddddd;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table { width:100%;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table thead th { font-weight:400; font-size:14px; color:#222222; border-bottom:1px solid #dddddd; padding:14px 15px; background:#f8f8f8; border-right:1px solid #dddddd}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table thead th:last-child { border-right:0;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table tbody td { color:#555555; padding:10px 15px 11px; font-size:14px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table tbody td:last-child { border-right:0;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table tbody tr:hover { background:#f0f0f0; cursor:pointer;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table .text-center {text-align:center;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table .text-left {text-align:left;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table td span.txt_red { color:#f0280d}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table td span.txt_blue { color:#3170ce;}
#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table td span.txt_orage { color:#f27011;}
@media screen and (max-width:760px){
	#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table thead th { padding:14px 3px; font-size:12px; letter-spacing:-1px;}
	#rsv-list .rsv-list_box .rsv-list_con .rsv-list-table tbody td { padding:10px 3px 11px; font-size:12px; letter-spacing:-1px;}
}
/* 예약완료 / 예약확인 */
#rsv-result {width:100%; margin-bottom:80px;}
#rsv-result .rsv-result_box { width:95%; max-width:1200px; margin:0 auto;}
#rsv-result .rsv-result_box .rsv-result_con {border-top:2px solid #e51785; border-bottom:0px solid #dddddd;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table { width:100%;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table tbody th { font-weight:400; font-size:14px; color:#222222; border-bottom:1px solid #dddddd; padding:14px 15px; background:#f8f8f8; border-right:1px solid #dddddd}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table tbody th:last-child { border-right:0;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table tbody td { color:#555555; padding:10px 15px 11px; font-size:14px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table tbody td:last-child { border-right:0;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table .text-center {text-align:center;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table .text-left {text-align:left;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table td span.txt_red { color:#f0280d}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table td span.txt_blue { color:#3170ce;}
#rsv-result .rsv-result_box .rsv-result_con .rsv-result-table td span.txt_orage { color:#f27011;}

/* 예약완료 */
#reserve-ok { width:95%; max-width:1200px; font-size:16px; color:#444444; margin:0 auto 80px; border-top:2px solid #e51785; border-bottom:0px solid #dddddd; padding:40px; text-align:center; line-height:30px; font-weight:400; box-sizing:border-box}
#reserve-ok span.txt_orage { color:#f27011;}
#reserve-ok a.main_go_btn { background:#e51785; padding:6px 20px; color:#ffffff; margin-top:60px; display:inline-block;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#reserve-ok a.main_go_btn:hover { background:#ba146d;}

/* 체험상품 */
#experience-form {width:100%; margin-bottom:80px;}
#experience-form .experience_box { width:95%; max-width:1200px; margin:0 auto;}
#experience-form .experience_box .experience_con {}
#experience-form .experience_box .experience_con ul {}
#experience-form .experience_box .experience_con ul li {border-top:2px solid #e51785; border-bottom:1px solid #dddddd; width:100%; margin-bottom:25px; padding:20px; box-sizing:border-box; float:left;}
#experience-form .experience_box .experience_con ul li:hover { background:#f0f0f0;}
#experience-form .experience_box .experience_con ul li h4 { font-size:18px; font-weight:500; color:#333333;}
#experience-form .experience_box .experience_con ul li p { font-size:14px; font-weight:400; color:#555555; margin:10px 6px 0; padding-left:6px; background:url("/new_images/dot01.gif") 0 10px no-repeat; display:inline-block; width:80%;}
#experience-form .experience_box .experience_con ul li span { font-size:18px; font-weight:500; color:#f0280d; float:right;}
@media screen and (max-width:760px){
	#experience-form .experience_box .experience_con ul li p { width:100%; margin:10px 6px 20px;}
}

#rule-layer{width: 100%; position: fixed; z-index: 950; box-sizing: border-box; height: auto; background-color: #f6f6f6; border-radius: 0px; overflow-x: hidden; max-height: calc(100% - 178px); max-width: 900px; top: 40px; left: calc(50% - 450px); border: 0px solid #e3e3e3; box-shadow: 7px 7px 10px 1px rgb(0 0 0 / 50%); padding:10px; display:none;}
#rule-layer .contents-area{position:relative; box-sizing:border-box; width:100%; height:100%; }
#rule-layer .contents-area .top-area{text-align:right;}
#rule-layer .contents-area .top-area > .layer-close-btn{/*background: #e51785; color: #ffffff;*/ width:23px; height:22px; line-height: 24px; text-align: center; font-size:0px; font-weight: 600;  -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border: none; cursor:pointer; background:url("/new_images/close-btn.png") 0 0px no-repeat; margin-top:3px;}
#rule-layer .contents-area  .rule-contents{border:1px solid #e3e3e3; box-sizing:border-box; padding:10px; background-color:#fff; margin-top:15px;}
@media screen and (max-width:760px){
	#rule-layer{width: 90%; left:5%; }
}