/* 2013-11-29 조용선 */

@charset "UTF-8";
.search_area .inner_shadow {padding:20px 10px;}
.search_form {margin:20px 0;position:relative;}
.search_form input {display:block;width:100%;padding:5px 50px 5px 10px;height:50px;border:2px solid #bbb;border-radius:4px;-webkit-border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_form input:focus, .search_form.on input {border-color:#349de7;}
.search_form button, .search_form a {display:block;position:absolute;right:0;top:0;width:50px;height:100%;background: url('../images/btn_search.png') no-repeat center center;-webkit-background-size:30px;}
.chart_search {padding-bottom:20px;}
.chart_search table {table-layout:fixed;border:0;}
.chart_search thead th {background:#666;border:1px solid #cccbd0;}
.chart_search thead td {letter-spacing:-0.08em;color:#fff;text-shadow:0 0 2px #000;background:#27aaeb;border:1px solid #018fd5;border-width:1px 1px 1px 0;}
.chart_search thead tr:first-child th {border-top:1px solid #cccbd0;}
.chart_search thead tr:first-child td {border-top:1px solid #018fd5;}
.ui_ck {overflow:hidden;width:100%;height:40px;}
.ui_ck li {position:relative;float:left;min-width:40px;height:40px;}
.ui_ck li input[type=radio] {position:absolute;display:block;left:0;top:0;width:100%;height:40px;background:none;border:0;} 
.ui_ck li label {display:block;padding:0 10px;height:40px;line-height:40px;text-align:center;background:none;text-align:center;}
.ui_ck li input[type=radio]:checked+label {border-radius:5px;background:#0b77db;-webkit-box-shadow:inset 1px 1px 2px rgba(0,0,0,0.4);}
.ck_local li {width:25%;}
#seLocal, .se_global #seGlobal {display:block;}
#seGlobal, .se_global #seLocal {display:none;}

.search_result .tab, .calendar_area .tab {position:relative;padding-right:40px;}
.btn_search_close {display:block;position:absolute;right:0;top:0;width:40px;height:40px;border:1px solid #aaa;-webkit-background-size:20px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_list {width:100%;padding:5px;background:#eee;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_list ul {width:100%;border:1px solid #ccc;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.search_list li {border-bottom:1px solid #ccc;background: url('../../common/images/list_bg.png') repeat-x left bottom, #fff;-webkit-background-size:100% 50px;}
.search_list li:last-child {border-bottom:none;}
.search_list li button, .search_list li a {display:block;min-height:40px;padding:10px 10px 10px 40px;line-height:110%;text-align:left;font-size:1em;color:#444;background: url('../images/icon_marker.png') no-repeat 10px center;-webkit-background-size:20px;}
.search_list li span {display:block;min-height:16px;padding:10px 10px 10px 40px;line-height:100%;text-align:left;font-size:1em;color:#444;background: url('../images/icon_structure.png') no-repeat 10px center;-webkit-background-size:20px;}
.search_list .structure button, .search_list .structure a {background: url('../images/icon_structure.png') no-repeat 10px center;-webkit-background-size:20px;}
.name_area, .lately_result .lately_area {display:block;}
.lately_area, .lately_result .name_area {display:none;}


.cal_body .wrapper {background:#fff;}
.calendar {padding:10px 0 20px;}
.calendar header {position:relative;height:40px;border:1px solid #ccc;border-color:#ccc #999 #999 #ccc;background: url('../../common/images/subject_bg.png') repeat-x bottom left, #fff;-webkit-background-size:100% 38px;-webkit-box-sizing:border-box;}
.calendar header h2 {text-align:center;height:38px;line-height:38px;}
.calendar header h2>select, .calendar header h2>strong {margin:0;border:0;padding:0 20px;background:none;width:auto;height:38px;font-size:1.4em;font-weight:bold;vertical-align:top;}
.calendar header>button, .calendar header>a {display:block;position:absolute;top:0;width:40px;height:38px;}
.calendar header>.btn_cal_pre {left:0;background: url('../images/btn_cal_pre.png') no-repeat center center;-webkit-background-size:40px auto;}
.calendar header>.btn_cal_next {right:0;background: url('../images/btn_cal_next.png') no-repeat center center;-webkit-background-size:40px auto;}
.calendar table {table-layout:fixed;}
.calendar thead {background:#bbb;border:1px solid #999;border-top:0;}
.calendar thead th {height:25px;font-size:0.9em;font-weight:bold;color:#fff;text-shadow:0 0 2px #000;border-bottom:1px solid #999;}
.calendar tbody td:first-child em {color:#f82900;}
.calendar tbody td:last-child em {color:#0b8fff;}
.calendar tbody td {border:1px solid #ccc;}
.calendar tbody td button, .calendar tbody td a {display:block;position:relative;width:100%;height:45px;padding:5px;font-size:1.1em;font-weight:bold;color:#555;-webkit-box-sizing:border-box;box-sizing:border-box;}
.calendar tbody td button>strong, .calendar tbody td a>strong {display:block;position:absolute;left:0;top:0;width:100%;height:14px;line-height:14px;font-size:0.6em;text-align:center;color:#fff;text-shadow:0 0 2px #000;}
.calendar tbody .today button, .calendar tbody .today a {background:#d5f7ff;}
.calendar tbody .nm button, .calendar tbody .nm a {background:#f4f4f4;}
.calendar tbody .nm button>em, .calendar tbody .nm a>em {color:#999;}
.calendar tbody .duration {border:1px solid #22b9ff;}
.calendar tbody .duration button, .calendar tbody .duration a {background:#22b9ff;}
.calendar tbody .duration button>em, .calendar tbody .duration a>em {color:#fff !important;text-shadow:0 0 2px #000;}
.calendar tbody .checkin button>strong, .calendar tbody .checkin a>strong {background: url('../images/checkin_bg.png') no-repeat center right;-webkit-background-size:auto 16px;}
.calendar tbody .checkout button>strong, .calendar tbody .checkout a>strong {background: url('../images/checkout_bg.png') no-repeat center left;-webkit-background-size:auto 16px;}



/*갤럭시*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	
}
/*ios*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) {
}
/*갤2*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:1.5) {
}

/*아이폰4s*/
@media only screen and (max-device-width: 320px) and (orientation: portrait)  and (device-aspect-ratio: 2/3) {
}

/*아이폰5*/
@media only screen and (max-device-width: 320px) and (orientation: portrait) and (device-aspect-ratio: 40/71) {
}

/*갤3, 갤2 HD*/
@media only screen and (min-device-width: 720px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio: 2) {

}

/*갤 note*/
@media only screen and (min-device-width: 800px) and (orientation: portrait) and (-webkit-max-device-pixel-ratio:2) {
}