@charset "utf-8";

/* 
 0. 해당 테마에 대한 디폴트 디자인들
 1. 랩 
 2. 헤더, 푸터 영역
 3. 글로벌 버튼들
 4. 메인 영역
 5. 상세 영역
 6. 예약 영역
 7. My 영역
 8. 회원가입 영역
 9. 공지사항영역
 10. 미디어쿼리 
  
 참고 : #container.asp 또는 header.asp 가 붙은 선택자는 asp 전용.
 
 #TopNotice
 */   
/****************************************************************************해당 테마에 대한 디폴트 디자인들****************************************************************************/
a, button{cursor:pointer;}
input{height: 16px;background:#f7f7f7; border:1px solid #cbcbcb; border-radius: 2px; padding: 8px;}/*인풋*/
input[type="file"]{background: none; border: none; height: inherit;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
    margin: 0;
}
textarea{width:100%; box-sizing: border-box; background:#f7f7f7; border:1px solid #cbcbcb; border-radius: 2px; padding: 8px; resize: none;}/*텍스트에어리어*/
select::-ms-expand{display: none;}/*IE에서 기본 셀렉트박스 없애기*/
select:focus{background-color: none;}/*IE에서 기본 셀렉트박스 배경색*/
.selectBox{width: 159px; height: 32px; border:1px solid #cbcbcb; background: #fff url('/img/common/select.gif') no-repeat right;}/*셀렉트박스*/
select{width: 100%; height: 32px; padding: 5px; line-height: 1; border: 0; border-radius: 2px;  background: transparent; 
	-webkit-appearance: none; 
	-ms-appearance: none; 
	-moz-appearance: none;
    text-indent: 0.01px;
 	}
 article.rentalArea *{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

::-webkit-input-placeholder { /* WebKit browsers */color:#999; font-size:12px; letter-spacing:-1px;}/*20160427_이재범_placeholder스타일*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999; font-size:12px; letter-spacing:-1px;}/*20160427_이재범_placeholder스타일*/
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999; font-size:12px; letter-spacing:-1px;}/*20160427_이재범_placeholder스타일*/
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999; font-size:12px; letter-spacing:-1px;}/*20160427_이재범_placeholder스타일*/

.selectBox2{background: url('/img/common/arr_bl_d2.png') no-repeat 5% 50%; float:left;}
.selectBox2.provinceSelect{width:33%; max-width: 115px; color:#2e95ff !important; margin-right:18px;}
.selectBox2.districtSelect{color:#2e95ff !important;}
.selectBox2 select{height: 45px; margin-left: 14px;}
.selectBox2.next select{background: url('/img/common/next.png') no-repeat right -9px;}
::-webkit-input-placeholder {}
::-moz-placeholder {} /* firefox 19+ */
:-ms-input-placeholder {} /* ie */
.placeholder{color: #aaa;} /*IE8,IE9를 위한 placeholder css*/

 	

.checkBoxArea{width:25px; height:25px; padding-top: 4px;}/*체크박스*/
.checkBoxArea + label{color:#333;}
input.inputChk{width: 25px; height: 25px; position: relative; z-index: 2; opacity: 0; margin: 0; display: inline-block; float: left;}
input.inputChk:checked + .checkboxContainer{background-position: top right;}
.checkboxContainer{width: 25px; height: 25px;background-position: top right; background: url('/img/common/checkbox.png') top left no-repeat;}
.checkBoxArea.acceptMail{margin: 0 5px 0 10px;}
.checkBoxArea + label.acceptMail{line-height: 32px;}
div.acceptMailBox .acceptMail{float:left;}


.checkBoxArea.vCheck{width:100%; height:100%; padding-top: 0;}/*브이표시 체크박스*/
.vCheck input.inputChk{width: 100% !important; position: relative; z-index: 2; opacity: 0; margin: 0;}
.vCheck .checkboxContainer{width: 100%; height: 100%; background:none;}
.vCheck input.inputChk:checked + .checkboxContainer{background: #f6f6f6 url('/img/common/chk.png') no-repeat center;}



.checkBoxArea2{width:15px; height:15px; padding-top: 4px;}/*체크박스2 : 상세검색 결과내 재 검색 체크 박스 같은 스타일*/
.checkBoxArea2 + label{color:#333;}
.checkBoxArea2 input.inputChk{width: 15px  !important; height: 15px; cursor:pointer;}
.checkBoxArea2 .checkboxContainer{width: 15px; height: 15px;background-position: top right; background: url('/img/common/checkbox2.png') top left no-repeat;}

.radioBigContainer{float:left; width:25%;}/*라디오박스*/
.radioBoxArea{width:25px; height:25px; padding-top: 4px; float:left; margin-right: 7px;}
.radioBoxArea + label{color:#333; line-height: 30px;}
input.inputChk{width: 25px !important; height: 25px; position: relative; z-index: 2; opacity: 0; margin: 0; display: inline-block; float: left;}
input.inputChk:checked + .radioboxContainer{background-position: top right;}
.radioboxContainer{width: 25px; height: 25px;background-position: top right; background: url('/img/common/radiobox.png') top left no-repeat;}


div.radioBoxArea2{overflow:hidden;}/*라디오 박스2 : 메뉴물품관리 팝업 같은 스타일*/
div.radioBoxArea2 input[type='radio']{display:block; position:absolute; left:-9999px; opacity:0;}
div.radioBoxArea2 label.radioBoxLabel{cursor:pointer; border:1px solid #d7d7d7; background:#f8f8f8; border-radius: 0px 2px 2px 0px; display: block; float: left; padding: 5px 10px 6px 10px; box-shadow: inset 0px -1px 0px rgba(0,0,0,.1);}
div.radioBoxArea2 input[type='radio']:checked + label.radioBoxLabel{background: #333; color: #fff;}
div.radioBoxArea2 input:first-child + label.radioBoxLabel{border-right:none; border-radius: 2px 0px 0px 2px;}
div.radioBoxArea2 label.radioBoxLabel.selected{background: #333; color: #fff;} /*<- for ie8*/

.radioBoxArea.yellow-radio, .radioBoxArea.yellow-radio input.inputChk{width: 14px !important; height: 14px;}/*라디오 박스 3 : 노란색 아이콘의 라디오*/
.radioboxContainer.yellow-radio{width: 14px; height: 14px; background: url('/img/common/radiobox2.png') top left no-repeat;} 
.radioBoxArea.yellow-radio + label{color: #fff}

.radioBoxArea3, .radioBoxArea3 input.inputChk{width: 15px !important; height: 15px; cursor:pointer;}/*라디오 박스 4 : 라디오박스 1의 미니 버전 ex : 상세검색 메뉴 모바일 버전*/
.radioBoxArea3 + label{cursor:pointer;}
.radioBoxArea3 .radioboxContainer{width: 15px; height: 15px; background: url('/img/common/radiobox3.png') top left no-repeat;} 
.radioBoxArea.yellow-radio + label{color: #fff}

 


table.table1{width:100%; background:#fff; font-size: 14px;}/*테이블 타입1 EX:회원정보수정*/
table.table1 tr td{border-bottom:1px solid #ddd; padding: 14px 0; vertical-align: top;}
table.table1 tr td.hasInnerSection{padding:0;}
table.table1 tr td.title{text-align: right; padding-right: 20px; font-size: 12px; line-height: 28px;}
table.table1 td .tdInner{overflow: hidden; border-bottom: 1px solid #ddd; padding: 14px 0;} /*height: 42px;*/
/*table.table1 td .tdInner:first-child{padding-top: 0;}*/
table.table1 td .tdInner:last-child{border-bottom: none;}


table.table1 tr td.rental{width: 28%; background: #fff url('/img/common/rentItems.png') no-repeat; border-bottom: 1px solid #ddd; padding: 16px 0 8px 28px; font-size: 12px;}/*예약: 렌탈 물품*/
table.table1 tr td.rental span.pay{background: url('/img/common/pay_icon.gif') no-repeat 0 1px; padding-left: 28px;}
table.table1 tr td.wifi{background-position: 0px 17px;}
table.table1 tr td.projector{background-position: 0px -15px;}
table.table1 tr td.mike{background-position: 0px -50px;}
table.table1 tr td.monitor{background-position: 0px -88px;}
table.table1 tr td.paymentTitle{font-size: 12px;}
table.table1 tr td.paymentQuantity{width: 20%; text-align: center;}
table.table1 tr td.price{padding-right: 15px; text-align: right;}
table.table1 tr td.price.big{font-size:24px; font-weight: bold;}
table.table1 tr td.payPrice{vertical-align: middle;}
table.table1 tr.bankAccount .selectBox, table.table1 tr.bankAccount input.bankAccountNum{display: inline-block;}
table.table1 tr.bankAccount .selectBox{margin-right:10px;}
table.table1 tr.bankAccount input.bankAccountNum{width:280px;}

/*qna*/
table.qna tr td .icoQ{background:#4fd5c7; color:#fff; font-size:12px; border-radius:20px; padding:0px 11px 2px; margin:-5px 0 0 50px; display:block; width:9px;}
table.qna tr td .icoA{background:#bbb; color:#fff; font-size:12px; border-radius:20px; padding:0px 11px 2px; margin:-5px 0 0 50px; display:block; width:9px;}
table.qna tr td{padding:28px 20px 24px 0!important;}
table.qna .answer td{background:#f8f8f8; color:#888;}
table.qna tr td.title{width:80px;}
/*qna*/

table.table2{width:100%; background:#fff; font-size: 12px; text-align: center; margin-top: 1px;}/*테이블 타입2 EX:예약관리*/
table.table2 thead th{background:#01c67e; color:#fff; font-size: 14px; vertical-align: middle; border-left: 1px solid #80e3bf;}
table.table2 thead th:first-child{border-left:none;}
table.table2 thead th.minWd{width:11%;}/*테블릿에서의 최소 사이즈 유지*/
table.table2 td{border-bottom:1px solid #ddd; vertical-align: middle; padding: 10px 0; cursor: pointer;}

/*등록공간 조회 같은 테이블*/
table.table2.mySpaceEditTable th{padding:5px 0;}
table.table2.mySpaceEditTable th.chk{border-left:none;}
table.table2.mySpaceEditTable th.chk a{width:19px; height:19px; display: inline-block; border:1px solid #cdcdcd; float:left; background:#fff url('/img/common/updown_gray.png') no-repeat 5px 5px;}
table.table2.mySpaceEditTable th.chk a:first-child{border-right:none;}
table.table2.mySpaceEditTable th.chk a.down{background-position:-15px 6px;}
table.table2.mySpaceEditTable th.chk a.on{background-image: url('/img/common/updown_orange.png');}
table.table2.mySpaceEditTable td.checked{background:#f6f6f6;}
table.table2.mySpaceEditTable td.order{position: relative;}
table.table2.mySpaceEditTable td.order span.orderMark{width: 40px; height: 42px; display: block; color:#fff; position:absolute; top:0; left:0; text-align: left; padding-left: 5px;background:url('/img/common/order_off.png') no-repeat;}
table.table2.mySpaceEditTable td.category{width:98px;}
table.table2.mySpaceEditTable td.state{width:98px;}
table.table2.mySpaceEditTable td.state div.radioBigContainer{float: none; width: inherit;}
table.table2.mySpaceEditTable td.state div.radioBigContainer .radioBoxArea{margin-right: -10px;}
table.table2.mySpaceEditTable td.dcControl p.dcStatus{margin-bottom: 3px;}
table.table2.mySpaceEditTable td.dcControl p.dcStatus.invoked{color:#01c67e;}

/*쿠폰함 테이블*/
table.table2.couponTable td{cursor:inherit;}
table.table2.couponTable .arr{width:10px; height:10px; background: url("/img/common/cal_arr.png") no-repeat top right; display: inline-block;}
table.table2.couponTable .used{color:#aaa;}
table.table2.couponTable .use{color:#00c67e;}
table.table2.couponTable .couponImg{width: inherit; max-width:inherit; margin-left:2%; display: inline-block; float: none;}
table.table2.couponTable .title a{width:inherit; display: inline; float:none;}
table.table3{width:100%; background:#fff; color:#333; font-size: 14px; text-align: left; border:1px solid #ddd; border-collapse:separate;}/*테이블 타입3 EX:가입완료*/
table.table3 td{border-bottom:1px solid #ddd; padding:14px 0;}
table.table3 td:first-child{width:18%; text-align: right; font-size:13px;}
table.table3 td:last-child{padding-left:90px; padding-right: 15px;}

table.table4{width:100%; background:#fff; color:#333; padding: 18px 0; font-size: 14px; text-align: left; border:1px solid #ddd; border-collapse:separate;}/*테이블 타입4 EX:로그인*/
table.table4 td{padding:14px 0; vertical-align: middle;}
table.table4 td:first-child{text-align: right; font-size:13px;}
table.table4 td:last-child{padding-left:10px;}

table.table5{width:100%;} /*My 예약관리 상세 전용 테이블*/
table.table5 tr td{border-bottom:1px solid #ddd; padding: 15px 0; padding-left: 10px; color:#333;}
table.table5 tr td.title{width: 13%; font-size: 13px; text-align: right; padding-right:1.5%; color:#666; border-right: 1px solid #ddd;}
table.table5 tr td.title.payInfo{vertical-align: top;}
table.table5 tr td span.subTitle, table.table5 tr td span.subContent{display: block; float: left;}
table.table5 tr td span.subTitle{width:26%;}
table.table5 tr td span.subContent{width:74%;}
table.table5 tr td span.subContent .rentalTime{width:100%; display:inline-block;}
table.table5 tr td span.subContent .standardHour, table.table5 tr td span.subContent .timeEachother:first-child{width: 35%; display: inline-block;}
table.table5 tr td span.subContent .timeEachother:before{display:none;}
table.table5 tr.result .price{font-size:24px; font-weight: bold;}
table.table5 tr.result td.title{vertical-align: middle;}
table.table5 .howtoPay{display: block; float: left;}
table.table5 .payReceipt{font-weight: bold; font-size: 12px; margin: 0 1.5%;}
table.table5 .howtoPay + .des{display: block; float: left; padding-left: 5px; margin-top: 1px;}
table.table5 .price{float:right; padding-right:15px;}
table.table5 .txtStrike{color: #a4a4a4; margin: 0 2px; font-size: 12px;}
table.table5 ul.essentialItemList{width:74%; float:left;}
table.table5 ul.essentialItemList li{padding: 5px 0;}
table.table5 ul.essentialItemList li span.essentialItem{width:35%; display: block; float: left;}
table.table5 ul.rentalItemList{width:74%; float:left;}
table.table5 ul.rentalItemList li{width:100%; padding:5px 0;}
table.table5 ul.rentalItemList li span.rentalItem{width:38%; background:url('/img/common/rentItems.png') no-repeat; background-position: 0 0px; padding-left: 25px; display: block; float: left;}
table.table5 ul.rentalItemList li span.rentalItem.tv{background-position: 0 -102px;}
table.table5 ul.rentalItemList li span.rentalItem.wifi{background-position: 0 2px;}
table.table5 ul.rentalItemList li span.rentalItem.lan{background-position: 0 -34px;}
table.table5 ul.rentalItemList li span.rentalItem.projector{background-position: 0 -63px;}
table.table5 ul.rentalItemList li span.rentalItem.mike{background-position: 0 -261px;}
table.table5 ul.rentalItemList li span.rentalItem.monitor{background-position: 0 -141px;}
table.table5 ul.rentalItemList li span.rentalItem.speaker{background-position: 0 -184px;}
table.table5 ul.rentalItemList li span.rentalItem.whiteboard{background-position: 0px -224px;}
table.table5 ul.rentalItemList li span.rentalItem.screen{background-position: 0px -304px;}
table.table5 ul.rentalItemList li span.rentalItem.fax{background-position: 0px -344px;}
table.table5 ul.rentalItemList li span.rentalItem.av{background-position: 0px -384px;}
table.table5 ul.rentalItemList li span.rentalItem.scanner{background-position: 0px -424px;}
table.table5 ul.rentalItemList li span.rentalItem.notebook{background-position: 0px -463px;}
table.table5 ul.rentalItemList li span.rentalItem.desktop{background-position: 0px -502px;}
table.table5 ul.rentalItemList li span.rentalItem.printerC{background-position: 0px -541px;}
table.table5 ul.rentalItemList li span.rentalItem.printerB{background-position: 0px -581px;}
table.table5 ul.rentalItemList li span.rentalItem.fan{background-position: 0px -624px;}
table.table5 ul.rentalItemList li span.rentalItem.aircon{background-position: 0px -663px;}
table.table5 ul.rentalItemList li span.rentalItem.airwasher{background-position: 0px -704px;}
table.table5 ul.rentalItemList li span.rentalItem span.pay{padding-left: 27px; background: url('/img/common/pay_icon.gif') no-repeat 0 1px; margin-left: 8px;}
table.table5 tr td span.couponName{width: 25%; display: inline-block; background: url('/img/common/price_icon.png') no-repeat; padding-left:35px;}

table.table6{width:100%; background:#fff; font-size: 14px;}/*테이블 타입6 EX: 이용약관, 이용안내*/
table.table6 tr th, table.table6 tr td{border:1px solid #333; padding: 12px 0; text-align:center;}
table.table6 tr th{background:#ddd; font-weight: bold;}

table.defaultChart{width:100%; font-size:13px;}
table.defaultChart th{border:1px solid #e1e1e1; padding:14px; background:#F8F8F8; font-weight:bold;}
table.defaultChart td{border:1px solid #e1e1e1; padding:14px;}

.calculator{overflow: hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px; background:#f7f7f7;}/*계산영역 테이블 EX:예약상세v1.2 계산영역*/
.calculator table{width: 100%;}
.calculator table th{height: 22px; font-size:12px; color:#666; text-align: left;}
.calculator table tr.dotted{border-top:1px dotted #999;}
.calculator table tr.additionalCost th, .calculator table tr.additionalCost td{padding: 5px 0;}
.calculator table tr.essentialItem.end th{padding-bottom: 6px;}
.calculator table tr.itemCost.first{border-top:1px dotted #999;}
.calculator table td,.calculator table td span{color:#666; font-size:12px; padding:3px 0;}
.calculator table .calculated{text-align: right;}
.calculator table .calculated span{color:#333; font-weight: bold;}


.tabArea{width: 100%; height: 60px; max-width:1000px; margin:0 auto; border-bottom:3px solid #333; padding-top: 30px;}/*탭영역*/
.tabArea h2{float:left; font-size:28px; font-weight: bold; margin-top: 0px; color: #333;}
.tabArea .tab{float:right; position: relative; top: 17px;}
.tabArea .tab ul{overflow:hidden;}
.tabArea .tab ul li{float:left;}
.tabArea .tab ul li.longVer{width: 200px;}
.tabArea .tab ul li a{min-width: 114px; display:block; padding: 11px 0; color:#fff; background:#333; text-align: center; border: 3px solid #333; border-bottom: none; margin: 0 0 0 1px; border-radius: 3px 3px 0 0;}
.tabArea .tab ul li a:hover, .tabArea .tab ul li a:active{background:#666;}
.tabArea .tab ul li.selected a{font-weight: bold; color:#333; background:#fff; cursor:text;}
.tabArea .tab.join ul li a{cursor:pointer;}
.percentage{display: inline-block; background: #e00; color: #fff; border-radius: 10px; font-size: 10px; padding: 0 4px;}
.m_spaceMenu{padding:10px 15px; border-bottom:1px solid #ddd; display:none;} /*my: 기업 회원정보 수정 페이지 임대,관리 버튼 영역*/

.tabArea .tab.join ul li a:hover, .tabArea .tab.jon ul li a:active{background:#333;} /*회원가입 페이지 탭 액션 제외처리 : 이건 버튼이 아닌 프로세스 이므로.*/
.tabArea .tab.join ul li.selected a:hover, .tabArea .tab.jon ul li.selected a:active{background:#fff;}



.forDevice{display:none;}/*태블릿,모바일일 땐 있고 PC에선 없는 것들*/
.txtovr{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/*넘치는 txt에 '...' 넣기*/
.must{color:red; margin-left: 3px;}/*반드시 입력해야 하는 별 표시*/
.disableColor{color:#999;}
.price{color:#ff7800;}
.price.minus{color:#00c67e; font-weight: bold;}
.price.minus .couponPrice{color:inherit; font-weight:inherit;}
.minusMark{width:16px; height:16px; display: inline-block; background:url('/img/common/minus_mark.png') no-repeat; vertical-align: middle; margin-right: 5px;}
.exclamation{background:url('/img/common/exclamation.png') no-repeat 0 4px; padding: 0 0 0 18px;}/*느낌표*/
.des{color: #666; font-size: 12px;}/*※표시 참고영역*/
.check{background:url('/img/common/check.png') no-repeat 0 4px; padding: 0 0 0 18px;}/*체크이미지*/
.more{background:url('/img/btn_icon/more_icon.png') no-repeat 100% 50%; padding: 0 12px 0 0;}/*더보기*/
.dc.icon{background: #ee0000 url("/img/common/dc_down.png") no-repeat 89% 4px; color: #fff; font-size: 10px; border-radius: 10px; padding: 0px 10px 0px 5px;}
.col666{color:#666;}
input.fileName{width: 180px; padding: 6px 10px 5px 10px; background: #fff;}
.fileName{background:url('/img/common/addedfile_icon.png') no-repeat 0 2px; padding-left: 22px; margin-top: 10px; display: none;}
.bold{font-weight: bold;}
.txtStrike{text-decoration: line-through;}
.no-padding-LR{padding-left:0 !important; padding-right:0 !important;} /*좌우 패딩 없애기*/
.eventMark2{width:53px; height:53px; background:url('/img/common/event_mark2.png') no-repeat; display: inline-block;}
#INIpay{position:absolute; left:-9999px;}/*이니시스 멀리 보내기*/
.bulletDot:before{content: "· ";}
.dim{position: fixed; top: 0;bottom: 0;left: 0;right: 0; display: none; z-index: 10;} /*(150115수정) 추가*/

/*text control*/
.text-14{font-size: 14px;}

/*레이어팝업 디폴트*/
#simplemodal-overlay {background-color:#000;}/*모달 팝업 배경*/
.layerPop{width:100%; max-width:978px; display:none; border: 1px solid #000; border-radius: 6px 6px 0px 0px; box-shadow: 1px 2px 2px rgba(0,0,0,.4); background: #fff; position: relative;}
.layerPop .layerTop{background:#000; color:#ccc; overflow:hidden; padding: 5px 6px; border-radius: 4px 4px 0px 0px;}
.layerPop .layerTop .title{float:left; font-size:12px; color:#999;}
.layerPop .layerTop .closeBtn{float:right; background: url('/img/common/closeBtn.png') no-repeat center; width:20px; height:20px; cursor:pointer;}
.layerPop .layerContent{width:100%;}
.layerPop .layerContent .layerCarousel{padding: 20px 15px;}/*예약의 로그인 팝업같이 안쪽에 패딩이 필요한 경우*/


/*자세한 모달팝업 설정들*/
#simplemodal-container{position:absolute !important;}
.layerPop.middle{max-width:474px;}/*중간사이즈 팝업*/
.layerPop.zoom .layerContent img, .layerPop.reservePolicy img{width:100%;}/*이미지 확대보기 팝업*/
.layerPop.comChk h2{color:#00c67e; padding: 15px 0 8px 0;}/*회원가입 약관동의 팝업*/
.layerPop.comChk h2 .userName{color:inherit;}
.layerPop.comChk .layerContent{width:inherit; text-align: center;}
.layerPop.comChk .layerContent p{padding: 0 8px;}

.layerPop .layerTab{overflow: hidden; margin-bottom:20px;}/*탭이 있는 레이어 팝업*/
.layerPop .layerTab a{display: block; float:left; padding:15px 0; width:50%; text-align: center; background:#333; color:#fff;}
.layerPop .layerTab a.selected{background:#00c67e;}

.layerPop.post .layerContent dl{padding:0 20px; margin-bottom:20px;}/*우편번호*/
.layerPop.post .layerContent dd{padding-left:18px; font-size:13px; color:#666;}

.layerPop .searchArea{margin:0 20px; margin-bottom:20px; padding: 15px 20px; border:1px solid #ddd; overflow: hidden;}/*레이어팝업 검색박스 */
.layerPop .searchArea .dongName{width: 14%; display: block; float: left; max-width: 38px; font-size:13px; margin: 7px 10px 0 0;}
.layerPop .searchArea input{width:52%; float:left;}
.layerPop .searchArea .srchBtn{width: 28%; padding: 5px 0px 5px 0px; float: left; min-width: 65px; margin-left: 2%;}

.layerPop .addressLists{border-top:1px solid #ddd; height: 150px; overflow-y: auto;}/*레이어팝업 주소목록 */
.layerPop .addressLists ul li{padding:5px 20px; background: #f7f7f7;}
.layerPop .addressLists ul li:hover{background:#fff;}
.layerPop .addressLists ul li:active{background:#fff;}
.layerPop .addressLists ul li .postNum{color:#00c67e; font-size:12px; margin-right: 14px;}

.layerPop .selectArea{margin:0 20px; padding: 15px 20px; border:1px solid #ddd; overflow: hidden; border-bottom:none;}/*레이어팝업 셀렉트박스 */
.layerPop .selectArea .selectBox{width: 48%; float:left;}
.layerPop .selectArea .selectBox:last-child{float: right;}

.layerPop .loginTop{padding: 50px 0 0 0;}/*로그인 팝업*/
.layerPop .layerContent .layerCarousel .loginTop{padding: 27px 0 0 0;}
.layerPop .layerContent .aboutLogin label{width: 21%;}
.layerPop .restOf input[type="text"], .layerPop .restOf input[type="password"], .layerPop .restOf input[type="email"], .layerPop .restOf input[type="tel"]{width:44%;}
.layerPop .layerContent .layerCarousel .btnBox.third div a{min-width: inherit;}

.layerPop.reservationContents .layerContent{padding-bottom:20px; overflow: hidden;}
.layerPop.reservationContents .layerContent h2.title{background:#333; color:#fff; cursor:pointer;}/*레이어팝업 My 예약상품*/
.layerPop.reservationContents .layerContent h2.title img{vertical-align: middle;}

.layerPop.combineId .combineIdMsg{background:url('/img/common/notice.gif') no-repeat 0px 53px; padding: 53px 40px 10px 80px; margin-left: 40px;}/*통합ID안내 팝업*/

.reservePolicyPop{width:100%; position:absolute; top:20%; left:0; text-align: center; display: none;} /*예약취소안내 레이어팝업 속의 레이어팝업*/
.reservePolicyPop img{width:100%; max-width: 470px;} 

.layerPop.coupon div.coupons{}/*쿠폰이벤트 팝업*/
.layerPop.coupon div.coupons h3{margin-bottom:30px;}
.layerPop.coupon div.coupons h3 img{width:100%;}
.layerPop.coupon div.coupons ul{overflow: hidden; padding: 0 8px 20px 8px;}
.layerPop.coupon div.coupons ul li{width: 18%; padding: 0 1%; float:left;}
.layerPop.coupon div.coupons ul li a{display: block;}
.layerPop.coupon div.coupons ul li a img{width:100%;}
.layerPop.coupon div.coupons ul li a p{font-size:13px;}
.layerPop.coupon div.coupons .couponTitle{padding: 3px 0 0 11px; display: inline-block;float: left; letter-spacing: -1px;}
.layerPop.coupon .arr{width: 10px; height: 10px; background: url("/img/common/cal_arr.png") no-repeat top right; display: inline-block; float: right; margin: 7px 2px 0 0;}
.layerPop.coupon .btnBox{padding:15px; border-top:1px solid #ddd;}

/*이벤트 레이어 팝업*/
.invisibleBgPopup{width:100%; max-width:387px; position:relative; display:none;}
.invisibleBgPopup .eventContent{width:100%; display: block;}
.invisibleBgPopup .oneDayClose{width:225px; height:26px; position:absolute; bottom:-26px; right: 2px; cursor: pointer; background: url("/img/common/event_popup_btn.png") no-repeat; display:inline-block;}
.invisibleBgPopup .oneDayClose:active{background-position: left bottom;}
.invisibleBgPopup .justClose{position: absolute; top: 2%; right: 15px; cursor: pointer;}


/*예약의뢰하기 팝업*/
.layerPop.wishReserve .wishDate{width:75%;}
.layerPop.wishReserve .calendarBtn{display: inline-block; vertical-align: top;}
.layerPop.wishReserve table.table1 tr td.title{width: 95px;}
.layerPop.wishReserve .selectBox.from, .layerPop.wishReserve .selectBox.to{width: 43%; display: inline-block;}
.layerPop.wishReserve select{letter-spacing: -1px; font-size: 12px;}
.layerPop.wishReserve .disableColor{font-size: 12px; padding: 0 0 10px 10px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{border: 1px solid #c8c8c8; border-radius: 0; border-bottom: none;}/*예약의뢰 팝업에 달력*/
#ui-datepicker-div.ui-datepicker .ui-datepicker-header, .ui-datepicker table{background: #fff;}	
#ui-datepicker-div.ui-datepicker{width: 17em !important;}
#ui-datepicker-div.ui-datepicker td{height: 26px !important;}
#ui-datepicker-div.ui-datepicker .ui-state-active{height:16px;}

/*다음맵 인포 윈도우*/
.mapInfoWindow{min-width: 188px; max-width:188px; background:#333; padding:5px 8px 0 8px; border: 1px solid #000; border-bottom: none; border-top: none; position: relative; z-index: 10;}
.mapInfoWindow:last-child{padding:5px 8px;}
.mapInfoWindow a{display: block; height: 17px;  background: url("/img/common/arr_gr_r2.png") no-repeat right 7px;}
.mapInfoWindow a img{width:19px; height:14px; margin: 3px 1px 0 1px;}
.mapInfoWindow a span{width: 71%; color:#ddd; padding-left: 3px; display: inline-block; font-size: 12px;}
.mapInfoWindow p{overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 5px;}
.mapInfoWindow:last-child p{border-bottom:none;}
.mapInfoWindow p.snippet .discounted{color:#4981ff; font-size: 10px;}
.mapInfoWindow p.snippet .prices{float:right;}
.mapInfoWindow p.snippet .strike{color:#777; text-decoration: line-through; font-size: 12px;}
.mapInfoWindow p.snippet .price{font-size: 12px; margin-left: 2px;}
img.closeBtn{position: absolute; top: -3px; right: -24px; cursor:pointer;}

/*대여물품선택 팝업*/
.layerPop.itemChoice .itemChoiceArea{padding:10px 15px;}
.layerPop.itemChoice .itemChoiceArea .payAlert {float: right; background: url('/img/common/pay_icon2.gif') no-repeat 100% 5px; padding-right: 15px;}
.layerPop.itemChoice .itemChoiceUi{}
/***************************************************************************랩***************************************************************************/
#wrap{width:100%; background: #efefef; overflow: hidden;}
/*.locTag:after{width:5px; height:21px;background: url('/img/common/mark_tail.png') no-repeat; display: block; position:absolute; top:0; right:-5px; content: "";}*/
/*.locTag{height: 20px; position:absolute; top:0; left:0; color: #fff; background: #007eff; font-size: 12px; padding: 0 7px; box-shadow: 0px 1px 1px rgba(0,0,0,.4); z-index: 10;line-height: 170%;}*/ /*지역 마크*/
.locTag{display: block; position: absolute; top: 5px; left: 7px; color: #fff; font-size: 14px; background: rgba(0,0,0,.5); line-height: 130%; padding: 1px 8px; border-radius: 50px; z-index: 10;}
.systemTag{display: inline-block; color: #fff; font-size: 12px; background: #bbb; line-height: 130%; padding: 1px 3px; border-radius: 10px;}
.premium{width:80px; height:80px; background: url('/img/common/premium.png') no-repeat; display: block; position:absolute; top:0; left:0px; z-index: 10;}
.location{display: block; position:absolute; bottom:43px; left:7px; color:#fff; font-size:12px; background: rgba(0,0,0,.5); line-height: 100%; padding:2px 5px 2px 5px; border-radius: 50px; z-index: 10;}
.badge{width:36px; height:36px; display: block; position:absolute; bottom:3px; right:7px;}
.badge.sp{background: url('/img/common/sp_badge.png') no-repeat; background-size:100%;}
.badge + .badge{right:40px;}

/*************************************************************************헤더 및 네비**************************************************************************/
header{width:100%; /*overflow: hidden;*/ border-bottom:1px solid rgba(0,0,0,0.6); position:fixed; top:0; left:0; background: #fff; z-index: 200; box-shadow: 0px 1px 0px rgba(0,0,0,.2);}/*CSS개편_이재범_2015.03.18*/
header #headerSection{max-width: 1000px; margin: 0 auto;}
header #biArea{float:left; padding:13px 0 0 0;}/*CSS개편_이재범_2015.03.18*/
header #biArea *{float:left;}
header #biArea h1{padding:15px 0 0 17px; font-size:17px; font-weight: bold;}
header .snsBtnArea{float: left; position: relative; top: 14px; left: 15px;} /*SNS버튼 영역 140708*/
header .snsBtnArea ul li{display: inline-block;}
header .snsBtnArea ul li a{width:29px; height:29px; display: inline-block; background: url('/img/common/btn_sns.png') no-repeat;}
header .snsBtnArea ul li.fb a{} /*얘가 기본임*/
header .snsBtnArea ul li.nv a{background-position: 0px -69px;}
header a.applyBtn{display: block; float: right; font-size: 13px; background: url('/img/common/rental_apply.gif') no-repeat; padding: 3px 0 5px 27px; margin: 18px 20px 0 0;}
header a.goCmsBtn{display: block; float: right; font-size: 13px; background: url('/img/common/go_cms.gif') no-repeat; padding: 3px 0 5px 27px; margin: 18px 20px 0 0;}
header .searchBtn{display: block; border: none; float: right; font-size: 13px; background: url('/img/btn_icon/search.gif') no-repeat 0 2px; padding: 3px 0 5px 27px; margin: 18px 20px 0 0; cursor:pointer;}
header nav{float: right; font-size: 13px; position: relative;}/*네비게이션*/
header nav .reverseAutionBtn{position: absolute; top: 22px; left: -94px; display: block; background: url('/img/btn_icon/sandglass.png') no-repeat; padding-left: 18px; font-weight: bold;}/*역경매 버튼*/

header nav ul#nav li{width:74px; float: left; text-align: center;}
header nav ul#nav li a{display: block; padding: 22px 0;}
header nav ul#nav li a:hover{background: #efefef;}
header nav ul#nav li:last-child{border-right:none;}
header nav ul#nav li.menuLi{position:relative;}
header nav ul#nav li.menuLi a.selected{background:#333; color:#efefef;}

header nav #nav ul.myList{display:none; width: 226px; overflow: hidden; clear: both; position: absolute; top: 64px; left:-151px;}
header nav #nav li ul.myList li{width: 224px; background:#333; border:1px solid #000;color: #888; border-bottom:none; float:none; text-align: left;}
header nav #nav li ul.myList li:hover{color:#efefef;}
header nav #nav li ul.myList li a{padding:15px 10px; background: url('/img/btn_icon/arr_gr_r.png') no-repeat 95% center; display:block;}
header nav #nav li ul.myList li:last-child{border-bottom:1px solid #000;color: #888;}
header nav #nav li ul.myList li .eventMark{margin-right:2px;}



header nav #m_nav{display: none;}
header nav #m_nav ul{display: none;}

div.mainSearchArea{float: right; position:relative; top:17px; right: 15px; overflow: hidden; border-bottom: 1px solid #ddd;}/*메인검색영역*/
div.mainSearchArea input{width: 165px; padding: 6px 35px 6px 8px; background: #fff;}
div.mainSearchArea button.search{width:30px; height:30px; border: 1px solid #cbcbcb; background:#f7f7f7 url("/img/btn_icon/search_icon.png") no-repeat center; position: absolute; top: 0; right: 0; background-size: 15px; cursor:pointer; border-radius:0 2px 2px 0;}
/**************************************************************************푸터 영역**************************************************************************/
footer{clear:both;border-top:1px solid #333;padding:10px 0 20px 0;overflow:hidden;background:#fff}
footer .footerContents{width:100%;max-width:1000px;font-size:11px;margin:0 auto;position:relative;letter-spacing:-0.3px}
footer .companyName{float:left;display:block;color:#777;font-weight:bold;margin-right:15px}
footer .basicInfo{overflow:hidden;margin-bottom:5px}
footer .basicInfo li{float:left;color:#333;padding-right:7px;margin-right:5px;background:url('/img/common/bar1.gif') no-repeat center right; white-space:nowrap;}
footer .basicInfo li a{display:block;color:#777;font-weight:bold}footer .basicInfo li:last-child{border-right:none;margin-right:0;background:none}
footer .basicInfo li:last-child a{background:none}
footer .basicInfo2{}footer .basicInfo2 li{display:inline-block; margin-right:10px; line-height:160%; color:#777; white-space:nowrap;}
footer .address, footer .regNum{display:block;float:left}
footer .address{margin-right:14px}
footer .copyRight{display:block;clear:both;padding-top:2px}
footer .nspaceBi{width:17%;float:right;text-align:right}
footer .nspaceBi a img{width:100%;max-width:99px;min-width:85px}
footer .detailPage{margin-top:0}
footer .footerBi{float:right;}

footer.asp{width:100%; clear: both; max-width: 1000px; margin: 0 auto; border-top:3px solid #333; padding: 10px 0 20px 0; overflow: hidden;}
footer.asp .footerContents{width:83%; float:left; font-size:12px;}
footer.asp .companyName{float:left; display: block; color:#333; font-weight: bold; margin-right: 15px;}
footer.asp .basicInfo{overflow: hidden; margin-bottom: 10px;}
footer.asp .basicInfo li{float: left; color:#333;  background: url('/img/common/footer_icon.png') no-repeat; margin-right: 0; }
footer.asp .basicInfo li a{display: block; background: url('/img/common/bar1.gif') no-repeat right; padding-right: 15px;}
footer.asp .basicInfo li.phone{background-position:0 3px; padding-left:14px;}
footer.asp .basicInfo li.phone a{color: #333; cursor: default;}
footer.asp .basicInfo li.email{background-position:0 -27px; padding-left:17px;}
footer.asp .basicInfo li.policy{background:none;}
footer.asp .basicInfo li:last-child{border-right:none; margin-right:0;}
footer.asp .basicInfo li:last-child a{background: none;}
footer.asp .address, footer .regNum{display: block; float: left;}
footer.asp .address {margin-right: 14px;}
footer.asp .copyRight{display: block; clear: both; padding-top: 2px;}
footer.asp .nspaceBi{width:17%;float:right; text-align: right;}
footer.asp .nspaceBi a img{width: 100%; max-width: 99px; min-width: 85px;}
footer.asp .detailPage{margin-top:0;}

/**************************************************************************글로벌 버튼들**************************************************************************/
.btnBox{overflow: hidden;}
.btnBox.half a{}

.btnBox.third div{width:32%; float:left; padding: 10px 0; margin-right: 2%;}/*버튼 새개짜리 부턴 div로 감싸줘야함*/
.btnBox.third div:last-child{margin-right:0;}

.btnBox.third.twoLeftoneRight div{max-width: 169px; float:left;}
.btnBox.third.twoLeftoneRight div:last-child{float:right;}

.btnBox.third.twoLeftoneRight div{max-width: 169px; float:left;}
.btnBox.third.twoLeftoneRight div:last-child{float:right;}

.btnBox.third.oneLeftTwoRight div{max-width: 169px; float:right;}
.btnBox.third.oneLeftTwoRight div:first-child{float:left;}
.btnBox.third.oneLeftTwoRight div:last-child{margin-right:2%;}

.btnBox.third.arranged{padding:10px; background:#fff;}
.btnBox.third.arranged div{width: 30%; max-width: 176px;}

.btnBox.quater div{width:25%; float:left; padding: 10px 0;}
.btnBox.quater div a{float:none; margin:0 2%;}
.btnBox.quater div:first-child a{margin:0 2% 0 0;}
.btnBox.quater div:first-child a{margin:0 2% 0 0;}
.btnBox.quater div:last-child a{margin:0 0 0 2%;}

.btnBox.quater.twoLestTwoRight div{width: inherit; margin:0 1% 0 0;}
.btnBox.quater.twoLestTwoRight div:nth-last-child(2), .btnBox.quater.twoLestTwoRight div:last-child{float:right; margin:0 0 0 1%;}
.btnBox.quater.twoLestTwoRight div a{float:left; margin:0;}

.btnBox.okCancelBox{padding: 10px;}
.btnBox.join{padding: 10px 0;}
.basicBtn{padding: 22px 0; background-color:#00c67e; display: block; color:#fff; text-align: center;}/*버튼 기본 초기화*/
.basicBtn2{min-width: 169px; padding: 6px 0; background:#f8f8f8; display: block; text-align: center; border:1px solid #cbcbcb; border-bottom: 1px solid #aaa; box-shadow: inset 0px -1px 0px rgba(0,0,0,.1);border-radius: 3px; }


.basicBtn2:hover, .basicBtn2:active{background:#fff; color:#999;}
.basicBtn2.cancelBtn{float:left;} /*basicBtn2 스타일링*/
.basicBtn2.okBtn{float:right;}
.basicBtn2.nextBtn{float:right;}
.basicBtn2.white{background:#fff;}
.basicBtn2.black{background:#333; border:1px solid #0f0f0f; color:#fff;}
.basicBtn2.black:hover, .basicBtn2.black:active{background:#666; color:#fff;}
.basicBtn2.resisterBtn{float:right;}

.basicBtn2 .eventMark2{position: absolute; left: 0; top: -1px; background-size: 32px;}
.basicBtn2.addBtn{min-width: 58px; height:30px; background: url('/img/btn_icon/plus.png') no-repeat 4px 7px; display: inline-block; color: #666; text-indent: 10px;}

.basicBtn2.icon{width:200px;}/*버튼에 아이콘이 있는 경우*/
.basicBtn2.icon span{display: inline-block; padding: 3px 0 3px 24px; font-size: 12px; color: inherit;}
.basicBtn2.icon.fbJoin span{background: url('/img/btn_icon/fb_icon.png') no-repeat 0 2px;}

.basicBtn2.arrow{width: 100%; padding: 11px 0; text-align: left; text-indent: 10px;} /*Arrow있는 버튼*/
.basicBtn2.arrow.right{background: url('/img/btn_icon/more_icon.png') no-repeat 97% 49%;}

/*셀렉트형식의 버튼 EX : 메인페이지; 141226추가*/
.select-button{background-color: rgba(30, 183, 167, .6); display: inline-block; position: relative; margin-left: 10px; border-radius: 11px; box-shadow: rgba(0,0,0,.4) 0px 1px 1px;}
.select-button:first-child{margin-left: 0;}
.select-button.large{min-width:140px;}
.select-button .filter-selected{min-width: 110px; color: #fff; font-size: 16px; padding: 15px 5px 11px 15px; text-align: left; cursor: pointer;} /*(150115수정)*/
.select-button .filter-selected.text-14{font-size: 14px;}
.select-button .icon-arrow-yellow{width: 9px; height: 11px; display: inline-block; background: url('/img/btn_icon/yellow-arrow.png') no-repeat; position: absolute; right: 15px; top: 50%; margin-top: -5px; pointer-events: none}
.select-button .selectableList{min-width: 130px; position: absolute; top: 0; left: 0; background: #1eb7a7; z-index: 100; border-radius: 11px; padding-top: 6px; display: none; text-align: left;  /*(150115수정)*/
  box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
  -webkit-box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
  -ms-box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
  -moz-box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
  -o-box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
}  
.select-button .selectableList li{cursor: pointer; padding: 2px 0 2px 10px;}
.select-button .selectableList li.last{border-bottom: 1px solid #19a395;}
.select-button .selectableList li.listBtnArea{background: #006258; border-radius: 0px 0px 11px 11px; padding-left: 0;}
.select-button .selectableList li.listBtnArea .listBtn{width: 100%; text-align: center; color: #8ffff3; display: block; padding: 15px 0; } /*가격전체 확인 버튼*/

/*셀렉트형식의 버튼2 EX : 검색결과페이지; 141226추가*/
.select-button2{min-width: 66px; border-radius: 6px; float:left; background:#555; color:#fff; font-size:15px; cursor:pointer; position: relative;} /*150115수정*/
.select-button2 p.selected{min-width: 146px; padding-right: 10px; font-size: 12px; padding: 5px 31px 6px 10px;  border: 1px solid #333;}
.select-button2 ul.list{width: 100%; display: none; position: absolute; top: 0; left: -1px; background: #555;border: 1px solid #000; border-radius: 3px; z-index: 10;}
.select-button2 ul.list li{padding: 8px 10px; font-size: 13px; color: #fff; border-top: 1px solid #444}
.select-button2 ul.list li:hover{background:#444; color:#fff;}
.select-button2 ul.list li:first-child{border-top: none;}
.select-button2 .upDownIcon{width:8px; height:5px; background: url('/img/btn_icon/up_down2.png?141227') no-repeat right top; display: inline-block;position: absolute; right: 10px; top: 14px;  pointer-events: none;}
.select-button2.opend{border-bottom: none; border-radius: 3px 3px 0px 0px; box-shadow: none;}
.select-button2.opend .upDownIcon{background-position: top left;}
.select-button2.opend ul.list{border-radius: 3px;}

.reservationBtn img{width: 16px; margin-right: 3px;}
.modifyBtn{float:right;}

.helpBtn{background:#ccc; padding: 22px 0; text-align: center; color:#fff;}

span.dcBtn{min-width:inherit; padding: 6px 10px; margin: 0 auto; cursor: pointer; display: inline-block;}

button.topBtn{width:44px; height:44px; position:fixed; bottom:25px; right:0px; display: block; background: url('/img/btn_icon/to_top.png') no-repeat; padding:0; border:0; outline:none; z-index: 10;}
button.topBtn:hover{}

.calendarBtn{width: 42px; height: 32px; display: block; padding: 6px; border: 1px solid #ddd; background: url('/img/btn_icon/calendar.png') no-repeat 50%; box-shadow: 0px 1px 1px rgba(0,0,0,0.4);}

.callBtn{display:none; width:22px; height:21px; background: url('/img/common/telephone.png') no-repeat; background-size: 22px;} /* 140709 모바일 전화하기 버튼*/

.removeBtn{width:14px; height:14px; background: url('/img/btn_icon/close_btn3.png') no-repeat 3px 3px;} /* x 모양 버튼 140722 */


/**************************************************************************메인 영역**************************************************************************/
#container{width:100%; clear: both; position:relative; padding-top: 63px; z-index: 10; padding-bottom:0 !important;}


/*메인페이지 필터링 셀렉트 영역 141226 추가*/
.mainpage #searchFilterArea{text-align: center;} /*(150115수정)*/
.mainpage #searchFilterArea .radioBoxArea.yellow-radio{padding-top: 8px;}
.mainpage .select-button .selectableList.region{min-width: 310px; padding: 6px 10px; top: -340%; left: -70%;}/*지역 셀렉트*/
.mainpage .select-button .selectableList.region > li{width: 33.3%; display: block; float: left; padding: 0;} 
.mainpage .select-button .selectableList.space{top: -200%;}/*공간 셀렉트*/
.mainpage .select-button .selectableList.priceSelection{top: -162%;}/*가격 셀렉트*/ /*(150115수정)*/
.mainpage .select-button .selectableList.people{top: -130%;}/*인원 셀렉트*/

/*메인페이지 바로가기(아이콘) 영역 141226 추가*/
.mainpage .go-to-icon-container{padding: 40px 0 30px 0; background: #fff;} /*(150115수정)*/
.mainpage .go-to-icon-area{width: 904px; margin:0 auto;}
.mainpage .go-to-icon-area ul{overflow: hidden;}
.mainpage .go-to-icon-area ul li{width: 16.6%; display: block; float: left; text-align: center;}
.mainpage .go-to-icon-area ul li a span{display: block; color:#666; margin-top: 6px; font-size: 13px;} /*(150115수정) 추가*/

/*메인페이지 공간찾을때 등록할 때 영역 141226 추가*/
.mainpage .find-and-register{margin-bottom: 60px;}
.mainpage .find-and-register ul{overflow: hidden;}
.mainpage .find-and-register ul li{width: 50%; display: block; float: left; text-align: center; background: #239dd6; color: #9adeff;font-size:26px; padding-top:50px; height:250px;}
.mainpage .find-and-register ul li:first-child{background: #6acfff; color: #00618f;}
.mainpage .find-and-register ul li a{font-size:13px; padding:12px 20px; border-radius:25px; position:relative; top:20px; }

/*메인페이지 추천공간 영역 141226 추가*/
.mainpage .recommend-space{width: 989px; margin:0 auto; padding-bottom: 60px;}
.mainpage .recommend-space ul{overflow: hidden;}
.mainpage .recommend-space ul li{width: 25%; display: block; float: left; text-align: center;}
.mainpage .recommend-space ul li a{width: 207px; display: inline-block;}
.mainpage .recommend-space ul li a .def{border: 1px solid #bdbdbd; border-top:none; padding: 10px 8px; text-align: left; background: #fff;}
.mainpage .recommend-space ul li a .def dt h6{font-weight: bold; font-size: 14px; display: inline;}
.mainpage .recommend-space ul li a .def dt .category{font-size: 12px; color: #666}
.mainpage .recommend-space ul li a .def dd{font-size: 13px; color: #666}

#TopNotice{width:100%; background: #333; color:#fff; font-size: 12px; position:fixed; top:64px; z-index: 100; border-bottom: 1px solid #efefef;} /*20150414_이재범_top수치 1px 낮게 수정*/
#TopNotice *{color:inherit;}


#TopNotice #topSection{max-width:1000px; margin: 0 auto; padding: 0 5px;}
#TopNotice #topSection .left-side{float: left;}
#TopNotice #topSection .left-side .serach-condition-txt{background: url('/img/btn_icon/square_arrow.png') no-repeat 0px 14px; padding: 10px 10px 10px 22px; font-size: 16px;}
#TopNotice #topSection .right-side{}

#TopNotice #topSection .right-side .select-button2{top: 5px; left: 1px; margin-right:3px;}
.select-button2.opend .list.regionList{width: 246px;}/*검색결과 지역선택 셀렉트*/
.select-button2.region{margin-right: 5px;}
.select-button2.opend .list.regionList > li{min-width: 81px; display: block; float: left; padding: 0; border-bottom: none;}
.select-button2 .list.regionList > li:hover{background:inherit;}
.select-button2.opend .list.regionList .list-inner{border-right: 1px solid #000;}
.select-button2.opend .list.regionList li:last-child .list-inner{border-right: none;}
.select-button2.opend .list.regionList .list-inner li{padding: 7px 16px; min-height: 19px;}

#TopNotice #topSection div.citySelect{background: url('/img/common/next2.png') no-repeat right top;padding: 12px 30px 12px 0; display: inline-block; cursor:pointer; position: relative;}
#TopNotice #topSection div.citySelect .selectedCity{font-size: 15px; background: url('/img/btn_icon/select_icon.png') no-repeat right; padding: 0 25px 0 0; text-align: right; color:#efefef;}
#TopNotice #topSection div.citySelect.province1 .selectedCity{margin-left:40px;}
#TopNotice #topSection div.citySelect.province1 ul.cities{width: 120px;}
#TopNotice #topSection div.citySelect.province1 ul.cities li{float:none; min-width:inherit;}
#TopNotice #topSection div.citySelect.province2 ul.cities{left: -15px;}
#TopNotice #topSection div.citySelect ul.cities{display: none; width:399px; position: absolute; top: 50px; left: 10px; border: 1px solid #000; z-index: 100; background: #4d4d4d; color: #efefef;}
#TopNotice #topSection div.citySelect ul.cities li{padding: 6px 12px; min-width: 109px; float: left;}
#TopNotice #topSection div.citySelect ul.cities li:hover, #TopNotice #topSection div.province1 ul.cities li:active, #TopNotice #topSection div.province1 ul.cities li:hover, #TopNotice #topSection div.province1 ul.cities li.selected{background:#000;}
#TopNotice #topSection div.province1 div.loc{/*background: url('/img/common/local.png') no-repeat;*/ padding: 2px 0;}
#TopNotice #topSection div.citySelect.province2{margin-left: 0;}
#TopNotice #topSection div.citySelect.province2 .selectedCity{padding: 2px 25px 2px 20px;}

/*상세검색 영역*/
 #TopNotice #detailSearchArea{padding: 15px 0;}
 #TopNotice #detailSearchArea #detailSearchAreaInner{} 
 #detailSearchArea .detail-search-select-area{width: 720px; float: left; padding-bottom: 10px;}
 #detailSearchArea .detail-search-select-area .detail-search-box{width: 230px;}
 #detailSearchArea .detail-search-select-area .detail-search-box.radio-area{width: 102px;}
 #detailSearchArea .detail-search-keyword-area{width: 270px; float: right; position: relative;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-box{font-size: 0; letter-spacing: 0; margin-top: 0px; margin-left: 16px; float: left;} /*상세검색 각 층을 구분하는 요소*/
 #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-box:first-child{margin-top: 0; margin-left: 0;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-keyword-area .detail-search-box.serach-in-result{margin-left: 0;}/*결과내검색*/
 #TopNotice #detailSearchArea #detailSearchAreaInner .select-button2{width: 49%; display: inline-block; float: none;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .select-button2:first-child{ margin-right: 2%;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list > li{margin-bottom: 15px; margin-right:12px;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .radioBoxArea3{display: inline-block; float: none;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .radioBoxArea3 + label{font-size: 12px; vertical-align: top; margin: 0 0 0 2px; display: inline-block;}
 #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-box .searchBoxArea{width: 100%; margin-top: 1px;} /*상세검색 검색인풋 영역*/
 #TopNotice #detailSearchArea #detailSearchAreaInner #mainDetailSearchInput-mobile{width: 100%; height: 30px; color: #efefef; background: #4d4d4d; border: none; padding: 7px 35px 7px 7px; border-radius: 3px;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  }
  #TopNotice #detailSearchArea #detailSearchAreaInner #detailSearchCloseBtn-mobile{background: url('/img/btn_icon/arr_gr_u_2.png') no-repeat right; padding: 10px 17px 10px 10px; font-size: 13px; float: right; position: absolute; right: 0; top: -2px;}

#TopNotice #detailSearchArea .priceOptionList{margin-top: 38px;}
#TopNotice #detailSearchArea .pricePriceList{margin-top: 38px;}
/*지역상세검색부분
* 지역 셀렉트는 구조가 다른 셀렉트보다 깊어서 추가 css가 필요함
*/
#TopNotice #detailSearchArea .detail-search-list.regionList > li{float: left; margin-bottom: 0;} 
#TopNotice #detailSearchArea .detail-search-list.regionList > li:hover{color: inherit;}
#TopNotice #detailSearchArea .detail-search-list.regionList .list-inner li:hover{color: #22e5d1;}

/*20150305_이재범_화이트데이이벤트*/
.whitedayEvt{padding: 190px 0 30px 0; background: url(/img/event/meta_whiteday.jpg) no-repeat 50% 0; background-color: #333; /* background-size: 400%; */}
.whiteItems{width:100%; max-width:1000px; margin: 0 auto; clear: both; padding-top : 0px}
.whiteItems ul{overflow: hidden;}
.whiteItems ul li.item{width:324px; float: left; position:relative; margin: 0 0 14px 14px;}
.whiteItems ul li.item:nth-child(3n+1){margin-left:0;}
.whiteItems ul li.item>a{display: block; border: 1px solid #d9d9d9; border-bottom: 1px solid #979797; border-radius: 2px; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s;}
.whiteItems ul li.item>a div.itemImg{position:relative;}
.whiteItems ul li.item>a div.itemImg span{position: absolute; bottom: 5px; right: 5px; background-color: rgba(233,36,139,0.7); width: 46px; line-height: 14px; font-size: 12px; padding: 5px; border-radius: 10px; text-align: center; color: #ffea00;}
.whiteItems ul li.item>a img{width:100%; vertical-align: top;}
.whiteItems ul li.item>a:hover{border-color:#000;}
.whiteItems ul li.item .callBtn{display:none;}
.whiteItems ul li.item .desArea{height: 34px; background:#f7f7f7; border-top:1px solid #aaa; overflow: hidden; padding:1px 8px;}
.whiteItems ul li.item .desArea ul.aboutPrice{float:right;}
.whiteItems ul li.item .desArea ul.aboutPrice li{text-align:right; line-height: 100%;}
.whiteItems ul li.item .desArea ul.aboutPrice span.percentage{padding: 0px 4px;}
.whiteItems ul li.item .desArea ul.aboutPrice span.txtStrike{display:inline-block; color:#a4a4a4; font-size:12px;}
.whiteItems ul li.item .desArea .description{width:100%; float:left; font-size:13px; color:#333;}
.whiteItems ul li.item .desArea .price{font-weight: bold; font-size: 13px; letter-spacing: -1px;}
.whiteItems ul li.item .description{margin-top:8px;}
.whiteItems ul li.item.original ul.aboutPrice{margin-top:9px;}
.whiteItems ul li.item .badge.sp{bottom:41px;}

.eventWhiteday ol{background:#1eb7a7; padding:15px; text-align:center; border-top:1px solid #5be8d9;}
.eventWhiteday ol li{display:inline; color:#fff; padding-right:70px;}
.eventWhiteday ol li span{background:#008f80; border-radius:20px; color:#fff; padding:5px 5px 6px 8px; font-size:12px; margin-right:8px;}


/*****************************************************************20150305_이재범_화이트데이이벤트페이지*******************************************************************/
.eventPage{background: url(/img/event/meta_whiteday.jpg)no-repeat 50% 48px;}
.eventWhiteday{margin-top: 65px; background: #fff;}
.eventWhiteday ul{margin:0 10px;}
.eventWhiteday ul li{clear:both; border-bottom:1px solid #ddd; padding:15px 0;}
.eventWhiteday ul li .listThumbnail{float:left; margin-right:15px; position:relative;}
.eventWhiteday ul li .listThumbnail span{position: absolute; bottom: 5px; right: 5px; background-color: rgba(233,36,139,0.7); width: 46px; line-height: 14px; font-size: 12px; padding: 5px; border-radius: 10px; text-align: center; color: #ffea00;}
.eventWhiteday ul li .listThumbnail img{width:245px; height:138px;}
.eventWhiteday ul li dt{margin-bottom:7px;}
.eventWhiteday ul li dt a{font-size:18px; font-weight:bold;}
.eventWhiteday ul li dt img{padding-top:4px;}
.eventWhiteday ul li .detailExplain{margin-bottom:7px; line-height:19px; height:74px; overflow:hidden;}
.eventWhiteday ul li dl dd span{color: #e9248b; font-size: 12px; font-weight: bold;}

.eventWhiteday .vis{width:100%; max-width: 1000px; height: 300px; text-align:center;}
.eventWhiteday .evt1{background: url('/img/common/visual_01.jpg') no-repeat;}
.eventWhiteday .evt2{background: url('/img/common/visual_02.jpg') no-repeat;}
.eventWhiteday .vis h2{font-size: 40px; color: #32dfcd; padding: 100px 10px 15px 10px; letter-spacing: -1px; line-height:49px;}
.eventWhiteday .vis p{width:100%; max-width: 490px; color: #fff; font-size: 13px; margin: 0 auto;}
.eventWhiteday ul li dt span{font-size:14px; font-weight:bold; color:#ff7800; float:right; padding-top:4px;}


/*20150331_이재범_추천기간한정이벤트*/
.periodEvt{padding: 190px 0 30px 0; background: url(/img/event/meta_period.jpg) no-repeat 50% 0; background-color: #333; /* background-size: 400%; */}
.periodItems{width:100%; max-width:1000px; margin: 0 auto; clear: both; padding-top : 0px}
.periodItems ul{overflow: hidden;}
.periodItems ul li{width: 50%; float: left;}


/*상세검색 검색창*/
#TopNotice #topSection #detailSearchArea .searchBoxArea{padding: 0 0 7px 0;}
#TopNotice #detailSearchArea #mainDetailSearchInput{width: 100%; height: 30px; color: #efefef; background: #555; border: none; padding: 7px 35px 7px 7px; border-radius: 3px;
-webkit-box-sizing : border-box;??
-moz-box-sizing : border-box;
box-sizing : border-box;
}
#TopNotice #detailSearchArea #mainDetailSearchInput a.srchBtn{min-width: 19px; height: 19px; background: url('/img/btn_icon/search_icon5.png') no-repeat center; display: inline-block; position: absolute; top: 50%; right: 7px; margin-top: -9px;}
#TopNotice #detailSearchArea #detailSearchCloseBtn{background: url('/img/btn_icon/arr_gr_u_2.png') no-repeat right; padding: 10px 17px 10px 10px; font-size: 13px; margin: 4px 0 0 5px;}
#TopNotice #detailSearchArea .search-bg{width: 334px; height: 173px; display: block; background: url('/img/common/search_bg.gif') no-repeat; margin-top: 65px;}
#TopNotice #detailSearchArea .search-in-result-area{display: block; position: relative; top: 5px; float: right;}
#TopNotice #detailSearchArea .search-in-result-area .checkBoxArea2{float: left;}
#TopNotice #detailSearchArea .search-in-result-area .checkBoxArea2 input{cursor: pointer;} /*150115수정*/
#TopNotice #detailSearchArea .search-in-result-area label{float: left; color: #ccc; font-size: 14px; margin: 1px 0 0 5px; cursor: pointer;}

#container.asp #TopNotice{width:100%; height:35px; background: #333; color:#999; font-size: 12px;}
#container.asp #TopNotice *{color:inherit;}
#container.asp #TopNotice #topSection{max-width:1000px; margin: 0 auto; overflow: hidden;}
#container.asp #TopNotice .notice{background: url('/img/common/megaphone.png') no-repeat 0 2px; padding:0 0 0 18px; margin: 9px 0 0 15px; float: left; font-size: 12px;}
#container.asp #TopNotice #locationSel{width:192px; float: right; font-size:13px; position: relative; z-index: 10;}/*지역 셀렉트박스*/
#container.asp #TopNotice #locationSel ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000;}
#container.asp #TopNotice #locationSel ul li:first-child{border-top:none;}
#container.asp #TopNotice #locationSel ul li:last-child{border-bottom:none;}
#container.asp #TopNotice #locationSel ul li a{display: block; padding:10px 0 10px 10px; cursor: pointer;}
#container.asp #TopNotice #locationSel ul li a:hover{color:#fff;}
#container.asp #TopNotice #locationSel .now{background: #000 url('/img/common/loc_icon.png') no-repeat 9px 7px; padding:8px 0 8px 28px; font-size: 12px;}
#container.asp #TopNotice #locationSel .now a{display: block; position: relative;}
#container.asp #TopNotice #locationSel .now a .arr{position:absolute; top:6px; right:15px; display: block;}




#TopNotice #topSection .searchBoxArea{float:right; padding: 6px 0 7px 7px; position: relative;}
#TopNotice #topSection .searchBoxArea #mainSearchInput{width: 143px; color: #efefef; background:#555; border:none; padding: 7px 35px 7px 7px; border-radius: 3px;} /*150115수정*/
#TopNotice #topSection .searchBoxArea a.srchBtn{min-width: 19px; height: 19px; background: url('/img/btn_icon/search_icon5.png') no-repeat center; display: inline-block; position: absolute; top: 50%; right: 7px; margin-top: -9px;} /*일반검색 돋보기*/
#TopNotice #topSection .detail-search-keyword-area .searchBoxArea a.srchBtn{margin-top: -12px;} /*상세검색 돋보기*/

/*#TopNotice #detailSearchBtn{background: url('/img/btn_icon/arr_gr_d_2.png') no-repeat right; padding: 10px 17px 10px 10px; font-size: 13px; margin: 4px 0 0 5px;}*//*상세검색버튼*/
#TopNotice .initialBtn{background:#555; padding:6px 7px 6px 7px; border-radius:3px; float: right; margin:6px 0 0 6px;}  
#TopNotice #detailSearchBtn{display:none; float:right;}

#TopNotice #topSection select.m_select, #TopNotice #tsssssssssssssssssssssssssopSection select.m_categorySelect{display:none;}

#TopNotice ul.province li{width:5.8%; float: left; text-align: center; padding-bottom: 7px;}
#TopNotice ul.province li.selected{background: url('/img/common/arr_bl_u.png') no-repeat 50% 36px;}
#TopNotice ul.province li.selected a span{color:#007eff;}
#TopNotice ul.province li a{display: block;}
#TopNotice ul.province li a span{display:block; color:#fff;}
#TopNotice ul.province li a:hover span{color:#007eff;}
 
#container  #contents ul.district{overflow: hidden; background:#007eff; padding:8px 10px;}
#container  #contents ul.district li{width:8.3%; float:left;}
#container  #contents ul.district li.selected a{background:#063d76; border-radius: 3px; color:#00e08f;}
#container  #contents ul.district li a{display: inline-block; color:#fff; font-size:12px; padding: 0 5px;}
#container  #contents ul.district li a:hover{background:#063d76; border-radius: 3px; color:#00e08f;}
#container  #contents ul.district li a span{color: inherit;}

#container .selectBox2.provinceSelect{display:none;}
#container .selectBox2.districtSelect{display:none;}

#TopNotice .notice, #TopNotice ul.province li {padding:0 0 0 18px; margin: 9px 0 0 15px; float: left; font-size: 12px;}
#TopNotice #locationSel{width:192px; float: right; font-size:13px; position: relative; z-index: 10;}/*지역 셀렉트박스*/
#TopNotice #locationSel ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000;}
#TopNotice #locationSel ul li:first-child{border-top:none;}
#TopNotice #locationSel ul li:last-child{border-bottom:none;}
#TopNotice #locationSel ul li a{display: block; padding:10px 0 10px 10px;}
#TopNotice #locationSel ul li a:hover{color:#fff;}
#TopNotice #locationSel .now{background: #000 url('/img/common/loc_icon.png') no-repeat 9px 10px; padding:8px 0 8px 28px; font-size: 12px;}
#TopNotice #locationSel .now a{display: block; position: relative;}
#TopNotice #locationSel .now a .arr{position:absolute; top:6px; right:15px; display: block;}

/*메인 본문 공간 아이템 영역*/ 
#container #contents{width:100%; max-width:1000px; margin: 0 auto; padding-bottom: 50px; background:#fff;} /*메인 대표 상품 이미지 영역*//*20150506_이재범_background:#fff삭제*/
#container #contents.mainpage{margin-top: 58px;}
#container #contents.mainpage.overFrame{max-width: 100%; margin-top: 0; position:relative; }
#container #contents.mainpage, #container #contents.detail, #container #contents.reservation{padding-bottom: 0; background: none;}/*일반적이지 않은 컨텐츠 에어리어 주로 주요페이지들 하단이 그러함*/
#container #contents.mainpage .fadeBg{max-height: 679px; position:absolute; top:0; left:0; right:0; overflow: hidden;}
#container #contents.mainpage .fadeBg img{width: 100%;}
#container #contents.mainpage .fadeBg .dotBg{max-height: 850px; overflow: hidden;display:block; position:absolute; top:0; bottom:0; width:100%;background: url('/img/common/dot_bg.png') repeat;}
#container #contents.mainpage .fadeBg div{position:absolute; bottom:20px; right:20px; }/*20150304_이재범_공유서울아이콘*/
#container #contents.mainpage .searchArea{width:580px; padding: 10% 0 15px 0; position: relative; z-index: 10; margin:0 auto;}
#container #contents.mainpage .searchArea.topPaddding{padding-top: 5%;}
#container #contents.mainpage .searchArea h1{text-align: center; margin-bottom: 70px;}
#container #contents.mainpage .searchArea h1 img{width:493px;}

#container #contents.mainpage span.logoArea{display: block; max-width: 1000px; margin: 0 auto; position: relative;}
#container #contents.mainpage span.logoArea .shareLogo{position: absolute; top: 22px; right: 0; z-index: 10;}

#container #contents.mainpage ul.linkIconArea{width: 537px; margin: 0 auto; margin-bottom:30px; overflow: hidden; padding: 1px 0 2px 0;}
#container #contents.mainpage ul.linkIconArea li{display: block; width: 60px; overflow: hidden; float:left; margin:0 0 0 34px; position:relative}
#container #contents.mainpage ul.linkIconArea li.m_on{top:2px !important;}
#container #contents.mainpage ul.linkIconArea li:first-child{margin:0;}
#container #contents.mainpage ul.linkIconArea li:hover{top:-1px;}
#container #contents.mainpage ul.linkIconArea li:active{top:2px;}
#container #contents.mainpage ul.linkIconArea li a.icon{background: url('/img/btn_icon/main_btn_icon.png?140625_2') no-repeat; display: block; height: 82px;}
#container #contents.mainpage ul.linkIconArea li a.event{background-position:0 0;}
#container #contents.mainpage ul.linkIconArea li a.study{background-position:0 20%;}
#container #contents.mainpage ul.linkIconArea li a.meeting{background-position:0 40%;}
#container #contents.mainpage ul.linkIconArea li a.practice{background-position:0 60%;}
#container #contents.mainpage ul.linkIconArea li a.party{background-position:0 80%;}
#container #contents.mainpage ul.linkIconArea li a.etc{background-position:0 100%;}


#container #contents.mainpage .searchBar{width: 488px; margin: 0 auto; padding: 6px; border-radius: 10px; position: relative; top:15px; clear: both;}
#container #contents.mainpage .searchBar input[type='text']{width: 392px; padding: 22px 16px; border-radius: 10px 0px 0px 10px; border: none; outline: none; font-size: 24px; font-weight: bold; line-height: 90%; background:#fff;  box-shadow: rgba(0,0,0,.4) 0px 1px 1px; -webkit-box-shadow: rgba(0,0,0,.4) 0px 1px 1px; -webkit-appearance: none;} /*150115수정*/
#container #contents.mainpage .searchBar input#keyword::-webkit-input-placeholder{font-size:24px; line-height: 130%;}
#container #contents.mainpage .searchBar input#keyword::-ms-input-placeholder{font-size:24px; line-height: 130%;}
#container #contents.mainpage .searchBar input#keyword::-moz-input-placeholder{font-size:24px; line-height: 130%;}
#container #contents.mainpage .searchBar a.srhBtn{width:65px; height:60px; position:absolute; right: 5px; top: 6px; border-radius: 0px 10px 10px 0px; box-shadow: rgba(0,0,0,.4) 0px 1px 1px;
background-repeat: no-repeat;
background-position: center;
/*background: #32e0ce;*/ /* Old browsers */
/*버튼 그라데이션*/
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyZTBjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMmI3YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: url('/img/btn_icon/search_icon4.png'), -moz-linear-gradient(top,  #32e0ce 0%, #22b7a8 100%); /* FF3.6+ */
background-image: url('/img/btn_icon/search_icon4.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#32e0ce), color-stop(100%,#22b7a8)); /* Chrome,Safari4+ */
background-image: url('/img/btn_icon/search_icon4.png'), -webkit-linear-gradient(top,  #32e0ce 0%,#22b7a8 100%); /* Chrome10+,Safari5.1+ */
background-image: url('/img/btn_icon/search_icon4.png'), -o-linear-gradient(top,  #32e0ce 0%,#22b7a8 100%); /* Opera 11.10+ */
background-image: url('/img/btn_icon/search_icon4.png'), -ms-linear-gradient(top,  #32e0ce 0%,#22b7a8 100%); /* IE10+ */
background-image: url('/img/btn_icon/search_icon4.png'), linear-gradient(to bottom,  #32e0ce 0%,#22b7a8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32e0ce'
, endColorstr='#22b7a8',GradientType=0 ); /* IE6-8 */

}
#container #contents.mainpage .searchBar div.searchCategory{width: 105px; cursor:pointer; position: absolute; top: 7px; left: 21px; background: #fff; padding: 10px 0 10px 4px;}
#container #contents.mainpage .searchBar div.searchCategory p{color:#1eb7a7; font-size:16px; position: relative; z-index: 10;}
#container #contents.mainpage .searchBar div.searchCategory p.on{color: #7cf4e7;}
#container #contents.mainpage .searchBar div.searchCategory .upDownIcon{width: 10px; height: 8px; background: url('/img/btn_icon/up_down2.png') no-repeat left top; display: inline-block; position: absolute; right: 10px; top: 17px; z-index:100;}
#container #contents.mainpage .searchBar div.searchCategory .upDownIcon.selected{background-position: right;}
#container #contents.mainpage .searchBar div.searchCategory ul{display: none; width: 140%; position: absolute; top: -15px; left: -22px; padding: 23px 0; background: #1eb7a7; border-radius: 15px; box-shadow: 1px 2px 5px rgba(0,0,0,0.3);}
#container #contents.mainpage .searchBar div.searchCategory ul li{background:#1eb7a7; color:#fff; padding: 2% 10px 2% 20px; font-size: 16px;}
#container #contents.mainpage .searchBar div.searchCategory ul li:first-child{margin-top:35px;}
#container #contents.mainpage .searchBar div.searchCategory ul li:hover{background:#69e8da; color:#009999;}
#container #contents.mainpage ul.recommendKeyword{width: 580px; position: relative; overflow: hidden; margin:0 auto; padding:45px 0 0;text-align:center;}
#container #contents.mainpage ul.recommendKeyword li{color:#fff; margin: 0 1px 8px 1px; display: inline-block;}
#container #contents.mainpage ul.recommendKeyword li a{display: block; background:rgba(51,51,51,.5); padding:0 4px; border-radius: 5px; line-height: 130%; font-size: 20px;}
#container #contents.mainpage ul.recommendKeyword li a:hover, #container #contents.mainpage ul.recommendKeyword li a:active{background:rgba(51,51,51,.9);}


#contents .mainItemArea{height: 318px; background: #fff; overflow: hidden; box-shadow: 0px 2px 2px rgba(0,0,0,.3);}
#contents .mainItemArea#map{width:672px; float: left; margin-right: 1px;}
#contents .mainItemArea .imgArea{max-width:702px; /*float: left; flexslider때문에 주석처리*/position: relative;}
#container.asp #contents .mainItemArea .imgArea{/*margin-right: 20px;*/}
#contents .mainItemArea .imgArea ul li img{width:100%;}

#contents .mainItemArea .desArea{width:100%; max-width:260px; height: 100%; float: left; position:relative;} /*메인 대표 상품 설명 영역*/
#contents .mainItemArea .desArea h2{margin-bottom: 5px; padding-top: 32px; font-size: 20px;}
#contents .mainItemArea .desArea .description{min-height: 190px; max-height: 190px; color: #555; text-overflow: clip; white-space: inherit;}

#contents .eventSection{width: 327px; height: 100%; float: left; position:relative;} /*메인 오른쪽 이벤트영역*/
#contents .eventSection a{display: block;}
#contents .eventSection img.eventZoneImg{width:100%;}
#contents .eventSection.forMobile{display: none; text-align: center; margin-bottom:10px;}
#contents .eventSection.forMobile .eventZoneImg{width:100%;}
#contents .eventSection ul.recommendedPlace{border-top: 1px solid #ccc; background: #fff; overflow: hidden;}
#contents .eventSection ul.recommendedPlace li{width:50%; float: left; border-bottom: 1px solid #ccc;}
#contents .eventSection ul.recommendedPlace li a{display: block; border-right: 1px solid #ccc; text-align: center; padding: 15px 0;}


#contents div.specialZoneArea{clear: both; overflow: hidden; box-shadow: 0px 2px 2px rgba(0,0,0,.3);}
#contents div.specialZoneArea div.flexslider{border: 4px solid #333; margin: 0; background:#333;}
#contents div.specialZoneArea div.flexslider ul li{position: relative; margin-right:5px;}
#contents div.specialZoneArea div.flexslider ul li a{display: block; border:1px solid #000;}
#contents div.specialZoneArea div.flexslider ul li a .desArea{width: 100%; height: 38px; position:absolute; bottom:0; background:rgba(0,0,0,.5);}
#contents div.specialZoneArea div.flexslider ul li a .desArea h3.description{width: 55%; color:#fff; float: left; font-size: 12px; margin: 11px 0 0 4px;}
#contents div.specialZoneArea div.flexslider ul li a .desArea span.price{float: right; font-size: 12px;}
#contents div.specialZoneArea div.flexslider ul li a .desArea ul{float:right; padding:0 8px 0 0;}
#contents div.specialZoneArea div.flexslider ul li a .desArea ul li{text-align: right;}
#contents div.specialZoneArea div.flexslider ul li.original ul.aboutPrice{margin-top: 10px;}
#contents div.specialZoneArea div.flexslider ul li a .desArea ul.aboutPrice span.percentage{display: inline-block; background: #135cff; color: #fff; font-size: 10px; border-radius: 10px; padding: 0px 4px;}
#contents div.specialZoneArea div.flexslider ul li a .desArea ul.aboutPrice span.txtStrike{display: inline-block; color: #a4a4a4; font-size: 12px;}
#contents div.specialZoneArea div.flexslider ul li a .badge.sp{bottom:40px;}
#contents div.specialZoneArea div.flexslider ul li .locTag{top: 1px; left:1px;}
#contents div.specialZoneArea ol.flex-control-nav{display: none;}
#contents div.specialZoneArea .flex-direction-nav{position:relative; top:-70px;}
#contents div.specialZoneArea .flex-direction-nav a{border: none !important;}
#contents div.specialZoneArea .flexslider:hover .flex-prev{left: 0px;}
#contents div.specialZoneArea .flexslider:hover .flex-next{right: 0px;}
#contents .mainItemArea .premiumInfo{width: 100%; background: rgba(0,0,0,.5); height: 80px; float: left; position: absolute; right: 1px; bottom: 0; max-height: 80px; z-index: 10;}
#contents .mainItemArea .premiumInfo p.price{float: right; font-size: 16px; margin: 5px 15px 0 0;}
#contents .mainItemArea .premiumInfo h2{clear: both; color:#fff; padding: 0 0 0 10px; position: relative; top: -4px;}

.desArea .rentPossible {overflow: hidden;}
.desArea .rentPossible li{width:23px; height:23px; background: url('/img/common/rentItems.png') no-repeat; float:left; padding:0 5px; }/*대여물품*/
.desArea .rentPossible li.wifi{background-position: 0px 0px;}
.desArea .rentPossible li.mike{background-position: 0px -263px;}
.desArea .rentPossible li.tv{background-position: 0px -104px;}
.desArea .rentPossible li.lan{background-position: 0px -35px;}
.desArea .rentPossible li.desktop{background-position: 0px -502px;}

.desArea .rentPossible li.monitor{background-position: 0px -144px;}
.desArea .rentPossible li.whiteboard{background-position: 0px -224px;}
.desArea .rentPossible li.av{background-position: 0px -384px;}
.desArea .rentPossible li.fax{background-position: 0px -344px;}
.desArea .rentPossible li.speaker{background-position: 0px -184px;}

.desArea .rentPossible li.scanner{background-position: 0px -424px;}
.desArea .rentPossible li.notebook{background-position: 0px -463px;}
.desArea .rentPossible li.printerC{background-position: 0px -541px;}
.desArea .rentPossible li.printerB{background-position: 0px -581px;}
.desArea .rentPossible li.fan{background-position: 0px -624px;}

.desArea .rentPossible li.aircon{background-position: 0px -663px;}
.desArea .rentPossible li.airwasher{background-position: 0px -704px;}
.desArea .rentPossible li.projector{background-position: 0px -65px;}
.desArea .rentPossible li.screen{background-position: 0px -304px;}



/*검색 결과*/
#container #contents.mainpage{position: relative;}
.searchResult{padding: 6px 0 10px 0; clear: both;}
.searchResult h3 span{color:#666; font-size: 22px;}
.searchResult h3 .keyword{color:#333; font-size: 13px; font-weight: bold;}
.searchResult .schResultTit {padding: 2px 0 4px 10px; border-radius: 2px; border: 1px solid #e2e2e2;background-color:#f7f7f7;} /* 20141212_이재범_검색결과 타이틀바 */
.sideBanner{position: fixed; z-index: 10; left: 82%; top: 156px; display: block;}
.sideBanner1{top: 331px;}

.m_eventBannerArea{padding:0 5px;}
.m_eventBanner{width:49%; display:none; text-align: center; border-radius: 5px; float:left;}
.m_eventBanner:first-child{margin-right: 2%;}
.m_eventBanner img{width:100%;}

.sortByDistSection{float: right; clear: both;} /*거리순 정렬 체크박스*/
.sortByDistSection .checkBoxArea{display: inline-block; padding-top: 0; vertical-align: middle;}

/*검색결과 화면에 우측 최근본 상품*/
.recentlyView{top: -17px; width: 130px; height: 17px; color: rgb(230, 230, 230); overflow: hidden; padding-left: 3px; font-size: 11px; position: relative; text-overflow: ellipsis; background-color: rgba(0, 0, 0, 0.4);}

/*검색 결과 없음*/
div.noResultArea{width:100%; background: url('/img/common/ss_mark.png') no-repeat center; padding: 80px 0;}
div.noResultArea h3{text-align: center; padding-top:237px; font-size: 20px; font-weight: bold; margin-bottom: 10px;}

/*메인 다른 상품들*/
.otherItems{width:100%; max-width:1000px; margin: 0 auto; clear: both; padding-top : 0px}
.otherItems ul{overflow: hidden;}
.otherItems ul li.item{width:324px; float: left; position:relative; margin: 0 0 14px 14px;}
.otherItems ul li.item:nth-child(3n+1){margin-left:0;}
.otherItems ul li.item>a{display: block; border: 1px solid #d9d9d9; border-bottom: 1px solid #979797; border-radius: 2px; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s;}
.otherItems ul li.item>a div.itemImg{position:relative;}
.otherItems ul li.item>a img{width:100%; vertical-align: top;}
.otherItems ul li.item>a:hover{border-color:#000;}
.otherItems ul li.item .callBtn{display:none;}
.otherItems ul li.item .desArea{height: 34px; background:#f7f7f7; border-top:1px solid #aaa; overflow: hidden; padding:1px 8px;}
.otherItems ul li.item .desArea ul.aboutPrice{float:right;}
.otherItems ul li.item .desArea ul.aboutPrice li{text-align:right; line-height: 100%;}
.otherItems ul li.item .desArea ul.aboutPrice span.percentage{padding: 0px 4px;}
.otherItems ul li.item .desArea ul.aboutPrice span.txtStrike{display:inline-block; color:#a4a4a4; font-size:12px;}
.otherItems ul li.item .desArea .description{width:60%; float:left; font-size:13px; color:#333;}
.otherItems ul li.item .desArea .price{font-weight: bold; font-size: 13px; letter-spacing: -1px;}
.otherItems ul li.item .description{margin-top:8px;}
.otherItems ul li.item.original ul.aboutPrice{margin-top:9px;}
.otherItems ul li.item .badge.sp{bottom:41px;}


#container.asp .otherItems{width:100%; max-width:1000px; margin: 0 auto;}
#container.asp .otherItems ul{overflow: hidden;}
#container.asp .otherItems ul li.item{width:49.5%; float: left; position:relative; margin-bottom:14px; margin-left: 0;}
#container.asp .otherItems ul li.item:nth-child(even){float:right; margin-left: 0;}
#container.asp .otherItems ul li.item>a{display: block; border: 1px solid #aaa;}
#container.asp .otherItems ul li.item>a img{width:100%; vertical-align: top;}
#container.asp .otherItems ul li.item .desArea{background:#fff; border-top:1px solid #aaa; overflow: hidden; padding:3px 7px;}
#container.asp .otherItems ul li.item .desArea .description{width:70%; float:left; font-size:13px; color:#333;}
#container.asp .otherItems ul li.item .desArea .price{float:right;}

.otherItems ul li.item>a .priceInfoArea{opacity: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; overflow: hidden; z-index: 10; 
-webkit-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
transition-duration: 0.2s;

} /*마우스 호버 시에 리스트에 나오는 가격 정보 영역*/
.otherItems ul li.item.showInfo>a .priceInfoArea{opacity:1;}

.otherItems ul li.item>a .priceInfoArea .priceInfoTitle{padding: 10px 0 0 12px; color: #fff; font-size: 12px;}
.otherItems ul li.item>a .priceInfoArea .priceInfoTitle:first-child{padding-top: 18px;}
.otherItems ul li.item>a .priceInfoArea dl{padding: 4px 10px 0px 22px; font-size: 12px; color: #fff; text-align:right;}
.otherItems ul li.item>a .priceInfoArea dl dt{width: 45%; color: inherit; display: inline-block;}
.otherItems ul li.item>a .priceInfoArea dl dd{min-width: 45%; color: inherit; display: inline-block; text-align:right;}
.otherItems ul li.item>a .priceInfoArea dl dd .price.basicPrice{color:#ff7800;}
.otherItems ul li.item>a .priceInfoArea dl dd .price.basicPrice *{color:inherit;}
.otherItems ul li.item>a .priceInfoArea dl dd .price.additionalPrice{color:#fff;}
.otherItems ul li.item>a .priceInfoArea dl dd .price.additionalPrice *{color:inherit;}

/*****************************************************************20150225_이재범_검색 결과*******************************************************************/
.resultSection .list_version2{width:730px; float:left; background:#fff; min-height:450px;}/*20150324_이재범_검색결과 2단 레이아웃으로 수정*//*20150414_이재범_리스트배경흰색으로수정*/
.resultSection .list_version2 li{clear:both; border-bottom:1px solid #ddd; padding:15px;}
.resultSection .list_version2 li .listThumbnail{float:left; margin-right:15px; position:relative;}
.resultSection .list_version2 li .listThumbnail span{color:#fff; position:absolute; font-size:11px; background:rgba(0, 0, 0, 0.3); padding:1px 4px;}
.resultSection .list_version2 li .listThumbnail img{width:254px; height:145px;}/*20150324_이재범_검색결과 2단 레이아웃으로 수정*/
.resultSection .list_version2 li .listThumbnail .premiumLabel{background:url('/img/common/ico_premiumlabel.png')no-repeat; width:51px; height:51px; right:0; position:absolute;}

.resultSection .list_version2 li dt{margin-bottom:7px;}
.resultSection .list_version2 li dt a{font-size:18px; font-weight:bold;}
.resultSection .list_version2 li dt img{padding-top:4px;}
.resultSection .list_version2 li dt span{font-size:14px; font-weight:bold; color:#ff7800; float:right; padding-top:4px;}
.resultSection .list_version2 li dt span .view{font-style:normal; color:#fff; border-radius:12px; padding:1px 7px 2px; margin-left:5px; font-size:12px; background:#333;}
.resultSection .list_version2 li dt span .hide{font-style:normal; color:#fff; border-radius:12px; padding:1px 7px 2px; margin-left:5px; font-size:12px; background:#bbb;}

/*20160418_이재범_프리미엄라벨,바로결제라벨 툴팁*/
.resultSection .list_version2 li dt .labelArea{display:inline-block; position:relative;}
a.tooltip_link {position:relative!important;}
.tooltip {display:none; position:absolute!important; width:120px; background:rgba(0,0,0,0.5); padding:5px; margin:0 0 6px 0; color:#fff; z-index:100; bottom:100%; text-align:center; font-size:11px; right:-31px;}
.tooltip:after {content:""; position:absolute!important; bottom:-8px; z-index:100; border:0 solid rgba(0,0,0,0.5); border-bottom:8px solid transparent; width:100%;}
.tooltip:before {content:""; position:absolute!important; border:0 solid rgba(0,0,0,0.5); bottom:-8px; z-index:100;}
.tooltip.center {border-radius:3px;}
.tooltip.center:after {border-left-width:6px; width:50%; left:50%;}
.tooltip.center:before {border-right-width:6px; border-bottom:8px solid transparent; width:50%; right:50%;}
/*20160418_이재범_프리미엄라벨,바로결제라벨 툴팁*/
.resultSection .list_version2 li .detailExplain{margin-bottom:7px; line-height:19px; height:55px; overflow:hidden;}
.resultSection .list_version2 li .detailExplain a{word-break:break-all;}
.resultSection .list_version2 li .tagSmall a{padding:1px 4px; border-radius:3px; font-size:13px; background-color:#bbbbbb; margin:1px; display:inline-block;}
.resultSection .list_version2 li .tagSmall a span{color:#fff; display:inline-block;}
/*프리미엄라벨 완료 */

.resultSection .mapGuide{z-index:10; position:absolute; margin:7px; background:url(/img/common/map_info.png) no-repeat; width:96px; height:137px;}/*20151210_이재범_지도아이콘안내이미지 반응형으로*/



.pfWish{margin-top:15px;}/*20150506_이재범_프로필의등록공간(공간리스트)*/

/**************************************************************************상세 영역**************************************************************************/
#container #TopTitle{width: 100%; max-width:1000px; margin:0 auto; height: 55px; background: #333; color: #fff;}
#container #TopTitle.detail{padding:3px 0; overflow: hidden;}
#container #TopTitle.detail h2{padding-left:15px; font-weight:bold;}
#container #TopTitle .shareFb{width:32px; height:29px; background: url('/img/common/share_btn.png') no-repeat; float: right; margin-right: 12px;}
#container #TopTitle .shareFb:hover{background-position:0 -69px;}
#container #TopTitle #shareFacebook{float: right; margin-right:15px; cursor:pointer;}
#container #TopTitle h2{max-width: 90%; /*margin: 0 auto;*/ overflow: hidden; color: #fff;}
.tag_small a{padding:1px 2px; border-radius:3px; border:1px solid #333; color:#333; font-size:13px; background-color:#3a827b;} /*20150210/이재범/타이틀 밑 테그 */
.tag_small a span{white-space:nowrap;} /*20150210/이재범/타이틀 밑 테그의 텍스트 */

#contents .mainItemArea.detail{height: 465px; box-shadow: none; cursor:inherit;}
#contents .mainItemArea.detail .imgArea{margin: 0px;}/*이미지 오른쪽 디스크립션 영역*/
#contents .mainItemArea.detail .imgArea .badge.sp{bottom: 73px; right: 13px; z-index: 10;}
.flex-viewport{right: 0; cursor:pointer;}/*CSS개편_이재범_2015.03.18*/
#contents .mainItemArea.detail .desArea{max-width: 298px; width: 100%;}
#contents .mainItemArea.detail .zoomBtn{position: absolute; left: 10px; z-index: 10; top:350px;}
#contents .mainItemArea.detail p.companyInfo{padding: 15px 0 0 15px; min-height: 25px;}
#contents .mainItemArea.detail p.companyInfo span{font-weight: bold;}
#contents .mainItemArea.detail p.companyInfo img{float: right; margin-right: 15px;}
ol.flex-control-thumbs{background: url('/img/common/thum_dummy.png') repeat-x; position: relative;} /*CSS개편_이재범_2015.03.18*/
#contents .mainItemArea.detail .basicInfo{width: 95%; overflow: hidden; padding: 4px 0 10px 15px; border-bottom: 1px solid #ddd;}
#contents .mainItemArea.detail .basicInfo li{color:#333;  background: url('/img/common/footer_icon.png') no-repeat; margin-right: 15px; margin-bottom: 6px; padding-left: 20px;}
#contents .mainItemArea.detail .basicInfo li a{display: block;}
#contents .mainItemArea.detail .basicInfo li.phone{background-position: 2px 4px;}
#contents .mainItemArea.detail .basicInfo li.phone a{color: #333; cursor:text;}
#contents .mainItemArea.detail .basicInfo li.email{background-position: 2px -26px;}
#contents .mainItemArea.detail .basicInfo li.address{height:42px; background-position:1px -58px; margin-bottom:0;}
#contents .mainItemArea.detail .basicInfo li.people{background-position:1px -125px;}

.map + .btnBox{padding-top:1px;}

#contents .mainItemArea.detail section.aboutPrice{display:table; width: 100%; height: 69px; padding: 12px 0;}
#contents .mainItemArea.detail section.aboutPrice dl{display: table-row;}
#contents .mainItemArea.detail section.aboutPrice dl dt{width:38%;  font-size:12px; text-indent: 15px;}
#contents .mainItemArea.detail section.aboutPrice dl dd{width:62%;}
#contents .mainItemArea.detail section.aboutPrice dl dt, #contents .mainItemArea.detail section.aboutPrice dl dd{display:table-cell; vertical-align: middle;}
#contents .mainItemArea.detail section.aboutPrice .percentage{font-size: 14px; padding: 0 6px; margin-right: 5px;}


#contents .mainItemArea .desArea .price{font-size: 18px; font-weight: bold; /*width: 100%; position:absolute; bottom:0; padding: 12px 0; border-top:1px solid #ddd; text-align: right;*/}

#descriptionArea #description ul, #descriptionArea #description ol{list-style: inherit;} /*텍스트 에디터 내용 관련 css*/
#descriptionArea #description ul, #descriptionArea #description strong{font-weight: bold;}
#descriptionArea #description ul, #descriptionArea #description table{border-collapse: collapse; border-spacing: inherit;}
#descriptionArea #description ul, #descriptionArea #description table th, #descriptionArea #description ul, #descriptionArea #description table td{border:1px solid #333;}



#descriptionArea{overflow: hidden; background: #fff; clear: both;}
#descriptionArea #description{width: 662px; height:100%; min-height:396px; background:#fff; padding:27px 20px 27px 20px;  float: left; border-right: 1px solid #ddd;} /*상세 설명 영역*/
#descriptionArea #description h2{font-weight: bold; line-height: 120%; margin-bottom:10px;}
#descriptionArea #description div.seoulPublicArea img.seoulPublic{width:80%; display: block; margin:0 auto;}
#descriptionArea #description div.seoulPublicArea ol{border: 1px solid #ddd; padding: 40px 20px 40px 21%;}
#descriptionArea #description div.seoulPublicArea ol li{list-style: none; margin-bottom: 12px;}
#descriptionArea #description div.seoulPublicArea ol li:last-child{margin-bottom: 0;}
#descriptionArea #rentalArea{float:right; max-width: 297px; width: 100%;}/*상세 대여 물품 영역*/
#descriptionArea #rentalArea ul{overflow: hidden;}
#descriptionArea #rentalArea ul li{background: #fff url('/img/common/rentItems.png') no-repeat 19px -744px; border-bottom: 1px solid #ddd; padding: 8px 0 8px 50px; font-size: 12px;}
#descriptionArea #rentalArea ul li span.pay{background: url('/img/common/pay_icon.gif') no-repeat 0 1px; padding-left: 28px;}

#descriptionArea #rentalArea ul li.wifi{background-position: 19px 10px;}
#descriptionArea #rentalArea ul li.mike{background-position: 19px -255px;}
#descriptionArea #rentalArea ul li.tv{background-position: 19px -95px;}
#descriptionArea #rentalArea ul li.lan{background-position: 19px -26px;}
#descriptionArea #rentalArea ul li.desktop{background-position: 19px -495px;}

#descriptionArea #rentalArea ul li.monitor{background-position: 19px -135px;}
#descriptionArea #rentalArea ul li.whiteboard{background-position: 19px -217px;}
#descriptionArea #rentalArea ul li.av{background-position: 19px -376px;}
#descriptionArea #rentalArea ul li.fax{background-position: 19px -335px;}
#descriptionArea #rentalArea ul li.speaker{background-position: 19px -176px;}

#descriptionArea #rentalArea ul li.scanner{background-position: 19px -417px;}
#descriptionArea #rentalArea ul li.notebook{background-position: 19px -456px;}
#descriptionArea #rentalArea ul li.printerC{background-position: 19px -535px;}
#descriptionArea #rentalArea ul li.printerB{background-position: 19px -576px;}
#descriptionArea #rentalArea ul li.fan{background-position: 19px -619px;}

#descriptionArea #rentalArea ul li.aircon{background-position: 19px -657px;}
#descriptionArea #rentalArea ul li.airwasher{background-position: 19px -700px;}
#descriptionArea #rentalArea ul li.projector{background-position: 19px -56px;}
#descriptionArea #rentalArea ul li.screen{background-position: 19px -295px;}
#descriptionArea #rentalArea ul li.snack{background-position: 19px -744px;}




/**************************************************************************예약 영역**************************************************************************/
.wishstar{background:url("/img/common/wish.png") no-repeat top; width:38px;margin-right:10px; margin-bottom:-18px; float:right; position:relative; top:-25px; font-size:11px; color:#999; letter-spacing:-1px; padding-top:25px; text-align:center;}  
.wishstar_on{background:url("/img/common/wish_on.png") no-repeat top; width:38px;margin-right:10px; margin-bottom:-18px; float:right; position:relative; top:-25px; font-size:11px; color:#999; letter-spacing:-1px; padding-top:25px; text-align:center;}

.sharearrow{background:url("/img/common/share.png") no-repeat top; width:38px;margin-right:5px; margin-bottom:-18px; float:right; position:relative; top:-25px; font-size:11px; color:#999; letter-spacing:-1px; padding-top:25px; text-align:center;} /*20150210/이재범/공유하기버튼 */
.sharearrow_on{background:url("/img/common/share_on.png") no-repeat top; width:38px;margin-right:5px; margin-bottom:-18px; float:right; position:relative; top:-25px; font-size:11px; color:#999; letter-spacing:-1px; padding-top:25px; text-align:center;} /*20150210/이재범/공유하기버튼 */     

/*20150226_이재범_공유하기 팝업*/
.sharePop ul{height:130px; margin-top:30px; margin-left:11%;}
.sharePop ul li{float:left; text-align:center; width:29%;}
.sharePop ul li img{width:70%}
.sharePop ul li span{display:block; padding-top:6px;}


#container #TopTitle.reservation{height: 100%;}
#container #TopTitle.reservation h2 img{vertical-align: middle;}
#container .subscriber{padding:10px 0; overflow: hidden;}
#container .subscriber ul{overflow: hidden; float: left; padding:10px 0;}
#container .subscriber ul li{float: left;}
#container .subscriber p{float:left; color: #666; font-size: 12px; padding:11px 0 10px 20px;}

#reservationContents{max-height: 754px; overflow: hidden; position: relative;}
#reservationContents.manyMenu{max-height: 900px;}
#reservationContents .reserSection{width:50%; height: 100%; float:left;}

.ui-datepicker{width: 100% !important; padding:0 !important;}
.ui-datepicker td{width:65px; max-height: 54px; height: 54px; /*position:relative;*/}
.ui-datepicker td.ui-datepicker-other-month{height: 44px;}
.ui-datepicker .reservationInfo p.dayoff{color:#ed5353;}
.ui-datepicker .reservationInfo{text-align: center;}
.ui-datepicker .reservationInfo .disable{color:#bbb;}
.ui-datepicker .ui-state-active{height: 34px;}
.ui-datepicker .ui-state-active + div.reservationInfo{position: absolute;bottom: 5px;width: 100%;}


#reservationContents .reserSection p.periodTxt, #reservationContents .reserSection .selectBox{display: inline-block;}
#reservationContents .reserSection p.periodTxt{width:35%;}
#reservationContents .reserSection .selectBox{width:63%;}
#reservationContents .reserSection h3{background:#333; color:#fff; font-size: 14px; padding: 5px 0 5px 17px; border-right: 1px solid #ddd;}
#reservationContents .reserSection h4,#reservationContents .reserSection div.insteadOfH4{font-size:13px; margin-bottom: 7px;}
#reservationContents .reserSection h4,#reservationContents .reserSection div.insteadOfH4{border-bottom: 1px solid #ddd; padding-bottom: 6px;}
#reservationContents .reserSection .time h4, #reservationContents .reserSection div.insteadOfH4{position: relative;}
#reservationContents .reserSection .time h4 .allCheck, #reservationContents .reserSection div.insteadOfH4 .allCheck{margin-left:32px; color: #666; font-size: 12px;}


#reservationContents .reserSection .reserInner{padding:20px 15px; border-right:1px solid #ddd; overflow:hidden; background: #fff;}/*CSS개편_이재범_2015.03.23*/
#reservationContents .reserSection .reserInner article{margin-top:20px; overflow: hidden;}
#reservationContents .reserSection .reserInner article.periodArea{border:1px solid #c8c8c8; border-radius:2px; background:#efefef; padding:12px;}
#reservationContents .reserSection .reserInner article.otherRequest{height:132px}
#reservationContents .reserSection .reserInner article.time .checkBoxArea{position: absolute; left: 66px; top: 0px; padding-top: 0;}
#reservationContents .reserSection .reserInner article.time span.must{padding-bottom: 8px; display: inline-block;}
#reservationContents .reserSection .reserInner article.useCoupon div.chkCoupon{float:left;}
#reservationContents .reserSection .reserInner article.useCoupon div.chkCoupon .checkBoxArea{float:left;}
#reservationContents .reserSection .reserInner article.useCoupon div.chkCoupon label{margin-left: 8px; line-height: 32px; float:left; cursor:pointer;}
#reservationContents .reserSection .reserInner article.useCoupon .price.minus{float:right; margin-top: 3px;}
#reservationContents .reserSection .reserInner article:first-child{margin-top:0;}

#reservationContents .reserSection .reserInner .time ul li{width:25%; float:left;}
#reservationContents .reserSection .reserInner .time ul li.soldOut{width: 100%; margin-bottom: 10px; color: #666;}
#reservationContents .reserSection .reserInner .time ul li a{border:1px solid #cbcbcb; border-radius: 2px; display: block; font-size: 12px; text-align: center; padding: 9px 0; margin: 3px; box-shadow: 0px 1px 1px rgba(0,0,0,.3); position:relative;}
#reservationContents .reserSection .reserInner .time ul li a span.dc.icon{position: absolute; top: -4px; right: -4px;}
#reservationContents .reserSection .reserInner .time ul li.checked a{background:#333; color:#fff; box-shadow: inset 0px 1px 3px rgba(0,0,0,.4);}
#reservationContents .reserSection .reserInner .time ul li.disable{color:#ccc;}
#reservationContents .reserSection .reserInner .time ul li.disable a{cursor: default;}
#reservationContents .reserSection .reserInner .time.allday ul li.checked a{cursor: default;}

#reservationContents .reserSection .reserInner .name input{width:95%;}

#reservationContents .reserSection .reserInner .persons input{width:40px; text-align: center;}
#reservationContents .reserSection .reserInner article .numberOfPeople{color:#666; margin-left: 9px; font-size:13px;}

#reservationContents .reserSection .reserInner .otherRequest textarea{min-height:80px;}

#reservationContents .reserSection .reserInner .rentalTime ul{margin-left: 20px;}
#reservationContents .reserSection .reserInner .rentalTime ul li{border-bottom:1px solid #efefef; padding:5px 0;}
#reservationContents .reserSection .reserInner .rentalTime ul li:first-child{padding-top:0;}
#reservationContents .reserSection .reserInner .rentalTime ul li .price{float:right;}

#reservationContents .reserSection .reserInner .addtion p{border-bottom:1px solid #efefef; padding:0px 0 5px 0; margin-left: 20px;}
#reservationContents .reserSection .reserInner .addtion p .price{float:right;}

#reservationContents .reserSection .price{font-size: 14px;}

/*.myform {max-width: 145px; text-align: center; position:absolute;top:3px;left:3px; border: 1px solid #cbcbcb; margin-right: 3px;}*//*대여물품 선택 플러스 마이너스 박스*/
.myform {width:95%; text-align: center; position:absolute;top:3px;left:3px; border: 1px solid #cbcbcb; margin-right: 3px;}/*대여물품 선택 플러스 마이너스 박스*/
.myform *{float:left; height:100%; height: 42px; padding:0;}
.qty {width: 30%;text-align: center; border:none; color:#fff;background:#333; border-radius: 0;}
.qtyplus { width:35%;background: #fff url('/img/btn_icon/plus_icon.gif') no-repeat center; border:none; cursor: pointer;}
.qtyminus { width:35%;background: #fff url('/img/btn_icon/minus_icon.gif') no-repeat center; border:none; cursor: pointer;}

div.reserveBtnBox{width: 50%; position: absolute; bottom: 0; right: 0;}

.additionalInputInner .rentalArea {padding:15px 0; border-top:1px solid #ddd; margin-top:10px;}/*CSS개편_이재범_2015.03.23*/
.rentalArea .payAlert{float:right; background: url('/img/common/pay_icon2.gif') no-repeat 100% 5px; padding-right: 15px;}/*CSS개편_이재범_2015.03.23*/
.rentalArea ul{list-style: none; overflow: hidden; clear: both;}
.rentalArea ul li{width: 25%; float:left; position:relative;}
.rentalArea ul li>span{border: 1px solid #cbcbcb; border-radius: 2px; display: block; font-size: 12px; text-align: center; padding: 9px 0; margin: 3px; cursor: pointer; box-shadow: 0px 1px 1px rgba(0,0,0,.3);}
.rentalArea ul li>span.selected{background:#efefef;}
.rentalArea ul li>span{padding: 6px 0; line-height: 15px;} /*가격 하단에 추가 되서 2줄로 변경됨 140801*/
.rentalArea ul li.pay>span{background: url('/img/common/pay_icon2.gif') no-repeat 97% 3px;} /*가격 하단에 추가 되서 2줄로 변경됨 140801*/
.rentalArea ul li.pay>span.selected{background:#efefef url('/img/common/pay_icon2.gif') no-repeat 97% 3px;}
.rentalArea ul li>span em.price{display: block; font-size: 12px !important; color: inherit; font-style: normal;}
.rentalArea ul li.disable{color:#ccc;}
.rentalArea ul li.disable span{cursor: default; color:inherit}


#reservationContents .reserSection.reserInfoArea h3{border-right:none;}
#reservationContents .reserSection.reserInfoArea .reserInner{padding-bottom:200px; border-right:none;}
#reservationContents .reserSection.reserInfoArea .reserInner article{padding:0px;}
#reservationContents .reserSection.reserInfoArea .reserInner article:first-child{padding-top:0 !important;}
#reservationContents .reserSection.reserInfoArea .reserInner article.total{width: 33.4%; padding:0; margin:0; background:#f8f8f8; position: absolute; bottom: -1px; right: 0; border-top: 1px solid #cdcdcd;}

#reservationContents .reserSection .reserInner .rentalTotal table{width: 93%; margin-left:20px; font-size: 12px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr td {border-bottom:1px solid #efefef;padding: 5px 0;}
#reservationContents .reserSection .reserInner .rentalTotal table tr:last-child td{border-bottom:none;}
#reservationContents .reserSection .reserInner .rentalTotal table tr td.icon{min-width: 24px; background: url('/img/common/rentItems.png') no-repeat 50% 0;}

#reservationContents .reserSection .reserInner .rentalTotal table tr.wifi td.icon{background-position: 0px 10px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.mike td.icon{background-position: 0px -255px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.tv td.icon{background-position: 0px -95px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.lan td.icon{background-position: 0px -26px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.desktop td.icon{background-position: 0px -495px;}

#reservationContents .reserSection .reserInner .rentalTotal table tr.monitor td.icon{background-position: 0px -135px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.whiteboard td.icon{background-position: 0px -217px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.av td.icon{background-position: 0px -376px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.fax td.icon{background-position: 0px -335px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.speaker td.icon{background-position: 0px -176px;}

#reservationContents .reserSection .reserInner .rentalTotal table tr.scanner td.icon{background-position: 0px -417px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.notebook td.icon{background-position: 0px -456px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.printerC td.icon{background-position: 0px -535px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.printerB td.icon{background-position: 0px -576px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.fan td.icon{background-position: 0px -60px;}

#reservationContents .reserSection .reserInner .rentalTotal table tr.aircon td.icon{background-position: 0px -657px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.airwasher td.icon{background-position: 0px -700px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.projector td.icon{background-position: 0px -56px;}
#reservationContents .reserSection .reserInner .rentalTotal table tr.screen td.icon{background-position: 0px -295px;}

#reservationContents .reserSection .reserInner .total h4{padding: 20px 0 0 15px; margin-bottom: 50px;}
#reservationContents .reserSection .reserInner .total .price{text-align:right; font-weight: bold;font-size:24px; padding: 0 15px 10px 0;}

.infoWindow{display:block; background: #333; position: fixed; top: 65px; width: 100%; box-shadow: 0px 3px 1px rgba(0,0,0,.2);}
.infoWindow .reserInfoArea{max-width: 1000px; margin: 0 auto; overflow: hidden; padding:9px 0; display:none;}
.infoWindow .Info{width: 74%; float: left;}
.infoWindow .Info ul{overflow: hidden;}
.infoWindow .Info ul li{width:18%; float:left; padding-left: 50px; background:url('/img/common/reserve_icon.png') no-repeat;}
.infoWindow .Info ul li.rentalTime{background-position: 0px 2px;}
.infoWindow .Info ul li.addtion{background-position: 0px -96px;}
.infoWindow .Info ul li.rentalTotal{background-position: 0px -193px;}
.infoWindow .Info ul li.coupon{background-position: 0px -282px; padding-left: 55px;}
.infoWindow .Info ul li p:first-child{color:#999;}
.infoWindow .total{width: 26%; float: left; text-align: right;}
.infoWindow .total span{font-size:30px; padding-right:10px;}
.infoWindow .buttonArea{width: 100%; height: 12px; background: none; position:absolute;bottom:-12px;}
.infoWindow .buttonArea .button{width: 100px; height: 12px; margin:0 auto; background: #333 url('/img/btn_icon/arr_bl_d.png') no-repeat center; cursor:pointer; box-shadow: 0px 3px 1px rgba(0,0,0,.3);}
.infoWindow .buttonArea .button.close{background: #333 url('/img/btn_icon/arr_bl_u.png') no-repeat center;}
.infoWindow .buttonArea .button:hover{background-color:#444;}

/**************************************************************************예약상세 통합 영역 140703*******************************************************************/
#reservationContents.detailAndReservaion{max-height:inherit; background:#fff;}
/*#reservationContents.detailAndReservaion .detailSection{width: 661px; float:left; position: relative; top: 1px;}*/ /*상세섹션*/
#reservationContents.detailAndReservaion .detailSection{width:660px;float:left;position:relative;border-right:1px solid #ddd;}
#reservationContents.detailAndReservaion .flexslider{margin:0;}
#reservationContents.detailAndReservaion .flexslider .flex-viewport{right: 0px;}
#reservationContents.detailAndReservaion .basicInfoArea{border-bottom:1px solid #ddd; overflow: hidden;}
#reservationContents.detailAndReservaion .basicInfoArea .companyInfo{padding: 8px 15px; border-bottom:1px solid #ddd;}
#reservationContents.detailAndReservaion .basicInfoArea .companyInfo span{font-weight: bold;}
#reservationContents.detailAndReservaion .basicInfoArea .companyInfo .logo{float:right;}
#reservationContents.detailAndReservaion .basicInfoArea .basicInfo{height: 100%; padding: 10px;}
#reservationContents.detailAndReservaion .basicInfoAreaInner{width:50%; float:left; height: 100%}
#reservationContents.detailAndReservaion .basicInfoAreaInner:first-child{}
#reservationContents.detailAndReservaion .basicInfoArea li{color:#333;  background: url('/img/common/footer_icon.png') no-repeat; margin-bottom: 6px; padding-left: 20px; font-size: 13px;}
#reservationContents.detailAndReservaion .basicInfoArea li a{display: block;}
#reservationContents.detailAndReservaion .basicInfoArea li.phone{background-position: 2px 4px;}
#reservationContents.detailAndReservaion .basicInfoArea li.phone a{color: #333; cursor:text;}
#reservationContents.detailAndReservaion .basicInfoArea li.email{background-position: 2px -26px;}
#reservationContents.detailAndReservaion .basicInfoArea li.address{background-position:0px -58px;} /*height:42px; margin-bottom:0;*/
#reservationContents.detailAndReservaion .basicInfoArea li.people{background-position:1px -125px;}

#reservationContents.detailAndReservaion .detail .zoomBtn {position: absolute; left: 10px; z-index: 10; top: 332px;}
/*#reservationContents.detailAndReservaion .reserSection{width: 338px; float:right; border-left:1px solid #ddd;}*/
#reservationContents.detailAndReservaion .reserSection{width:100%;}/*CSS개편_이재범_2015.03.18*/

#reservationContents.detailAndReservaion .reserSection .reserInner article.time ul{overflow: hidden;}/*기본정보, 요금제 영역 공통*/
#reservationContents.detailAndReservaion .reserSection .reserInner article.time ul li a{margin-left:0;}
#reservationContents.detailAndReservaion .pricePolicyArea{padding:10px; border-left: 1px solid #ddd;} /*기본정보, 시간 요금제 영역*/
#reservationContents.detailAndReservaion .pricePolicyArea .exclamation{font-size:12px;}
#reservationContents.detailAndReservaion .pricePolicy .priceSystemTitle{width: 100%; font-weight: bold; font-size: 13px;}
#reservationContents.detailAndReservaion dl.priceSystemList{width: 100%; overflow: hidden; letter-spacing: -1px;}
#reservationContents.detailAndReservaion dl.priceSystemList dt, #reservationContents.detailAndReservaion dl.priceSystemList dd{display: inline-block; margin-bottom: 7px; font-size: 13px; vertical-align: top;}
#reservationContents.detailAndReservaion dl.priceSystemList dt{min-width: 50px; text-align: center; margin-top: 2px;}

#reservationContents.detailAndReservaion .pricePolicyArea.menu{}/*기본정보, 메뉴 요금제 영역*/
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.menu dt{width:20%; text-align: left; padding: 1px 0; float:left;margin-top:0;}
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.menu .systemTag{color:#333; background:none;}  
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.menu dd{width:80%; float:left;}

#reservationContents.detailAndReservaion .pricePolicyArea.day{}/*기본정보, 日단위 요금제 영역*/
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.day dd .priceType{margin:0 15px;}

#reservationContents.detailAndReservaion .pricePolicyArea.month{}/*기본정보, 月단위 요금제 영역*/
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.month dt{width:10%; text-align: left; padding: 1px 0; float:left;}
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.month .systemTag{color:#333; background:none;}  
#reservationContents.detailAndReservaion .pricePolicyArea dl.priceSystemList.month dd{width:80%; float:left;}



.mapArea{overflow: hidden;}
.mapArea li{width:50%; float:left;}
.mapArea #daum_map, .mapArea #roadview{min-height:300px;} 

#reservationContents.detailAndReservaion .texteditorArea{padding: 38px 20px;}

#reservationContents.detailAndReservaion .reserSection .reserInner {width:473px; float:left;} /*예약영역*//*CSS개편_이재범_2015.03.18*/
#reservationContents.detailAndReservaion .ui-datepicker .reservationInfo .disable{letter-spacing: -1px;}
#reservationContents.detailAndReservaion .reservationStatusTitle{font-weight: bold; margin-bottom: 5px;}
#reservationContents.detailAndReservaion .reserSection .reserInner article.menu .rentalArea{margin-top:0; border:none;}
#reservationContents.detailAndReservaion .reserSection .reserInner article.menu .rentalArea ul li{width:50%;}
#reservationContents.detailAndReservaion .reserSection .reserInner article.periodArea{border:none; background: none; padding:0;} /*일단위 셀렉트 영역*/
#reservationContents.detailAndReservaion .reserSection .reserInner article.periodArea p.periodTxt{width:100%; margin-bottom: 5px;}
#reservationContents.detailAndReservaion .reserSection .reserInner article.periodArea .selectBox{width:99%;}
#reservationContents.detailAndReservaion .additionalInputAndCalculator{width:473px; float:left;}/*CSS개편_이재범_2015.03.18*/
#reservationContents.detailAndReservaion .additionalInputAndCalculator .additionalInputInner{padding: 15px 15px 0 15px;}
#reservationContents.detailAndReservaion .additionalInputAndCalculator .persons input{width: 67px; text-align: left;}
#reservationContents.detailAndReservaion .additionalInputAndCalculator article .numberOfPeople{margin-left: 0px;}
#reservationContents.detailAndReservaion .standard{font-size:12px; color: #666;}
#reservationContents.detailAndReservaion .additionalInputAndCalculator article.otherRequest{margin: 10px 0 5px 0;}
#reservationContents.detailAndReservaion .additionalInputAndCalculator article.otherRequest textarea{min-height:90px;}
#reservationContents.detailAndReservaion article.nameAndPhone input{width: 132px; display: inline-block;}
#reservationContents.detailAndReservaion article.nameAndPhone input:first-child{margin-right: 3px;}
#reservationContents.detailAndReservaion button.rentalItemBtn{margin: 20px 0;}
#reservationContents.detailAndReservaion .couponArea{padding:0px 0 20px 0; position: relative;}
#reservationContents.detailAndReservaion .couponArea .couponAreaInner{overflow: hidden; margin-bottom:5px;}
#reservationContents.detailAndReservaion .couponArea h6{font-weight: bold; font-size:14px; position: absolute; top: 3px; left: 0;}
#reservationContents.detailAndReservaion .couponArea label{display: inline-block; vertical-align: sub; padding-left: 44px; padding-left: 44px;}
#reservationContents.detailAndReservaion .couponArea .checkBoxArea{display: inline-block; padding: 0; vertical-align: middle; float:right;}

#reservationContents.detailAndReservaion .totalPrice{padding:15px; background:#f7f7f7; text-align: right;}
#reservationContents.detailAndReservaion .totalPrice .total{font-size: 12px; color: #666; margin-right: 10px; position:relative;} 
#reservationContents.detailAndReservaion .totalPrice .total .dc.icon{position: absolute; left: -38px; top: 0;}
#reservationContents.detailAndReservaion .totalPrice .priceMark{color: #ff7800;}
#reservationContents.detailAndReservaion .btnBox{position:relative; bottom:1px;}
#reservationContents.detailAndReservaion .reserSection .totalPrice .priceMark, #reservationContents.detailAndReservaion .reserSection .totalPrice .price{font-size:20px;}

#reservationContents.detailAndReservaion .report{margin: 15px; color: #888; font-size: 13px;} /* 20141210_이재범_정보불일치리포트 영역 추가 */
/*#reservationContents.detailAndReservaion .reportBtn{background: url("/img/common/arr_bl_r.png") no-repeat 208px; padding-right: 17px; display: block;}  20141210_이재범_정보불일치리포트 버튼 추가 */
a.reportBtn:link      {color:#333333;} /* 20141210_이재범_정보불일치리포트 버튼 링크효과 */
a.reportBtn:visited{color:#333333;} /* 20141210_이재범_정보불일치리포트 버튼 링크효과 */
a.reportBtn:hover    {color:#0091d4;} /* 20141210_이재범_정보불일치리포트 버튼 링크효과 */


/************************************************************************** 20150223_이재범_댓글 영역 **************************************************************************/
.commentSection{float:left;position:relative; border-top:1px solid #ddd; width:700px; padding-bottom:40px;}
.commentSection .commentHeader{padding:30px 0 30px 0; float:left; width:100%;}
.commentSection .commentHeader .titGradeArea{padding-bottom:23px; padding-left:15px; font-weight:bold;}
.commentSection .commentHeader .commentTit{vertical-align:top; display:inline-block; background:url('/img/common/icon_comment.png') no-repeat 0 12px; padding-top:9px; padding-left:20px; font-weight:bold; margin-right:12px;}
.commentSection .commentHeader .selectGrade{width:160px; height:37px; border:1px solid #cbcbcb; background:#fff url('/img/common/select.gif') no-repeat right; display:inline-block;}
.commentSection .commentHeader .selectGrade select{color:#F66666; font-size:23px; letter-spacing:-3px;}
.commentSection .commentHeader .previewImg{display:inline;}
.commentSection .commentHeader .writeArea{padding:0px 70px 0 77px;}
.commentSection .commentHeader .writeArea img{border-radius:45px; left:15px; width:45px; position:absolute; margin-top:4px;}
.commentSection .commentHeader .writeArea textarea{height:50px; overflow:auto; padding-right:37px; font-size:13px;}
.commentSection .commentHeader .writeArea input{width:50px; height:50px; right:14px; top:92px; float:right; position:absolute; cursor:pointer;}
.commentSection .commentHeader .writeArea .btnFile{background:url('/img/common/btn_photo.png') no-repeat; top:107px; right:82px; position:absolute; width:27px;height:21px;}
.commentSection .commentHeader .writeArea .btnFile input{top:-15px; right:-15px; position:absolute; opacity:0; padding:0;}

.commentSection .commentList{padding:15px; width:100%; float:left;}
.commentSection .commentList dl{padding:12px 0px; margin-right:30px; border-bottom:1px solid #efefef; overflow:hidden;}
.commentSection .commentList dt{width:10%; float:left;}
.commentSection .commentList dt img{border-radius:45px; width:45px; height:45px;}
.commentSection .commentList dd{width:90%; float:right;}
.commentSection .commentList .cmt{padding-right:0;}
.commentSection .commentList .cmtPhoto{padding-right:120px;}
.commentSection .commentList .cmtPhoto img{right:15px; width:100px; position:absolute;}
.commentSection .commentList .cmtInfo{color:#999; font-size:13px; margin-top:5px;}
.commentSection .commentList .cmtInfo img{padding-top:3px;}
.commentSection .commentList .btn{display:inline-block; width:87px;}/*20150407_이재범_깨짐현상*/
.commentSection .commentList button{padding:2px 5px !important; font-size:11px; color:#fff; background:#aaa; border-radius:3px; margin-left:10px;}
.commentSection .commentList input{height:33px; float:right; margin-left:10px; cursor:pointer;}

.commentSection .commentNone{height:450px;}
.commentSection .commentNone p{font-size:18px; color:#aaa; padding:300px 0; text-align:center; background:url('/img/common/ico_nocomment.png') no-repeat 50% 225px;}                                                                          

.pfActivity{border:none; background:#fff; padding:15px; min-height:450px;}/*20150506_이재범_프로필의최근활동(댓글)*/
.pfActivity .commentList{background:#f6f6f6; padding:0; margin-bottom:15px;}
.pfActivity .commentList dl{padding:12px 15px;}
.pfActivity .commentList .cmtPhoto img{right:30px;}

/**************************************************************************예약정보확인 및 결제 영역**************************************************************************/
#container #contents.payment{background:#fff; overflow:hidden;}
.payInfo{padding-top:15px;}
.payInfo h3{background:#fff; font-size: 20px; padding: 0 0 0 10px; margin-bottom: 10px;}
.payInfo h3 .des{padding-left:5px;}
.payInfoTable{width:100%; border-top:3px solid #333; border-collapse:separate; border-spacing: 0px;}
table.payInfoTable tr td.price{text-align: left;}
table.payInfoTable .radioBigContainer{width: inherit; margin-right: 5%;}

.payInfo.cancelInfo{padding:0;}
.payInfo.cancelInfo table.table1 tr td.title{width:13%;}
.payInfo.cancelInfo table.table1 tr td .des{padding-left:5px;}

.payInfo table.table1 tr td.returnTd section>div{width: 33%; float:left;}
.payInfo table.table1 tr td.returnTd div.bankSelect .inputs{float:left;}
.payInfo table.table1 tr td.returnTd div.bankSelect label {float:left; margin-top: 7px;}
.payInfo table.table1 tr td.returnTd label{margin-right:4%;}
.payInfo table.table1 tr td.returnTd section.forCenter{width: 90%; overflow: hidden; margin: 0 auto;} 


/**************************************************************************My 영역**************************************************************************/

/*회원정보수정*/
table.table1 tr .addressInput{margin-bottom:10px;}/*회원정보수정 테이블*/
table.table1 tr .addressInput input{width:59px;}
table.table1 tr.emailInput td>div{float:left;}
table.table1 tr.emailInput .des{clear:both; padding: 9px 0 0 0;}
/*table.table1 tr.emailInput input.email1{width:100px;}*/
table.table1 tr.emailInput input.email1:last-child{margin-right:10px;}
table.table1 tr.address input.addressInput1, table.table1 tr.address input.addressInput2{width:220px;}

table.table1 tr.birthday .birthdayInfo span{color:#666;}
table.table1 .division{float:left;}

/*My 개인*/
.selectBox.year, .selectBox.month, .selectBox.day{width:100px; margin-right: 10px;} 

/*예약관리*/
table.table2 td.title{max-width:300px; text-align:left; font-size: 14px; overflow: hidden;}
table.table2 td.title img{width: 28%; max-width:80px; vertical-align: middle; margin-right: 2%; float: left; display: block; }
table.table2 td.title a{width: 70%; display: block; float: left;}
table.table2 td.payment .price{font-weight: bold;}

/*예약현황*/
.myReser{padding-top:50px;}
.myReser .resultSection{border-top:1px solid #DDD;}
.reserSort{width:100%; max-width:1000px; margin:0 auto; position:relative;}
.reserSort .radioBigContainer{width:10%; margin-top:8px;}
.reserSort .selectBox{position:absolute; left:10px; top:8px;}
.reserSort .selectBoxRight{position:absolute; left: 180px; top:8px;}
.resultSection .list_order li dt em.app{background:#63c4e8;}
.resultSection .list_order li dt em.stnby{background:#00c5b1;}
.resultSection .list_order li dt em.decide{background:#333333;}
.resultSection .list_order li dt em.cancel{background:#bbb;}
.resultSection .list_order li dt .reviewBtn{display:inline-block; min-width:70px; margin-left:10px;}
.resultSection .list_order li dt .reviewOff{display:inline-block; min-width:70px; margin-left:10px; color: #aaa;}

.reviewPop{}
.reviewPop .reviewSelect{padding:10px;}
.reviewPop .reviewSelect .selectBox{display:inline-block; width:48.5%;}
.reviewPop .reviewSelect label{width:50%; display:inline-block; font-size:12px; text-indent:5px;}
.reviewPop .writeArea{padding:0px 70px 0 10px; position:relative; margin:20px 0;}
.reviewPop textArea{height: 50px; overflow: auto; padding-right: 37px; font-size: 13px;}
.reviewPop .btnFile{background:url('/img/common/btn_photo.png') no-repeat; top:15px; right:82px; position:absolute; width:27px; height:21px;}
.reviewPop input[type="file"]{top:-15px; right:-15px; position:absolute; opacity:0; padding:0; width: 50px; height:50px; float:right; cursor:pointer;}
.reviewPop input[type="button"]{width:50px; height:50px; right:14px; top:0; float:right; position:absolute; cursor:pointer;}

/*비밀번호변경*/
.aboutLogin .loginBox_inner.currentPw{border-bottom:1px solid #ddd; padding-bottom: 18px;}
.aboutLogin.changePw .loginBox_inner:nth-child(even){margin:20px 0;}
.aboutLogin.changePw .loginBox_inner input.nspacePw{margin-right:10px;}

/*회원탈퇴*/
#container #contents.my_memberInfo .member_leave_title{width: 100%; background: url('/img/common/join_bg.gif') no-repeat 100% 100%; padding: 90px 0 0 0;}
#container #contents.my_memberInfo .member_leave_title h3{font-size: 26px; font-weight: bold; padding-bottom: 25px; color: #333;}
#container #contents.my_memberInfo .member_leave{padding-bottom: 10px; border: 1px solid #ddd;}
#container #contents.my_memberInfo .member_leave .title{background:#efefef; padding: 22px 55px; border: 1px solid #fff;}
#container #contents.my_memberInfo .member_leave .title h4{font-size:17px; text-align: center;}
#container #contents.my_memberInfo .member_leave .title p{text-align: center; color:#666; font-size:13px;}
ul.afterUleave{margin-top: 20px; padding: 0 14px; font-size:13px;}
ul.afterUleave li{color:#666; padding:1px 0 1px 6px;}
ul.afterUleave li:first-child{color:#333; padding:1px 0 1px 0;}
ul.afterUleave li span{text-decoration: underline; color:inherit;}
div.reasonLeave{margin-top:20px; padding: 0 14px;}
div.reasonLeave textarea{width:97.5%; min-height:70px;}


/*등록공간 조회*/
#contents .myInfoArea{padding:10px; overflow: hidden;}
#contents .myInfoArea p.result{display:inline-block; line-height: 40px; vertical-align: bottom;}
div.m_chk.chk a{width:19px; height:19px; display: inline-block; border:1px solid #cdcdcd; float:left; background:#fff url('/img/common/updown_gray.png') no-repeat 5px 5px;}
div.m_chk.chk a:first-child{border-right:none;}
div.m_chk.chk a.down{background-position:-15px 6px;}
div.m_chk.chk a.on{background-image: url('/img/common/updown_orange.png');}
.m_chk{display:none;}

div.dcController{}/*DC설정*/
div.dcController div.topInfo{background: #333; padding:6px 10px;}
div.dcController div.topInfo h2{display: inline-block; color:#cdcdcd; font-weight: bold; font-size:13px; margin: 1px 10px 0 0; vertical-align: top;}
div.dcController div.topInfo > div{display:inline-block;}
div.dcController div.topInfo span{color:#cdcdcd; font-size:13px; display: block;}
div.dcSettingArea{overflow: hidden;}
div.dcSettingArea ul li{overflow: hidden; padding:15px; border-bottom:1px solid #ddd;}
div.dcSettingArea ul li > * {display: inline-block;}
div.dcSettingArea ul li input{margin:0 2px;}
div.dcSettingArea ul li input.howlong, div.dcSettingArea ul li input.percentageInput{width:52px; text-align: right; padding: 8px 0px 8px 8px;}
div.dcSettingArea ul li div.selectBox{width:90px; margin-left: 5px;}
div.dcSettingArea ul li span.price{font-size: 22px; float: right;}

/*공간 등록*/
.spaceRegister{overflow:hidden;}
.spaceRegister h3{background:#333; color:#fff; font-size:13px; padding: 3px 0 3px 10px; margin-bottom:10px;}
.spaceRegister h3 .des{color: #fff; float: right; margin-right: 10px;}
.spaceRegisterContainer{overflow: hidden; margin-bottom:15px;}
.spaceRegisterContainer_inner{width:50%;}
.spaceRegisterContainer_inner.left{float:left;}
.spaceRegisterContainer_inner.right{float:right;}
.spaceRegisterContainer_inner h3{margin-bottom:0;}

.spaceRegister div.fileUploadBox{height:39px; border-bottom:1px solid #d7d7d7; padding:10px 15px; position: relative;}
h3 + .fileUploadBox{border-top:none !important;}
.spaceRegister div.fileUploadBox input.fileName{width: 372px; margin-top: 0px; display: inline-block;}
.spaceRegister div.fileUploadBox .fileAddBtn{left: 388px;}

.spaceRegister div.addedImg{position:relative;}
.spaceRegister div.addedImg>img{width: 93px; height: 54px;}
.spaceRegister div.addedImg .zoomBtn{position:absolute; width:38px; height:38px; bottom:5px; left:5px;}
.spaceRegister div.addedImg .delBtn{position:absolute; width: 13px; height: 13px; display: inline-block; background: url('/img/common/closeBtn.png') no-repeat; top:5px; right:5px; cursor: pointer;} 



.spaceRegister div.urlBox{border:1px solid #d7d7d7; padding: 20px 15px 65px 15px;}
.spaceRegister div.urlBox input.url{width: 95%;}

.spaceRegister div.timeSelect{border:1px solid #d7d7d7; padding:20px 15px;}

.spaceRegister table.spaceBasicInfo tr td.title{width: 130px;}
.spaceRegister table.spaceBasicInfo tr.price td input.priceInput{float:left;}
.spaceRegister table.spaceBasicInfo tr.price td span.measure{display: block; float: left; margin: 7px 7px 0 7px;}
.spaceRegister table.spaceBasicInfo tr.price td span.des{display: block; float: left;}
.spaceRegister table.spaceBasicInfo .tdInner[data-system="goodsSystem"]{display:none;}
.spaceRegister table.spaceBasicInfo .tdInner[data-belonging="day"]{display:none;}
.spaceRegister table.spaceBasicInfo .tdInner[data-belonging="month"]{display:none;}
.spaceRegister table.spaceBasicInfo .businessHourSelection{overflow: hidden;}
.spaceRegister table.spaceBasicInfo h6{min-width: 100px; font-size: 13px; float: left; margin-top: 6px}
.spaceRegister table.spaceBasicInfo .innerDivider{width: 700px; float: left;}
.spaceRegister table.spaceBasicInfo .innerDivider .hoursSlectionInner{margin-top:8px; position: relative;}
.spaceRegister table.spaceBasicInfo .innerDivider .hoursSlectionInner:first-child{margin-top:0;}
.spaceRegister table.table1 td .tdInner.businessHourSelection{height:inherit;}


.spaceRegister table.spaceBasicInfo .hoursSlectionInner .fromTo{margin-left: 8px;}
.spaceRegister table.spaceBasicInfo .hoursSlectionInner .fromTo .wave{float:left; margin: 6px 5px 0 5px;}
.spaceRegister table.spaceBasicInfo .hoursSlectionInner .selectBox{width: 90px; float:left;}
.spaceRegister table.spaceBasicInfo .hoursSlectionInner .arr{background: url('/img/common/arr_r_black.gif') no-repeat 0px 8px; padding-left:9px; margin:0 8px 0 19px;}
.spaceRegister table.spaceBasicInfo .hoursSlectionInner .addBtn{position: absolute; top: 1px; right: 15px;}
.spaceRegister table.spaceBasicInfo .hoursSlectionInner .removeBtn{position: relative; left: 8px; top: 2px; display: none;}

.spaceRegister table.spaceBasicInfo input.spaceName{width: 95%;}
.spaceRegister table.spaceBasicInfo input.priceInput{width: 60px;}
.spaceRegister table.spaceBasicInfo input.qtyInput{width:32px;}
.spaceRegister table.spaceBasicInfo input.addedPrice{width: 64px; margin-right: 3px;}
.spaceRegister table.spaceBasicInfo input.addressInput1, .spaceRegister table.spaceBasicInfo input.addressInput2{width:172px;}

.spaceRegister table.spaceBasicInfo .hoursSlectionInner .deployment{display:inline-block; vertical-align: middle;}
/*.spaceRegister table.spaceBasicInfo .hoursSlectionInner input.priceInput, .spaceRegister table.spaceBasicInfo .hoursSlectionInner input.priceInput + span{float: left;}*/


.businessDays{overflow: hidden; border:1px solid #d7d7d7;}
.businessDays li{width:14%; float:left;}
.businessDays li label{border-bottom:1px solid #d7d7d7; display: block; text-align: center; border-left:1px solid #d7d7d7;}
.businessDays li .vCheck{height:32px; border-left:1px solid #d7d7d7;}
.businessDays li:first-child label{border-left:none;}
.businessDays li:first-child .vCheck{border-left:none;}
.businessDays li .vCheck input.inputChk{height:100%;}

.spaceRegister #datepicker.dayOff{}/*휴무일지정 달력*/
.spaceRegister #datepicker.dayOff .ui-datepicker-inline{width: 100%; padding: 0; border: none; box-shadow: none;}
.spaceRegister #datepicker.dayOff .ui-datepicker td.ui-datepicker-other-month {height: 44px}
.spaceRegister #datepicker.dayOff .ui-datepicker .ui-state-active {height: 34px;}
.spaceRegister #datepicker.dayOff .ui-datepicker .justThisSpace,.spaceRegister #datepicker.dayOff .ui-datepicker .justThisSpace a{background:#333;}
.spaceRegister #datepicker.dayOff .ui-datepicker td a {height: 100%;}
.spaceRegister #datepicker.dayOff .ui-datepicker .justThisSpace a{color: #fff;}
.spaceRegister #datepicker.dayOff .ui-datepicker .all a{background: #333 url('/img/common/all.png') no-repeat top right !important; color: #fff;}
.spaceRegister #datepicker.dayOff .ui-datepicker .normal{background: #efefef;}
.spaceRegister #datepicker.dayOff .ui-datepicker .normal a{background: none !important; color: #555;}
.spaceRegister #datepicker.dayOff .ui-datepicker .normal a.ui-state-highlight{color: #00c67e; background: #efefef; font-weight: bold;}


.spaceRegister ul.myRentalItems{overflow: hidden; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.spaceRegister ul.myRentalItems li{width:20%; float:left;}
.spaceRegister ul.myRentalItems li  div.myRentalItems_inner{padding: 10px 12px; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.spaceRegister ul.myRentalItems li  div.myRentalItems_inner .myItem{float:left; margin-right:6px;}
.spaceRegister ul.myRentalItems li  div.myRentalItems_inner .myItem .checkBoxArea{padding-top:0;}
.spaceRegister ul.myRentalItems li  div.myRentalItems_inner input.inputChk{width: 25px !important; height: 25px;}

.openTimeSelectArea ol.days{overflow: hidden;}
.openTimeSelectArea ol.days li{width: 56px; float:left; background: #f7f7f7; border: 1px solid #d7d7d7; border-left:none; padding: 9px 0; text-align: center;}
.openTimeSelectArea ol.days li:first-child{width: 100px; border-left: 1px solid #d7d7d7;}
.openTimeSelectArea ol.days li:last-child{border-right:none;}

.openTimeSelectArea ol.times{width:102px; overflow: hidden; float:left;}
.openTimeSelectArea ol.times li{height: 19px;  border: 1px solid #d7d7d7; border-top:none; text-align: center; font-size:13px;}

.openDaySelectArea>ul{overflow: hidden;}
.openDaySelectArea>ul>li{border: 1px solid #d7d7d7; overflow: hidden;}
.openDaySelectArea>ul>li:first-child{border-bottom:none;} 
.openDaySelectArea>ul li>p{width:56px; float:left; background: #f7f7f7; padding: 11px 0; text-align: center; border-right: 1px solid #d7d7d7;}

.openDaySelectArea>ul li ol.days{overflow: hidden;}
.openDaySelectArea>ul li ol.days li{width: 58px; float:left; padding: 9px 0; text-align: center;}
.openDaySelectArea>ul li ol.days li:first-child{margin-left:12px;}
.openDaySelectArea>ul li ol.days li .checkBoxArea{float:left;}
.openDaySelectArea>ul li ol.days li .checkBoxArea{padding-top:0;}

.openDaySelectArea>ul li .timeSelectArea{margin: 4px 0 0 10px; float:left;}
.openDaySelectArea>ul li .selectBox{width:86px; float: left;}
.openDaySelectArea>ul li .betweenSelect{display: block; float: left; line-height: 32px; margin: 0 7px;}

.openDaySelectArea .timePerDay{border-left: 1px solid #d7d7d7;}
.openDaySelectArea .timePerDay li{border-bottom: 1px solid #d7d7d7; padding: 20px 10px 20px 15px;}
.openDaySelectArea .timePerDay li:last-child{padding: 19px 10px 19px 15px;}
.openDaySelectArea .timePerDay li span.notyet{/*color:#999;*/ font-size: 13px;}
.openDaySelectArea .timePerDay li span.closeBtn{width:13px; height:13px; display: inline-block; background: url('/img/common/closeBtn.png') no-repeat; background-size: 10px; float:right; margin-top: 5px; cursor:pointer;}

.openTimeSelectArea ol.selectableTime{width: 398px; float:left;}
.openTimeSelectArea ol.selectableTime .timechk{width: 56px; padding: 9px 0 10px 0; display:inline-block; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; cursor:pointer; float: left;}
.openTimeSelectArea ol.selectableTime .timechk:hover{background:#f6f6f6;}
.openTimeSelectArea ol.selectableTime .timechk:nth-child(7n + 7){border-right:none;}
#selectable .ui-selecting { background: #f6f6f6;}
#selectable .ui-selected { background: #f6f6f6 url('/img/common/chk.png') no-repeat 50% 50%;}

.fileAddArea{position:relative;}
.fileAddBtn{min-width: 82px; background: url('/img/btn_icon/file.png') no-repeat !important; width: 82px; height: 29px; padding: 0; margin: 0; position: absolute; top: 0; left: 195px; box-shadow: none;border: none; border-radius: 0;}
.license{position:static; background:none !important; border: 1px solid #cbcbcb; box-shadow: 0px 1px 1px rgba(0,0,0,.2); line-height: 28px;}

.rentalItemManager{clear:both; overflow: hidden; margin-bottom: 5px;}
.rentalItemManager ul li{width:100%; float:left;}/*CSS개편_이재범_20150407*/
.rentalItemManager ul li .controlBox{padding: 17px 0; overflow: hidden; border: 1px solid #ddd; border-top:none;}
.rentalItemManager ul li:nth-child(even) .controlBox{border-left:none;}
.rentalItemManager ul li .controlBox .titleOfMenu{width: 147px; padding-left: 10px; float:left; margin-top: 6px;}/*CSS개편_이재범_20150407*/
.rentalItemManager ul li .controlBox input.titleOfMenuInput{width: 105px; padding-left: 10px; float: left; font-size: 15px; margin: 0 20px 0 10px;}/*CSS개편_이재범_20150407*/
.rentalItemManager ul li .controlBox div.radioBoxArea2{float:left;}
.rentalItemManager .controlElement{float:left;}
.rentalItemManager .controlElement.amount{margin:0 10px;}/*CSS개편_이재범_20150407*/
.rentalItemManager .controlElement.price{color:#333;}
.rentalItemManager .controlElement.price.date{margin-left:22px;}
.rentalItemManager .checkBoxArea{float:left; margin: 6px 0 0 15px;}
.rentalItemManager .checkBoxArea + label{width: 130px; float:left; line-height: 32px; margin: 0 222px 0 10px; display: inline-block;}
.rentalItemManager .amountInput{width: 30px; padding: 8px 5px 8px 6px; text-align: right;}/*CSS개편_이재범_20150407*/
.rentalItemManager .priceInput{width: 60px; padding: 8px 5px 8px 6px; text-align: right; line-height: inherit; /* for i.e. */}/*CSS개편_이재범_20150407*/
.rentalItemManager input:disabled{background:#fcfcfc; border:1px solid #eaeaea;}
.rentalItemManager .removeBtn{position: relative; top: 6px; left: 5px;}
.rentalItemManager .addItemBtn{float:left;}


.premiumProcess{background:#333; text-align:center; padding:30px 0;}
.premiumProcess li{font-size:13px; background:#ccc; font-weight:bold; border-radius:5px; width:16%; display:inline-block; margin:0 10px; padding:15px 0; position:relative}
.premiumProcess li p{font-size:10px; width:16px; height:16px; border-radius:10px; background:#777; color:#ccc; margin:5px auto;}
.premiumProcess li div{font-size:12px; font-weight:normal;}
.premiumProcess li.on{background:#1DC9B8; color:#fff; font-weight:normal;}
.premiumProcess li.on p{background:#333; color:#1DC9B8;}
.premiumProcess li.on div{color:#fff;}
.premiumProcess li img{position:absolute; top:50px; right:-15px;}
.refundArea .refundSelArea{width:65%; margin:0 auto;}
.exclamation.regist{font-size:12px; color:#666; float:left; margin:20px 10px 20px 16%; background-position:0 2px!important;}
.refundArea .chart{width:70%; margin:0 10px 5px 16%;}
.refundArea .chart td{border:1px solid #e1e1e1; padding:14px; font-size:13px;}
.refundArea .chart .labelArea{background:#ededed; text-align:center;}
.refundArea .ex{width:70%; margin:0 10px 35px 16%; display:inline-block;}
.refundArea .ex h5{width:100%!important; margin:10px 0;}
.refundArea .ex span{position:absolute; top:28px; right:0; text-align:right; font-size:11px;}
.refundArea .ex .day7{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:20%; background:#59cbff;}
.refundArea .ex .day3{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:45%; background:#eea455;}
.refundArea .ex .day1{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:35%; background:#ef7070;}
.terms .termsCts{width:93%; /*height:230px;*/ background:#f7f7f7; border:1px solid #cbcbcb; border-radius:2px; padding:15px; overflow-y:scroll; margin:20px auto;}
.terms .termsCts b{font-weight:bold!important;}
.termsSign{margin:0 20px 20px 20px; color:#666; font-size:12px; padding-top:2px; display:inline-block;}
.termsPrint{float:right; border:1px solid #ccc; border-radius:20px; padding:3px 15px; margin-right:20px;}
.termsCheck{clear:both;}
.termsCheck .checkBoxArea{float:left; margin:0 10px 0 20px;}
.termsCheck label{display:inline-block; padding-top:5px;}

.questionTip{position:relative;}
.questionTip .tip{z-index:100; position:relative; background:rgba(0,0,0,.7); color:#ccc; padding:5px 8px 5px 8px; position:absolute; top:-9px; left:25px; line-height:15px; border-radius:5px; text-align:left; display:none;}
a:hover.questionTip .tip{display:block;}

.packageFee .packageName{width:70%;}
.packageFee .packageIn{margin-bottom:10px;}
.packageFee .operTime{padding-left:90px; margin-bottom:5px;}
.packageFee .operTime .arr{padding-right:25px!important;}
.packageFee .addBtn{margin-top:5px; width:100px;}
.packageFee .line{border-bottom:1px dashed #ddd; margin:10px 0;}

.profit{white-space:nowrap; margin-bottom:10px; display:inline-block;}
.profit input{width:100px; color:#ff7800; font-size:16px; text-align:right;}

#pay_select .exclamation{float:inherit; margin:5px 10px 5px 16%;}

.spaceRegisterContainer_inner .spaceRegister .businessDays{margin:10px;}
.spaceRegisterContainer_inner .spaceRegister .businessDays label{background:#efefef;}
.spaceRegisterContainer_inner .spaceRegister .dayOff{margin:10px;}


/**************************************************************************회원가입 영역**************************************************************************/
.conWrap{padding: 0 100px;}
#container #contents.login .conWrap{padding: 0 140px;}
#container #contents.join{background: #fff;}
#container #contents.step3 .checkBoxArea{display:inline-block; vertical-align:bottom; padding:0 0 0 10px;}/*20160426_이재범_회원가입체크박스*/

#container #contents.step1{padding-top:99px;min-height: 420px;}/*1.회원선택*/
#container #contents.step1 h3{font-size: 24px;}
#container #contents.step1 h3 .companyName{color:#00c67e; font-weight: bold;}
#container #contents.step1 ul{padding-top:30px; overflow: hidden; margin-bottom:30px;}
#container #contents.step1 ul li{width:390px; float:left; background:#F8F8F8 url('/img/common/arr_gr_r.png') no-repeat 370px 50%; margin:7px 0;}/*20150407_이재범_깨짐현상 수정*/
#container #contents.step1 ul li a{border:2px solid #fff; display: block; padding:20px 0 20px 88px; border:1px solid #ddd;}
#container #contents.step1 ul li.normal{margin-right:10px;}
#container #contents.step1 ul li.normal a{background: url('/img/common/joinmem_icon1.png') no-repeat 14px 50%;}
#container #contents.step1 ul li.company{float:right;}
#container #contents.step1 ul li.company a{background:url('/img/common/joinmem_icon2.png') no-repeat 14px 50%;}
#container #contents.step1 ul li.spaceReg a{background: url('/img/common/regist_icon1.png') no-repeat 14px 50%;}
#container #contents.step1 ul li.spaceAd{float:right;}
#container #contents.step1 ul li.spaceAd a{background:url('/img/common/regist_icon2.png') no-repeat 14px 50%;}
#container #contents.step1 ul li a .sort{font-size:18px;}
#container #contents.step1 ul li a .des{font-size:13px; color:#666; padding:6px 24px 0 0;} /*20150407_이재범_깨짐현상 수정*/
#container #contents.step1 ul li .eventMark2{position:absolute; top:0; left:0;}

dl.note{clear: both; padding-top:26px;}/*알림에 관한 css인데 재사용이 가능할지 아직 모르겠음*/
dl.note dt{color:#333;}
dl.note dd{color:#666; font-size:12px; padding-left: 18px;}

#container #contents.step1 dl.note{width: 65%; float:left;}
#container #contents.step1 .basicBtn2.fbJoin{float:right; margin-top: 32px;}

.policyAgreeArea{width: 100%; max-width: 1000px; margin: 0 auto; padding-bottom: 50px; background: #fff;}/*2.약관동의*/
.policyAgreeArea .policyAreaInner{margin: 0 10px; border: 1px solid #ddd; border-bottom: none; background:#f8f8f8;}
#container .allChkArea{text-align: right; border-bottom: 1px solid #ddd; overflow: hidden; padding: 15px;}
#container .allChkArea .checkBoxArea{float:right;}
#container .allChkArea label.allAgree{margin-right:5px; line-height: 33px;} 
#container .policyArea .policy{padding: 20px 80px 10px 80px; border-bottom: 1px solid #ddd; overflow: hidden; background:#f8f8f8;}
#container .policyArea .policy h3{color:#333; font-size:18px; float: left; margin-bottom: 10px;}
#container .policyArea .policy .more{float:right; font-size: 13px; margin-top: 3px;}
#container .policyArea .policy .policyCon{clear:both; padding: 10px 15px; border: 1px solid #ddd; background:#fff; color:#666; font-size:13px; margin-bottom: 10px;}
#container .policyArea .policy .checkBoxArea{float: right;}
#container .policyArea .policy label{float: right; margin-right: 5px; line-height: 33px;}

#container .companyResisterNumArea{padding: 20px 0 10px 0; overflow: hidden;}
#container .companyResisterNumArea h3{color: #333; font-size: 18px; margin-bottom: 10px;}
#container .companyResisterNumArea .inputBox{border:1px solid #ddd; padding: 15px 18px; overflow: hidden;}
#container .companyResisterNumArea .inputBox .inputInnerBox{float:left; margin-right:10px;}
#container .companyResisterNumArea .inputBox label{font-size:13px; margin-right:10px;}
#container .companyResisterNumArea .inputBox input{width:52px;}
#container .companyResisterNumArea .inputBox .des{float: left; margin: 7px 0 0 0;}

#container .certificationNumArea{padding: 20px 0 10px 0; overflow: hidden;}
#container .certificationNumArea h3{color: #333; font-size: 18px; margin-bottom: 10px;}
#container .certificationNumArea .inputBox{border:1px solid #ddd; padding: 15px 18px; overflow: hidden;}
#container .certificationNumArea .inputBox .des{margin: 7px 0 0 7px; display: block; float: left;}
#container p.check{margin-bottom:7px;}

#container #contents.step4 .joinComplete{width:100%; background: url('/img/common/join_bg.gif') no-repeat 100% 100%; padding: 90px 0 10px 0;}
#container #contents.step4 .joinComplete h3{font-size:25px; font-weight: bold;}
#container #contents.step4 .joinComplete h3 .nspace{color:#00c67e; font-weight: bold;}
#container #contents.step4 .joinComplete .exclamation{margin-top: 16px;}

.joinHead{background:#333; text-align:center; font-size:22px;}/*20160427_이재범_회원가입상단*/
.joinHead div{color:#ddd; padding:10px 0;}/*20160427_이재범_회원가입상단*/
.joinHead .companyName{color:#1DC9B8; font-weight:bold;}/*20160427_이재범_회원가입상단*/
.joinHead .fbJoin{display:inline; margin:10px 0 10px 20px;}/*20160427_이재범_회원가입상단*/

.birthdate input{width:9%;}
.birthdate .selectBox{width:11%; display:inline-block;}
.certifyNum{width:100px;}

/**************************************************************************로그인 영역**************************************************************************/
#container #contents.login{background: #fff;}
#container #contents.login .conWrap{padding-bottom:80px !important;}
.loginTop{width: 100%; background: url('/img/common/login_bg.gif') no-repeat 100% 100%; padding: 90px 0 0 0; position:relative;}
.loginTop .keyboardBtn{float:right; position:absolute; right:0; bottom:29px; font-size:12px; background:url('/img/common/map_tail.png')no-repeat right; padding-right:12px; display:none;}
.pcKeyboard{border:1px solid #ddd; border-bottom:0; background:#f5f6f7 url('/img/common/img_keyboard.png')no-repeat center; height:120px;display:none;}
.loginTop.passwordTop{background: url('/img/common/password_bg.gif') no-repeat 100% 100%;}
.loginTop h3{font-size:26px; font-weight: bold; padding-bottom: 25px; color:#333;}
#container #contents.password .loginTop h3{padding-bottom: 15px;}

#container #contents.password .checkBox{border:1px solid #ddd; border-bottom:none; overflow:hidden; padding: 20px 0 20px 110px;}
.aboutLogin{border:1px solid #ddd; padding: 18px 0; overflow: hidden;}
.aboutLogin .loginBox_inner{padding:0 15px; overflow:hidden;}
.aboutLogin.findPw .loginBox_inner{padding:0 15px; overflow:visible;}
.aboutLogin .loginBox_inner.half{width: 49%; float: left; padding: 0; margin-top: 0 !important; margin-bottom:30px;}
.aboutLogin.findId .loginBox_inner.half{margin-bottom:0;}
.aboutLogin .loginBox_inner.half:first-child .title{padding-left:15px;}
.fbLoginBox{border-bottom:none;}
.fbLoginBox .fbJoin{display: inline-block; margin-right: 15px;}
.fbLoginBox .restOf .des{float:none;}
.restOf {width: 72%; float:left;}
.restOf .des{line-height:31px; float: left;}
.half .restOf{width:50%;} 
.restOf input[type="text"], .restOf input[type="password"], .restOf input[type="email"], .restOf input[type="tel"]{float:left;width:180px;}
.aboutLogin .loginBox_inner:nth-child(even){margin-top:30px;}

.aboutLogin label{width:133px; display:inline-block; text-align: right; margin-right:20px; float:left; line-height: 31px;}
.aboutLogin label[for="name"], .aboutLogin .half label[for="phone"], .aboutLogin .half label[for="email"]{width:75px;}
.aboutLogin .restOf label{width:76px;}
.aboutLogin label + input{float:left;}
.aboutLogin .checkBoxArea{float:left; margin:0 10px 0 20px;}
.aboutLogin .checkBoxArea + label{width:inherit; margin: 0; line-height: 31px; display: inline; float: none;}




table.table4 input[type="text"],table.table4 input[type="tel"],table.table4 input[type="email"]{width:182px;}
table.table4 .nspaceId{float:left;}
table.table4 .checkBoxArea{float:left; padding: 4px 7px 0 15px;}
table.table4 .saveId{line-height: 31px;}
.exclamation.login{color:#666; font-size:13px;}

#container #contents.password .loginTop{padding: 90px 0 8px 0;}
table.table4.passwordTable{padding:0;}/*비밀번호 찾기 전용 css*/
table.table4.passwordTable td{vertical-align: middle;}
table.table4.passwordTable td.title{width:14%;}
table.table4.passwordTable tr td.title{text-align: right; font-size: 13px;}
table.table4.passwordTable td.con{width: 34%; padding-left: 2%;}
table.table4.passwordTable tr.checkBoxTr td{border-bottom:1px solid #ddd; padding-left: 14%; text-align: left;}
table.table4.passwordTable tr.checkBoxTr td .radioBigContainer{width:inherit;}
table.table4.passwordTable tr.checkBoxTr td .radioBigContainer:first-child{margin-right:50px; padding-left: 10px;}


.required{width:100%; border:1px solid #ddd; margin-top: 50px;}
.required p{padding:30px 0px; text-align: center; font-size: 20px;}
.required p span.id{color:#00c67e; font-weight: bold;}


/**************************************************************************공지사항 영역**************************************************************************/
#container #contents.notice.policy{padding-bottom: 80px; background:#fff;}
.policyTop{width: 100%; background: url('/img/common/policy_bg.gif') no-repeat 100% 100%; padding: 90px 0 0 0; border-bottom: 1px solid #ddd;}
.policyTop h3{font-size: 26px; font-weight: bold; padding-bottom: 25px; color: #333;}
.policyContents{padding:20px 0; border-bottom: 1px solid #ddd;}
.policyContents p{line-height: 28px;}


/**************************************************************************이용약관 영역**************************************************************************/
#contents.notice.policy div.policyContents h4{font-weight: bold;}
#contents.notice.policy div.policyContents p{line-height:24px;}
#contents.notice.policy div.policyContents h5{font-weight: bold; margin:40px 0 5px 0;}
#contents.notice.policy div.policyContents h6{font-size:13px; margin:20px 0 5px 0;}
#contents.notice.policy div.policyContents>ol>li{margin-bottom:10px;}


/**************************************************************************서비스소개 영역**************************************************************************/
#container #contents.introduction{background:#efefef; padding-bottom: 0;}
#container #contents.introduction .title{width: 100%; padding: 30px 0 0 0; border-bottom: 3px solid #333;}
#container #contents.introduction .title h3{font-size: 28px; font-weight: bold; margin-top: 0px; color: #333;}
#container #contents.introduction div.introContents.top{background: #fff  url('/img/common/bg1.jpg') no-repeat; background-size:100%; padding-top: 70px; position:relative;}
#container #contents.introduction div.introContents.top .shareLogo{position: absolute; top: 20px; right: 30px;}
#container #contents.introduction div.introContents .imgArea{text-align: center;}

#container #contents.introduction .introTxt{background:#fff; padding:30px 100px 0 100px;}
#container #contents.introduction .introTxt h4{font-size:18px; border-bottom:1px solid #ddd; padding: 50px 0 5px 0; margin-bottom: 10px;}
#container #contents.introduction .introTxt h5{font-size:15px; font-weight: bold; padding: 5px 0 10px 0;}
#container #contents.introduction .introTxt ul{}
#container #contents.introduction .introTxt ul.dealer li{padding: 2px 0 2px 50px; position: relative;}
#container #contents.introduction .introTxt ul.dealer{padding-bottom:30px;}
#container #contents.introduction .introTxt ul.dealer li .ex{display:inline-block; background:#3ebeb1; color:#fff; border-radius: 3px; font-size:12px; padding: 1px 5px; margin-right: 10px; position: absolute; left: 0px;}
#container #contents.introduction .introTxt img.reasonWhy{width:100%;}
#container #contents.introduction .introContents.bottom{padding:60px 0px 70px 0; background: #fff  url('/img/common/bg2.jpg') no-repeat left bottom; background-size:100%;}

#container #contents.introduction .introTxt .guidelineSide{width:28%; display:inline-block; vertical-align:top;}
#container #contents.introduction .introTxt .guidelineCenter{width:40%; display:inline-block; vertical-align:top;}
#container #contents.introduction .introTxt	.recruitStep{border-radius:120px;width:80px;height:50px;padding-top:30px;text-align:center;display:inline-block;margin:70px 2%;background:#fff;}



/**************************************************************************이용안내 영역**************************************************************************/
#container #contents.tutorial div.conWrap{padding-top:30px;}
#container #contents.tutorial section.tutorialBox h3{font-size:20px; font-weight: bold; margin-bottom: 20px;}
#container #contents.tutorial section.tutorialBox h4{font-size:16px; font-weight: bold; margin-bottom: 20px;}
#container #contents.tutorial section.tutorialBox h5{font-size:15px; font-weight: bold; margin: 15px 0;}
#container #contents.tutorial section.tutorialBox>ol{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ddd;}
#container #contents.tutorial section.tutorialBox>ol:last-child{border-bottom:none;}
#container #contents.tutorial section.tutorialBox>ol>li{padding:0 0 20px 18px;}
#container #contents.tutorial section.tutorialBox ol li p.subTitle{margin-left:-18px;}
#container #contents.tutorial section.tutorialBox ol li img{padding: 8px 0 8px 0;}
#container #contents.tutorial section.tutorialBox ol.innerList li{padding:0 0 8px 0;}
#container #contents.tutorial table.table6{margin-top:10px;}
#container #contents.tutorial table.table6 tr td{text-align: left; padding:12px 0 12px 10px;}
#container #contents.tutorial table.table6 tr th.notTitle{background:#fff; text-align: left; padding-left: 20px; vertical-align: middle;}
 
#container #contents.tutorial section.faq h3 + p{font-size:15px; margin-bottom: 5px;}
#container #contents.tutorial section.faq dl{padding-top:50px;}
#container #contents.tutorial section.faq dl dt{font-weight: bold; margin-bottom:5px;}
#container #contents.tutorial section.faq dl dd{margin-bottom:30px;}
#container #contents.tutorial section.faq dl dd h4{padding: 8px 0; font-size: 14px; font-weight: normal; margin-bottom:0;}
#container #contents.tutorial section.faq dl dd table.table6{margin-bottom:10px;}
#container #contents.tutorial section.faq dl dd table.table6 tr td{text-align: center;}

#container #contents.tutorial section.tuto1{display: block;}
#container #contents.tutorial section.tuto2{display: none;}
#container #contents.tutorial section.faq{display: none;}

.wishInfo{padding:4px 7px 0px 0px;float:right} /*20141128/이재범/공간상세에서 찜하기안내문구*/ 

.mapArea button{ width: 100%; color: #fff; border-top:1px solid #eee; background-color: #bbb; height:40px;} /*CSS개편_이재범_2015.03.18*/
.cCenter td{font-size:13px;padding:10px;border-bottom:1px solid #ddd}
.cCenter .tit{background-color:#efefef}


/********************************************************************************************************************************************************************************/
/**************************************************************************태블릿용 481px ~ 999px**************************************************************************/
/********************************************************************************************************************************************************************************/


@media screen and (min-width:481px) and (max-width: 999px){
	.displayBlockForDevice{display:block;}/*태블릿과 모바일에서 변경*/
	
	.simplemodal-wrap{width:90% !important; margin:0 auto;}/*팝업*/
	.layerPop .searchArea{padding: 15px 10px;}/*주소 팝업*/
	.layerPop .searchArea .dongName{font-size: 12px; width: 16%; margin: 7px 5px 0 0;}
	.layerPop .searchArea input{width: 54%;}
	.layerPop .searchArea .srchBtn{width: 13%; min-width: 34px;}
	.layerPop .addressLists{overflow-y: visible; height: 100%;}
	.layerPop .addressLists ul li{padding: 5px 14px;}
	.layerPop .layerContent .layerCarousel table.table4 .basicBtn2.black{width: 44% !important;}/*로그인 팝업*/
	table.table1 tr td.title{width:21%;}/*테이블*/
	table.table5 tr td.title{width: 20%; padding-right: 2.5%;}/*my 예약내역확인 팝업 테이블*/
	table.table5 tr td.title + td, table.table5 tr td.pdR15{padding-right:15px;}
	table.qna tr td.title{width:80px!important;}
	
	/*헤더*/
	header #biArea{width: 130px; padding: 9px 0 9px 10px;}
	header.asp #biArea{width: inherit;}
	header #biArea a img{width: 100%;}
	header .snsBtnArea{top:9px; left:24px;}
	header a.applyBtn{margin: 18px 10px 0 0; background-size: 18px; background-position: 0 3px; padding: 3px 0 5px 22px;}
	div.mainSearchArea{display:none;}/*메인검색영역*/
	header nav ul#nav{display: none;}
	header nav{position:static;}
	header nav .reverseAutionBtn{left: inherit; right:84px; top: 13px;}
	header nav #m_nav{width: 100%;position: absolute; display:block; top: 0px; right: 0;}
	header nav #m_nav .navBtn{min-height:46px; background: url('/img/common/m_menu_btn.gif') no-repeat 50% 50%; position: absolute; right: 0; width: 70px; cursor: pointer;}
	header.asp nav #m_nav .navBtn{min-height: 42px; background: url('/img/common/m_menu_btn.gif') no-repeat 50% 50%; border-left: 1px solid #ddd; position: absolute; right: 0; width: 70px; cursor: pointer;}
	header nav #m_nav .navBtn.selected{background-image:url('/img/common/m_menu_btn_selected.png'); background-color:#333;}
	header nav #m_nav ul{display:none; overflow: hidden; clear: both; position: relative; top: 45px;}
	header nav #m_nav ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000; color: #888;}
	header nav #m_nav ul li.searchBoxArea input{width: 66%; color: #efefef; background:#4d4d4d; border:none; float: left;}
	header nav #m_nav ul li.searchBoxArea a.srchBtn{width:26%; min-width: inherit; margin-left: 6px; background-image: none; padding: 6px 0;}
	header nav #m_nav ul li.sub{width:50%; background:#000; float:left; border:none;}
	header nav #m_nav ul li.sub a{border-bottom:1px solid #242424; background: url('/img/btn_icon/arr_gr_r.png') no-repeat 95% center; padding: 10px 0 10px 20px;}
	header nav #m_nav ul li.sub a:nth-child(odd){border-right:1px solid #242424;}
	header nav #m_nav ul li a{display: block; padding:10px 0 10px 35px; background: url('/img/common/header_icon_m.png') no-repeat;}
	header nav #m_nav ul li a.notice{background-position: 15px 13px;}
	header nav #m_nav ul li a.login{background-position: 15px -37px;}
	header nav #m_nav ul li a.join{background-position: 15px -88px;}
	header nav #m_nav ul li a.qna{background-position:15px -137px;}
	header nav #m_nav ul li a:hover{color:#fff;}
	
	header.asp nav #m_nav ul{display:none; overflow: hidden; clear: both; position: relative; top: 42px;}
	header.asp nav #m_nav ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000; color: #888;}
	header.asp nav #m_nav ul li:first-child{border-top:none; padding:0;}
	header.asp nav #m_nav ul li:last-child{border-bottom:none;}
	header.asp nav #m_nav ul li a{display: block; padding:10px 0 10px 35px; background: url('/img/common/header_icon_m.png') no-repeat;}
	header.asp nav #m_nav ul li a.notice{background-position: 15px 13px;}
	header.asp nav #m_nav ul li a.login{background-position: 15px -37px;}
	header.asp nav #m_nav ul li a.join{background-position: 15px -88px;}
	header.asp nav #m_nav ul li a.qna{background-position:15px -137px;}
	header.asp nav #m_nav ul li a:hover{color:#fff;}
	
	/*푸터*/
	footer{padding: 10px 10px 20px 10px;}
	footer.asp{width: inherit; padding: 10px 10px 20px 10px;}
	footer .footerContents{width: 100%;}
	footer.asp .footerContents{width: 79.5%;}
	footer.asp .nspaceBi{float: left;}
	.basicInfo{width:100%;}
	footer .footerBi{}
	
	.btnBox.third div a{min-width: inherit;}/*버튼3개*/
	.btnBox.third.twoLeftoneRight div{max-width: inherit; float:left;}
	.btnBox.third.twoLeftoneRight div:last-child{float:left;}
	.btnBox.third.twoLeftoneRight div a{float:none;}
	
	.btnBox.quater.twoLestTwoRight div{width: 25%; margin:0;}/*버튼4개*/
	.btnBox.quater.twoLestTwoRight div:nth-last-child(2), .btnBox.quater.twoLestTwoRight div:last-child{float:left; margin:0 ;}
	.btnBox.quater.twoLestTwoRight div a{min-width: inherit; float:none; margin:0 2%;}
	.btnBox.quater.twoLestTwoRight div:first-child a{margin:0 2% 0 0;}
	.btnBox.quater.twoLestTwoRight div:last-child a{margin: 0 0 0 2%;}
	.btnBox.quater.twoLestTwoRight div:nth-last-child(2) a{margin: 0 2% 0 2%;}
	
	button.topBtn{right: 0px !important;}
	
	.payInfo.cancelInfo table.table1 tr td.title{width: 27%;}
	.payInfo h3 .des{display:block; padding-left: 0;}
	.payInfo table.table1 tr td.returnTd div.bankSelect label{margin-top: 0;}
	.payInfo table.table1 tr td.returnTd section>div{width: 100%; padding: 5px 0;}
	.payInfo table.table1 tr td.returnTd label{width:60px; display: block; float: left;}
	
	
	#TopNotice .notice{width: 50%;}
	#container.asp #TopNotice #locationSel{width: 40%;}
	#TopNotice #topSection select.m_select, #TopNotice #topSection select.m_categorySelect {position: absolute; top: 10px; opacity: 0; }
	
	.tabNone .tabArea h2{width:100%;} /*20160427_이재범_텝메뉴없는타이틀영역*/
	
	/*메인*/
	/*20150331_이재범_화이트데이이벤트*/
     .whiteItems ul li.item{width:49%; margin-left:0;}
     .whiteItems ul li.item:nth-child(even){margin-left:2%;}
     .whiteItems ul li.item>a{margin: 0 0px 0 5px;}
     .whiteItems ul li.item:nth-child(even) >a{margin:0 5px 0 0px;}
     
     /*20150305_이재범_화이트데이이벤트페이지*/
	.eventWhiteday ul li .detailExplain{font-size:13px; }
	.eventWhiteday ol li{padding-right:3%; font-size:13px;}
	
	.eventWhiteday{margin-top: -9px;}
	.eventWhiteday .vis{height: inherit;} 
	.eventWhiteday .vis h2{padding: 70px 10px 15px 10px;}
	.eventWhiteday .vis p{padding-bottom: 50px;}
	.eventWhiteday .benefit{padding-top:30px;}

	/*20150331_이재범_추천기간한정이벤트*/
	.periodItems ul li{width: 48%; padding: 0 1%;}
	.periodItems ul li img{width: 100%;}

     

	#container #contents.mainpage{margin-top:42px;}
	#container #contents.mainpage span.logoArea .shareLogo{right: 15px;}
     #container #contents.mainpage .fadeBg{max-height: 470px;}
     #container #contents.mainpage .fadeBg div{display:none;}

    .mainpage #searchFilterArea{padding: 0 30px;} /*셀렉트형식의 버튼 150102추가*/ /*(150115수정)*/
    .mainpage .select-button{/*width: 24.25%;*/ margin-left: 1%; border-radius: 6px; float: none; display: inline-block;} /*(150115수정)*/
    .mainpage .select-button:first-child{margin-left: 0;}
    .mainpage .select-button.large{min-width: inherit;}
    .mainpage .select-button .filter-selected{/*min-width: inherit;*/} /*(150115수정)*/

    .mainpage .select-button .selectableList.region{padding: 6px 10px; top: -100%; left: 0%;} /*지역 셀렉트*/
    .mainpage .select-button .selectableList.region > li{/*width: 50%;*/font-size: 12px;} /*(150115수정)*/
    .mainpage .select-button .selectableList.space{top: -100%;} /*공간 셀렉트*/
    .mainpage .select-button .selectableList{top: -200%;} /*가격 셀렉트*/
    #container #contents.mainpage .searchArea{width:100%;}
    #container #contents.mainpage .searchArea h1 img{width:100%; max-width: 480px;}
	
	#container #contents.mainpage .searchArea h1{padding:0 3%;}
	#container #contents.mainpage .fadeBg img{height: 100%; width:inherit;}
	#container #contents.mainpage .fadeBg div{display:none;}
	
      #container #contents.mainpage .searchBar{max-width: 450px; margin: 0 auto;} /*메인 검색 영역*/
      #container #contents.mainpage .searchBar{width: 90%; top: 10px;}
      #container #contents.mainpage .searchBar input[type='text']{width: 81%;} /*(150115수정)*/
      #container #contents.mainpage .searchBar input#keyword::-webkit-input-placeholder{font-size: 16px; line-height: 170%;}
      #container #contents.mainpage .searchBar input#keyword::-ms-input-placeholder{font-size: 16px; line-height: 170%;}
      #container #contents.mainpage .searchBar input#keyword::-moz-input-placeholder{font-size: 16px; line-height: 170%;}
      #container #contents.mainpage .searchBar a.srhBtn{} /*(150115수정)*/
      
      #container #contents.mainpage ul.recommendKeyword{width: 85%;padding: 30px 0 11%;}

      .mainpage .go-to-icon-area{width: 100%; margin-bottom: 0px;}
      .mainpage .go-to-icon-area ul li a{display: block; padding: 5px 8px;}
      .mainpage .go-to-icon-area ul li a img{width: 85px; display: inline-block;} /*(150115수정)*/

      /*메인페이지 공간찾을때 등록할 때 영역 141226 추가*/
     .mainpage .find-and-register{margin-bottom: 15px;}
     .mainpage .find-and-register ul li{width: 100%;}

     /*메인페이지 추천공간 영역 141226 추가*/
      .mainpage .recommend-space{width: 100%; padding-bottom: 30px;}
      .mainpage .recommend-space ul li{width: 42%; padding: 0 4%; margin-bottom: 40px; text-align: left;}
      .mainpage .recommend-space ul li a {width: 100%;}
      .mainpage .recommend-space ul li a img {width: 100%;}
      /*.mainpage .recommend-space ul li{width: inherit; float: none; margin-bottom: 10px;}
      .mainpage .recommend-space ul li a{width: inherit; padding: 0 15px;}
      .mainpage .recommend-space ul li a img{width: 100%;}*/
	
	
	
	/*검색 결과 영역(구 메인)*/
	.sortByDistSection{padding: 10px 5px 0px 5px;}
	#TopNotice{top: 44px;}
	#TopNotice #topSection{padding: 0 5px;}
    #TopNotice #topSection .right-side .select-button2{display: none;} /*태블릿에선 기본 검색영역에서 지역전체, 공간전체 없음*/
	
	#TopNotice #topSection div.citySelect{background:none;}

   /*상세검색*/
    #TopNotice #detailSearchArea{padding: 10px 5px;}
    #detailSearchArea .detail-search-select-area{width: 60%; display: inline-block; padding-bottom: 15px;}
    #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-box{width: 100%; float: none; font-size: 0; letter-spacing: 0; margin-top: 24px; margin-left: 0;}
    #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list > li{display: inline-block; letter-spacing: 0; font-size: 0; margin-bottom: 0;}
    #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list.priceSystem > li{margin-bottom: 10px;}
    #detailSearchArea .detail-search-keyword-area{width: 38%; display: inline-block; position: static;}
    

    #TopNotice #detailSearchArea #detailSearchAreaInner #detailSearchCloseBtn-mobile{position: absolute; right: 15px; bottom: 10px; top: inherit;}
     
     #TopNotice #detailSearchArea .detail-search-left-side{padding: 0 15px; overflow: hidden; float: none;} /*150115수정*/
     #TopNotice #detailSearchArea .list-cover{min-width: inherit; width: 20%; margin-right: 3%;} /*150115수정*/
     #TopNotice #detailSearchArea .list-cover:first-child{width: 31%;} /*150115수정*/
     #TopNotice #detailSearchArea .list-cover:last-child{margin-right: 0;} /*150115수정*/
     #TopNotice #detailSearchArea .detail-search-list{max-width: 104px;} /*150115수정*/
     #TopNotice #detailSearchArea .detail-search-list.regionList{max-width: inherit;} /*150115수정*/
     
     #TopNotice #detailSearchArea .detail-search-right-side{padding: 0 15px; overflow: hidden; float: none;} /*150115수정*/
     #TopNotice #detailSearchArea .detail-search-button-area{float: right; margin-top: 60px;} /*150115수정*/
     #TopNotice #detailSearchArea .search-bg{margin-top: 0;} /*150115수정*/



	#container{padding-top: 46px;}
	#container #contents .mainItemArea .imgArea{width:70%;}
	#container.asp #contents .mainItemArea .imgArea{max-width:70%; margin-right: 2%;}
	#contents .mainItemArea{width:100%; height: 212px;}
	#contents .mainItemArea#map{width:100%; height: 180px;}
	#contents .mainItemArea .desArea{max-width: 28%;}
	#contents .mainItemArea .desArea h2{padding-top: 5%;}
	#contents .mainItemArea .desArea .description{min-height: inherit; max-height: 25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: inherit;}
	.sideBanner{display:none;}
	.m_eventBanner{display:block;}
	#contents .eventSection{display: none;}
	.desArea .rentPossible{padding-top: 5%;}
	#contents div.specialZoneArea{margin: 10px 10px 0 10px;}
	#contents div.specialZoneArea .flex-direction-nav{display: none;}
	#contents .mainItemArea .desArea .price{padding: 5% 0; font-size: 15px; right: 5px;}
	#contents .mainItemArea .premiumInfo{right: 0;}
	#contents .mainItemArea .eventSection{width: 30%;}
	#contents .eventSection.forMobile{width:100%; display: block; float: none; clear: both; margin-bottom: 0;}
	#contents .eventSection.forMobile a{padding:10px 10px 0px;}
	.searchResult{padding: 6px 5px 10px 6px;}
	
	.otherItems ul li.item{width:49%; margin-left:0;}
	.otherItems ul li.item:nth-child(even){margin-left:2%;}
	.otherItems ul li.item>a{margin: 0 0px 0 5px;}
	.otherItems ul li.item:nth-child(even) >a{margin:0 5px 0 0px;}
	#container .otherItems ul li.item .desArea .description{width:47%;}
	#container.asp .otherItems ul li.item .desArea .description{width:47%;}
	#container #contents ul.district{padding: 8px 4px;}
	#container #contents ul.district li{width: 80px;}
	.imgArea .locTag{left: 0px;}
	.locTag{left: 10px;}
	.otherItems ul li.item:nth-child(even) .locTag{left: 0px;}
	
	.otherItems ul li.item>a .priceInfoArea{display:none;}
	
	
	/*20150225_이재범_검색 결과*/
	.resultSection .list_version2{width:inherit !important; margin:0;}/*20150324_이재범_검색결과 2단 레이아웃으로 수정*/
	.resultSection .list_version2 li dt span{position:absolute; right:10px; display:block; padding-top:2px;}
	
	.pfWish{margin-top:0;}			
	#TopNotice #detailSearchBtn{display:inherit;background: url('/img/btn_icon/arr_gr_d_2.png') no-repeat right; padding: 10px 17px 10px 10px; font-size: 13px; margin: 4px 0 0 5px;}/*상세검색버튼*/
	#TopNotice #topSection .searchBoxArea #mainSearchInput{width: 300px;}
	/*상세 페이지*/
	.flex-viewport{right: 0px;}
	ol.flex-control-thumbs{background:#ccc;} /*CSS개편_이재범_2015.03.18*/
	/*.flex-control-thumbs li{height:53px;} CSS개편_이재범_2015.03.18*/
	#contents .mainItemArea.detail{height:100%;}
	#contents .mainItemArea.detail .zoomBtn{bottom: 16%; top:inherit;}
	#contents .mainItemArea.detail .imgArea .badge.sp{bottom: 60px; right: 12px;}
	#container #contents .mainItemArea .imgArea.detail{width:100%; max-width:100%; margin:0;}
	#contents .mainItemArea .imgArea.detail .locTag{left:0;}
	#contents .mainItemArea.detail .desArea{max-width: inherit; border-bottom:1px solid #ddd;}
	#contents .mainItemArea.detail .desArea .infoArea{width: 58%; float: left;}
	#contents .mainItemArea.detail .desArea .map{width: 42%; float: left; margin-left: 0;}
	#contents .mainItemArea.detail .basicInfo{padding: 10px 0 0px 15px;}
	#contents .mainItemArea.detail .basicInfo li{float:left;}
	#contents .mainItemArea.detail p.price{padding: 0; font-size: 18px;}
	#descriptionArea #description{width: 58%; float: left;padding: 0 0 40px 0; min-height: initial;}
	#descriptionArea #description h2{padding: 10px 15px 0px 15px;}
	#descriptionArea #description h3{font-size: 14px; padding: 18px 15px 0px 15px;}
	#descriptionArea #description p{font-size: 14px; padding: 9px 15px;}
	#descriptionArea #rentalArea{width: 41.5%; float: right; max-width: none;}
	#descriptionArea #description div.seoulPublicArea ol{padding: 40px 10%; margin: 0 2%;}
	
	
	/*예약 영역*/
	#container .infoWindow .Info ul li{width:23%; background:none; padding-left: 4px;}
	.infoWindow .Info ul li.coupon .price.minus{font-size:13px;}
	.infoWindow .Info ul li.coupon .minusMark{width: 12px; height: 12px; background-size: 100%; margin-right: 0px; margin-left: -11px;}
	#container .infoWindow .Info{width: 66%;}
	#container .infoWindow .total{float: right; width: 34%;}
	#container .subscriber{padding: 10px 15px;}
	#container .subscriber .info{width:74%; float:left; overflow: hidden;}
	#container .subscriber .modifyBtn{width: 25%; min-width: inherit;}
	#container .subscriber p{padding: 11px 0 10px 0px;}
	#reservationContents{background:#fff; height: inherit !important; max-height: inherit !important;}
	#reservationContents .reserSection{width: 100%;}
	#reservationContents .reserSection .reserInner{padding: 20px 15px;}
	#reservationContents .reserSection.secondReserSection{padding-bottom: 20%;}
	#reservationContents .reserSection .reserInner .time ul li{width: 33.3%;}
	.ui-datepicker{width: 100% !important;}/*달력크기*/

	#reservationContents .reserSection .reserInner .persons input{width: 40px;}
	#reservationContents .reserSection .reserInner article .numberOfPeople{font-size: 11px; margin-left: -1px; letter-spacing: -1px;}
	#reservationContents .reserSection.reserInfoArea{display:none;}
	#reservationContents div.reserveBtnBox{width:100%;}
	
	.forDevice{display:block;}
	.infoWindow{top: 49px;}
	
	
	/*예약상세 통합 영역 140707*/
	#reservationContents.detailAndReservaion .detailSection{width:100%;}
	#reservationContents.detailAndReservaion .basicInfoAreaInner{width:100%;}
	#reservationContents.detailAndReservaion .basicInfoAreaInner:first-child{border-bottom: 1px solid #ddd;}
	#reservationContents.detailAndReservaion .detail .zoomBtn{top: 83%;}
	#reservationContents.detailAndReservaion .basicInfoArea .basicInfo{width:inherit;}
	#reservationContents.detailAndReservaion .basicInfoArea li{width: 28%; display: inline-block; margin: 0 0 6px 0; padding-left: 4%; vertical-align: top;}
	#reservationContents.detailAndReservaion .basicInfoArea li.address{width:90%;}
	#reservationContents.detailAndReservaion .additionalInputAndCalculator{width: 100%; float: left;}
	#reservationContents.detailAndReservaion dl.priceSystemList dd{width: 35%; margin-bottom: 14px;}
	#reservationContents.detailAndReservaion .texteditorArea{min-height: 200px; border-bottom: 4px double #ddd;}
	#reservationContents.detailAndReservaion .reserSection{width:100%;}
	#reservationContents.detailAndReservaion .reserSection .reserInner{width: 100%; padding: 0; float: left; border:none;}
	#reservationContents.detailAndReservaion .reserSection .additionalInputAndCalculator .reserInner{width:100%;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article.menu .rentalArea{padding: 0 0px 30px 0px;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article{padding: 0 20px 30px 20px; margin-top:0; border-right: 1px solid #ddd;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article:first-child{padding: 30px 20px 15px 20px;}
	#reservationContents .reserSection .reserInner .time ul li a{letter-spacing: -1px;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article.periodArea{margin-top:15px;}
	#reservationContents.detailAndReservaion article.nameAndPhone input{width: 46%; padding: 8px 1%;}
	#reservationContents.detailAndReservaion article.nameAndPhone input:first-child{margin-right:0;}
	
	/* 20150223_이재범_댓글 영역 */
	.commentSection{width:100%;}
	.commentSection .commentList dd{width:85%;}
	
	.pfActivity .commentList .cmtPhoto img{right:45px;}/*20150506_이재범_프로필의최근활동(댓글)*/
	
	/*My 영역*/
	.tabArea h2{width:32%; text-indent: 2%; }
	#container.my_resister .tabArea h2{width:100%;}
	.tabArea .tab{width:68%; right: 1px; top:20px;}
	.tabArea .tab ul li{width:33.3%;}
	.tabArea .tab ul.mytab li{width:25%!important;}
	.tabArea .tab ul li.spaceMenu{display: none;}
	.tabArea .tab ul li a{min-width: inherit; font-size:12px;}
	.m_spaceMenu{padding:10px 15px; border-bottom:1px solid #ddd; display:block;} /*my: 기업 회원정보 수정 페이지 임대,관리 버튼 영역*/
	table.table1 tr.emailInput td>div{margin-bottom: 10px;}
	table.table1 .chargerNum{margin-bottom:10px;}
	table.table1 .division{float:left;}
	table.table1 tr.bankAccount .selectBox, table.table1 tr.bankAccount input.bankAccountNum{display: block;}
	table.table1 tr.bankAccount input.bankAccountNum{margin-top:10px; width:95%;}
	table.table1 tr.address input.addressInput1, table.table1 tr.address input.addressInput2{width:35%;}
	table.table2.mySpaceEditTable td.state div.radioBigContainer .radioBoxArea{margin-right: -5px;}
	.aboutLogin.changePw label{width:23% !important;}
	.aboutLogin.changePw label[for="newPwchk"]{letter-spacing: -1px;}
	.spaceRegister table.spaceBasicInfo tr.price td span.des{clear: both;}
	
	#container #contents.my_memberInfo .member_leave .title{padding: 22px 45px;}/*my:회원탈퇴*/
	
	/*공간등록 영역*/ /*CSS개편_이재범_20150407*/
	.rentalItemManager ul li .controlBox{padding-left:10px;}
	.rentalItemManager ul li .controlBox .titleOfMenu{width:96%; margin-bottom:6px;}
	.rentalItemManager ul li .controlBox input.titleOfMenuInput{width:92%; margin:0 20px 0 0;}
	.rentalItemManager .removeBtn{top:10px; left:inherit; float:right; right:10px;}
	
	.premiumProcess{padding:20px 0;}
	.premiumProcess li{width:88%; margin:4px 10px; padding:4px 6px 4px 28px; text-align:left;}
	.premiumProcess li p{margin:inherit; position:absolute; top:2px; left:-3px; text-align:center;}
	.premiumProcess li div{display:inline-block; margin-left:10px;}
	.premiumProcess li div br{display:none; }
	.premiumProcess li img{display:none;}

	/*회원가입 영역*/
	.tabArea .tab.join ul li{width:25%;}
	.tabArea .tab.join ul li.longVer{width:50%;}
	#container #contents.step1{padding-top: 60px;}
	#container #contents.step1 .conWrap{padding: 0 30px;}
	#container #contents.step1 ul{padding-top: 20px;}
	#container #contents.step1 ul li{width:100%; background-position: 96% 50%;}/*20150407_이재범_깨짐현상 수정*/
	#container #contents.step1 ul li.normal{margin: 0 0 10px 0;}
	
	#container #contents.step1 dl.note{width: 100%;}
	#container #contents.step1 .basicBtn2.fbJoin{width:100%; margin-top: 15px;}
	
	#container #contents .conWrap{padding: 0 15px !important;}/*회원,로그인 공통*/
	#container .policyArea .policy{padding: 20px 15px 10px 15px;}/*이용약관*/
	#container .inputBox .basicBtn2{margin-right:5px;}
	#container .certificationNumArea .inputBox .des{float:none; margin:0;}
	
	table.table3 td:last-child{padding-left: 6%;}
	
    .birthdate input{width:20%;}
    .birthdate .selectBox{width:24%; display:inline-block;}
    .certifyNum{width:inherit; display:block; margin-top:10px;}
	
	/*로그인 영역*/
	.radioBigContainer{width: 32%;}
	.aboutLogin label {width:55px !important;}
	.fbLoginBox.aboutLogin label{line-height: 22px;}
	.fbLoginBox .restOf .des{display: block;}
	.aboutLogin .loginBox_inner.half:first-child .title{padding-left:0;}
	.aboutLogin.findPw .loginBox_inner{padding: 0;}
	.aboutLogin input#pw + .basicBtn2{min-width: 35%; margin-bottom:10px;}/*패스워드 로그인 버튼*/
	.half .restOf input[type="text"],.half .restOf input[type="password"],.half .restOf input[type="email"],.half .restOf input[type="tel"]{width:100%;}
	.aboutLogin .restOf input[type="text"], .restOf input[type="password"], .restOf input[type="email"], .restOf input[type="tel"]{width:30%!important;}	
	input.nspaceEmail{width:32.7%;}
	table.table4 input[type="text"],table.table4 input[type="tel"],table.table4 input[type="email"]{width:40%;}
	table.table4 .nspacePw + a{width:150px !important; min-width: inherit;}
	table.table4 td:first-child{width:19%;}
	
	.exclamation.login{color:#666; font-size:13px;}
	table.table4.passwordTable tr.checkBoxTr td .radioBigContainer{min-width: 80px;}
	table.table4.passwordTable .nspaceId,table.table4.passwordTable .nspaceName{width:80%;}
	table.table4.passwordTable .certifyNum{margin-top:8px;}
	
	
	/*서비스소개 영역*/
	#container #contents.introduction .introTxt{background:#fff; padding:0 15px;}
	#container #contents.introduction div.introContents .imgArea img{width:80%;}
	#container #contents.introduction div.introContents.bottom .imgArea img{width:90%;}
	
	#container #contents.introduction .introTxt	.recruitStep{width:70px;height:45px;padding-top:25px;}
	
	/*이용안내 영역*/
	.tabArea .tab.third ul li{width:33.3%;}
	#container #contents.tutorial div.conWrap{padding: 15px !important;}
	#container #contents.tutorial section.tutorialBox ol li img{width:70%}
	
	.wishInfo{display:none} /*20141128/이재범/공간상세에서 찜하기안내문구*/
	
}


/********************************************************************************************************************************************************************************/
/**************************************************************************모바일용 0 ~ 480px********************************************************************************/
/********************************************************************************************************************************************************************************/


@media screen and (max-width: 480px){
	input{padding:8px 1px;}
	
	.displayBlockForDevice{display:block;}/*태블릿과 모바일에서 block변경*/
	
	.simplemodal-wrap{width:90% !important; margin:0 auto;}/*팝업*/
	.layerPop .searchArea{padding: 15px 10px;}/*주소 팝업*/
	.layerPop .searchArea .dongName{font-size: 12px; width: 16%; margin: 7px 5px 0 0;}
	.layerPop .searchArea input{width: 54%;}
	.layerPop .searchArea .srchBtn{width: 13%; min-width: 34px;}
	.layerPop .addressLists{overflow-y: visible; height: 100%;}
	.layerPop .addressLists ul li{padding: 5px 14px;}
	.layerPop .layerContent .layerCarousel table.table4 .saveId{font-size: 12px; margin-left: -6px; letter-spacing: -1px;}/*로그인팝업*/
	.layerPop .layerContent .layerCarousel table.table4 td:first-child{width: 27%;}
	.layerPop .layerContent .layerCarousel table.table4 td:last-child{padding-left: 5px !important;}
	
	.layerPop.wishReserve .wishDate {width: 70%;}
	
	.layerPop.itemChoice .rentalArea ul li .myform{width: 93%;}
	
	table.table5 tr td{vertical-align: middle;}
  table.table5 tr td.innerDivier{padding-top: 6px; padding-bottom: 0;}
	table.table5 tr td.title{width: 21%; padding-right: 2.5%; text-align: center;}
	table.table5 tr td span.subTitle{width: 100%; font-size:13px; margin-bottom: 5px;}
	table.table5 tr td span.couponName{width:100%; background-size: 22px; background-position: 0px 2px; padding-left: 25px;}
	table.table5 tr td span.couponName + .quantity{display: block; text-align: right; padding-right: 15px;}
	table.table5 tr td span.subTitle:before{content: "-"}
	table.table5 tr td span.subContent{width: 100%;}
	table.table5 tr td span.subContent .standardHour{width:100%;}
  table.table5 ul.essentialItemList li span.essentialItem{width:100%;}
	table.table5 ul.essentialItemList{width: 100%;}
	table.table5 ul.essentialItemList li{font-size: 12px; letter-spacing: -1px; padding: 4px 0; border-top: 1px solid #dcdcdc;}
	table.table5 tr td span.subContent .rentalTime{font-size: 12px; padding: 4px 0; border-top:1px solid #dcdcdc; letter-spacing: -1px;}
	table.table5 ul.rentalItemList{width: 100%;}
	table.table5 ul.rentalItemList li{font-size: 12px; letter-spacing: -1px;}
	table.table5 ul.rentalItemList li span.rentalItem{width: 55%; padding-left: 0; background: none;}
	table.table5 ul.rentalItemList li span.rentalItem span.pay{}
  table.table5 tr td span.subContent .standardHour, table.table5 tr td span.subContent .timeEachother.timeEachother{width:100%; margin-bottom: 2px;}
  table.table5 tr td span.subContent .timeEachother:before{display:inline;}
	.btnBox.third.arranged div{width:33.3%;max-width: inherit;}/*버튼 3개짜리 어렌지드 모바일 버전*/
	
	.tooLongTxtBtnBox a{max-width: 125px; min-width: inherit;} /*텍스트가 긴 버튼에 대한 모바일 컨트롤*/
	
	.btnBox.third div a {min-width: inherit;}/*버튼3개*/
	.btnBox.third div a{margin:0 2% 0 3%; font-size: 13px;}
	.btnBox.third div:first-child a{margin:0 4% 0 0;}
	.btnBox.third div:last-child a{margin:0 0 0 4%;}
	.btnBox.third.twoLeftoneRight div{max-width: inherit; float:left;}
	.btnBox.third.twoLeftoneRight div:last-child{float:left;}
	.btnBox.third.twoLeftoneRight div a{float:none;}
	
	.btnBox.third.m_50quater div{width: 50%; margin-right: 0%;}/*버튼3개: 결제취소시 유의사항 버튼과 같이 버튼명이 길어서 작은화면에서 깨질경우*/
	.btnBox.third.m_50quater div:last-child{width:100%;}
	.btnBox.third.m_50quater div:last-child a{margin: 0;}
	
	
	.btnBox.quater.twoLestTwoRight div{width: 25%; margin:0;}/*버튼4개*/
	.btnBox.quater.twoLestTwoRight div:nth-last-child(2), .btnBox.quater.twoLestTwoRight div:last-child{float:left; margin:0 ;}
	.btnBox.quater.twoLestTwoRight div a{min-width: inherit; float:none; margin:0 2%;}
	.btnBox.quater.twoLestTwoRight div:first-child a{margin:0 2% 0 0;}
	.btnBox.quater.twoLestTwoRight div:last-child a{margin: 0 0 0 2%;}
	.btnBox.quater.twoLestTwoRight div:nth-last-child(2) a{margin: 0 2% 0 2%;}
	
	.btnBox.quater.twoLestTwoRight.m_50quater div{width:50%;} /*버튼4개: 결제취소시 유의사항 버튼과 같이 버튼명이 길어서 작은화면에서 깨질경우*/
	
	button.topBtn{right: 0px !important;}
	
	.payInfo.cancelInfo table.table1 tr td.title{width: 27%; white-space: nowrap;}
	.payInfo h3 .des{display:block; padding-left: 0;}
	.payInfo table.table1 tr td.returnTd div.bankSelect label{margin-top: 0;}
	.payInfo table.table1 tr td.returnTd section>div{width: 100%; padding: 5px 0;}
	.payInfo table.table1 tr td.returnTd section>div input{width:60%;}
	.payInfo table.table1 tr td.returnTd div.bankSelect .inputs{width: 60%;}
	.payInfo table.table1 tr td.returnTd label{width:60px; display: block; float: left;}
	
	.tabNone h2{width:100%; text-align:center; margin-top:0px;}/*20160427_이재범_텝메뉴없는타이틀영역*/
	.tabNone .tabArea{height:55px;}/*20160427_이재범_텝메뉴없는타이틀영역*/
	
	/*헤더*/
	header{overflow: visible;}
	header #headerSection{position: relative;}
	header #biArea{width: 130px; padding: 9px 0 9px 8px;}
	header.asp #biArea{width: inherit; padding: 6px 0 6px 8px;}
	header #biArea a img{width: 100%;}
	header.asp #biArea a img{max-height: 30px; width:inherit;}
	header #biArea h1{padding: 8px 0 0 17px; font-size: 15px;}
	header .snsBtnArea{display: none;}
	header a.applyBtn{font-size: 12px;  margin: 15px 80px 0 0;}
	header nav{width:14%; border:none;}
	header nav:active{background-color: #efefef;}
	header nav ul#nav{display: none;}
	header nav{position:static;}
	header nav .reverseAutionBtn{left: inherit; right:84px; top: 13px;}
	header nav #m_nav{width: 100%;position: absolute; display:block; top: 0px; right: 0;}
	header nav #m_nav .navBtn{min-height:46px; background: url('/img/common/m_menu_btn.gif') no-repeat 50% 50%; position: absolute; right: 0; width: 57px; cursor: pointer;}
	header.asp nav #m_nav .navBtn{min-height: 42px; background: url('/img/common/m_menu_btn.gif') no-repeat 50% 50%; border-left: 1px solid #ddd; position: absolute; right: 0; width: 57px; cursor: pointer;}
	header nav #m_nav .navBtn.selected{background-image:url('/img/common/m_menu_btn_selected.png'); background-color:#333;}
	header nav #m_nav ul{display:none; overflow: hidden; clear: both; position: relative; top: 45px;}
	header nav #m_nav ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000; color: #888;}
	header nav #m_nav ul li.searchBoxArea input{width: 70%; color: #efefef; background:#4d4d4d; border:none; float: left;}
	header nav #m_nav ul li.searchBoxArea a.srchBtn{width:26%; min-width: inherit; margin-left: 6px; background-image: none; padding: 6px 0;}
	header nav #m_nav ul li.sub{width:50%; background:#000; float:left; border:none;}
	header nav #m_nav ul li.sub a{border-bottom:1px solid #242424; background: url('/img/btn_icon/arr_gr_r.png') no-repeat 95% center; padding: 10px 0 10px 20px;}
	header nav #m_nav ul li.sub a:nth-child(odd){border-right:1px solid #242424;}
	header nav #m_nav ul li a{display: block; padding:10px 0 10px 35px; background: url('/img/common/header_icon_m.png') no-repeat;}
	header nav #m_nav ul li a.notice{background-position: 15px 13px;}
	header nav #m_nav ul li a.login{background-position: 15px -37px;}
	header nav #m_nav ul li a.join{background-position: 15px -88px;}
	header nav #m_nav ul li a.qna{background-position:15px -137px;}
	header nav #m_nav ul li a:hover{color:#fff;}
	
	header.asp nav #m_nav ul{display:none; overflow: hidden; clear: both; position: relative; top: 42px;}
	header.asp nav #m_nav ul li{background:#333; border-top:1px solid #444; border-bottom:1px solid #000; color: #888;}
	header.asp nav #m_nav ul li:first-child{border-top:none; padding:0;}
	header.asp nav #m_nav ul li:last-child{border-bottom:none;}
	header.asp nav #m_nav ul li a{display: block; padding:10px 0 10px 35px; background: url('/img/common/header_icon_m.png') no-repeat;}
	header.asp nav #m_nav ul li a.notice{background-position: 15px 13px;}
	header.asp nav #m_nav ul li a.login{background-position: 15px -37px;}
	header.asp nav #m_nav ul li a.join{background-position: 15px -88px;}
	header.asp nav #m_nav ul li a.qna{background-position:15px -137px;}
	header.asp nav #m_nav ul li a:hover{color:#fff;}
	
	div.mainSearchArea{display: none;}
	/*푸터*/
	footer{margin-top: 0px; padding: 10px 10px 40px 10px;}
	footer .footerContents{width: 100%;}
	footer .footerBi{bottom:-30px; left:0; position:absolute;}
	footer .companyName{margin-bottom: 6px;}
	footer .nspaceBi{width: 96%; margin: 0 2%;padding-top: 12px;}
	footer .nspaceBi a{float:left;}
	footer .basicInfo{border:1px solid #cbcbcb;border-bottom:none;border-right:none;background:none;clear:both;margin-bottom:10px}
	footer .basicInfo li{width: 50%; margin-left: 0; padding: 0 !important; background:none; margin-right:0;}
	footer .basicInfo li:last-child{background:#f7f7f7 url('/img/common/bar1.gif') no-repeat center right;}
	footer .basicInfo li.phone{border-bottom:1px solid #cbcbcb; background-position: 10px 11px;}
	footer .basicInfo li.phone a{padding-left: 26px;}
	footer .basicInfo li.email{border-bottom:1px solid #cbcbcb; background-position: 10px -20px;}
	footer .basicInfo li.email a{padding-left: 26px;}
	footer .basicInfo li a{padding-right: 0; border-bottom: 1px solid #cbcbcb; border-right:1px solid #cbcbcb; background:#f7f7f7  url('/img/btn_icon/more_icon.png') no-repeat 95% 50%; padding: 8px 0px 8px 10px; background-size: 7px;}
	footer .basicInfo li:last-child a{background: url('/img/btn_icon/more_icon.png') no-repeat 95% 50%; background-size: 7px;}
	
	footer.asp{margin-top: 0px; padding: 10px 0px 20px 0px;}
	footer.asp .footerContents{width: 96%; margin: 0 2%;}
	footer.asp .nspaceBi{width: 96%; margin: 0 2%;padding-top: 12px;}
	footer.asp .nspaceBi a{float:left;}
	footer.asp .basicInfo{border:1px solid #cbcbcb; background:#f7f7f7; clear: both;}
	footer.asp .basicInfo li{width: 50%; margin-right: 0; padding: 0 !important;}
	footer.asp .basicInfo li.phone{border-bottom:1px solid #cbcbcb; background-position: 10px 11px;}
	footer.asp .basicInfo li.phone a{padding-left: 26px;}
	footer.asp .basicInfo li.email{border-bottom:1px solid #cbcbcb; background-position: 10px -20px;}
	footer.asp .basicInfo li.email a{padding-left: 26px;}
	footer.asp .basicInfo li a{padding-right: 0; background: url('/img/btn_icon/more_icon.png') no-repeat 95% 50%; padding: 8px 0px 8px 10px; background-size: 7px;}
	footer.asp .basicInfo li:nth-child(odd) a{border-right:1px solid #cbcbcb;}
	footer.asp .basicInfo li:last-child a{background: url('/img/btn_icon/more_icon.png') no-repeat 95% 50%; background-size: 7px;}
	
	
	
	
	
	/*컨텐츠*/
	#container{padding-top: 45px;}
	/*#container.asp{padding-top: 45px;}*/
	#container.my_reservation{background:#fff;}/*my예약관리*/
	#container.asp #TopNotice{height: 31px;}
	#container.asp #TopNotice{position: static; border-bottom: none; top:inherit;}
	#container.asp #TopNotice .notice{width: 39%;margin: 6px 0 0 1%;}
	#container.asp #TopNotice #locationSel{width: 54%;}

	#TopNotice #topSection .searchBoxArea{width: 60%;}/*20150415_이재범_수정*/
	#TopNotice #topSection .searchBoxArea input{width: 66%; min-width: inherit;}
	#TopNotice #topSection .searchBoxArea a.srchBtn{min-width: 20px; height: 19px; margin-left: 2px; float: left; !important}
	#TopNotice #topSection select.m_select{position: absolute; top: 10px; opacity:0;}
	#TopNotice #topSection select.m_categorySelect{position: absolute; top: 0; left:0; opacity:0;}
	#container.asp #TopNotice #locationSel .now{padding: 6px 0 6px 25px;}
	#container.asp #TopNotice #locationSel .now a .arr{right: 5px;}
	
	
	/*메인*/

	/*20150305_이재범_화이트데이이벤트*/
	.whitedayEvt{padding:190px 0 0 0; background-size: 400%;}
	.whiteItems ul li.item .desArea .description{width:88%;}
	

	/*20150305_이재범_화이트데이이벤트*/
	#container .whiteItems ul li.item:first-child{border-top:1px solid #ddd;}
	#container .whiteItems ul li.item{width: 100%; margin: 0; border-bottom: 1px solid #ddd;} /*리스트 영역 140709*/ 
	#container .whiteItems ul li.item>a{margin:0px; border:none; border:none;}
	.whiteItems ul li.item>a div.itemImg{float: left;}
	.whiteItems ul li.item .desArea{height: 106px; background: #fff; padding: 0; position: relative; border:none;}
	.whiteItems ul li.item .callBtn{position: absolute; right: 23px; bottom: 12px; display: inline-block;}
	.whiteItems ul li.item>a img{width: 106px; height: 106px;}
	.whiteItems ul li.item>a .location{width: inherit; position: absolute; left: 119px; top: 13px; bottom: inherit; margin: 0; text-align: center; z-index: 10;}
	#container .whiteItems ul li.item .desArea .description{width: 88%; position: absolute; margin: 0; top: 35px; left: 13px; font-size:15px;}
	#container .whiteItems.locTag{left: 5px;}
	.whiteItems ul li.item .desArea ul.aboutPrice{float: none; position: absolute; left: 14px; bottom: 13px;}
	.whiteItems ul li.item .desArea ul.aboutPrice li.discounted{display: none;}
	.whiteItems ul li.item .badge.sp{right: inherit; left: 67px; bottom: 2px;}
	
	.whiteItems ul li.item>a .priceInfoArea{display:none;}
	
	#container #contents.mainpage{margin-top:43px;}
	#container #contents.mainpage span.logoArea .shareLogo{max-width: 70px; top: 15px; right: 15px;}
	#container #contents.mainpage .searchArea{width:100%; padding-top: 16%;} /*(150115수정)*/
    #container #contents.mainpage .searchArea h1{padding: 0px 15px; margin-bottom: 30px;}
	#container #contents.mainpage .searchArea h1 img{width:100%;}
	#container #contents.mainpage .fadeBg{max-height: 410px;}	/*(150115수정)*/
	#container #contents.mainpage .fadeBg img{height: 100%; width:inherit;}

     /*20150305_이재범_화이트데이이벤트페이지*/         
     .eventPage{background-size:400%}
     .eventWhiteday{margin-top: -9px;}
     .eventWhiteday ul li .listThumbnail{width:100%; height:200px; margin-bottom:10px; display:table;}
     .eventWhiteday ul li .listThumbnail img{display:block; width:100%; height:100%;}
     .eventWhiteday ul li dt span{position:absolute; right:10px; display:block; padding-top:2px;}

	 .eventWhiteday ol li{display:block; text-align:left; margin-bottom:7px;}

     .mainpage #searchFilterArea{padding: 0 15px;} /*셀렉트형식의 버튼 141226추가*/
     .mainpage .select-button{width: 48%; margin-left: 4%; margin-bottom: 10px; border-radius: 6px; float: left;}
     .mainpage .select-button.large{min-width: inherit;}
     .mainpage .select-button:nth-child(odd){margin-left: 0;}
     .mainpage .select-button .filter-selected{min-width: inherit; padding: 6px 5px 5px 15px;}

     .mainpage .select-button .selectableList.region{min-width: 180%; padding: 6px 10px; top: -200%; left: 0%;} /*지역 셀렉트*/ /*(150115수정)*/
     .mainpage .select-button .selectableList.region > li{/*width: 50%;*/ font-size: 12px;}
     .mainpage .select-button .selectableList.region .selectableList-inner li{padding: 0 0 0 10px;} /*지역 셀렉트 li는 모바일에서 가능한 한화면에서 보여주기 위해 패딩값을 줄인다*/
     .mainpage .select-button .selectableList.priceSelection li{padding: 0 0 0 10px;} /*가격선택 셀렉트 li는 모바일에서 가능한 한화면에서 보여주기 위해 패딩값을 줄인다*/
     .select-button .selectableList li.listBtnArea{padding-left: 0 !important;}/*(150115수정)*/
     .mainpage .select-button .selectableList.space{top: -100%; left: -20px;} /*공간 셀렉트*/ /*(150115수정)*/
     .mainpage .select-button .selectableList.people{left: -20px;}/*인원 셀렉트*/ /*(150115수정)*/
     .mainpage .select-button .selectableList{top: -400%;} /*가격 셀렉트*/

		
	#container #contents.mainpage ul.linkIconArea{width: 100%; text-align: center; margin:15px 0;}
	#container #contents.mainpage ul.linkIconArea li{width: 44px; margin: 0 0 0 3px; display: inline-block; float: none;}
	#container #contents.mainpage ul.linkIconArea li:hover, #container #contents.mainpage ul.linkIconArea li:active{top:0px;}
	
	#container #contents.mainpage ul.linkIconArea li a.icon{background-size:88%; height: 52px;}
	
	#container #contents.mainpage .searchBar{width: 90%; top: 10px;} /*메인 검색 영역*/
	#container #contents.mainpage .searchBar input[type='text']{width: 75%; padding: 12px 3%;}
	#container #contents.mainpage .searchBar input#keyword::-webkit-input-placeholder{font-size: 16px; line-height: 170%;}
	#container #contents.mainpage .searchBar input#keyword::-ms-input-placeholder{font-size: 16px; line-height: 170%;}
	#container #contents.mainpage .searchBar input#keyword::-moz-input-placeholder{font-size: 16px; line-height: 170%;}
	#container #contents.mainpage .searchBar a.srhBtn{width: 20%; height: 40px;}
	#container #contents.mainpage .searchBar div.searchCategory{width: 92px; top:8px; left: 11px; border-radius: 15px 0 0 15px;}
	#container #contents.mainpage .searchBar div.searchCategory p{font-size: 14px;}
	#container #contents.mainpage .searchBar div.searchCategory ul{width: 130%; padding: 16px 0; left: -11px;}
	#container #contents.mainpage .searchBar div.searchCategory ul li{font-size: 14px; padding: 2% 10px 2% 21px;}
	
	#container #contents.mainpage ul.recommendKeyword{width: 85%; padding-top: 15px;}
	#container #contents.mainpage ul.recommendKeyword li{}
	#container #contents.mainpage ul.recommendKeyword li a{font-size: 16px;}

	.eventWhiteday .vis{height: inherit;}
	.eventWhiteday .vis h2{font-size:32px; line-height:38px; padding: 40px 10px 15px 10px;}
	.eventWhiteday .vis p{font-size:12px; padding-bottom: 30px; width:90%;}
	.eventWhiteday .benefit{padding-top:30px;}

	/*20150331_이재범_추천기간한정이벤트*/
	.periodEvt{padding:130px 0 10px 0; background-size: 80%;}
	.periodItems ul li{width:inherit; float:inherit; padding: 1% 3%;}
	.periodItems ul li img{width: 100%;}

     
     /*메인페이지 바로가기(아이콘) 영역 141226 추가*/
     .mainpage .go-to-icon-container{padding: 30px 0;}
     .mainpage .go-to-icon-area{width: 100%; margin-bottom: 0px;}
     .mainpage .go-to-icon-area ul li{width: 33.3%; min-height:126px; margin-bottom: 10px;}
     .mainpage .go-to-icon-area ul li:nth-child(3){margin-bottom: 12px;}/*가로 길이가 33.3%일 때 3번째의 세로값이 1px작음 이로인해 레이아웃이 붕괴됨을 막는 margin-bottom: 12px;*/
     .mainpage .go-to-icon-area ul li a{display: block; padding: 5px 8px;}
     .mainpage .go-to-icon-area ul li a img{width: 85px; display: inline-block;} /*(150115수정)*/

     /*메인페이지 공간찾을때 등록할 때 영역 141226 추가*/
     .mainpage .find-and-register{margin-bottom: 15px;}
     .mainpage .find-and-register ul li{width: 100%;}

     /*메인페이지 추천공간 영역 141226 추가*/
     .mainpage .recommend-space{width: 100%; padding-bottom: 30px;}
     .mainpage .recommend-space ul li{width: inherit; float: none; margin-bottom: 10px;}
     .mainpage .recommend-space ul li a{width: inherit; padding: 0 15px;}
     .mainpage .recommend-space ul li a img{width: 100%;}

	
	/*검색 결과(구 메인)*/
	.sortByDistSection{padding: 10px 5px 0px 5px;}
	#TopNotice{padding:0; top: 44px;}
	#TopNotice #topSection div.citySelect{background:none;}
	#TopNotice #topSection ul.province{display: none;}
	#TopNotice #topSection div.citySelect.province1 .selectedCity{margin-left: 5px;}
	#container #contents ul.district{display:none;}
	/*#TopNotice .right-side .category{width: 25%; padding: 5px 5% 6px 2%;}*/
     
     
	#TopNotice #topSection div.citySelect .selectedCity{font-size: 14px; padding: 0 22px 0 0 !important;}
	#TopNotice #topSection div.citySelect{padding: 12px 0px 12px 0;}
	.sideBanner{display:none;}
	.m_eventBanner{display:block;}
	.m_eventBanner img{width:98%}
	#TopNotice .category.opend ul.categoryList{width:100%;}
	#container .selectBox2.provinceSelect{display:block;}
	#container .selectBox2.districtSelect{display:block;}

     #TopNotice #topSection .left-side{display: none !important;}/*상단 검색 bar*/
     #TopNotice #topSection .right-side{}/*모바일일 때는 이 부분문 남으므로 float를 해제한다*/
     #TopNotice .right-side .select-button2.category, #TopNotice .right-side .select-button2.region{display: none;}/*pc상단에 있는 일반 검색(상세검색아님)셀렉트창 hide*/
     #TopNotice #topSection .searchBoxArea #mainSearchInput{width: 100%; height: 30px;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     }
     /*#TopNotice #detailSearchBtn{margin-top: 6px;}*/
     /*#TopNotice #detailSearchBtn{display:block; margin-top: 6px;}*/
     #TopNotice #detailSearchBtn{display:inherit;background: url('/img/btn_icon/arr_gr_d_2.png') no-repeat right; padding: 10px 17px 10px 10px; font-size: 13px; margin: 4px 0 0 5px;}/*상세검색버튼*/
     
     
 	/*20150225_이재범_검색 결과*/
	.resultSection .list_version2{width:inherit !important; margin:0;}/*20150324_이재범_검색결과 2단 레이아웃으로 수정*/
	.resultSection .list_version2 li .listThumbnail{width:100%; margin-bottom:10px; display:table;}
	.resultSection .list_version2 li .listThumbnail img{display:block; width:100%; height:auto;}

	.resultSection .list_version2 li dt span{position:absolute; right:10px; display:block; padding-top:2px;}
	
	.resultSection .mapGuide{background:url(/img/common/map_info_mobile.png) no-repeat; width:239px; height:57px;}/*20151210_이재범_지도아이콘안내이미지 반응형으로*/	
          
     
     /*상세 검색*/
     #TopNotice #detailSearchArea #detailSearchAreaInner{display: block; padding: 0 5px;}
     #detailSearchArea .detail-search-select-area{width: 100%; display: inline-block; padding-bottom: 15px;}
     #TopNotice #detailSearchArea #detailSearchAreaInner .detail-search-box{width: 100%; float: none; margin-top: 24px; margin-left: 0;}
     #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list > li{display: inline-block; letter-spacing: 0; font-size: 0; margin-bottom: 0;}
     #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list.priceSystem > li{margin-bottom: 10px;}
     #TopNotice #detailSearchArea #detailSearchAreaInner .radio-box-list.priceSystem > li label[for="searchFilter-priceSystem-all"]{font-size:11px;}
     #detailSearchArea .detail-search-keyword-area{width: 100%; display: inline-block; position: static; padding-bottom: 10px;}
     #TopNotice #detailSearchArea .search-in-result-area{float: left;}
     #TopNotice #detailSearchArea #detailSearchAreaInner #detailSearchCloseBtn-mobile{position: static;}

	#contents .mainItemArea{height:212px; position: relative; box-shadow: 0px 2px 2px rgba(0,0,0,.3); border-bottom: 1px solid #999;}
	#contents .mainItemArea .imgArea{width:100%; margin:0;}
	#contents .mainItemArea#map{width:100%;}
	#contents div.specialZoneArea{margin: 8px 5px 0 5px;}
	.flex-control-nav{display: none;}
	#contents .mainItemArea .desArea{max-width: 100%; background:rgba(255,255,255,.7);height: 100%; float: left; position: absolute; bottom: 0; max-height: 55px;}
	#contents .mainItemArea .desArea h2{padding: 0 5px; font-size: 18px;}
	#contents .mainItemArea .desArea .description{color: #333; padding: 0 5px;}
	#contents .eventSection{display: none;}
	.desArea .rentPossible{display:none; position: absolute; top: -23px; right: 0; padding-top: 0;}
	#contents .mainItemArea .desArea .price{padding: 0px 0; border-top: none; top: 5px; right: 5px; font-size: 15px;}
	#contents .mainItemArea .premiumInfo{max-height: 55px; right: 0;}
	#contents .mainItemArea .eventSection{display: none;}
	#contents .eventSection.forMobile{width:100%; display: block; float: none; clear: both; margin-bottom:0;}
	#contents .eventSection.forMobile a{padding:8px 5px 0px;}
	.searchResult{padding: 0;}
	.searchResult .schResultTit {padding: 7px 0 10px 13px;background-color:#f7f7f7; border:0;} /* 20141212_이재범_검색결과 타이틀바 */
	
	#container .otherItems ul li.item:first-child{border-top:1px solid #ddd;}
	#container .otherItems ul li.item{width: 100%; margin: 0; border-bottom: 1px solid #ddd;} /*리스트 영역 140709*/ 
	#container .otherItems ul li.item>a{margin:0px; border:none; border:none;}
	.otherItems ul li.item>a div.itemImg{float: left;}
	.otherItems ul li.item .desArea{height: 103px; background: #fff; padding: 0; position: relative; border:none;}
	.otherItems ul li.item .callBtn{position: absolute; right: 23px; bottom: 12px; display: inline-block;}
	.otherItems ul li.item>a img{width: 106px; height: 106px;}
	.otherItems ul li.item>a .location{width: inherit; position: absolute; left: 119px; top: 13px; bottom: inherit; margin: 0; text-align: center; z-index: 10;}
	#container .otherItems ul li.item .desArea .description{width: 88%; position: absolute; margin: 0; top: 35px; left: 13px; font-size:15px;}
	#container .otherItems .locTag{left: 5px;}
	.otherItems ul li.item .desArea ul.aboutPrice{float: none; position: absolute; left: 14px; bottom: 13px;}
	.otherItems ul li.item .desArea ul.aboutPrice li.discounted{display: none;}
	.otherItems ul li.item .badge.sp{right: inherit; left: 67px; bottom: 2px;}
	
	.otherItems ul li.item>a .priceInfoArea{display:none;}
	
	/*상세 페이지*/
	.flex-direction-nav li a{background-size: 14px !important;}
	.flex-direction-nav .flex-prev{left:0 !important;}
	.flex-direction-nav .flex-next{right: 0 !important;}
	#container #TopTitle.detail{padding: 11px 0; height: inherit;}
	#container #TopTitle.detail h2{font-size:18px; line-height: 190%; padding-left: 10px; max-width: 80%;}
	.flex-viewport{right: 0px;}
	.locTag{left:10px;}
	#contents .mainItemArea.detail .zoomBtn{bottom: 5px; left: 5px; top:inherit;}
	#contents .mainItemArea.detail .zoomBtn img{width: 28px; height: 28px;}
	#contents .mainItemArea.detail{height:100%; padding-bottom: 10px;}
	#contents .mainItemArea.detail .imgArea .badge.sp{bottom: 4px; right: 10px;}
	#contents .mainItemArea.detail .desArea{max-width: none; background: none; max-height: none; float: none; position: relative; top: 10px; overflow: visible;}
	#contents .mainItemArea.detail .basicInfo li {float: left;}
	#contents .mainItemArea.detail .basicInfo{padding: 18px 0 18px 15px;}
	#contents .mainItemArea.detail .desArea .price{font-size: 18px;}
	#contents .mainItemArea.detail .map img{overflow: hidden;}
	#descriptionArea{}
	#descriptionArea #description{padding:0;width: 100%; min-height: inherit;float:none;}
	#descriptionArea #description h2{padding:10px 10px 0 10px}
	#descriptionArea #description h3{padding: 10px; font-size: 14px;}
	#descriptionArea #description p{padding: 0px 10px 10px 10px;}
	#descriptionArea #rentalArea{max-width: none; float:none; border-bottom: 1px solid #ddd;}
	#descriptionArea #rentalArea ul li{width: 50%; float:left; border-bottom:none; padding: 6px 0 6px 0px; background-size: 20px; background-position-x: 9px; font-size: 12px; background:none;}
	#descriptionArea #rentalArea ul li.wifi{background-position-y:10px;}
	#descriptionArea #rentalArea ul li.lan{background-position: 19px -23px;}
	#descriptionArea #rentalArea ul li.mike{background-position-y:-221px;}
	#descriptionArea #rentalArea ul li.screen {background-position: 19px -257px;}
	#descriptionArea #rentalArea ul li.fax {background-position: 19px -293px;}
	#descriptionArea #rentalArea ul li.av {background-position: 19px -327px;}
	#descriptionArea #rentalArea ul li.scanner {background-position: 19px -362px;}
	#descriptionArea #rentalArea ul li.notebook {background-position: 19px -398px;}
	#descriptionArea #rentalArea ul li.desktop {background-position: 19px -431px;}
	#descriptionArea #rentalArea ul li.printerB {background-position: 19px -465px;}
	#descriptionArea #rentalArea ul li.printerC {background-position: 19px -500px;}
	#descriptionArea #rentalArea ul li.fan {background-position: 19px -537px;}
	#descriptionArea #rentalArea ul li.aircon {background-position: 19px -573px;}
	#descriptionArea #rentalArea ul li.airwasher {background-position: 19px -608px;}
	#descriptionArea #rentalArea ul li.projector{background-position-y:-47px;}
	#descriptionArea #rentalArea ul li.monitor{background-position-y:-84px;}
	#descriptionArea #rentalArea ul li.tv {background-position: 19px -84px;}
	#descriptionArea #rentalArea ul li.speaker {background-position: 19px -154px;}
	#descriptionArea #rentalArea ul li.whiteboard {background-position: 19px -189px;}
	#descriptionArea #rentalArea ul li.snack {background-position: 19px -646px;}
	#descriptionArea #rentalArea ul li span.pay{padding-left: 26px;}
	#descriptionArea #rentalArea ul li span{margin-left:10px;}
	#descriptionArea #description div.seoulPublicArea ol{padding: 40px 5%; margin: 0 2% 20px;}
	
	/*예약상세 통합 영역 140707*/
	#reservationContents.detailAndReservaion .detailSection{width:100%;}
	#reservationContents.detailAndReservaion .basicInfoAreaInner{width:100%;}
	#reservationContents.detailAndReservaion .basicInfoAreaInner:first-child{border-bottom: 1px solid #ddd;}
	#reservationContents.detailAndReservaion .detail .zoomBtn{top: 76%;}
	#reservationContents.detailAndReservaion .pricePolicyArea{overflow:hidden}
	#reservationContents.detailAndReservaion .pricePolicy{overflow: hidden; margin-bottom: 10px;}
	#reservationContents.detailAndReservaion .pricePolicy .priceSystemTitle{width: 35%; float: left; letter-spacing: -1px;}
	#reservationContents.detailAndReservaion dl.priceSystemList{width: 60%; float: left; padding-left: 5%;}
	#reservationContents.detailAndReservaion dl.priceSystemList dd{width: inherit;}
	#reservationContents.detailAndReservaion dl.priceSystemList dt, #reservationContents.detailAndReservaion dl.priceSystemList dd{margin-bottom: 1px;}
	#reservationContents.detailAndReservaion .mapArea li{width:100%; float:none;margin-bottom:15px;}
	#reservationContents.detailAndReservaion .texteditorArea{padding: 10px; min-height: 150px;}
	#reservationContents.detailAndReservaion .reserSection{width:100%; float: none; border: none;}
	#reservationContents.detailAndReservaion .reserSection .reserInner{width:92%; border: none;} /*CSS개편_이재범_2015.03.18*/
	#reservationContents.detailAndReservaion .reserSection .additionalInputAndCalculator{width:inherit; border: none;} /*CSS개편_이재범_2015.03.18*/
	#reservationContents.detailAndReservaion .reserSection .additionalInputAndCalculator .reserInner{width:100%;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article{padding: 0 0px 30px 0px; margin-top:0;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article:first-child{padding: 0px 0 15px 0; border:none;}
	#reservationContents.detailAndReservaion .reserSection .reserInner .time ul li{width:33%;}
  #reservationContents.detailAndReservaion .reserSection .reserInner article.periodArea {margin-top: 15px;}
	#reservationContents .reserSection .reserInner .time ul li a{letter-spacing: -1px;}
	#reservationContents.detailAndReservaion article.nameAndPhone input{width: 46%; padding: 8px 1%;}
	#reservationContents.detailAndReservaion article.nameAndPhone input:first-child{margin-right:0;}
	#reservationContents.detailAndReservaion .reserSection .reserInner article.menu .rentalArea ul li .myform{width:96%;}
	
	
	/* 20150223_이재범_댓글 영역 */
	.commentSection{width:100%;}
	.commentSection .commentHeader .selectGrade{width:150px;}
	.commentSection .commentHeader .selectGrade select{padding-left:0;}
	.commentSection .commentList dt{width:10%; float:left;}
	.commentSection .commentList dd{width:79%; font-size:13px;}
	.commentSection .commentList .cmtPhoto{padding-right:0;}
	.commentSection .commentList .cmtPhoto img{right:15px; width:100%; position:inherit; margin-bottom:8px;}
	
	.pfActivity .commentList dl{margin-right:15px;}/*20150506_이재범_프로필의최근활동(댓글)*/
	
	
	
	/*예약 영역*/
	#container .infoWindow .Info ul li{width: 23%; background:none; padding-left: 4px;}
	.infoWindow .Info ul li.coupon .price.minus{font-weight: normal;}
	.infoWindow .Info ul li.coupon .minusMark{width: 11px; height: 11px; background-size: 100%; margin-right: 0px; margin-left: -11px;}
	#container .infoWindow .Info{width: 65%; letter-spacing: -1px;}
	#container .infoWindow .total{float: right; width: 35%;}
	#container #TopTitle.reservation h2{font-size:16px;}
	#container #TopTitle.reservation h2 img{max-width: 100px;}
	#container .subscriber{padding: 10px 15px;}
	#container .subscriber ul{padding:0;}
	#container .subscriber .info{width:74%; float:left; overflow: visible;}
	#container .subscriber .modifyBtn{width: 25%; min-width: inherit;}
	#container .subscriber p{padding: 10px 0 10px 0px; position: relative; width: 136%;}
	#reservationContents{height:inherit !important; max-height: inherit !important;}
	#reservationContents .reserSection{width: 100%;}
	#reservationContents .reserSection .reserInner{padding:20px 30px 20px 15px !important;}
	#reservationContents .reserSection.secondReserSection{padding-bottom: 65px;}
	#reservationContents .reserSection .reserInner .time ul li{width: 25%;}
	#reservationContents .reserSection .reserInner .time ul li a{letter-spacing: -1px;}
	.ui-datepicker{width: 100% !important;}/*달력크기*/
	.rentalArea ul li{width: 33.3%;}
	.rentalArea ul li>span{font-size:11px;}
	#reservationContents .reserSection .reserInner .persons input{width: 40px;}
	#reservationContents .reserSection .reserInner article .numberOfPeople{font-size: 11px; margin-left: -1px; letter-spacing: -1px;}
	#reservationContents .reserSection.reserInfoArea{display:none;}
	#reservationContents .reserSection p.periodTxt, #reservationContents .reserSection .selectBox{width:100%;}
	#reservationContents .reserSection p.periodTxt{margin-bottom:10px;}
	#reservationContents div.reserveBtnBox{width: 100%;}
	
	.infoWindow{top: 49px;}
	#container.asp .infoWindow{top: 45px;}
	.infoWindow .Info{width: 60%; float: left; font-size: 12px;}
	.infoWindow .Info ul{overflow: hidden;}
	.infoWindow .Info ul li{float:left; width:30%;}
	.infoWindow .Info ul li p:first-child{color:#999;}
	.infoWindow .total{width: 40%; float: left; text-align: right;}
	.infoWindow .total span{font-size:18px; padding-right:15px;}
	.forDevice{display:block;}
	.layerPop .layerContent .aboutLogin .loginBox_inner{padding: 0 8px;}/*로그인 팝업*/
	.layerPop .layerContent .aboutLogin label{width:22% !important; margin-right: 8px; letter-spacing: -1px;} 
	.layerPop .layerContent .aboutLogin .restOf{width: 74%;}
	.layerPop .layerContent .aboutLogin label[for="saveIdChk"]{letter-spacing: -1px;margin-right: 0;}
	
	
	/*My 영역*/
	.tabArea{padding-top: 10px; height: 94px;}
	.my_resister .tabArea{height: 46px;}
	.tabArea h2{width: 100%; text-align: center; margin-top: 0px;}
	.tabArea .tab{width:100%; right: 1px; top:12px;}
	.tabArea .tab ul li{width:33.3%;}
	.tabArea .tab ul.mytab li{width:25%!important;}
	.tabArea .tab ul li.spaceMenu{display: none;}
	.tabArea .tab ul li a{min-width: inherit; font-size:12px;}
	.tabArea .tab ul li:first-child a{letter-spacing: -1px;}
	.tabArea .tab ul li:nth-child(3) a{letter-spacing: -1px;}
	.m_spaceMenu{padding:10px 15px; border-bottom:1px solid #ddd; display:block;} /*my: 기업 회원정보 수정 페이지 임대,관리 버튼 영역*/
	table.table1 tr td.title{width:30%;padding-right: 0px;}
	table.table1.shortTd tr td.title{width:22%;}
	table.table1 tr td:last-child{padding-left:10px; padding-right:15px;}
	table.table1 tr td + td{padding-left:10px; padding-right:15px;}
	table.table1 .division{float:none; margin-bottom: 10px;}
	
	table.table1 .corporateRegistrationNumber span.col666{margin-right:0 !important;}
	table.table1 .corporateRegistrationNumber a{display:block !important;}
	
	/*qna*/
	table.qna tr td{padding:23px 10px 19px 0!important;}
    table.qna tr td .icoQ{margin:-5px 0 0 15px;}
    table.qna tr td .icoA{margin:-5px 0 0 15px;}
    table.qna tr td.title{width:50px!important;}
	/*qna*/
	
	/*table.table1 tr.emailInput input.email1{width: 43%; min-width: 86px;}*/
	.selectBox{width:100%;}
	table.table1 tr.emailInput td .checkBoxArea{margin-left: 0;}
	table.table1 tr .addressInput input{width: 43%; min-width: 90px;}
	
	table.table1 tr.bankAccount .selectBox, table.table1 tr.bankAccount input.bankAccountNum{display: block;}
	table.table1 tr.bankAccount input.bankAccountNum{margin-top:10px; width:100%;}
	
	table.table2.mySpaceEditTable tr td{padding:4px 0;}
	table.table2.mySpaceEditTable td.state div.radioBigContainer .radioBoxArea {margin-right: 5px;}
	table.table2.mySpaceEditTable td.state div.radioBigContainer {float: left; width: 50%;}
	table.table2.mySpaceEditTable td.checked.tdTitle{background: #01c67e;}
	table.table2.mySpaceEditTable td.chk, table.table2.mySpaceEditTable td:nth-child(3){padding:0; height:0; min-height:0 !important;}
	table.table2.mySpaceEditTable td.chk div.radioBigContainer{position: relative; top: -45px; left: 48%;}
	
	.spaceRegister table.spaceBasicInfo tr.price td input.priceInput{margin-right: 5px;}
	.spaceRegister table.spaceBasicInfo tr.price td span.measure{margin: 7px 7px 0 0;}
	.refundSelArea{width:inherit;}
	
	.m_chk{display: inline-block; overflow: hidden; position: relative; left: 10px; top: 5px;}/*모바일 등록공간 컨트롤러*/
	.m_chk div.m{display: inline-block; width: 33px; height: 33px; border: 1px solid #cdcdcd; text-align: center; float: left;}
	.m_chk div.m:first-child{border-right:none;}
	div.m_chk.chk a{border:none; float: none; margin-top: 7px;}
	.basicBtn2.resisterBtn{min-width: 80px; position: relative; top: 5px;}
	
	.btnBox.half a{width: 48%; min-width: inherit;}
	
	
	.selectBox.year, .selectBox.month{width:80px; margin-right: 10px;} /*My 개인*/
	.selectBox.day{width:80px;}
	
	.aboutLogin.changePw .loginBox_inner{padding: 0 8px;}
	.aboutLogin.changePw .loginBox_inner .restOf{width: 54%;}
	.aboutLogin.changePw .loginBox_inner .restOf input{width:90%;}
	.aboutLogin.changePw .loginBox_inner .restOf .des{line-height:20px;}
	.aboutLogin.changePw .loginBox_inner label.title{width:39% !important;}
	
	#container #contents.my_memberInfo .member_leave .title{padding: 22px 14px;}/*my:회원탈퇴*/
	
	/*예약관리*/
	table.table2 thead th{display: none;}
	table.table2 tbody tr.m_tr{border-top: 1px solid #ddd; border-bottom:1px solid #ddd; position: relative; top: -2px; display: block; overflow: hidden; margin-bottom: 6px;}
	table.table2 tr td{width:72%; min-height: 37px !important; float: left; text-align: left;}
	table.table2 tr td p{display: inline;}
	table.table2 tr td.tdTitle{width: 25%; color:#fff; background: #01c67e; text-align: center;}
	table.table2 tr td.m_tdContent{padding-left: 1.5%; padding-right: 1.5%;}
	table.table2 tr td.m_tdContent>img{margin-top:3px;}
	table.table2 tr td.m_noBottom{border-bottom: 1px solid #fff;}
	table.table2 tr td:nth-last-child(2), table.table2 tr td:last-child{border-bottom:none;}
	
	/*예약현황*/
	.reserSort .selectBox{width:39%;}
	
	/*쿠폰함*/
	table.table2.couponTable .couponImg{width: 28%; max-width: 80px; vertical-align: middle; margin-right: 2%; margin-top:0;}
	
	
	/*공간등록 영역*/ /*CSS개편_이재범_20150407*/
	.rentalItemManager ul li .controlBox{padding-left:10px;}
	.rentalItemManager ul li .controlBox .titleOfMenu{width:96%; margin-bottom:6px;}
	.rentalItemManager ul li .controlBox input.titleOfMenuInput{width:92%; margin:0 20px 0 0;}
	.rentalItemManager .controlElement.amount{margin:0 6px;}
	.rentalItemManager .removeBtn{top:10px; left:inherit; float:right; right:10px;}
	.rentalItemManager .amountInput{width: 24px; padding: 8px 5px 8px 6px; text-align: right;}
	.rentalItemManager .priceInput{width: 58px; padding: 8px 5px 8px 6px; text-align: right; line-height: inherit; /* for i.e. */}
	
	.premiumProcess{padding:20px 0;}
	.premiumProcess li{width:80%; margin:4px 10px; padding:4px 6px 4px 28px; text-align:left;}
	.premiumProcess li p{margin:inherit; position:absolute; top:2px; left:-3px; text-align:center;}
	.premiumProcess li div{display:inline-block; margin-left:10px;}
	.premiumProcess li div br{display:none; }
	.premiumProcess li img{display:none;}
	.refundArea .refundSelArea{width:inherit;}
	.refundArea .chart{width:100%; margin:0 10px 10px 0;}
	.refundArea .ex{width:100%; margin:0 10px 35px 0;}
	.refundArea .ex h5{width:100%!important; margin:10px 0;}
	.refundArea .ex span{position:absolute; top:28px; right:0; text-align:right; font-size:11px;}
	.refundArea .ex .day7{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:20%; background:#59cbff;}
	.refundArea .ex .day3{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:45%; background:#eea455;}
	.refundArea .ex .day1{color:#fff; float:left; position:relative; padding:3px 0; font-size:12px; text-align:center; width:35%; background:#ef7070;}
	.exclamation.regist{margin:20px 10px 10px 0!important;}
	.terms h3{position:relative; left:-10px; width:110%;}
	.terms .termsCts{width:93%; /*height:230px;*/ background:#f7f7f7; border:1px solid #cbcbcb; border-radius:2px; padding:15px; overflow-y:scroll; margin:20px auto;}
	.terms .termsCts b{font-weight:bold!important;}
	.termsSign{margin:0 0px 10px 0px;}
	.termsPrint{width:inherit!important; width:100px!important; text-align:center;}
	.termsCheck .checkBoxArea{margin:0 10px 0 0;}

	.questionTip .tip{top:-4px; left:25px;}
	
	.packageFee .packageName{width:inherit;}
	.packageFee .operTime .arr{display:block; margin-bottom:2px!important;}
	.packageFee .addBtn{margin-top:15px!important; width:88%;}
	.regiBtn{float:inherit!important;}
	
	.addressInput .postBtn{width:41%;}
	.profitArea{text-align:center;}
	.profit input{width:40%!important; text-align:center;}
	
	#pay_select .exclamation{float:inherit; margin:5px 10px 5px 0!important;}
	
	/*회원가입 영역*/
	.tabArea .tab.join ul li{width:25%;}
	.tabArea .tab.join ul li.longVer{width:50%;}
	#container #contents.step1{padding-top: 30px;}
	#container #contents.step1 .conWrap{padding: 0 15px;}
	#container #contents.step1 h3{font-size: 18px;}
	#container #contents.step1 ul{padding-top: 20px;}
	#container #contents.step1 ul li{width: 100%; background-position: 96% 50%;}/*20150407_이재범_깨짐현상 수정*/
	#container #contents.step1 ul li.normal{margin: 0 0 10px 0;}
	#container #contents.step1 ul li a{background-size: 50px !important; background-position: 10px 50% !important; padding: 20px 0 20px 71px;}
	#container #contents.step1 ul li a .des{font-size:12px;}
	
	#container #contents.step1 dl.note{width: 100%;}
	#container #contents.step1 .basicBtn2.fbJoin{width:100%; margin-top: 15px;}
	
	.layerPop.middle{width:100%;}/*중간사이즈 팝업*/
	#container .policyArea .policy{padding: 20px 15px 10px 15px;}/*이용약관*/
	#container #contents.join .conWrap{padding: 0 15px;}
	#container #contents.step3 .checkBoxArea{padding:10px 0 0 0;}/*20160426_이재범_회원가입체크박스*/
	#container .companyResisterNumArea .nextBtn{width:100%;}
	#container .companyResisterNumArea .inputBox label{display: block; margin-bottom:10px;}
	#container .companyResisterNumArea .inputBox input{width: 45px;}
	
	#container .inputBox .basicBtn2{width:100% !important; margin-bottom:7px;}
	#container .certificationNumArea .inputBox .des{float:none; margin:0;}
	table.table1 td input{width:100%; padding-left:5px; padding-right:0;}
	table.table1 tr.address input.addressInput1, table.table1 tr.address input.addressInput2{width:100%;}
	table.table1 tr.address td input.addressInput1 + input{margin-top:10px;}
	table.table1 a{width: 100%; padding: 6px 0px !important; display: inline-block !important; margin: 10px 0 0 0 !important; min-width: inherit;}
	table.table1 .chagerPhoneNumber a{margin-bottom: 10px !important;}
	table.table1 .emailInput .inputs{margin-top: 10px;}
	table.table1 tr.emailInput input.email1:last-child{margin-right:0;}
	
	table.table1 tr.emailInput td>div{float: none;}
	
	#container #contents.step4 .joinComplete{padding: 30px 0 10px 0;}
	.btnBox.join a{width: 48%; min-width: inherit;}
	table.table3 td:first-child{width:22%;}
	table.table3 td:last-child{padding-left: 6%;}
	
	#container #contents .conWrap{padding: 0 15px !important;}/*회원,로그인 공통*/
	
	.joinHead{font-size:18px;}
	.joinHead .fbJoin{margin:10px 0 10px 0;}/*20160427_이재범_회원가입상단*/
	
    .birthdate input{width:25%!important;}
    .birthdate .selectBox{width:38%; display:inline-block;}
    .certifyNum{width: inherit; display:block; margin-top:10px;}
	
	
	/*로그인 영역*/
	.loginTop{padding: 40px 0 0 0;}
	#container #contents.password .checkBox{padding: 20px 0 20px 0px;}
	.radioBigContainer{width:50%;}
	#container #contents.password .checkBox .radioBoxArea{padding-left: 16%;}
	.aboutLogin .loginBox_inner.half:first-child .title{padding-left:0;}
	.aboutLogin.findPw .loginBox_inner{padding:0;}
	.aboutLogin .loginBox_inner.half{width:100%;}
	.aboutLogin.findId .loginBox_inner.half:first-child{margin-bottom:30px;}
	.aboutLogin label.title{width: 21% !important; margin-right:16px;}
	.fbLoginBox.aboutLogin label{line-height: 22px;}
	.fbLoginBox .restOf .des{display: block; line-height: 22px;}
	.aboutLogin .restOf input[type="text"], .restOf input[type="password"], .restOf input[type="email"], .restOf input[type="tel"]{width:44%;}
	.aboutLogin .loginBox_inner.half input[type="text"], .aboutLogin .loginBox_inner.half input[type="tel"], .aboutLogin .loginBox_inner.half input[type="email"]{width:90%;}
	.aboutLogin .checkBoxArea{margin: 0 5px 0 5px;}
	.aboutLogin .checkBoxArea + label{font-size:13px;}
	.aboutLogin .loginBox_inner:nth-child(even){margin-top: 20px;}
	.aboutLogin input.nspacePw + .basicBtn2{min-width: 50%; margin-left: 5px !important;}
	.aboutLogin input.phoneInput + .basicBtn2{width: 35% !important; margin-left: 5px !important; margin-bottom: 10px; font-size:12px !important;}
	
	
	table.table4 td:first-child{width: 25%; font-size: 12px; letter-spacing: -1px;}/*table4는 로그인쪽 코딩이 끝나면 폐기 예정*/
	table.table4 td:last-child{padding-left: 10px !important;}
	table.table4.loginTable {padding: 28px 0;}
	table.table4.loginTable td {padding: 10px 0; vertical-align: middle;}
	table.table4.loginTable td input{width: 42%; padding: 8px 2px; float:left;}
	table.table4.loginTable td .checkBoxArea{padding: 4px 7px 0 8px;}
	.table4 .nspacePw + a{width: 47% !important; margin-left: 8px !important; min-width: inherit;}
	
	
	
	table.table4 input{width: 75%;}
	table.table4.passwordTable td{float:left; margin:0 !important; padding:10px 0 !important;}/*비밀번호 찾기 테이블*/
	table.table4.passwordTable td.title{width:20% !important; font-size:14px;}
	table.table4.passwordTable td.con{width: 78%; padding:10px 0 10px 2% !important; min-width: 201px;}
	table.table4.passwordTable .nspacePhone{float: left;width: 45%;}
	table.table4.passwordTable .nspacePhone +a{width: 43% !important; min-width: 17% !important; margin-left: 3%!important; float: left; margin-right:0 !important;}
	table.table4.passwordTable .certifyNum{width: 40%; margin-top: 8px; float: left;}
	table.table4.passwordTable .empty{display: none;}
	table.table4.passwordTable tr.checkBoxTr td{border:none; float: none;}
	table.table4.passwordTable tr.checkBoxTr td .radioBigContainer{min-width: 75px;}
	table.table4.passwordTable tr.checkBoxTr td .radioBigContainer:first-child{padding-left: 14% !important;}
	
	table.table4.passwordTable .secondTr td.border{border-top:1px solid #ddd;}
	
	#container #contents.password .loginTop{padding: 40px 0 8px 0;}
	#container #contents.password .btnBox a{float:none !important;}
	
	/*예약정보확인 및 결제*/
	.payInfo + .nextBtn{margin: 15px 10px 10px 10px !important; float:none; min-width: inherit;}

	/*서비스소개 영역*/
	#container #contents.introduction div.introContents.top .shareLogo{max-width: 70px; right: 15px; top: 15px;}
	#container #contents.introduction .introTxt{background:#fff; padding:0 15px;}
	#container #contents.introduction div.introContents .imgArea img{width:90%;}
	#container #contents.introduction div.introContents.bottom .imgArea img{width:96%;}
	
	#container #contents.introduction .introTxt .guidelineSide{width:100%; }
	#container #contents.introduction .introTxt .guidelineCenter{width:100%; }
	#container #contents.introduction .introTxt	.recruitStep{border-width:3px!important; width:60px;height:40px;padding-top:20px;font-size:12px;margin:70px 2px;} 
	
	
	/*공지사항 영역*/
	#container #contents.notice.policy .okBtn{width:100%; margin: 15px 0px 0 0 !important;}


	/*이용안내 영역*/
	.tabArea .tab.third ul li{width:33.3%;}
	#container #contents.tutorial div.conWrap{padding: 15px !important;}
	#container #contents.tutorial section.tutorialBox ol li img{width: 90%;}
	#container #contents.tutorial table.table6 tr th{min-width: 60px; vertical-align: middle;}
	#container #contents.tutorial table.table6 tr th.notTitle{text-align: center; padding-left: 0px;}

	.mapArea{overflow:hidden;margin:10px;}
	.wishInfo{display:none} /* 20141128/이재범/공간상세에서 찜하기안내문구*/
	
	
	/*공간등록 영역20160420*/
	.exclamation.regist{margin:20px 10px 0 0;}
}/*모바일용 css끝*/