@charset "utf-8";
/* 구글지도 표시 */
.googleMap{float:left;width:100%;height:300px;border:1px solid #ccc}
.googleMap > div{float:left;width:100%;height:100%}

/* 공연 달력 */
.showCalendar{float:left;width:100%}
.showCalendar .calendar > tbody > tr > td > div{min-height:95px;text-align:center}
.showCalendar .calendar > tbody > tr > td > div > .date{text-align:left}
.showCalendar .calendar > tbody > tr > td > div > a.team{display:inline-block;height:17px}
.showCalendar .calendar > tbody > tr > td > div > a.team > .bg{float:left;width:17px;height:17px;border-right:1px solid #c8c8c8}
.showCalendar .calendar > tbody > tr > td > div > a.team.Brown > .bg{background-color:#a67c52;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.White > .bg{background-color:#fff;border:1px solid #c8c8c8}
.showCalendar .calendar > tbody > tr > td > div > a.team.Green > .bg{background-color:#8dc63f;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Purple > .bg{background-color:#662d91;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Yellow > .bg{background-color:#ffd400;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Black > .bg{background-color:#000;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Blue > .bg{background-color:#0072bc;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Red > .bg{background-color:#ff0000;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Orange > .bg{background-color:#f5752a;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Navy > .bg{background-color:#005b7f;border-right:0}
.showCalendar .calendar > tbody > tr > td > div > a.team.Undecided > .bg{background-color:#d7d3d4}
.showCalendar .calendar > tbody > tr > td > div > a.team > .text{float:left;height:17px;padding:0 5px;border:1px solid #c8c8c8;border-left:0;font-size:12px;line-height:15px;color:#646464}
.showCalendar .calendar > tbody > tr > td > div > a.team > .text{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color, background-color, border-color;
	-moz-transition-property:color, background-color, border-color;
	-ms-transition-property:color, background-color, border-color;
	-o-transition-property:color, background-color, border-color;
	transition-property:color, background-color, border-color;
}
.showCalendar .calendar > tbody > tr > td > div > a.team:hover > .text
, .showCalendar .calendar > tbody > tr > td > div > a.team:focus > .text
, .showCalendar .calendar > tbody > tr > td > div > a.team:active > .text
, .showCalendar .calendar > tbody > tr > td > div > a.team.active > .text{color:#fff;background-color:#fd412b;border-color:#fd412b}
@media(max-width:767px){
	.showCalendar .calendar > tbody > tr > td > div{min-height:40px;padding:2px}
	.showCalendar .calendar > tbody > tr > td > div > a.team{float:left;width:100%;height:15px;margin-bottom:4px}
	.showCalendar .calendar > tbody > tr > td > div > a.team:last-child{margin-bottom:3px}
	.showCalendar .calendar > tbody > tr > td > div > a.team > .bg{display:none}
	.showCalendar .calendar > tbody > tr > td > div > a.team > .text{width:100%;height:15px;padding:0;border:1px solid #c8c8c8;font-size:11px;line-height:13px;color:#646464}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Brown > .text{background-color:#a67c52;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.White > .text{background-color:#fff;color:#646464}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Green > .text{background-color:#8dc63f;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Purple > .text{background-color:#662d91;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Yellow > .text{background-color:#ffd400;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Black > .text{background-color:#000;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Blue > .text{background-color:#0072bc;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Red > .text{background-color:#ff0000;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Orange > .text{background-color:#f5752a;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Navy > .text{background-color:#005b7f;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Undecided > .text{background-color:#d7d3d4;color:#fff}
	.showCalendar .calendar > tbody > tr > td > div > a.team:hover > .text
	, .showCalendar .calendar > tbody > tr > td > div > a.team:focus > .text
	, .showCalendar .calendar > tbody > tr > td > div > a.team:active > .text
	, .showCalendar .calendar > tbody > tr > td > div > a.team.active > .text{border-color:#fd412b}
	.showCalendar .calendar > tbody > tr > td > div > a.team.Red:hover > .text
	, .showCalendar .calendar > tbody > tr > td > div > a.team.Red:focus > .text
	, .showCalendar .calendar > tbody > tr > td > div > a.team.Red:active > .text{border-color:#000}
}

/* 공연팀 안내 */
ul.showTeam{float:left;width:100%;margin:10px 0}
ul.showTeam > li{float:left;margin:5px}
ul.showTeam > li > a{float:left}
ul.showTeam > li > a > .bg{float:left;width:17px;height:17px}
ul.showTeam > li.Brown > a > .bg{background-color:#a67c52}
ul.showTeam > li.White > a > .bg{background-color:#fff;border:1px solid #c8c8c8}
ul.showTeam > li.Green > a > .bg{background-color:#8dc63f}
ul.showTeam > li.Purple > a > .bg{background-color:#662d91}
ul.showTeam > li.Yellow > a > .bg{background-color:#ffd400}
ul.showTeam > li.Black > a > .bg{background-color:#000}
ul.showTeam > li.Blue > a > .bg{background-color:#0072bc}
ul.showTeam > li.Red > a > .bg{background-color:#ff0000}
ul.showTeam > li.Orange > a > .bg{background-color:#f5752a}
ul.showTeam > li.Navy > a > .bg{background-color:#005b7f}
ul.showTeam > li.Undecided > a > .bg{background-color:#d7d3d4}
ul.showTeam > li > a > .text{float:left;height:17px;padding:0 5px;font-size:13px;line-height:17px}
ul.showTeam > li.text{width:100%;margin:0 5px;font-size:13px;line-height:20px}
@media(max-width:767px){
	ul.showTeam > li{margin:3px 5px}
	ul.showTeam > li > a > .bg{width:15px;height:15px}
	ul.showTeam > li > a > .text{height:15px;font-size:12px;line-height:15px}
	ul.showTeam > li.text{margin:0 3px;font-size:12px;line-height:18px}
	ul.showTeam > li.Undecided > a > .bg{background-color:#d7d3d4}
}

/* 공연팀 정보 */
div.showTeamInfo{float:left;width:100%}
div.showTeamInfo > dl{float:left;width:100%;margin:0;border:1px solid #c8c8c8}
div.showTeamInfo > dl > dt{float:left;width:100%;height:56px;color:#fff;border-bottom:1px solid #fff;text-align:center;padding:5px 0}
div.showTeamInfo > dl.Brown > dt{background-color:#a67c52}
div.showTeamInfo > dl.White > dt{color:#646464;background-color:#fff;border-color:#c8c8c8}
div.showTeamInfo > dl.Green > dt{background-color:#8dc63f}
div.showTeamInfo > dl.Purple > dt{background-color:#662d91}
div.showTeamInfo > dl.Yellow > dt{background-color:#ffd400}
div.showTeamInfo > dl.Black > dt{background-color:#000}
div.showTeamInfo > dl.Blue > dt{background-color:#0072bc}
div.showTeamInfo > dl.Red > dt{background-color:#ff0000}
div.showTeamInfo > dl.Orange > dt{background-color:#f5752a}
div.showTeamInfo > dl.Navy > dt{background-color:#005b7f}
div.showTeamInfo > dl.Undecided > dt{background-color:#d7d3d4}
div.showTeamInfo > dl > dt > *{float:left;width:100%}
div.showTeamInfo > dl > dt > strong{font-size:15px;line-height:25px}
div.showTeamInfo > dl > dt > span{font-weight:normal;line-height:20px}
div.showTeamInfo > dl > dd{float:left;width:100%;min-height:479px}
div.showTeamInfo > dl > dd > ul{float:left;width:100%;min-height:479px;text-align:center;padding:3px 4px 4px}
div.showTeamInfo > dl > dd > ul > li{float:left;width:50%;height:auto;min-height:113px;border:4px solid #fff;position:relative;background-repeat:no-repeat;background-position:top center;background-size:100% auto}
div.showTeamInfo > dl > dd > ul > li > img{float:left;position:relative;width:100%;opacity:0}
div.showTeamInfo > dl > dd > ul > li > .text{float:left;width:100%;position:absolute;left:0;bottom:0;padding:3px 0}
div.showTeamInfo > dl > dd > ul > li > .text > *{float:left;width:100%;color:#fff;position:relative}
div.showTeamInfo > dl > dd > ul > li > .text > .bg{position:absolute;top:0;left:0;height:100%;background-color:#000;opacity:0.5}
div.showTeamInfo > dl > dd > ul > li > .text > .ActorCast{font-size:13px;line-height:20px}
@media(max-width:991px){
	div.showTeamInfo > dl > dt > strong{font-size:14px}
	div.showTeamInfo > dl > dt > span{font-size:13px}
	div.showTeamInfo > dl > dd > ul > li > .text > .ActorCast
	, div.showTeamInfo > dl > dd > ul > li > .text > .ActorName{font-size:12px;line-height:18px}
}
@media(max-width:767px){
	div.showTeamInfo > dl > dt{height:auto;padding:2px 10px}
	div.showTeamInfo > dl > dt > strong{width:auto;font-size:14px}
	div.showTeamInfo > dl > dt > span{width:auto;font-size:13px;line-height:25px;margin-left:10px}
	div.showTeamInfo > dl > dd{min-height:auto}
	div.showTeamInfo > dl > dd > ul{min-height:auto}
	div.showTeamInfo > dl > dd > ul > li{width:33.333333%;min-height:135px}
}

/* 공연 할인혜택 */
.showDiscountList{float:left;width:100%}
.showDiscountList > div{float:left;width:50%;min-height:60px;margin-bottom:20px;position:relative}
.showDiscountList > div.odd{padding:0 30px 0 75px}
.showDiscountList > div.even{padding:0 10px 0 95px}
.showDiscountList > div.odd.iconNone{padding-left:0}
.showDiscountList > div.even.iconNone{padding-left:20px}
.showDiscountList > div > .img{position:absolute;top:0;float:left;width:60px;height:60px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;background-color:#fff;border-radius:12px}
.showDiscountList > div.odd > .img{left:0}
.showDiscountList > div.even > .img{left:20px}
.showDiscountList > div > dl{float:left;width:100%;margin:0;padding:5px 0}
.showDiscountList > div > dl > *{float:left;line-height:21px;padding:2px 0}
.showDiscountList > div > dl > .info{float:right}
.showDiscountList > div > dl > .detail{width:100%}
@media(max-width:999px){
	.showDiscountList > div.odd{padding:0 15px 0 80px}
	.showDiscountList > div.even{padding:0 15px 0 80px}
	.showDiscountList > div.odd.iconNone{padding-left:10px}
	.showDiscountList > div.even.iconNone{padding-left:10px}
	.showDiscountList > div.odd > .img{left:10px}
	.showDiscountList > div.even > .img{left:10px}
}
@media(max-width:767px){
	.showDiscountList > div{width:100%;border-bottom:1px solid #e6e6e6;margin-bottom:15px}
	.showDiscountList > div:last-child{border-bottom:0}
	.showDiscountList > div.odd{padding:0 10px 15px 80px}
	.showDiscountList > div.even{padding:0 10px 15px 80px}
	.showDiscountList > div > dl{padding:0;min-height:60px}
	.showDiscountList > div.iconNone > dl{min-height:auto}
	.showDiscountList > div > dl > *{width:100%}
	.showDiscountList > div > dl > dd.info > *{float:left;width:50%;margin:0;padding:0}
}

/* 리뷰 등록 */
.reviewForm{float:left;width:100%}
.reviewForm .reviewAddBox{float:left;width:100%;padding:20px 30px;background-color:#fafafa}
.reviewForm .reviewAddBox > .form-control{float:left;width:auto}
.reviewForm .reviewAddBox > .ReviewRating{float:left;height:30px;padding:3px 0;margin:0 10px}
.reviewForm .reviewAddBox > .ReviewRating > div{float:left}
.reviewForm .reviewAddBox > .ReviewRating > div > ul{float:left}
.reviewForm .reviewAddBox > .ReviewRating > div > ul > li{float:left;width:24px;height:24px;margin:0}
.reviewForm .reviewAddBox > .content{float:left;width:100%;margin-top:10px;padding-right:352px;position:relative}
.reviewForm .reviewAddBox > .content > textarea{float:left;width:100%;padding:8px}
.reviewForm .reviewAddBox > .content > .imgUploadBox{position:absolute;top:0;right:0;float:left;width:342px}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton{float:left;width:78px;height:78px;border:1px solid #c8c8c8;position:relative;border-radius:4px;margin:0 5px;overflow:hidden}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton.disabled{border:1px solid #c8c8c8 !important}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:first-child{margin-left:0}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:last-child{margin-right:0}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:border-color;
	-moz-transition-property:border-color;
	-ms-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:hover{border-color:#fd412b}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageAdd{float:left;width:100%;height:100%;background:url(/images/icon/imageAdd.png) no-repeat center center / 53px auto #fff;position:relative;z-index:2}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageAdd > i{float:right;width:17px;height:17px;font-size:17px;line-height:17px;text-align:center}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton.disabled > .btn_imageAdd > i{color:#646464 !important}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageAdd > i{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:hover > .btn_imageAdd > i{color:#fd412b}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .files{float:left;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .files > .img{float:left;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;background-color:#fff}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel{float:right;width:16px;height:16px;position:absolute;z-index:2;top:1px;right:1px}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a{float:left;width:16px;height:16px;cursor:pointer;color:#fd412b;border:1px solid #fd412b;border-radius:4px;background-color:#fff}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a{
	-webkit-transition-property:color, background-color;
	-moz-transition-property:color, background-color;
	-ms-transition-property:color, background-color;
	-o-transition-property:color, background-color;
	transition-property:color, background-color;
}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a:hover, .reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a:focus, .reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a:active{color:#fff;background-color:#fd412b}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a > i{float:left;width:100%;height:100%;font-size:12px;line-height:14px;text-align:center;top:0}
.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .uploadErrorMsg{position:absolute;top:0;left:0;float:left;height:0;margin-left:10px}
.reviewForm .reviewAddBox > .buttonGroup{float:left;width:100%;margin-top:10px;text-align:center}
@media(max-width:1039px){
	.reviewForm .reviewAddBox{padding:15px}
}
@media(max-width:767px){
	.reviewForm .reviewAddBox{padding:10px}
	.reviewForm .reviewAddBox > .form-control{width:50%}
	.reviewForm .reviewAddBox > .ReviewRating{float:right;margin:0}
	.reviewForm .reviewAddBox > .content{padding-right:0}
	.reviewForm .reviewAddBox > .content > textarea{padding:5px 8px}
	.reviewForm .reviewAddBox > .content > .imgUploadBox{position:relative;top:auto;right:auto;width:100%;height:78px;margin-top:10px;text-align:center}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton{float:none;display:inline-block;margin:0 3px}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageDel > a > i{font-size:13px}
}
@media(max-width:390px){
	.reviewForm .reviewAddBox > .content > .imgUploadBox{height:auto;padding:0 1px}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton{float:left;width:64px;height:64px;margin:0 2px}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:first-child{margin-left:0}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton:last-child{margin-right:0}
	.reviewForm .reviewAddBox > .content > .imgUploadBox > .imgUploadButton > .btn_imageAdd{background-size:40px auto}
}

/* 리뷰 박스 */
.reviewBox{float:left;width:100%;border-bottom:1px solid #c8c8c8;padding:0 316px 0 180px;position:relative}
.reviewBox.nonePhoto{padding-right:0}
.reviewBox.photoNo3{padding-right:242px}
.reviewBox.photoNo2{padding-right:168px}
.reviewBox.photoNo1{padding-right:94px}
.reviewBox > .ReviewInfo{float:left;width:180px;position:absolute;top:0;left:0;padding:15px}
.reviewBox > .ReviewInfo > .ReviewName{float:left;width:100%}
.reviewBox > .ReviewInfo > .ReviewName > .label{display:block;font-size:12px;line-height:18px;padding:2px 5px;font-weight:500;margin-bottom:3px;border-radius:4px}
.reviewBox > .ReviewInfo > .ReviewName > strong{display:block}
.reviewBox > .ReviewInfo > div.division{float:left;width:100%}
.reviewBox > .ReviewInfo > div.division > .ReviewPoint{float:left;width:100%}
.reviewBox > .ReviewInfo > div.division > .ReviewPoint > ul.rating{float:left}
.reviewBox > .ReviewInfo > div.division > .ReviewPoint > ul.rating > li.average{display:none}
.reviewBox > .ReviewInfo > div.division > .RegistDate{float:left;width:100%;font-size:13px}
.reviewBox > .ReviewContents{float:left;width:100%;min-height:94px;padding:15px 0;color:#828282}
.ThemeTour .reviewBox > .ReviewContents{min-height:119px}
.reviewBox > .ReviewPhotoBox{float:left;position:absolute;top:0;right:0;padding:15px}
.reviewBox > .ReviewPhotoBox > a.imgGroup{float:left;width:64px;height:64px;margin:0 5px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;background-color:#fff;border:1px solid #fff;border-radius:4px}
.reviewBox > .ReviewPhotoBox > a.imgGroup:first-child{margin-left:0}
.reviewBox > .ReviewPhotoBox > a.imgGroup:last-child{margin-right:0}
.reviewBox > .ReviewPhotoBox > a.imgGroup{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:border-color;
	-moz-transition-property:border-color;
	-ms-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
}
.reviewBox > .ReviewPhotoBox > a.imgGroup:hover, .reviewBox > .ReviewPhotoBox > a.imgGroup:focus, .reviewBox > .ReviewPhotoBox > a.imgGroup:active{border-color:#fd412b}
@media(max-width:1039px){
	.reviewBox{padding:0 306px 0 120px}
	.reviewBox.nonePhoto{padding-right:0}
	.reviewBox.photoNo3{padding-right:232px}
	.reviewBox.photoNo2{padding-right:158px}
	.reviewBox.photoNo1{padding-right:84px}
	.reviewBox > .ReviewInfo{width:120px;padding:10px}
	.reviewBox > .ReviewContents{min-height:84px;padding:10px 0}
	.ThemeTour .reviewBox > .ReviewContents{min-height:109px}
	.reviewBox > .ReviewPhotoBox{padding:10px}
}
@media(max-width:767px){
	.reviewBox{padding:10px}
	.reviewBox.nonePhoto{padding:10px}
	.reviewBox.photoNo3{padding:10px}
	.reviewBox.photoNo2{padding:10px}
	.reviewBox.photoNo1{padding:10px}
	.reviewBox > .ReviewInfo{position:relative;top:auto;left:auto;padding:0;width:100%}
	.reviewBox > .ReviewInfo > .ReviewName > .label{margin-bottom:5px}
	.reviewBox > .ReviewInfo > div.division{margin-top:3px}
	.reviewBox > .ReviewInfo > div.division > .ReviewPoint{width:auto}
	.reviewBox > .ReviewInfo > div.division > .RegistDate{float:right;width:auto}
	.reviewBox > .ReviewContents{padding:5px 0 0;min-height:auto}
	.ThemeTour .reviewBox > .ReviewContents{min-height:auto}
	.reviewBox > .ReviewPhotoBox{position:relative;top:auto;left:auto;padding:0 1px}
	.reviewBox > .ReviewPhotoBox > a.imgGroup{margin:0 2px}
}

/* 객실리스트 */
.hotelRoomList{float:left;width:100%}
.hotelRoomList > li{float:left;width:100%;border:1px solid #c8c8c8;margin-top:20px;padding:10px 20px 10px 190px;position:relative}
.hotelRoomList > li.imgNone{padding:10px 20px}
.hotelRoomList > li:first-child{margin-top:0}
.hotelRoomList > li > .imgGroup{position:absolute;top:10px;left:10px;float:left;width:160px;height:95px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.hotelRoomList > li > dl{float:left;width:100%;min-height:95px;margin:0;padding:10px 0}
.hotelRoomList > li.imgNone > dl{min-height:auto;padding:0}
.hotelRoomList > li > dl > *{float:left;font-size:15px;line-height:24px}
.hotelRoomList > li > dl > .price{float:right}
.hotelRoomList > li > dl > .info{width:100%;margin-top:7px;font-size:14px;line-height:22px;color:#828282}
.hotelRoomList > li.imgNone > dl > .info{margin-top:5px}
@media(max-width:767px){
	.hotelRoomList > li{padding:10px;text-align:center}
	.hotelRoomList > li.imgNone{padding:10px}
	.hotelRoomList > li > .imgGroup{position:relative;top:auto;left:auto;float:none;width:100%;max-width:375px;height:100px;display:inline-block}
	.hotelRoomList > li > dl{text-align:left;min-height:auto;padding:0}
	.hotelRoomList > li > dl > *{margin-top:5px;font-size:14px;line-height:22px}
	.hotelRoomList > li.imgNone > dl > *{margin:0}
	.hotelRoomList > li > dl > .info{margin-top:5px;font-size:13px;line-height:20px}
}

/* 스토어 가격정보 */
.storeDiscountList{float:left;width:100%}
.storeDiscountList > dl{float:left;width:50%;margin-bottom:20px}
.storeDiscountList > dl.odd{padding-right:20px}
.storeDiscountList > dl.even{padding-left:20px}
.storeDiscountList > dl > *{float:left;line-height:28px}
.storeDiscountList > dl > .title{width:100%;font-size:15px;line-height:24px;margin-bottom:5px}
.storeDiscountList > dl > .originalPrice{margin-right:30px}
.storeDiscountList > dl > .discountPrice{font-size:17px}
@media(max-width:999px){
	.storeDiscountList > dl.odd{padding:0 10px}
	.storeDiscountList > dl.even{padding:0 10px}
}
@media(max-width:767px){
	.storeDiscountList > dl{width:100%;margin-bottom:15px}
	.storeDiscountList > dl > *{line-height:26px}
	.storeDiscountList > dl > .title{font-size:14px;line-height:22px}
	.storeDiscountList > dl > .originalPrice{margin-right:0}
	.storeDiscountList > dl > .discountPrice{float:right;font-size:16px}
}

/* 예약 버튼 바 */
#reserveBar{float:left;width:100%;height:50px}
#reserveBar.fixed > .btnGroup{position:fixed;bottom:0}
#reserveBar > .btnGroup{position:relative;float:left;width:100%;height:50px;text-align:center;z-index:80002}
#reserveBar > .btnGroup > .bg{position:absolute;z-index:1;top:0;left:0;float:left;width:100%;height:100%;background-color:#fff;opacity:0.90}
#reserveBar > .btnGroup > .btn{position:relative;z-index:2;margin:5px;padding:5px 30px;font-size:18px;font-weight:normal}
@media(max-width:767px){
	#reserveBar > .btnGroup > .btn{height:40px;padding:2px 15px;margin:5px 1px;font-size:16px;line-height:34px}
}

/* 추천 상품 */
#recommendItemList{float:left;width:100%;margin-top:45px}

/* 로그인 */
.loginBox{max-width:362px;margin:0 auto}
.loginBox > dl{float:left;width:100%;margin:0;padding:25px 35px;border:1px solid #c8c8c8;background-color:#fafafa}
.loginBox > dl > *{float:left;width:100%}
.loginBox > dl > dt{font-size:18px;line-height:30px;text-align:center;padding-bottom:25px;border-bottom:1px solid #c8c8c8;margin-bottom:20px}
/* 2차 오픈 */
.loginBox > dl > dd.snsLogin{display:none}
.loginBox > dl > dd.snsLogin{text-align:center}
.loginBox > dl > dd.snsLogin > *{float:left;width:100%}
.loginBox > dl > dd.snsLogin > ul{padding:0 5px 20px;border-bottom:1px solid #c8c8c8}
.loginBox > dl > dd.snsLogin > ul > li{float:left;width:25%;padding:5px}
.loginBox > dl > dd.snsLogin > ul > li > img{float:left;width:100%;border-radius:4px;cursor:pointer}
.loginBox > dl > dd.snsLogin > span{padding:5px 0}
.loginBox > dl > dd.inputBox .form-control{height:34px;text-align:center;margin-bottom:10px;font-size:14px;line-height:22px;padding:5px 8px}
/*.loginBox > dl > dd.inputBox .form-control::-webkit-input-placeholder{text-align:center}/* Chrome/Opera/Safari */
/*.loginBox > dl > dd.inputBox .form-control::-moz-placeholder{text-align:center}/* Firefox 19+ */
/*.loginBox > dl > dd.inputBox .form-control:-ms-input-placeholder{text-align:center}/* IE 10+ */
/*.loginBox > dl > dd.inputBox .form-control:-moz-placeholder{text-align:center}/* Firefox 18- */
.loginBox > dl > dd.inputBox .btn{width:100%;margin:10px 0;font-weight:normal}
.loginBox > dl > dd.infoBox{margin-top:5px;padding:0 5px}
.loginBox > dl > dd.infoBox > .saveEmail{float:left;position:relative;padding-left:21px}
.loginBox > dl > dd.infoBox > .saveEmail > *{float:left;margin:0}
.loginBox > dl > dd.infoBox > .saveEmail > input{position:absolute;top:2px;left:0;width:16px;height:16px}
.loginBox > dl > dd.infoBox > .saveEmail > label{position:relative;font-weight:normal;font-size:13px;line-height:20px}
.loginBox > dl > dd.infoBox > .saveEmail > label{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
}
.loginBox > dl > dd.infoBox > .saveEmail > label > a{cursor:help}
.loginBox > dl > dd.infoBox > .saveEmail > label.textColorRed a{color:#fd412b !important}
.loginBox > dl > dd.infoBox > .memberLink{float:right}
.loginBox > dl > dd.infoBox > .memberLink > a{float:left;font-size:13px;line-height:20px}
.loginBox > dl > dd.infoBox > .memberLink > a:last-child:before{content:"";float:left;width:1px;height:10px;background-color:#c8c8c8;margin:5px}
.loginBox > dl > dd.infoBox > p:last-child{margin-bottom:0}
.loginBox > dl > dd.inputBox.twoButton{margin-top:5px}
.loginBox > dl > dd.inputBox.twoButton .btn{width:45%}
.loginBox > dl > dd.inputBox.twoButton .btn:first-child{float:left}
.loginBox > dl > dd.inputBox.twoButton .btn:last-child{float:right}
@media(max-width:767px){
	.loginBox{padding:15px 0}
}
@media(max-width:392px){
	.loginBox{float:left;width:100%;max-width:100%;margin:0;padding:15px}
	.loginBox > dl{padding:15px}
	.loginBox > dl > dt{padding-bottom:15px;margin-bottom:10px}
	.loginBox > dl > dd.snsLogin > ul{padding:0 5px 10px}
	/* 2차 오픈 */
	.loginBox > dl > dt{margin-bottom:20px}
}

/* 공연장 좌석표 */
.seating{display:inline-block;position:relative}
.seating > .bg{float:left}
.seating > .seat{position:absolute;top:0;left:0;float:left;width:100%;height:100%}
.seating > .seat > *{position:absolute;float:left;width:15px;height:15px;margin:1px}
.seating > .seat > a.off{cursor:default}
.seating > .seat > a.on.Class_난타{background-color:#9900c9}
.seating > .seat > a.on.Class_발코니{background-color:#b17878}
.seating > .seat > a.on.Class_가족{background-color:#2089bb}
.seating > .seat > a.on.Class_1층{background-color:#2089bb}
.seating > .seat > a.on.Class_2층{background-color:#b17878}
.seating > .seat > a.on.Class_Premium{background-color:#9900c9}
.seating > .seat > a.on.Class_PREMIUM{background-color:#9900c9}
.seating > .seat > a.on.Class_VIP{background-color:#ff9966}
.seating > .seat > a.on.Class_R{background-color:#2098d1}
.seating > .seat > a.on.Class_S{background-color:#5529dd}
.seating > .seat > a.on.Class_A{background-color:#00a651}
.seating > .seat > a.on.Class_자유{background-color:#b0a651}
.seating > .seat > a.on.Class_일반{background-color:#ffcc33}
.seating > .seat > a.on.Class_연애코치{background-color:#ff00cc}
.seating > .seat > a.on{
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color;
}
.seating > .seat > a.on:hover, .seating > .seat > a.on.active{background-color:#fd412b}
.seating > .seat > a.on.active > .fa{float:left;width:100%;height:100%;font-size:13px;line-height:15px;color:#fff}

/* 공연장 좌석표 안내 */
.seatingInfo{float:left;width:100%;margin:10px 0;text-align:center}
#storeUnitShowSelect .seatingInfo{margin:10px 0 0}
.seatingInfo > li{display:inline-block;margin:0 5px}
.seatingInfo > li > .bg{float:left;width:15px;height:15px;margin:4px 0}
.seatingInfo > li.Class_난타 > .bg{background-color:#9900c9}
.seatingInfo > li.Class_가족 > .bg{background-color:#2089bb}
.seatingInfo > li.Class_발코니 > .bg{background-color:#b17878}
.seatingInfo > li.Class_1층 > .bg{background-color:#2089bb}
.seatingInfo > li.Class_2층 > .bg{background-color:#b17878}
.seatingInfo > li.Class_Premium > .bg{background-color:#9900c9}
.seatingInfo > li.Class_PREMIUM > .bg{background-color:#9900c9}
.seatingInfo > li.Class_VIP > .bg{background-color:#ff9966}
.seatingInfo > li.Class_R > .bg{background-color:#2098d1}
.seatingInfo > li.Class_S > .bg{background-color:#5529dd}
.seatingInfo > li.Class_A > .bg{background-color:#00a651}
.seatingInfo > li.Class_자유 > .bg{background-color:#b0a651}
.seatingInfo > li.Class_일반 > .bg{background-color:#ffcc33}
.seatingInfo > li.Class_연애코치 > .bg{background-color:#ff00cc}
.seatingInfo > li.active > .bg{background-color:#fd412b}
.seatingInfo > li.active > .bg > .fa{float:left;width:100%;height:100%;font-size:13px;line-height:15px;color:#fff}
.seatingInfo > li.off > .bg{background:url(/images/icon/seatOff.png) no-repeat center center / 15px 15px}
.seatingInfo > li.theDisabled > .bg{background:url(/images/icon/seatTheDisabled.png) no-repeat center center / 15px 15px}
.seatingInfo > li > .text{float:left;height:21px;padding:0 5px;font-size:13px;line-height:21px}

/* 공연 할인 선택 */
.seatingDiscount{float:left;width:100%;margin:0;border-top:1px solid #c8c8c8}
.seatingDiscount > *{float:left;width:100%}
.seatingDiscount > dt{border-bottom:1px solid #c8c8c8;padding:8px 20px;background-color:#fafafa;font-weight:normal}
.seatingDiscount > dt > span:nth-child(1){float:left}
.seatingDiscount > dt > span:nth-child(2){float:right;margin-right:108px;padding:0 4px}
.seatingDiscount > dd{border-bottom:1px solid #e6e6e6;padding:4px 40px}
.seatingDiscount > dd:last-child{border-bottom-color:#fff}
.seatingDiscount > dd > .title{float:left;padding:4px;line-height:22px}
.seatingDiscount > dd > .title > .fa{color:#c8c8c8}
.seatingDiscount > dd > .price{float:right;padding:4px;line-height:22px}
.seatingDiscount > dd > .form-control{float:right;width:70px;margin-left:15px}
@media(max-width:767px){
	.seatingDiscount > dt{padding:8px 10px}
	.seatingDiscount > dt > span:nth-child(2){margin-right:0}
	.seatingDiscount > dd{padding:4px 10px 8px 10px}
	.seatingDiscount > dd > .title{width:100%;line-height:20px;margin-bottom:3px}
	.seatingDiscount > dd > .price{line-height:20px;margin:0}
	.seatingDiscount > dd > .form-control{float:left;height:28px;padding:3px 6px;margin:0}
}

/* 공연 할인 선택 총 티켓가격, 호텔 총 숙박요금 */
.reserveTotalPrice{float:left;width:100%;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:4px 0;background-color:#fafafa;font-size:16px;line-height:30px}
@media(max-width:767px){
	.reserveTotalPrice{font-size:15px;line-height:28px}
	.reserveTotalPrice > *{float:left;width:100%}
}

/* 예약 결제정보 */
.orderStep1 .title{float:left}
.orderStep1 .title > span{float:left}
.orderStep1 .title > .setMemberInfo{float:left;padding:1px 0;margin-left:20px}
.orderStep1 .title > .setMemberInfo > *{float:left;margin:0}
.orderStep1 .title > .setMemberInfo > input{width:16px;height:16px;margin:2px 0}
.orderStep1 .title > .setMemberInfo > label{margin-left:5px;font-weight:normal;font-size:13px;line-height:20px}
.orderStep1 .form-group{float:left;width:100%;padding:0 10px}
.orderStep1 .form-group > *{float:right}
.orderStep1 .form-group > label{float:left;width:33%;margin:0;padding:4px 0;font-weight:normal}
.orderStep1 .form-group > input{width:67%}
.orderStep1 .form-group > textarea{float:left;width:100%;margin:0}
.orderStep1 .form-group > .btn-group{width:22% !important;padding-right:5px}
.orderStep1 .form-group > .btn-group{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.orderStep1 .form-group > input#TEL{width:45%}
.orderStep1 .form-group > .info{width:67%;padding:0 10px}
.orderStep1 .form-group .countryCode > *{color:#828282;font-size:13px}
.orderStep1 .form-group .selected .countryCode > *
, .orderStep1 .form-group .active .countryCode > *{color:#fff}
.orderStep1 .form-group .countryCode > *:first-child{color:inherit;font-size:inherit}
.orderStep1 .form-group > .btn-group > .btn.dropdown-toggle > .filter-option{font-size:13px}
.orderStep1 .form-group > .btn-group > .btn.dropdown-toggle > .filter-option > .countryCode > *{display:none}
.orderStep1 .form-group > .btn-group > .btn.dropdown-toggle > .filter-option > .countryCode > .no{display:block}
@media(max-width:991px){
	.orderStep1 .form-group > label{width:25%}
	.orderStep1 .form-group > input{width:75%}
	.orderStep1 .form-group > .btn-group{width:20% !important}
	.orderStep1 .form-group > input#TEL{width:55%}
	.orderStep1 .form-group > .info{width:75%}
}
@media(max-width:767px){
	.orderStep1 .title > span{width:100%}
	.orderStep1 .title > .setMemberInfo{margin-top:5px;margin-left:10px}
	.orderStep1 > div > .form-group.m_fullWidth > *{width:100%}
	.orderStep1 > div > .form-group.m_fullWidth > label{padding-top:0}
	.orderStep1 > div > .form-group.m_fullWidth.tel > .btn-group{width:35% !important}
	.orderStep1 .form-group > label{padding:5px 0}
	.orderStep1 .form-group > .btn-group.bootstrap-select .dropdown-menu{width:285%}
	.orderStep1 .form-group > input#TEL{width:65%}
}
.orderStep2 .orderInfo{float:left;width:100%;padding:0 10px}
.orderStep2 .orderInfo > dl{float:left;width:100%;margin:0;border:1px solid #c8c8c8;border-top:0;background-color:#fafafa}
.orderStep2 .orderInfo > dl > *{float:left;padding:5px 15px;border-top:1px solid #c8c8c8;min-height:33px}
.orderStep2 .orderInfo > dl > dt{width:12%;font-weight:normal}
.orderStep2 .orderInfo > dl > dd{width:88%;background-color:#fff}
@media(max-width:991px){
	.orderStep2 .orderInfo > dl > dt{width:16%}
	.orderStep2 .orderInfo > dl > dd{width:84%}
}
@media(max-width:767px){
	.orderStep2 .orderInfo > dl > *{padding:6px 10px;min-height:auto}
	.orderStep2 .orderInfo > dl > dt{width:100%}
	.orderStep2 .orderInfo > dl > dd{width:100%;border-top:0}
}
.orderStep3 .form-group{float:left;width:100%;padding:0 10px}
.orderStep3 .form-group > *{float:left}
.orderStep3 .form-group > .checkboxGroup{width:100%;margin-bottom:5px}
.orderStep3 .form-group > .checkboxGroup > *{float:left;margin:0}
.orderStep3 .form-group > .checkboxGroup > input{width:16px;height:16px;margin:3px 0}
.orderStep3 .form-group > .checkboxGroup > label{margin-left:5px;font-weight:normal;font-size:14px;line-height:22px}
.orderStep3 .form-group > input{width:60%}
.orderStep3 .form-group > button{margin-left:10px}
@media(max-width:767px){
	.orderStep3 .form-group > .checkboxGroup > label{font-size:13px}
	.orderStep3 .form-group > input{width:70%}
}
.orderStep3 .useCouponList{float:left;width:100%;padding:10px}
.orderStep3 .useCouponList > dl{float:left;width:100%;margin:0;padding:10px;background-color:#fff}
.orderStep3 .useCouponList > dl > *{float:left;width:100%}
.orderStep3 .useCouponList > dl > dt{padding:0 10px 10px;border-bottom:1px solid #c8c8c8;margin-bottom:10px;font-weight:normal}
.orderStep3 .useCouponList > dl > dd > .form-group{margin:0}
.orderStep3 .useCouponList > dl > dd > .form-group > .checkboxGroup{position:relative;padding-left:21px;margin-bottom:7px}
.orderStep3 .useCouponList > dl > dd > .form-group > .checkboxGroup > *{float:left;margin:0}
.orderStep3 .useCouponList > dl > dd > .form-group > .checkboxGroup > input{position:absolute;top:3px;left:0;width:16px;height:16px}
.orderStep3 .useCouponList > dl > dd > .form-group > .checkboxGroup > label{width:100%;font-weight:normal;font-size:14px;line-height:22px}
.orderStep3 .useCouponList > dl > dd:last-child > .form-group > .checkboxGroup{margin-bottom:0}
@media(max-width:767px){
	.orderStep3 .useCouponList{margin-bottom:10px}
	.orderStep3 .useCouponList > dl > dt{padding:0 0px 8px;margin-bottom:8px}
	.orderStep3 .useCouponList > dl > dd > .form-group{padding:0}
	.orderStep3 .useCouponList > dl > dd > .form-group > .checkboxGroup > label{font-size:13px}
}
.orderStep4 .totalPrice{float:left;width:100%;text-align:center}
.orderStep4 .totalPrice > *{float:left;width:100%}
.orderStep4 .totalPrice > span{line-height:26px}
.orderStep4 .totalPrice > strong{font-size:18px;line-height:26px;margin-top:10px}
@media(max-width:767px){
	.orderStep4 .totalPrice > span{line-height:inherit}
	.orderStep4 .totalPrice > span > span{float:left;width:100%}
	.orderStep4 .totalPrice > strong{font-size:16px;line-height:24px}
}
.orderStep5 .form-group{float:left;width:100%;padding:0 10px}
.orderStep5 .form-group > *{float:left}
.orderStep5 .form-group > .radioGroup{padding:4px 0}
.orderStep5 .form-group > .radioGroup > *{float:left;margin:0}
.orderStep5 .form-group > .radioGroup > input{width:16px;height:16px;margin:3px 0}
.orderStep5 .form-group > .radioGroup > label{margin-left:5px;font-weight:normal;font-size:14px;line-height:22px}
.orderStep5 .form-group > .radioGroup > label > span{float:left}
.orderStep5 .form-group > .radioGroup > label > img{float:left}
.orderStep5 .form-group > select.form-control.VBank{max-width:160px;margin-left:15px}
.orderStep5 .form-group > .radioGroup.icon{padding:0}
.orderStep5 .form-group > .radioGroup.icon > input{margin:7px 0}
.orderStep5 .form-group > .radioGroup.icon > label > span{padding:4px 0}
.orderStep5 .form-group > .radioGroup.PayPal > label > img{height:22px;margin:4px 0 4px 10px}
.orderStep5 .form-group > .radioGroup.AliPay > label > img{height:26px;margin:2px 0 2px 10px}
.orderStep5 .form-group > .radioGroup.TenPay > label > img{height:22px;margin:4px 0 4px 10px}
.orderStep5 .form-group > .radioGroup.Payco > label > img{height:18px;margin:6px 0 6px 10px}
.orderStep5 .form-group > .radioGroup.KakaoPay > label > img{height:30px;margin-left:10px}
@media(max-width:767px){
	.orderStep5 .form-group > .radioGroup.Card{min-width:110px}
	.orderStep5 .form-group > .radioGroup.VBank{min-width:110px}
	.orderStep5 .form-group > select.form-control.VBank{margin-left:0}
	.orderStep5 .form-group > .radioGroup > label{font-size:13px}
	.orderStep5 .form-group > .radioGroup > label > span{width:89px}
	.orderStep5 .form-group > .radioGroup.icon > label > img
	, .orderStep5 .form-group > .radioGroup.icon > label > img
	, .orderStep5 .form-group > .radioGroup.icon > label > img{margin-left:0}
}
.orderStep6 .CancellationPolicies{float:left;width:100%}
.orderStep6 .CancellationPolicies > *{float:left;margin:0}
.orderStep6 .CancellationPolicies > input{width:16px;height:16px;margin:3px 0}
.orderStep6 .CancellationPolicies > label{margin-left:5px;font-weight:normal;font-size:14px;line-height:22px}
.orderStep6 .CancellationPolicies > label{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
}
.orderStep6 .CancellationPolicies > label > a{cursor:help}
.orderStep6 .CancellationPolicies > label.textColorRed a{color:#fd412b !important}
@media(max-width:767px){
	.orderStep6 .CancellationPolicies{margin-bottom:20px;position:relative;padding-left:25px}
	.orderStep6 .CancellationPolicies > input{position:absolute;top:3px;left:3px;margin:0}
	.orderStep6 .CancellationPolicies > label{position:relative;margin:0;font-size:13px;line-height:20px}
}

/* 객실 예약 기본 정보 */
.reserveInfo .checkInOutDate{float:left;width:100%;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;padding:14px 0;background-color:#fafafa;margin:0 0 15px}
.reserveInfo .checkInOutDate > *{float:left}
.reserveInfo .checkInOutDate > dt{width:16.5115%;line-height:30px;font-weight:normal;padding:0 10px}
.reserveInfo .checkInOutDate > dd > *{float:left;width:auto;margin-left:10px}
.reserveInfo .checkInOutDate > dd > *:first-child{margin:0}
.reserveInfo .checkInOutDate > dd > input{width:136px}
.reserveInfo .checkInOutDate > dd > span{line-height:30px}
.reserveInfo .checkInOutDate > dd > span.div{width:10px;text-align:center}
.reserveInfo .form-group{float:left;width:100%;padding:0 10px;margin:0}
.reserveInfo .form-group > *{float:right}
.reserveInfo .form-group > label{float:left;width:33%;margin:0;padding:4px 0;font-weight:normal}
.reserveInfo .form-group > input{width:67%}
@media(max-width:767px){
	.reserveInfo .checkInOutDate{padding:4px 0}
	.reserveInfo .checkInOutDate > dt{width:100%}
	.reserveInfo .checkInOutDate > dd{padding:0 10px 5px}
	.reserveInfo .checkInOutDate > dd > input{width:100px}
	.reserveInfo .form-group{margin-bottom:10px}
	.reserveInfo .form-group > label{width:130px;padding:5px 0}
	.reserveInfo .form-group > input{float:left;width:60%;max-width:100px}
}

/* 예약 가능 객실 */
#availableRoomList > .hotelRoomList > li{cursor:pointer;margin-top:10px}
#storeUnitHotelSelect #availableRoomList > .hotelRoomList > li{cursor:default}
#availableRoomList > .hotelRoomList > li:first-child{margin-top:0}
#availableRoomList > .hotelRoomList > li{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:border-color;
	-moz-transition-property:border-color;
	-ms-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
}
#availableRoomList > .hotelRoomList > li:hover
, #availableRoomList > .hotelRoomList > li.select{border-color:#fd412b}
#availableRoomList > .hotelRoomList > li > dl > dt{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
}
#availableRoomList > .hotelRoomList > li.select > dl > dt{color:#fd412b}
#availableRoomList > .hotelRoomList > li.select > dl > .price{color:#fd412b}

/* 스토어 유닛 선택 */
.storeUnitList{float:left;width:100%}
.storeUnitList > li{float:left;width:100%;border:1px solid #c8c8c8;margin-top:10px;padding:10px 285px 10px 15px;position:relative;font-size:15px;line-height:24px}
.storeUnitList.selected > li{border-right:0;border-left:0;background-color:#fafafa;min-height:52px}
.storeUnitList > li:first-child{margin-top:0}
.storeUnitList > li{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:border-color;
	-moz-transition-property:border-color;
	-ms-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
}
.storeUnitList > li.select{border-color:#fd412b}
.storeUnitList > li > .title{float:left;width:100%;margin:0;padding:3px 0}
.storeUnitList > li > .title{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-o-transition-property:color;
	transition-property:color;
}
.storeUnitList > li.select > .title{color:#fd412b}
.storeUnitList > li > .count{position:absolute;top:10px;right:15px;float:right;width:245px}
.storeUnitList > li > .count > .price{float:left;padding:3px 0}
.storeUnitList > li.select > .count > .price{color:#fd412b}
.storeUnitList > li.SoldOut > .count > .price{color:#b4b4b4;text-decoration:line-through}
.storeUnitList > li > .count > .number{float:right}
.storeUnitList > li.SoldOut > .count > .number{display:none}
.storeUnitList > li > .count > .number > *{float:left}
.storeUnitList > li > .count > .number > .form-control{width:75px}
.storeUnitList > li > .count > .number > span{margin-left:10px;padding:3px 0}
.storeUnitList > li.SoldOut > .count > .SoldOut{float:right;padding:3px 0}
.storeUnitList > li > .count > .btn{float:right}
@media(max-width:767px){
	.storeUnitList > li{padding:10px;font-size:14px;line-height:22px}
	.storeUnitList > li > .title{padding:0}
	.storeUnitList > li > .count{position:relative;top:auto;right:auto;float:left;width:100%;margin-top:10px}
	.storeUnitList > li > .count > .price{padding:4px 0}
	.storeUnitList > li > .count > .number > span{margin-right:0;padding:4px 0}
	.storeUnitList > li.SoldOut > .count > .SoldOut{padding:4px 0}
}

/* 스토어 상품 선택 */
.orderGoods{padding:0 200px}
.orderGoods .form-group{float:left;width:100%;margin-bottom:10px}
.orderGoods .form-group > label{float:left;width:100%;font-weight:normal}
.orderGoods .form-group > .form-control{float:left}
.orderGoods .col-xs-12 .form-group > label{width:30%;margin:0;padding:4px 0}
.orderGoods .col-xs-12 .form-group > .form-control{width:70%}
@media(max-width:991px){
	.orderGoods{padding:0 100px}
}
@media(max-width:767px){
	.orderGoods{padding:0 5px}
	.orderGoods .col-xs-12 .form-group > label{width:100%;padding:0;margin-bottom:5px}
	.orderGoods .col-xs-12 .form-group > .form-control{width:100%}
}

/* 마이페이지, 푸터 좌측 메뉴 */
ul.leftMenu{float:left;width:100%;border:1px solid #c8c8c8;background-color:#fafafa;padding:0 12px}
ul.leftMenu > li{float:left;width:100%;padding:12px 6px;border-bottom:1px solid #e6e6e6}
ul.leftMenu > li:last-child{border-bottom:0}
ul.leftMenu > li > a{float:left;width:100%}
ul.leftMenu > li > a.on{color:#fd412b}
@media(max-width:767px){
	ul.leftMenu{padding:0 10px;margin-bottom:20px}
	ul.leftMenu > li{width:50%;padding:5px}
	ul.leftMenu > li:nth-last-child(2):nth-child(odd){border-bottom:0}
}

/* 마이페이지 : 회원정보 */
.mypage .memberInfo .btnGroup > .btn{margin:0 10px}
.mypage .memberInfo .btnGroup > .btn:last-child{margin-right:0}
.mypage .memberInfo .radioGroup{position:relative;padding-left:31px}
.mypage .memberInfo .radioGroup > *{float:left;margin:0}
.mypage .memberInfo .radioGroup > input{position:absolute;top:7px;left:10px;width:16px;height:16px}
.mypage .memberInfo .radioGroup > label{position:relative;width:100%}
@media(max-width:767px){
	.mypage .memberInfo .btnGroup > .btn{margin:0 15px}
	.mypage .memberInfo .btnGroup > .btn:first-child{margin-left:0}
}

/* 마이페이지 : 찜목록 */
.mypage .wishList ul.pagination{text-align:right}
.mypage .wishList ul.pagination > li{text-align:center}
@media(max-width:767px){
	.mypage .wishList ul.pagination{text-align:center}
}

/* 마이페이지 : dl.table */
dl.table{float:left;width:100%;margin:0;display:table;table-layout:fixed;text-align:center}
dl.table > *{width:100%;display:table-row}
dl.table > dt{background-color:#fafafa}
dl.table > dt > span{border-top:1px solid #c8c8c8}
dl.table > * > span{display:table-cell;vertical-align:top;border-bottom:1px solid #e6e6e6;padding:5px}
dl.table > * > span.column1{width:10%}
@media(max-width:991px){
	dl.table{text-align:left}
	dl.table > dt{display:none}
	dl.table > dd{float:left;width:100%;margin-bottom:10px;border:1px solid #c8c8c8;padding:7px 10px}
	dl.table > dd:last-child{margin:0}
	dl.table > dd > span{float:left;border:0;padding:0}
	dl.table > dd > span.column1{width:auto}
	dl.table > * > span.m_dp_none{display:none}
	dl.table > dd > span span.m_dp_inline{display:inline}
}

/* 마이페이지 : 주문내역 */
.orderList dl.table > dd.row1 > span{border-bottom:0}
.orderList dl.table > dd > span{padding:10px 5px}
.orderList dl.table > * > span.column1{display:none}/* 2차 오픈 */
.orderList dl.table > * > span.column3{width:30%}
.orderList dl.table > * > span.column7 > .btn{margin-top:5px}
.orderList dl.table > * > span.column7 > .btn:first-child{margin-top:0}
.orderList dl.table.allSpan{}
.orderList dl.table.allSpan > dd.row3{border-top:0}
.orderList dl.table.allSpan > dd.row3 > span{float:left;width:100%;padding:0 15px 10px}
.orderList dl.table.allSpan > dd.row3 > span > *{float:left;width:20%;text-align:right;font-size:13px}
.orderList dl.table.allSpan > dd.row3 > span > *:first-child{width:80%;text-align:left}
.orderList dl.table.allSpan > dd.row3 > span > * > span{float:left;width:100%}
@media(max-width:991px){
	.orderList dl.table > dd > span{padding:0}
	.orderList dl.table > * > span.column1{width:50%}
	.orderList dl.table > * > span.column2{width:50%}
	.orderList dl.table > * > span.column3{width:100%;margin:5px 0}
	.orderList dl.table > * > span.column4{width:100%;margin-bottom:5px}
	.orderList dl.table > * > span.column5{width:50%}
	.orderList dl.table > * > span.column6{width:50%;text-align:right}
	.orderList dl.table > * > span.column7{width:100%;margin-top:7px}
	.orderList dl.table > * > span.column7 > .btn{margin:0;float:left}
	.orderList dl.table > * > span.column7 > .btn:first-child{float:right}
	.orderList dl.table.allSpan{margin-bottom:10px}
	.orderList dl.table.allSpan > dd.row3{}
	.orderList dl.table.allSpan > dd.row3 > span{padding:0}
	.orderList dl.table.allSpan > dd.row3 > span > *{width:100%;font-size:12px}
	.orderList dl.table.allSpan > dd.row3 > span > *:first-child{width:100%;margin-bottom:5px}
}

/* 마이페이지 : 포인트 */
.point dl.table > dd > span.column2{text-align:left}
.point dl.table > * > span.column3
, .point dl.table > * > span.column4
, .point dl.table > * > span.column5{width:15%}
@media(max-width:991px){
	.point dl.table > dd > span.column1{display:none}
	.point dl.table > dd > span.column2{width:100%;margin-bottom:5px}
	.point dl.table > dd > span.column3
	, .point dl.table > dd > span.column4{width:50%}
	.point dl.table > dd > span.column5{float:right;width:50%;text-align:right}
}

/* 마이페이지 : 쿠폰 */
.coupon dl.table{table-layout:auto}
.coupon dl.table > dd > span.column2{text-align:left}
.coupon dl.table > * > span.column5{width:12%}
@media(max-width:991px){
	.coupon dl.table > dd > span.column1{display:none}
	.coupon dl.table > dd > span.column2
	, .coupon dl.table > dd > span.column3{width:100%;margin-bottom:5px}
	.coupon dl.table > dd > span.column5{float:right;width:auto}
	.coupon dl.table > dd > span.column6{display:none}
}

/* 마이페이지 : 리뷰 */
.review dl.table > dd > span.column2{text-align:left}
.review dl.table > * > span.column3 > .rating{float:left;width:100%;height:22px;padding:1px 0}
.review dl.table > * > span.column3 > .rating > ul.rating > li.average{display:none}
.review dl.table > * > span.column3{width:17%}
.review dl.table > * > span.column4
, .review dl.table > * > span.column5{width:15%}
@media(max-width:991px){
	.review dl.table > dd > span.column1{display:none}
	.review dl.table > dd > span.column2{width:100%;margin-bottom:5px}
	.review dl.table > * > span.column3 > .rating{height:20px;padding:0}
	.review dl.table > dd > span.column3
	, .review dl.table > dd > span.column4{width:50%}
	.review dl.table > dd > span.column4{float:right;text-align:right}
	.review dl.table > dd > span.column5{width:100%;margin-top:5px}
	.review dl.table > dd > span.column5{text-align:right}
}

/* 바우처 */
.voucher dl.title{float:left;width:100%;margin:0;border:1px solid #646464}
.voucher dl.title > *{float:left;width:100%;padding:7px 15px}
.voucher dl.title > dt{padding:10px 15px;background-color:#fafafa;border-bottom:1px solid #e6e6e6;font-size:17px;line-height:26px}
.voucher dl.title > dd{width:50%;font-size:15px;line-height:24px}
.voucher dl.title > dd > *{float:left}
.voucher dl.title > dd > span:before{content:"";float:left;width:1px;height:12px;background-color:#c8c8c8;margin:6px 10px}
@media(max-width:767px){
	.voucher dl.title > *{padding:6px 10px}
	.voucher dl.title > dt{font-size:15px;line-height:24px;padding:8px 10px}
	.voucher dl.title > dd{padding:6px 10px;width:100%;font-size:13px;line-height:22px}
	.voucher dl.title > dd:last-child{border-top:1px solid #e6e6e6}
	.voucher dl.title > dd > strong{min-width:70px}
	.voucher dl.title > dd > span:before{height:10px;margin:6px 15px}
}
.voucher div.banner{float:left;width:100%;padding-right:184px;position:relative}
.voucher div.banner.noneQR{padding-right:0}
.voucher div.banner > *{float:left}
.voucher div.banner > .img{width:100%;height:164px;position:relative;overflow:hidden}
.voucher div.banner > .img > *{float:left;width:100%;height:100%;position:absolute;top:0;left:0}
.voucher div.banner > .img > img{height:auto}
.voucher div.banner > .img > .img{background:no-repeat top center / 100% auto}
.voucher div.banner > .img > .img.mobile{opacity:0}
.voucher div.banner > .QR{position:absolute;top:0;right:0;border:1px solid #c8c8c8;width:164px;height:164px}
.voucher div.banner > .QR > .img{float:left;width:100%;height:100%;position:absolute;top:0;left:0;background:no-repeat center center}
@media(max-width:670px){
	.voucher div.banner > .img > .img{background-size:auto 100%}
	.voucher div.banner.noneQR > .img > .img{background-size:100% auto}
}
@media(max-width:500px){
	.voucher div.banner{padding-right:120px}
	.voucher div.banner > .img{height:112px}
	.voucher div.banner > .img > .img{background-size:100% auto}
	.voucher div.banner > .QR{padding:10px}
	.voucher div.banner > .QR > img{width:90px}
}
@media(max-width:460px){
	.voucher div.banner > .img > .img{background-size:auto 100%}
	.voucher div.banner.noneQR > .img > .img{background-size:100% auto}
}
@media(max-width:360px){
	.voucher div.banner > .img > .img.mobile{opacity:1;background-size:100% auto}
	.voucher div.banner.noneQR > .img > .img.mobile{opacity:0}
}
.voucher dl.orderInfo{float:left;width:100%;margin:0;border:1px solid #646464;background-color:#fafafa}
.voucher dl.orderInfo > *{float:left;padding:5px 15px;border-top:1px solid #e6e6e6;min-height:33px}
.voucher dl.orderInfo > *:nth-child(1)
, .voucher dl.orderInfo > *:nth-child(2){border-top-width:0}
.voucher dl.orderInfo > dt{width:13%;font-weight:normal}
.voucher dl.orderInfo > dd{width:87%;background-color:#fff}
.voucher dl.orderInfo > dd.half{width:37%}
.voucher dl.orderInfo > *.half.except:nth-child(3)
, .voucher dl.orderInfo > *.half.except:nth-child(4){border-top-width:0}
.voucher dl.orderInfo > dd.empty{width:50%}
@media(max-width:991px){
	.voucher dl.orderInfo > dt{width:16%}
	.voucher dl.orderInfo > dd{width:84%}
	.voucher dl.orderInfo > dd.half{width:34%}
}
@media(max-width:767px){
	.voucher dl.orderInfo > *{padding:6px 10px;min-height:auto}
	.voucher dl.orderInfo > dt{width:100%}
	.voucher dl.orderInfo > dd{width:100%;border-top-width:0}
	.voucher dl.orderInfo > dt.half{width:40%}
	.voucher dl.orderInfo > dd.half{width:60%;border-top-width:1px}
	.voucher dl.orderInfo > *.half:nth-child(1)
	, .voucher dl.orderInfo > *.half:nth-child(2){border-top-width:0}
	.voucher dl.orderInfo > *.half.except:nth-child(3)
	, .voucher dl.orderInfo > *.half.except:nth-child(4){border-top-width:1px}
	.voucher dl.orderInfo > dt.m_half{width:40%}
	.voucher dl.orderInfo > dd.m_half{width:60%;border-top-width:1px}
	.voucher dl.orderInfo > *.m_half:nth-child(1)
	, .voucher dl.orderInfo > *.m_half:nth-child(2){border-top-width:0}
	.voucher dl.orderInfo > dd.empty{display:none}
}
.voucher dl.detailInfo{float:left;width:100%;margin:0;border:1px solid #646464}
.voucher dl.detailInfo.storeDetailTitle{border-bottom:0}
.voucher dl.detailInfo > *{float:left;width:100%;padding:5px 15px}
.voucher dl.detailInfo > dt{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fafafa}
.voucher dl.detailInfo > dt:first-child{border-top-width:0}
@media(max-width:767px){
	.voucher dl.detailInfo > *{padding:6px 10px}
	.voucher dl.detailInfo > dt{border-bottom:0}
}
.voucher dl.accessInfo{float:left;width:100%;margin:0;border:1px solid #646464}
.voucher dl.accessInfo > *{float:left;width:100%;padding:5px 15px}
.voucher dl.accessInfo > dt{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fafafa}
.voucher dl.accessInfo > dd{padding:15px}
@media(max-width:767px){
	.voucher dl.accessInfo > *{padding:6px 10px}
	.voucher dl.accessInfo > dt{border-bottom:0}
	.voucher dl.accessInfo > dd{padding:10px}
}
.voucher dl.QRInfo{float:left;width:100%;margin:0;border:1px solid #646464}
.voucher dl.QRInfo > *{float:left;width:100%;padding:5px 15px}
.voucher dl.QRInfo > dt{border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background-color:#fafafa}
.voucher dl.QRInfo > dd{padding:15px}
.voucher dl.QRInfo > dd > .qr{float:left;margin-right:15px}
@media(max-width:767px){
	.voucher dl.QRInfo > *{padding:6px 10px}
	.voucher dl.QRInfo > dt{border-bottom:0}
	.voucher dl.QRInfo > dd{padding:10px}
	.voucher dl.QRInfo > dd > .qr{width:100%;padding-bottom:10px;border-bottom:1px solid #c8c8c8;margin:0 0 5px 0;text-align:center}
}


/*********************************************************************************************************/
/** 이용약관 & 개인정보처리방침 */
/*********************************************************************************************************/
.termOfUse div.title > span.border{float:left;width:6px;height:24px;margin:3px 15px 3px 0;background-color:#fd412b}
.termOfUse div.title > h1{float:left;margin:0;color:#fd412b;font-size:25px;line-height:30px;font-weight:normal}
.termOfUse div.term{float:left;width:100%}
.termOfUse div.term > dl{margin-bottom:40px}
.termOfUse div.term > dl > dt{font-size:17px;line-height:28px;font-weight:bold;padding-bottom:10px}
.termOfUse div.term > dl > dd{font-size:13px;line-height:20px;font-weight:normal;padding:0 10px}
.termOfUse div.term > dl > dd > dl > dt{font-size:15px;line-height:24px;font-weight:bold;padding-bottom:10px}
.termOfUse div.term > dl > dd > dl > dd{font-size:13px;line-height:20px;font-weight:normal;padding:0 10px 5px}
.termOfUse div.term > dl > dd > dl > dd > ul{padding:10px 0 5px 10px}
.termOfUse div.term > dl > dd > dl > dd > ul > li{font-size:13px;line-height:20px;font-weight:normal}
.termOfUse.privacy div.term > p{font-size:14px;line-height:22px}
.termOfUse.privacy div.term dl > dd{font-size:14px;line-height:22px;margin-bottom:5px}
.termOfUse.privacy div.term dl > dd > ul{padding:5px 10px;margin:0}
.termOfUse.privacy div.term dl > dd > dl{padding:5px 10px 0;margin:0}
.termOfUse.privacy div.term dl > dd > dl > dt{font-size:14px;line-height:22px;padding-bottom:0;font-weight:normal}
.termOfUse.privacy div.term dl > dd > dl > dd{padding-bottom:0;margin:0}
.termOfUse.privacy div.term dl > dd > dl > dd > ul{padding:5px 0}
.termOfUse.privacy div.term dl > dd > div.tableBox{padding:5px 15px 0}
.termOfUse.privacy div.term dl > dd > div.tableBox > table{table-layout:fixed}
.termOfUse.privacy div.term dl > dd > div.tableBox > table *{font-size:14px;line-height:22px;padding:5px;vertical-align:middle;white-space:normal;word-break:break-all}
@media(max-width:767px){
	.termOfUse div.title > span.border{width:4px;height:17px;margin:3px 10px 3px 0}
	.termOfUse div.title > h1{font-size:17px;line-height:23px;font-weight:normal}
	.termOfUse.privacy div.term dl > dd > div.tableBox{padding:5px 0 0}
	.termOfUse.privacy div.term dl > dd > div.tableBox > table{table-layout:inherit}
}


/*********************************************************************************************************/
/** 푸터 공통 */
/*********************************************************************************************************/
.aboutUs > div > div.title{margin-bottom:20px;padding:0 20px}
.aboutUs > div > div.title > h1{float:left;margin:0;font-size:25px;line-height:30px;font-weight:normal}
.aboutUs > div > div.contents{float:left;width:100%;min-height:300px;position:relative;padding-left:210px}
.aboutUs > div > div.contents > ul.leftMenu{width:170px;position:absolute;top:0;left:10px}
@media(max-width:767px){
	.aboutUs > div > div.title{margin-bottom:10px;padding:0 15px}
	.aboutUs > div > div.title > h1{font-size:20px;line-height:25px}
	.aboutUs > div > div.contents{min-height:auto;position:relative;padding-left:10px}
	.aboutUs > div > div.contents > ul.leftMenu{width:100%;position:relative;top:auto;left:auto}
}
.aboutUs > div > div.contents > div.content{float:left;width:100%;position:relative}
.aboutUs > div > div.contents > div.content > *{float:left;width:100%}
.aboutUs > div > div.contents > div.content > .topMenu{border-bottom:1px solid #c8c8c8}
.aboutUs > div > div.contents > div.content > .topMenu > li{float:left;width:20%;padding:0;margin:0;text-align:center}
.aboutUs > div > div.contents > div.content > .topMenu > li > a{float:left;width:100%;height:32px;font-size:14px;line-height:31px;padding:0;margin:0;border:1px solid #c8c8c8;border-radius:0;border-left:0;background-color:#fff;border-bottom-width:0}
.aboutUs > div > div.contents > div.content > .topMenu > li > a{
	-webkit-transition-property:color, border-color, background-color;
	-moz-transition-property:color, border-color, background-color;
	-ms-transition-property:color, border-color, background-color;
	-o-transition-property:color, border-color, background-color;
	transition-property:color, border-color, background-color;
}
.aboutUs > div > div.contents > div.content > .topMenu > li:first-child > a{border-left:1px solid #c8c8c8}
.aboutUs > div > div.contents > div.content > .topMenu > li > a:hover
, .aboutUs > div > div.contents > div.content > .topMenu > li > a:focus
, .aboutUs > div > div.contents > div.content > .topMenu > li > a:active{background-color:#fafafa}
.aboutUs > div > div.contents > div.content > .topMenu > li.active > a{color:#fff;border-color:#fd412b;background-color:#fd412b;border-right-color:#c8c8c8}
.aboutUs > div > div.contents > div.content > .topMenu > li.active:last-child > a{border-right-color:#fd412b}
@media(max-width:767px){
	.aboutUs > div > div.contents > div.content > .topMenu{border-bottom:0}
	.aboutUs > div > div.contents > div.content > .topMenu > li{width:50%}
	.aboutUs > div > div.contents > div.content > .topMenu > li > a{height:30px;font-size:13px;line-height:28px;border-bottom-width:1px}
	.aboutUs > div > div.contents > div.content > .topMenu > li:nth-child(odd) > a{border-left:1px solid #c8c8c8}
	.aboutUs > div > div.contents > div.content > .topMenu > li.active:nth-child(odd) > a{border-left-color:#fd412b}
	.aboutUs > div > div.contents > div.content > .topMenu > li.active:nth-child(even) > a{border-right-color:#fd412b}
	.aboutUs > div > div.contents > div.content > .topMenu > li.active > a{border-bottom-color:#c8c8c8}
	.aboutUs > div > div.contents > div.content > .topMenu > li.active:nth-child(5) > a{border-bottom-color:#fd412b}
	.aboutUs > div > div.contents > div.content > .topMenu > li:nth-child(3) > a
	, .aboutUs > div > div.contents > div.content > .topMenu > li:nth-child(4) > a
	, .aboutUs > div > div.contents > div.content > .topMenu > li:nth-child(5) > a{border-top:0;line-height:29px}
}


/*********************************************************************************************************/
/** FAQ */
/*********************************************************************************************************/
.aboutUs ul.faqList{float:left;width:100%;margin:30px 0 50px}
.aboutUs ul.faqList > li{float:left;width:100%}
.aboutUs ul.faqList > li > a{float:left;width:100%;color:#646464}
.aboutUs ul.faqList > li > a > dl{float:left;width:100%;margin:0;border-bottom:1px solid #898989}
.aboutUs ul.faqList > li:first-child > a > dl{border-top:1px solid #898989}
.aboutUs ul.faqList > li > a > dl > dt{float:left;width:100%;font-weight:normal;padding:10px 15px;line-height:20px}
.aboutUs ul.faqList > li > a > dl > dt{
	-webkit-transition-duration:0.35s;
	-moz-transition-duration:0.35s;
	-ms-transition-duration:0.35s;
	-o-transition-duration:0.35s;
	transition-duration:0.35s;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-ms-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color;
}
.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{float:left;width:4.5%;color:#fd412b;font-size:25px;line-height:25px}
.aboutUs ul.faqList > li > a > dl > dt > span.txt{float:left;width:91%;margin:2px 0 3px}
.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-up{display:none}
.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up
, .aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{display:inline;float:right;width:4.5%;text-align:right;font-size:15px;line-height:25px}
.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{color:#898989}
.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{color:#ccc}
.aboutUs ul.faqList > li > a:hover > dl > dt > i.fa.fa-chevron-circle-down{color:#898989}
.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-down{display:none}
.aboutUs ul.faqList > li > a > dl > dd{display:none;height:0;float:left;width:100%;padding:10px 15px;line-height:20px;cursor:default}
.aboutUs ul.faqList > li > a.open > dl > dd{display:inline}
.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{float:left;width:4.5%;color:#7accc8;font-size:25px;line-height:25px}
.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{float:left;width:91%;margin:2px 0 3px}
.aboutUs ul.faqList > li > a.open > dl > dt
, .aboutUs ul.faqList > li > a:hover > dl > dt{background-color:#fafafa}
@media(max-width:991px){
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{width:6%}
	.aboutUs ul.faqList > li > a > dl > dt > span.txt{width:88%}
	.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{width:6%}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{width:6%}
	.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{width:6%}
	.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{width:88%}
}
@media(max-width:667px){
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{width:7%}
	.aboutUs ul.faqList > li > a > dl > dt > span.txt{width:86%}
	.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{width:7%}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{width:7%}
	.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{width:7%}
	.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{width:86%}
}
@media(max-width:480px){
	div#container.faq.list > div.title{margin-bottom:15px}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{width:8%}
	.aboutUs ul.faqList > li > a > dl > dt > span.txt{width:84%}
	.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{width:8%}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{width:8%}
	.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{width:8%}
	.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{width:84%}
}
@media(max-width:414px){
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{width:10%}
	.aboutUs ul.faqList > li > a > dl > dt > span.txt{width:80%}
	.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{width:10%}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{width:10%}
	.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{width:10%}
	.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{width:80%}
}
@media(max-width:320px){
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-question-circle-o{width:12%}
	.aboutUs ul.faqList > li > a > dl > dt > span.txt{width:76%}
	.aboutUs ul.faqList > li > a.open > dl > dt > i.fa.fa-chevron-circle-up{width:12%}
	.aboutUs ul.faqList > li > a > dl > dt > i.fa.fa-chevron-circle-down{width:12%}
	.aboutUs ul.faqList > li > a.open > dl > dd > i.fa{width:12%}
	.aboutUs ul.faqList > li > a.open > dl > dd > span.txt{width:76%}
}


/*********************************************************************************************************/
/** 1:1문의, 제휴문의 */
/*********************************************************************************************************/
.aboutUs dl.mailForm{float:left;width:100%;margin:0;background-color:#fafafa;border-top:1px solid #e6e6e6}
.aboutUs dl.mailForm.firstRow{border-color:#c8c8c8}
.aboutUs dl.mailForm.lastRow{border-bottom:1px solid #c8c8c8}
.aboutUs dl.mailForm > *{float:left;padding:10px 15px}
.aboutUs dl.mailForm > dt{width:20%;line-height:30px;font-weight:normal}
.aboutUs dl.mailForm > dd{width:80%;background-color:#fff}
.aboutUs dl.mailForm > dd > .form-control{float:left;width:50%}
.aboutUs dl.mailForm.TEL > dd > .btn-group{width:20% !important;padding-right:5px}
.aboutUs dl.mailForm.TEL > dd > .btn-group{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.aboutUs dl.mailForm.TEL > dd > .form-control{width:30%}
.aboutUs dl.mailForm.TEL > dd .countryCode > *{color:#828282;font-size:13px}
.aboutUs dl.mailForm.TEL > dd .selected .countryCode > *
, .aboutUs dl.mailForm.TEL > dd .active .countryCode > *{color:#fff}
.aboutUs dl.mailForm.TEL > dd .countryCode > *:first-child{color:inherit;font-size:inherit}
.aboutUs dl.mailForm.TEL > dd > .btn-group > .btn.dropdown-toggle > .filter-option{font-size:13px}
.aboutUs dl.mailForm.TEL > dd > .btn-group > .btn.dropdown-toggle > .filter-option > .countryCode > *{display:none}
.aboutUs dl.mailForm.TEL > dd > .btn-group > .btn.dropdown-toggle > .filter-option > .countryCode > .no{display:block}
.aboutUs dl.mailForm.ReserveNo > dd > .btn{float:left;margin-left:20px}
.aboutUs dl.mailForm.QnaTitle > dd > .form-control{width:100%}
.aboutUs dl.mailForm > dd > textarea.form-control{width:100%}
@media(max-width:991px){
	.aboutUs dl.mailForm > dt{width:30%}
	.aboutUs dl.mailForm > dd{width:70%}
	.aboutUs dl.mailForm > dd > .form-control{width:60%}
	.aboutUs dl.mailForm.TEL > dd > .btn-group{width:35% !important}
	.aboutUs dl.mailForm.TEL > dd > .form-control{width:65%}
	.aboutUs dl.mailForm.ReserveNo > dd > .btn{float:right;margin-left:0}
}
@media(max-width:767px){
	.aboutUs dl.mailForm{margin-bottom:10px}
	.aboutUs dl.mailForm > dt{width:100%;padding:0 10px}
	.aboutUs dl.mailForm > dd{width:100%;padding:10px}
	.aboutUs dl.mailForm > dd > .form-control{width:100%}
	.aboutUs dl.mailForm.TEL > dd > .btn-group{width:50% !important}
	.aboutUs dl.mailForm.TEL > dd > .btn-group.bootstrap-select .dropdown-menu{width:200%}
	.aboutUs dl.mailForm.TEL > dd > .form-control{width:50%}
	.aboutUs dl.mailForm.ReserveNo > dd{text-align:center}
	.aboutUs dl.mailForm.ReserveNo > dd > .btn{float:none;margin-top:10px}
}


/*********************************************************************************************************/
/** 오늘의 신랑신부 */
/*********************************************************************************************************/
.aboutUs .photoBox{margin-bottom:20px;text-align:center}
.aboutUs .photoBox > .item{float:left;width:100%;border:1px solid #e6e6e6}
.aboutUs .photoBox > .item > *{float:left;width:100%}
.aboutUs .photoBox > .item > .photo{padding:15px 15px 0}
.aboutUs .photoBox > .item > .photo > a{float:left;width:100%;height:100px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.aboutUs .photoBox > .item > .date{font-size:13px;padding:3px 0 0}
.aboutUs .photoBox > .item > .title{font-size:13px;padding:0 0 3px}
.aboutUs .photoBox > .item > .download{background-color:#fafafa;border-top:1px solid #e6e6e6;padding:5px 0}
@media(max-width:767px){
	.aboutUs .photoBox > .item > .photo > a{background-size:auto 100%}
}