@charset "utf-8";

/* Loading */
#listLoading { position:absolute; left:50%; top:50%; margin-left:-90px; margin-top:-90px; display:none; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Icon */
.list-notice .wr-notice { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap .wr-text { font-family:dotum; font-size:11px; letter-spacing:-1px; line-height:11px; font-weight:normal; }
.list-wrap .wr-icon { display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:middle; background-repeat: no-repeat; background-position: left top; }
.list-wrap .wr-notice { width:37px; height:19px; background-image: url('./img/icon_notice.gif'); }
.list-wrap .wr-new { width:12px; height:12px; background-image: url('./img/icon_new.gif'); }
.list-wrap .wr-secret { width:12px; height:12px; background-image: url('./img/icon_secret.gif'); }
.list-wrap .wr-hot { width:12px; height:12px; background-image: url('./img/icon_hot.gif'); }

/* List */
.list-wrap { width:100%; margin-top:10px;}
.list-modal { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.list-modal iframe { position: absolute;top: 0; left: 0; width: 100%; height:100%; }
.list-btn-box { margin-bottom: 15px; }
.list-btn-box a span { margin-left: 4px; }
.list-btn-box .sort a { color:crimson !important; font-weight:bold !important; }
.list-btn-box .dropdown-menu { font-size: 12px; }
.list-none { margin:0px 0px 15px; padding:80px 0px; }
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .list-btn { text-align:center; margin:0px auto; }
	.responsive .pull-right.list-btn { float:none !important; margin-bottom:14px; }
	.responsive .view-btn i { margin-right:0px; }
}

#map { width: 100%; height: 200px; display: ; }
#map-modal { width: 100%; height: 400px; display: ; }
h4.locality { margin-top: 0; }
h3, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { color: #cb202d; text-decoration: none; }
h3 a:hover, h4 a:hover { color: #cb202d; text-decoration: underline; }
div, p, select, option, h4, h4 a, h5, h5 a, h6, h6 a, li, input { font-family: "Roboto", sans-serif; }
li { font-size:14px; cursor: pointer; list-style-type: none; }
a.address { color: #cb202d; text-decoration: none; }
a.address:hover { color: #cb202d; text-decoration: underline; }
.search-box { position: relative; padding: 10px; }
.search-wrapper {}
.search-box { font-size:14px; width: 100%; border: 1px solid #ccc; outline: 0; border-radius: 5px; }
.search-box:focus {	box-shadow: 0 0 15px 5px #b0e0ee; border: 2px solid #bdc8df; }
.close-icon { display: none; border:0; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; }
.close-icon:after {	content: ""; display: block; width: 16px; height: 16px; position: absolute; background: url('/images/x-icon.png') no-repeat 0 0; z-index:1; right: 25px; top: 0; bottom: 30%; margin: auto; cursor: pointer; }
.search-box:not(:valid) ~ .close-icon {	display: none; }
.button { width: 100%; height:44px; padding:5px; font-size: 14px; background: #cb202d; border: 1px solid #cb202d;}
.float { float: left; }
.hidden { display: none; }
.thumbnail { position: relative; max-width: 100%; height: auto; padding: 0; overflow: hidden; margin-bottom:5px;}
.thumbnail img { width: 100%; height: auto; }
.thumbnail img.portrait { width: 100%; height: auto; }

.profile { position: relative; max-width: 50px; max-height: 50px; padding: 0; overflow: hidden; margin-bottom:5px; margin-top:10px;}
.profile img { width: 100%; height: auto; }
.profile img.portrait { width: 100%; height: auto; }
.review { margin-top:0px; display:none; }
.review h5 { margin-top:17px;margin-bottom: 2px; }
.review h6 { margin-top: 0px; }
.review-text { line-height:1.3; padding:0;}

hr.hr {	margin-top: 20px;	margin-bottom: 0; }
#accordion1 li.panel, #accordion2 li.panel, #accordion3 li.panel{ margin-top: 0px; margin-bottom: 0px; }
.more {	display:none; }
.toggle-more, .toggle-less { font-size: 13px; }
.square { position: absolute; right: 10px; top: 10px; font-size: 13px; }
.center { width: auto; margin: 20px auto; text-align:center; }
#prev-15, #next-15 { padding: 5px 10px; margin: 10px; }
li.panel { border-bottom: 1px solid #eee; }
.res-rating-nf { color: #fff; cursor: default; border-radius: 5px; font-size: 16px; height: 24px; line-height: 24px; font-weight: 700; text-align: center; width: 36px; margin: 16px auto -5px; padding: 0 6px; }
.rating-rank { font-size: 10px; font-weight: 200; color: #9a9a9a; margin-top: 2px; }
.right { float: right; }
.strong { font-weight: bold; }

.btn.btn-gray { padding:3px 8px; font-size: 12px; color: #222 !important; }

.at-footer p, .at-footer li {
	font-family: dotum, sans-serif;
	font-size: 12px;
}

#resultLoading {
	width:100%;
	height:100%;
	position:fixed;
	z-index:10000000;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
#resultLoading .bg {
	background:#000000;
	opacity:0.7;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

#resultLoading .loading {
	width: 250px;
	height:75px;
	text-align: center;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	font-size:16px;
	z-index:10;
	color:#ffffff;
}