@charset "UTF-8";



body { color: #666666; font-size: 14px; line-height: 1.2; letter-spacing: -1px; }
#header { height: 90px; position: relative; z-index: 99; }


/* 상단 비주얼 이미지 */
.reservation { width: 100%; position: relative; }
.reservation .bg { overflow: hidden; width: 100%; z-index: 0; }
.reservation .bg img { width: 100%; }
.reservation .boxGra { width: 100%; background-color: #000; }
.reservation .box { max-width: 1150px; margin: 0 auto; padding: 50px 0 55px 0; }
.reservation .box h1 { color: #fff; font-size: 30px; font-family: GothamBold; font-weight: normal; padding-bottom: 15px; }
.reservation .box h1 + p { color: #fff; font-size: 14px; line-height: 1.8; }
@media all and (min-width: 721px) {
	.reservation { width: 100%; height: 0; position: relative; padding-bottom: 50%; z-index: 0; }
	.reservation .bg#fixed { position: fixed; top: 0; }
	.reservation .box { max-width: 1170px; padding: 50px 10px; }
	.reservation .boxGra { width: 100%; position: absolute; bottom: 0; left: 0; 	background: rgba(0, 0, 0, 0.4); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 1) 140px, rgba(0, 0, 0, 1) 100%); }
	.reservation .box h1 + p span { display: block; }
}
@media all and (max-width: 1170px) {
	.reservation .box { max-width: 1170px; }
}
@media all and (max-width: 720px) {
	.reservation .box { padding: 30px 10px 30px 10px; }
}



.detail { width: 100%; position: relative; background-color: #fff; }
.detail .box { max-width: 1170px; margin: 0 auto; padding: 30px 0; }
@media all and (max-width:1170px) {
	.detail .box { padding-left: 10px; padding-right: 10px; }
}



/* 마이피팅 페이지 이동 */
.detail .box .myReser { border-bottom: #333333 1px solid; text-align: right; font-size: 15px; padding-bottom: 15px; margin-bottom: 30px; }
.detail .box .myReser p { display: inline-block; }
.detail .box .myReser a { background-color: #c00808; display: inline-block; height: 35px; line-height: 35px; padding: 0 15px; color: #fff; font-weight: bold; vertical-align: middle; margin-left: 5px; }
@media all and (max-width: 719px) {
	.detail .box .myReser p { display: block; padding-top: 10px; }
}
@media all and (max-width: 479px) {
	.detail .box .myReser span { display: block; }
}



.detail .box h2 { font-size: 20px; color: #222222; padding-bottom: 10px; }
.detail .box h2 + p { font-size: 15px; padding-bottom: 20px;  line-height: 1.5; }
.detail .box h2 + p.star { padding-left: 10px; text-indent: -10px; }
.detail .box h2.pb20 { padding-bottom: 20px !important; }




/* 센터/시간 선택 공통 */
.detail .box .chkType { padding-bottom: 30px; border-bottom: #aeaeae 1px dotted; margin-bottom: 30px; }
.detail .box .chkType li { display: inline-block; width: 14.5%; padding-right: 1.5%; }
.detail .box .chkType li:last-child { padding-right: 0; }
.detail .box .chkType li label { display: block; border: #c00808 1px solid; padding: 10px 0; text-align: center; cursor: pointer; color: #c0080a; font-size: 17px; font-weight: bold; }
.detail .box .chkType li input { display: none; }
.detail .box .chkType li input:checked + label { background-color: #c00808; color: #fff;  }
.detail .box .chkType li input:disabled + label { background-color: #666666; border: #666666 1px solid; color: #fff; cursor: default; }
@media all and (max-width: 720px) {
	.detail .box .store { overflow: hidden; position: relative; width: 100%;  }
	.detail .box .store li { width: 32%; padding: 0; }
	.detail .box .store li:nth-child(1) { position: absolute; top: 0;  left: 0; }
	.detail .box .store li:nth-child(2) { display: block; margin: 0 auto; }
	.detail .box .store li:nth-child(3) { position: absolute; top: 0; right: 0; }
}
@media all and (max-width: 480px) {
	.detail .box .time { overflow: hidden; }
	.detail .box .time li { display: block; width: 31.7%; float: left; margin-bottom: 1.5%; }
	.detail .box .time li:nth-child(3), 
	.detail .box .time li:nth-child(6) { padding-right: 0; }
}
@media all and (max-width: 320px) {
	.detail .box .time li { width: 48.5%; }
	.detail .box .time li:nth-child(3), 
	.detail .box .time li:nth-child(6) { padding-right: 1.5%; }
}




/* 피팅 서비스선택 */
.detail .box .service { padding-bottom: 30px; border-bottom: #aeaeae 1px dotted; margin-bottom: 30px; }
.box .service li input { display: none; }
.detail .box .service li { display: inline-block; width: 145px; text-align: center; font-weight: bold; font-size: 16px;  margin-right: 1.5%; }
.detail .box .service li:last-child { margin-right: 0; }
.detail .box .service li label { cursor: pointer; }
.detail .box .service li label span { width: 145px; height: 0; display: block; padding-bottom: 100%; position: relative; margin-bottom: 10px; }
.detail .box .service li input:checked + label { color: #c00808; }
.detail .box .service li input:checked + label span strong { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../../img/border.png") no-repeat 0 0; background-size: cover; }
.detail .box .service li label span.service1 { background: url("../../img/service1.jpg") no-repeat 0 0; background-size: cover; }
.detail .box .service li label span.service2 { background: url("../../img/service2.jpg") no-repeat 0 0; background-size: cover; }
.detail .box .service li label span.service3 { background: url("../../img/service3.jpg") no-repeat 0 0; background-size: cover; }
.detail .box .service li label span.service4 { background: url("../../img/service4.jpg") no-repeat 0 0; background-size: cover; }
@media all and (max-width: 720px) {
	.detail .box .service { overflow: hidden; padding: 0;  }
	.detail .box .service li { display: block; width: 23.8%; margin-bottom: 10px; float: left; }
	.detail .box .service li label span { width: 100%; }
}
/*
@media all and (max-width: 480px) {
	.detail .box .service { overflow: hidden; padding: 0 0;  }
	.detail .box .service li { width: 48.5%; margin-right: 0; margin-bottom: 15px; }
	.detail .box .service li.left { float: left; }
	.detail .box .service li.right { float: right;  }
} */
@media all and (min-width: 721px) {
	.detail .box .service li { display: inline-block; max-width: 145px; text-align: center; font-weight: bold; font-size: 16px; word-spacing: -2px; margin-right: 1.5%; }
	.detail .box .service li label { cursor: pointer; }
	.detail .box .service li label span { width: 145px; height: 0; display: block; padding-bottom: 100%; position: relative;  }
}




/* 피팅 예약 날짜 선택 */
.detail .box .date { padding-bottom: 30px; border-bottom: #aeaeae 1px dotted; margin-bottom: 30px; }
.detail .box .date input[type="text"] { border: #707070 1px solid; width: 168px; height: 40px; line-height: 40px; vertical-align: top; background-color: #f4f4f4; margin-right: 6px; }
.detail .box .date a.calBtn { display: inline-block; width: 40px; height: 40px; background: url("../../img/calBtn.png") no-repeat 0 0; text-indent: -9999em; vertical-align: top; }




/* 피팅 서비스 비용 */
.detail .box .price { background-color: #f4f4f4; padding: 0 20px 20px 20px; color: #333333; font-size: 17px;  margin-bottom: 30px; }
.detail .box .price table { width: 100%; font-family: NanumBold; border-bottom: #bbbbbb 1px solid; }
.detail .box .price table th { width: 50%; text-align: left; border-bottom: #b7b7b7 1px dotted; padding: 20px 0 18px 0; font-weight: normal; }
.detail .box .price table td { width: 50%; text-align: right; border-bottom: #b7b7b7 1px dotted; padding: 20px 0 18px 0; }
.detail .box .price p { text-align: right; padding: 20px 0 7px 0; }
.detail .box .price p strong { font-size: 30px; color: #c00808; font-family: NanumExBold; }
.detail .box .price span { display: block; text-align: right; color: #c00808;  }




/* 피팅 참고 정보입력 */
.detail .box .fitting_tit { text-align: center; color: #c10708; font-size: 14px; border-bottom: #c00808 1px solid; padding-bottom: 10px;  }
.detail .box .fitting_info  { background: url("../../img/bullet01.png") no-repeat center 0; margin-bottom: 5px; }
.detail .box .fitting_info dt { font-size: 20px; color: #222222; font-weight: bold; padding: 25px 0 20px 0; }
.detail .box .fitting_info dd { border-bottom: #aeaeae 1px dotted; padding-bottom: 20px; font-size: 16px; }
.detail .box .fitting_info dd > label { margin-right: 50px; white-space: nowrap; }
.detail .box .fitting_info dd:last-child { border-bottom: none; background: none;  }
.detail .box .fitting_info dd label:last-child { margin-right: 0; }
.detail .box .fitting_info dd.old { color: #333333; }
.detail .box .fitting_info dd.old input[type="text"] { width: 88px; height: 38px; line-height: 38px; border: #707070 1px solid; font-family: NanumGothic; padding: 0 10px; }
.detail .box .fitting_info dt.myBack { padding: 25px 0 10px 0; }
.detail .box .fitting_info dd.myTT { padding-bottom: 20px;  }
.detail .box .fitting_info dd.myTT > p { font-family: NanumGothic; padding-bottom: 20px; font-size: 15px; } 
.detail .box .fitting_info dd.myTT > a { display: inline-block; background-color: #C00808; color: #fff; font-size: 15px; padding: 10px 30px; margin-bottom: 5px; font-family: NanumBold; }

.detail .box .fitting_info dd > label input[type="radio"] { width: 18px; height: 18px; -moz-appearance: none; }
.detail .box .fitting_info dd > label input[type="checkbox"] { width: 18px; height: 18px; -moz-appearance: none; }
@media all and (max-width: 720px) {
	.detail .box .fitting_info dd > label { margin-right: 15px; line-height: 1.8;  }
}



/* 마이백업데이트 내용 */
.detail .box .fitting_info dd.myTT .myInfo { padding-top: 20px;  display: none; } 
.detail .box .fitting_info dd.myTT .myInfo > div > p { font-size: 14px; padding-bottom: 10px; padding-left: 13px; text-indent: -13px; }
.detail .box .fitting_info dd.myTT .myInfo > div > p span { font-weight: bold; color: #c00808; }
.detail .box .fitting_info dd.myTT .myInfo table { width: 100%; border-top: #c00808 1px solid;   line-height: 1.4; }
.detail .box .fitting_info dd.myTT .myInfo table th { width: 100px; border-bottom: #aeaeae 1px solid; background-color: #f4f4f4; padding: 20px; font-size: 18px; color: #222222; text-align: left; font-weight: bold; vertical-align: top; }
.detail .box .fitting_info dd.myTT .myInfo table td { border-bottom: #aeaeae 1px solid; }
.detail .box .fitting_info dd.myTT .myInfo table tr:last-child th, 
.detail .box .fitting_info dd.myTT .myInfo table tr:last-child td { border-bottom: #c00808 1px solid; }
.detail .box .fitting_info dd.myTT .myInfo table td select { display: inline-block; border: #707070 1px solid; height: 40px; padding: 0 0 0 10px; font-family: NanumGothic; font-size: 15px; width: 30px;  }
.detail .box .fitting_info dd.myTT .myInfo table td input[type="text"] { border: #707070 1px solid; height: 38px; padding: 0 10px; font-family: NanumGothic; font-size: 15px; margin-left: 5px; width: 30px; }
.detail .box .fitting_info dd.myTT .myInfo table td div { border-bottom: #b9b9b9 1px dotted; /*padding: 10px 0 10px 20px;*/ }
.detail .box .fitting_info dd.myTT .myInfo table td div:last-child { border-bottom: none; }
.detail .box .fitting_info dd.myTT .myInfo table td div > p { display: inline-block; }
.detail .box .fitting_info dd.myTT .myInfo table td div.selBox { padding: 10px 0;  }
.detail .box .fitting_info dd.myTT .myInfo table td div.selBox select { width: 270px; margin-right: 10px; margin-left: 30px;    }
.detail .box .fitting_info dd.myTT .myInfo table td div.selBox input[type="text"] { width: 255px; margin: 0 10px 0 5px; }
.detail .box .fitting_info dd.myTT .myInfo table td p.fitRadio { padding-left: 10px; clear: both; }
.detail .box .fitting_info dd.myTT .myInfo table td p.fitRadio label { margin-right: 10px; }
/* radio 사이즈 */
.detail .box .fitting_info dd.myTT .myInfo table td p.fitRadio label  input[type="radio"] { width: 18px; height: 18px; -moz-appearance: none; }
/* //radio 사이즈 */
.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox { overflow :hidden; padding: 10px 0; }
.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox select { width: 98px; margin: 0 10px 0 5px;  }
.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox input[type="text"] { width: 98px; margin: 0 10px 0 5px; }
.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label { margin-left: 20px; }
.detail .box .fitting_info dd.myTT .myInfo table td p.text { font-size: 14px; padding-top: 10px; padding-bottom: 0; padding-left: 30px; text-indent: -10px; }
.detail .box .fitting_info dd.myTT .myInfo table td p.text span { color: #c00808; font-weight: bold; }
.detail .box .fitting_info dd.myTT .myInfo table td div.add { padding: 10px 0 10px 20px; }
.detail .box .fitting_info dd.myTT .myInfo table td div.add a { background: url("../../img/bullet03.png") no-repeat 0 50%; padding-left: 23px;	 }
@media all and (max-width: 1169px) {
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox { padding-bottom: 0; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox select { margin-left: 20px; width: 200px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox select.mb10 { margin-bottom: 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox { margin-bottom: 10px;  }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox input[type="text"] { width: 200px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.fitRadio { display: block; border-top: #b9b9b9 1px dotted; padding: 10px 0 0 20px; margin-bottom: 10px;  }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox { padding-bottom: 0; overflow: hidden; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label:first-child { margin-left: 20px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label { display: block; float: left; width: 30%; margin-left: 0; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label select { margin-bottom: 10px; width: 48%; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label input[type="text"] { margin-bottom: 10px; width: 48%; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox p.fitRadio { display: block; border-top: #b9b9b9 1px dotted; padding: 10px 0 10px 20px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox p.text { display: block; border-top: #b9b9b9 1px dotted; padding-top: 10px; padding-bottom: 10px; }
}
@media all and (max-width: 720px) {
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox select { margin-bottom: 10px; width: 90%; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox { display: block; border-top: #b9b9b9 1px dotted; padding: 10px 0 0 20px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox input[type="text"] {  }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label { display: block; width: 100%;  float: none; margin-left: 20px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label select { margin-bottom: 10px; width: 200px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label input[type="text"] { margin-bottom: 10px; width: 200px; }
}
@media all and (max-width: 479px) {
	.detail .box .fitting_info dd.myTT .myInfo table th { padding: 20px 10px; width: auto; }
	.detail .box .fitting_info dd.myTT .myInfo table th span { display: block; }
	.detail .box .fitting_info dd.myTT .myInfo table td p.fitRadio { font-size: 14px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox select { margin-left: 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox { padding: 10px 0 0 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label:first-child { margin-left: 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label { margin-left: 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.modelBox input[type="text"] { width: 120px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.selBox p.fitRadio { padding: 10px 0 0 10px; }
	/* radio 사이즈 */
	.detail .box .fitting_info dd.myTT .myInfo table td p.fitRadio label  input[type="radio"] { width: 15px; height: 15px; -moz-appearance: none; }
	/* ..radio 사이즈 */
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label input[type="text"] { width: 120px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox > label select { width: 120px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.treeBox p.fitRadio { padding: 10px 0 10px 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td div.add { padding: 10px 0 10px 10px; }
	.detail .box .fitting_info dd.myTT .myInfo table td p.text { padding-left: 20px; }
}





/* 피팅 진행 전 전달희망사항 */
.detail .box .fitting_info dt.msgTit { padding: 25px 0 10px 0; }
.detail .box .fitting_info dd.msgCont { }
.detail .box .fitting_info dd.msgCont > p { font-family: NanumGothic; font-size: 15px; } 
.detail .box .fitting_info dd.msgCont div { }
.detail .box .fitting_info dd.msgCont div > p { text-align: right; font-size: 14px; padding-bottom: 6px; }
.detail .box .fitting_info dd.msgCont div textarea { border: #707070 1px solid; max-width: 1168px; width: 100%; padding: 1.5%; height: 85px; font-family: NanumGothic; font-size: 15px; }



/* 하단 최종버튼 */
.detail .box .btnSave { text-align: center; margin-bottom: 20px; }
.detail .box .btnSave .saveBtn { display: inline-block; height: 60px; line-height: 60px; background-color: #C00808; color: #fff; font-size: 23px; padding: 0 72px; border: none;  font-family: NanumBold; }



/* 예약사항 입력완료 */
.myDetailed { display: none; clear: both; }
.myDetailed .tit { font-size: 20px; color: #222222; font-weight: bold; padding: 25px 0 20px 0; }
.myDetailed table { width: 100%; border-top: #c00808 2px solid; margin-bottom: 30px; }
.myDetailed table th { width: 160px; border-bottom: #aeaeae 1px solid; background-color: #f4f4f4; padding: 18px 20px; font-size: 17px; color: #222222; text-align: left; font-weight: bold; }
.myDetailed table td { border-bottom: #aeaeae 1px solid; padding: 10px 30px; font-size:15px; font-weight: bold; color: #555555; line-height: 1.4;   }
.myDetailed table td span { color: #c00000; }
.myDetailed table tr:last-child th,
.myDetailed table tr:last-child td { border-bottom :#333333 1px solid;  }
@media all and (max-width: 719px) {
	.myDetailed table th { width: 120px; }
}
@media all and (max-width: 479px) {
	.myDetailed table th { width: 90px; padding: 15px 10px; }
	.myDetailed table th span { display: block; }
	.myDetailed table td { padding: 15px 10px; }
}

.myDetailed .btnSucc { text-align: center; margin-bottom: 20px; }
.myDetailed .btnSucc .cancelBtn { display: inline-block; height: 60px; line-height: 60px; background-color: #666666; color: #fff; font-size: 23px; text-align: center; width: 240px; /*padding: 0 72px;*/ margin: 0 8px; border: none;  font-family: NanumBold; }
.myDetailed .btnSucc .successBtn { display: inline-block; height: 60px; line-height: 60px; background-color: #C00808; color: #fff; font-size: 23px; text-align: center; width: 240px; /*padding: 0 72px;*/ border: none; font-family: NanumBold; }
@media all and (max-width: 719px) {
	.myDetailed .btnSucc .cancelBtn { text-align: center; width: 180px; /*padding: 0 50px;*/}
	.myDetailed .btnSucc .successBtn { text-align: center; width: 180px; /*padding: 0 50px;*/}
}
@media all and (max-width: 479px) {
	.myDetailed .btnSucc .cancelBtn { float: left; width: 49%; padding: 0; margin: 0; }
	.myDetailed .btnSucc .successBtn { float: right; width: 49%; padding: 0; margin: 0; }
}



/* 예약사항 입력완료2 */
.myDetailed2 { display: none; clear: both; }
.myDetailed2 .tit { font-size: 20px; color: #222222; font-weight: bold; padding: 25px 0 20px 0; position: relative; }
.myDetailed2 .tit .cancel { position: absolute; top: 20px; right: 0; }
.myDetailed2 .tit .cancel a { display: block; padding: 0 15px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; background-color: #666666; }
.myDetailed2 table { width: 100%; border-top: #c00808 2px solid; margin-bottom: 10px; }
.myDetailed2 table th { width: 160px; border-bottom: #aeaeae 1px solid; background-color: #f4f4f4; padding: 18px 20px; font-size: 17px; color: #222222; text-align: left; font-weight: bold; }
.myDetailed2 table td { border-bottom: #aeaeae 1px solid; padding: 10px 30px; font-size:15px; font-weight: bold; color: #555555; line-height: 1.4;   }
.myDetailed2 table td span { color: #c00000; }
.myDetailed2 table td a.map { display: inline-block; font-size: 14px; height: 30px; line-height: 30px; width: 88px; text-align: center; color: #C00808; border: #C00808 1px solid; margin-left: 20px; }
.myDetailed2 table tr:last-child th,
.myDetailed2 table tr:last-child td { border-bottom :#333333 1px solid;  }
.myDetailed2 .calAdd { text-align: center; font-size: 16px; padding-bottom: 30px; }
.myDetailed2 .calAdd span { display: inline-block; padding-right: 10px; }
.myDetailed2 .calAdd .googleCal { width: 45px; height: 45px; display: inline-block; background: url("../../img/google.png") no-repeat 0 0; text-indent: -9999em; vertical-align: middle; margin: 0 3px; }
.myDetailed2 .calAdd .iphoneCal { width: 45px; height: 45px; display: inline-block; background: url("../../img/iphone.png") no-repeat 0 0; text-indent: -9999em; vertical-align: middle; margin: 0 3px; }
@media all and (max-width: 719px) {
	.myDetailed2 table th { width: 120px; }
	.myDetailed2 table td a.map { display: block; margin: 10px 0 0 0; }
	.myDetailed2 .calAdd span { display: block; padding: 10px 0; }
}
@media all and (max-width: 479px) {
	.myDetailed2 .tit .cancel  { display: block;  position: static; padding-top: 20px; }
	.myDetailed2 .tit .cancel a { display: block; text-align: center; }
	.myDetailed2 table th { width: 90px; padding: 15px 10px; }
	.myDetailed2 table th span { display: block; }
	.myDetailed2 table td { padding: 15px 10px; }
}


.myDetailed2 .btnSucc { text-align: center; margin-bottom: 20px; }
.myDetailed2 .btnSucc .modifyBtn { display: inline-block; height: 60px; line-height: 60px; background-color: #666666; color: #fff; font-size: 23px; text-align: center; width: 240px; /*padding: 0 72px;*/ margin: 0 8px; border: none;  font-family: NanumBold; }
.myDetailed2 .btnSucc .successBtn { display: inline-block; height: 60px; line-height: 60px; background-color: #C00808; color: #fff; font-size: 23px; width: 240px; /*padding: 0 72px;*/ border: none; font-family: NanumBold; }
@media all and (max-width: 719px) {
	.myDetailed2 .btnSucc .modifyBtn { text-align: center; width: 180px; /*padding: 0 50px;*/}
	.myDetailed2 .btnSucc .successBtn { text-align: center; width: 180px; /*padding: 0 50px;*/}
}
@media all and (max-width: 479px) {
	.myDetailed2 .btnSucc .modifyBtn { float: left; width: 49%; padding: 0; margin: 0; text-align: center; }
	.myDetailed2 .btnSucc .successBtn { float: right; width: 49%; padding: 0; margin: 0;  text-align: center;  }
}





/* 하단 변경/취소안내 */
.detail .notice { width: 100%; background-color: #eeeeee; padding: 30px 0 20px 0; }
.detail .notice dl { max-width: 1170px; margin: 0 auto;  }
.detail .notice dl dt { font-size: 17px; color: #222222; font-family: NanumBold; padding-bottom: 10px;  }
.detail .notice dl dd { font-size: 13px; line-height: 1.8; padding-left: 8px; text-indent: -8px; }
@media all and (max-width:1170px) {
	.detail .notice dl { padding-left: 10px; padding-right: 10px;  }
}







/* 예약 완료팝업 */
.fittingPopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; line-height: 1; text-align: center; display: none; }
.fittingPopup .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.6; }
.fittingPopup .popCont { display: inline-block; position: relative; margin-top: 15%; z-index: 1000; background-color: #fff; color: #000; padding: 40px 30px; border: #333333 1px solid; border-top: #c00808 5px solid; width: 75%; max-width: 450px; letter-spacing: -1px; }
.fittingPopup .popCont h1 { text-align: center; color: #222222; font-size: 30px; font-weight: bold; letter-spacing: -1px; padding-bottom: 20px; }
.fittingPopup .popCont p.txt { text-align: center; color: #666666; font-size: 16px; padding-bottom: 30px; line-height: 1.6; }
.fittingPopup .popCont .okBtn { text-align: center; }
.fittingPopup .popCont .okBtn a { display: inline-block; background-color: #c00808; color: #fff; height: 45px; line-height: 45px; padding: 0 60px; font-size: 19px; font-weight: bold; }
.fittingPopup .popCont .popX a { position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url("../../img/close.png") no-repeat 0 0; display: block; text-indent: -9999em; }
@media all and (max-width:480px) {
	.fittingPopup .popCont { padding: 40px 10px; width: 88%; max-width: 450px; }
	.fittingPopup .popCont h1 { font-size: 28px; }
	.fittingPopup .popCont p.txt { font-size: 16px; }
}