@charset "utf-8";
/* CSS Document */

.mb5{margin-bottom:5px;}
.mb20{margin-bottom:20px;}

.pl10{padding-left:10px;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb70{margin-bottom:70px !important;}

.tc{text-align:center;}
.img100p img{width:100%; }

.colB{color:#0c4da2;}/*블루*/
.colBlack{color:#000000;}
.colR{color:#ff2a2a;}

.colBlink  a:link{color:#4799ff;}                                       
.colBlink  a:hover{color:#4799ff;}
.colBlink  a:visited{color:#4799ff; }
.colBlink a:link{color:#4799ff !important;}
.colBlink a{color:#4799ff;}

.underline{text-decoration:underline;}

.required{color:#ff2a2a;} /*필수입력표시*/


.basicDl{margin:0 0 25px 0;}
.basicDl dt{margin:0 0 5px 0; padding:0 0 0 11px; font-size:13px; color:#000000; background:url(/img/tit_bullet.gif) no-repeat left center;}

.tit01{margin:0 0 0px 0; padding:0 0 0 15px; font-size:13px; color:#000000; background:url(/img/tit_bullet02.gif) no-repeat left center;}

.h2title{margin:0 0 15px 0; font-size:25px; color:#0c4da2; font-weight:bold;}

.h4title{margin:0 0 15px 0; font-size:15px; color:#0c4da2; font-weight:bold;}
.h4title .same{margin:0 0 0 10px; font-size:12px; font-weight:normal; color:#000;}

.h5title{margin:0 0 5px 0; padding:0 0 0 11px; font-size:13px; color:#0c4da2; background:url(/img/tit_bullet.gif) no-repeat left center; }

.w1{width:1% !important;}
.w2{width:2% !important;}
.w3{width:3% !important;}
.w4{width:4% !important;}
.w5{width:5% !important;}
.w6{width:6% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w11{width:11% !important;}
.w12{width:12% !important;}
.w13{width:13% !important;}
.w14{width:14% !important;}
.w15{width:15% !important;}
.w16{width:16% !important;}
.w18{width:18% !important;}
.w20{width:20% !important;}
.w21{width:21% !important;}
.w22{width:22% !important;}
.w23{width:23% !important;}
.w25{width:25% !important;}
.w27{width:27% !important;}
.w29{width:29% !important;}
.w30{width:30% !important;}
.w30{width:30% !important;}
.w31{width:31% !important;}
.w33{width:33% !important;}
.w34{width:34% !important;}
.w37{width:37% !important;}
.w38{width:38% !important;}
.w40{width:40% !important;}
.w44{width:44% !important;}
.w45{width:45% !important;}
.w55{width:55% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w62{width:62% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w90{width:90% !important;}
.w100{width:100% !important;}

.bold {	font-weight:bold }

.installation_info{width:90%; margin:0 0 1px 0; padding:5%; background:#eef5f9;}
.installation_info ul li{margin:0 0 5px 0; padding:0 0 0 23px; background:url(/img/arrow_bullet.gif) no-repeat left 5px;}

.installation_pic{position:relative; overflow:hidden;}
.installation_pic li{float:left; position:relative; width:24.5%; margin:0 0.5% 0.5% 0; }
.installation_pic li.last{margin-right:0; }
.installation_pic li span img{width:100%; height:127px; }


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999999 !important; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


#cboxOverlay{background:url(/img/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/img/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/img/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/img/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/img/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(/img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/img/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}






/*================================
	온라인예약
================================*/
.typeUl{float:left;}
.typeUl li{float:left; margin:0 10px 0 0;}

/*버튼들*/
a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.png) no-repeat 100% 0; font-size:11px;color:#797979;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;}  
a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/img/btn_bg.png) no-repeat; color:#797979 !important;}

/*버튼블루*/
a.b_btns{display:inline-block; padding-right:4px; background:url(/img/btn_blue_bg.png) no-repeat 100% 0; font-size:11px;color:#fff;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;}  
a.b_btns strong{display:block; padding:1px 8px 0 12px; background:url(/img/btn_blue_bg.png) no-repeat; color:#fff !important;}


.btn {position:relative; color:#797979 !important; overflow:hidden;}
.btn .btnLeft{position:relative; color:#797979 !important; float:left; padding:10px 0 0 0; overflow:hidden; font-size:11px; text-align:left; /*width:40%;*/ height:30px;}
.btn .btnLeft a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.png) no-repeat 100% 0; font-size:11px;color:#797979;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;}  
.btn .btnLeft a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/img/btn_bg.png) no-repeat; color:#797979 !important;}

.btn .btnRight{position:relative; color:#797979 !important; float:right; padding:10px 0 0 0; overflow:hidden; font-size:11px; text-align:right; /*width:40%;*/ height:30px;}
.btn .btnRight a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.png) no-repeat 100% 0; font-size:11px;color:#797979;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;}  
.btn .btnRight a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/img/btn_bg.png) no-repeat; color:#797979 !important;}

.btnC{overflow:hidden; position:relative; text-align:center; padding:0 0; clear:both; width:100%; vertical-align:middle; }
.btnC .btnCenter{position:relative; color:#797979 !important; padding:0px 0 0 0; overflow:hidden; font-size:11px; text-align:center;  /*width:40%;*/ height:30px;}
.btnC .btnCenter a.btns{display:inline-block; padding-right:4px; background:url(/img/btn_bg.png) no-repeat 100% 0; font-size:11px;color:#797979;line-height:21px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap; color:#797979 !important;}  
.btnC .btnCenter a.btns strong{display:block; padding:1px 8px 0 12px; background:url(/img/btn_bg.png) no-repeat; color:#797979 !important;}


.reser_type{overflow:hidden; margin:0 0 35px 0;}
.reser_type li{float:left; margin:0 36px 0 0;}
.reser_type li input[type=radio]{vertical-align:middle;}

/*기본테이블*/
.basicTable{width:100%; margin:0 0 10px 0; border-top:1px solid #94b7e4; font-size:12px;}

.lineNoneTable{background:none !important;}
.lineNoneTable td{border:none !important;}

/*thead*/
.basicTable thead th{padding:8px; background:#f2f8ff url(/img/basicTable_line.gif) repeat-y left top; border-bottom:1px solid #94b7e4; color:#0c4da2;}
.basicTable thead th.first{background-image:none;}
.basicTable tbody th{padding:8px; text-align:left; color:#333333; background:#f2f8ff url(/img/basicTable_line.gif) repeat-y left top;  border-bottom:1px solid #cccccc;}
/*tbody*/
.basicTable tbody th.first{background-image:none;}
.basicTable tbody .colB{color:#0c4da2;}
.basicTable tbody .colR{color:#ff2a2a;}
.basicTable tbody td{padding:8px; text-align:left; color:#333333; background: url(/img/basicTable_line.gif) repeat-y left top;  border-bottom:1px solid #cccccc;}
.basicTable tbody td.first{background-image:none;}
.basicTable tbody .tr{text-align:right !important;}
.basicTable tbody .tc{text-align:center !important;}
.basicTable tbody td input[type=text]{width:90%; height:19px; border:1px solid #dbdbdb;}
/*tfoot*/
.basicTable tfoot th{padding:8px; background:url(/img/basicTable_line.gif) repeat-y left top; border-bottom:1px solid #cccccc; color:#0c4da2;}
.basicTable tfoot th.first{background-image:none;}
.basicTable tfoot td{padding:8px; text-align:center; color:#333333; background:url(/img/basicTable_line.gif) repeat-y left top;  border-bottom:1px solid #cccccc; font-weight:bold;}
.basicTable tfoot td.first{background-image:none;}

/*마이페이지-예약확인테이블*/
#blist .basicTableReser tbody td{color:#000; }
#blist .basicTableReser tbody td.number{color:#4799ff; text-decoration:underline;}
#blist .basicTableReser tbody td.number a{color:#4799ff;}
#blist .basicTableReser tbody td.cancel{color:#4799ff; text-decoration:underline;}
#blist .basicTableReser tbody td.cancel a{color:#4799ff;}


/*날짜선택*/
.dateChoice{overflow:hidden; position:relative; width:100%; margin:0 0 20px 0; padding:12px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.dateChoice .dateTxet{position:relative; width:100%; text-align:center; font-weight:bold; color:#014099;}
.dateChoice .dateTxet input[type=text]{width:118px; height:19px; border:1px solid #dbdbdb; margin:0 3px 0 0;} 
.dateChoice p.dayStart{position:relative; width:45%; float:left; text-align:right;}
.dateChoice p.dayEnd{position:relative; width:45%; float:right;  text-align:left;}

/*날짜선택 -익스7*/
.dateChoice p.dayStart{*position:absolute; *left:0; *top:0px; *width:45%; *float:left; *text-align:right;}
.dateChoice p.dayEnd{*position:absolute;  *right:0; *top:0px; *width:45%; *float:right;  *text-align:left;}


/*숙소예약*/
.housingChoice table.calendar_top_table{width:100%; margin:0 0 10px 0; font-size:12px; border-top:1px solid #94b7e4; border-bottom:1px solid #cccccc;}
.housingChoice table.calendar_top_table{position:relative; width:100%; height:100%; border-top:#255182 1px solid; color:#53728b; margin:0 0 0px 0;}
.housingChoice table.calendar_top_table thead th{padding:11px; text-align:center;}
.housingChoice table.calendar_top_table thead th.now{font-size:15px;}

.housingChoice table{width:100%; margin:0 0 10px 0; font-size:12px; border-top:1px solid #94b7e4; border-bottom:1px solid #cccccc;}
.housingChoice table thead .day th{padding:8px; background:#f2f8ff url(/img/basicTable_line.gif) repeat-y left top; border-bottom:1px solid #94b7e4; color:#0c4da2; }
.housingChoice table thead .date th{padding:8px; background:#f8f8f8 url(/img/basicTable_line.gif) repeat-y left top; border-bottom:1px solid #cccccc; color:#666666;}
.housingChoice table thead th.first{background-image:none;}
.housingChoice table tbody td{padding:5px 8px; text-align:left;color:#333333; background: url(/img/basicTable_line.gif) repeat-y left top;  b}
.housingChoice table tbody td.first{background-image:none;}
.housingChoice table tbody td.end{color:#0c4da2;}

/*예약신청완료*/
.booking_finish{width:100%; margin:0 0 20px 0; padding:20px; border:5px solid #94b7e4;}
.booking_finish .bank{font-weight:bold; font-size:18px; }

/*영수증출력*/
.receipt{position:relative; width:500px; padding:20px; }
.receipt .basicTable{border:1px solid #cccccc; margin:0;}
.receipt .basicTable tbody tr.tit th{background-color:#fff; }
.receipt .basicTable tbody th .tit01{font-size:20px;}
.receipt .basicTable tbody th .tit02{font-size:16px;}
.receipt .basicTable tbody .tatal th{background:#ffcaca; }
.receipt .basicTable tbody th{background-image:none; }
.receipt .tatal{background:#ffcaca; font-weight:bold;}
.receipt .stampZone{position:relative; padding:20px; border:1px solid #cccccc}
.receipt .stampZone .p01{margin:0 0 20px 0; font-size:20px; font-weight:bold;}
.receipt .stampZone .p01{font-size:16px;}
.receipt .stampZone .stamp{position:absolute; right:10px; bottom:20px;}
.receipt .stampZone .stamp img{width:50px;}

/*================================
	회원가입
================================*/
/*로그인*/
.loginZone{overflow:hidden; position:relative;}
.loginZone .login_db input[type=text]{width:80px;}

.loginZone .loginTit .tit{margin:0 0 15px 0; padding:0 0 0px 0; font-weight:bold; font-size:15px; color:#000; border-bottom:1px solid #94b7e4; }
.loginZone .loginTit span{display:block; font-size:11px; font-family:'돋움'; font-weight:normal; word-spacing:-2px;  color:#7f7f7f;}
.loginZone .login_db{position:relative; width:280px;}
.loginZone .login_db dl.dl_db{overflow:hidden;  padding:0 0px 8px 0px; }
.loginZone .login_db dl.dl_db dt{float:left; width:60px; margin:0 10px 0 0px; text-align:right;}
.loginZone .login_db dl.dl_db dd{float:left;}
.loginZone .login_db .input_tel{width:40px !important;}


/*회원*/
.loginZone .okMember{position:relative; width:280px; margin:0 auto 30px auto; padding:10px; border:1px solid #e4e4e4;}
.loginZone .okMember ul.ul01{overflow:hidden; margin:10px 0 0 0px; font-size:11px; display:inline-block; width:100%;}
.loginZone .okMember ul.ul01 li{display:inline; float:left; padding:0 10px 0 10px; background:url(/img/member_login_bar.gif) no-repeat left center;}
.loginZone .okMember ul.ul01 li.first{background:none; padding-left:12px; }
.loginZone .okMember ul.ul01 .joinRed{color:#f60029; font-weight:bold; background:url(/img/icon_red.gif) no-repeat left center;}
.loginZone .okMember ul.ul01 a{font-size:11px;}
.loginZone .okMember .loginBtn{position:absolute; right:0px; top:0px;}

/*비회원*/
.loginZone .nonMember{position:relative;  width:280px; margin:0 auto; padding:10px; border:1px solid #e4e4e4; background:#fff; font-size:12px;}
.loginZone .nonMember dl.dl_txt{margin:0px 0 20px 0; font-size:11px;}
.loginZone .nonMember .agree{margin:0 0 30px 0;font-size:12px; color:#0c4da2;}
.loginZone .nonMember .loginBtn{position:absolute; right:0px; top:0px;}
.loginZone .nonMember .reserBtn{text-align:center; margin:10px 0;}
.loginZone .nonMember .certificateNo{padding:10px 0; background:#f9f9f9;}
.loginZone .nonMember .certificateNo dl.dl_db dt{float:left; width:70px; margin:0 10px 0 5px; text-align:right;}


/*회원가입*/
.joinStep .t01{color:#014099; font-weight:bold; font-size:18px;}
.joinStep .t02{color:#000000; font-size:14px;}

/*휴대폰인증*/
.joinStep .verify_phone{width:100%; height:111px; margin:0 0 66px 0; padding:21px 0 0 0; background:url(/img/verify_phone_bg.gif) repeat-x left top; border-right:1px solid #d9dce1; border-left:1px solid #d9dce1;}

/*느낌표*/
.ul_point{width:620px; margin:0 auto; }
.ul_point li{margin:0 0 26px 0; padding:0 0 0 23px; background:url(/img/point.gif) no-repeat left 3px;}
.ul_point li span{color:#ff0000;}

/*회원정보입력*/
.require{padding:0 0 0 20px; background:url(/img/require_icon.gif) no-repeat 10px center;}
.table_signup{width:100%; margin:0 0 35px 0; border-top:2px solid #1355ac; border-bottom:2px solid #4990d8; font-size:12px;}
.table_signup tbody th{padding:10px 30px; background:#f1f1f1; border-bottom:1px solid #d9dce1; text-align:left;}
.table_signup tbody th.require{background:#f1f1f1 url(/img/require_icon.gif) no-repeat 10px center;}
.table_signup tbody td{padding:10px;  border-bottom:1px solid #d9dce1; text-align:left;}
.table_signup tbody td input[type=radio]{vertical-align:middle;}

/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

	.installation_pic li span img{width:100%; height:74px;}
}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {

}
/* 스마트 폰: 320px 이하 */
@media handheld, only screen and (max-width: 320px) {
	
	.installation_pic li span img{width:100%; height:50px;}

}

/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}