@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: 0 auto; padding: 0 15px;}
.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; }
.list-control { line-height:1px; }

/* 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:767px) {
	.responsive .pull-right.list-control { float:none !important; margin-bottom:10px; }
	.responsive .pull-left.list-control { float:none !important; }
}
@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; }
}

/* button */
.btn{padding:10px 20px}
@media all and (max-width:767px){
	.btn{padding:6px 10px}
}

/* 240925 */



ul, ol, li { list-style: none; margin: 0; padding:0;}
a { text-decoration: none; color: inherit; }
img { vertical-align: middle; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;  font-weight: inherit; font-size: 100%;}
p {line-height: 1.6; margin:0;}


	.at-body {background: #f7f6f2; letter-spacing: -0.75px; line-height: 1; overflow: hidden; word-break: keep-all; transition: background-color 0.5s ease; }
	

	@media screen and (max-width:991px){
		.at-body {padding-top: 60px;}
	}

	.title {text-align:center;}
	.title h2 {color:#333; font-size:28px; line-height:38px; word-break:keep-all; font-weight:700;}

	@media screen and (max-width:767px){
		.title h2 {font-size:28px; line-height:38px;}
	}

	.btn.btn-black {font-size:14px; color: #fff !important; border-image: none !important; background-image: none !important; border: 2px solid #666; background-color: #666; margin-right: 5px; border-radius: 5px !important; margin-top: 5px;}
	.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { background-color: #888; }

	.btn.btn-color {font-size:14px; color: #fff !important; border-image: none !important; background-image: none !important; border: 2px solid #283890; background-color: #283890; border-radius: 5px !important; margin-top: 5px;}
	.btn.active.btn-color, .btn.btn-color:hover, .btn.btn-color:focus, .btn.btn-color:active { background-color: #1d2a75; }