@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:10px; }
.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%; }
.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; margin-top: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:#58a6ff !important; border-color:#58a6ff !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; }
}



/* suhyeon style */

.div-tab.tabs ul.nav-tabs li {background:none; border:0;}
.div-tab.tabs ul.nav-tabs li a {border:none !important;}
/*.div-tab.tabs.trans-top ul.nav-tabs li {width:25%; border:none !important; padding:10px;}*/
.div-tab.tabs ul.nav-tabs li:first-child {border-left:0;}
.div-tab.tabs.trans-top ul.nav-tabs li:last-child a, .div-tab.tabs ul.nav-tabs li:last-child, .div-tab.tabs ul.nav-tabs li:last-child:hover {border-right:0; margin-right:0;}
.div-tab.tabs.trans-top ul.nav-tabs li a {padding:15px 10px; background:#fff; border:1px solid #ddd !important; margin-right:2px; text-align:center; font-size:16px; line-height:26px !important; font-family: 'Apple SD Gothic Neo', "Noto Sans KR", sans-serif;}
.div-tab.tabs.trans-top ul.nav-tabs li.active {border:none; background:transparent; }
.div-tab.tabs.trans-top ul.nav-tabs li.active a { line-height:26px !important; border:1px solid #58a6ff !important; color:#fff !important; background:#58a6ff !important;}
.div-tab.tabs.trans-top ul.nav-tabs li a:hover { line-height:26px !important; border:1px solid #58a6ff !important; transition: all .2s ease-in-out; margin-right:2px;}
.div-tab.tabs ul.nav-tabs li:hover, .div-tab.tabs ul.nav-tabs li:focus {border-top:0; border-left:0;}
.div-tab.tabs.trans-top ul.nav-tabs li:last-child a:hover {margin-right:0;}
.div-tab.tabs ul.nav-tabs li.active a, .div-tab.tabs ul.nav-tabs li.active a:hover, .div-tab.tabs ul.nav-tabs li.active a:focus, .div-tab.tabs ul.nav-tabs li.active:first-child a, .div-tab.tabs ul.nav-tabs li.active:first-child a:hover, .div-tab.tabs ul.nav-tabs li.active:first-child a:focus, .div-tab.tabs ul.nav-tabs li.active:last-child a, .div-tab.tabs ul.nav-tabs li.active:last-child a:hover, .div-tab.tabs ul.nav-tabs li.active:last-child a:focus
{line-height:26px !important; margin-right:2px;}
.dropdown-menu {width:100%;}
.list-category .active a, .list-category .selected a {color:#2c51a3;}
#sortLabel, #categoryLabel, .dropdown-menu>li>a {padding:10px;}
.board-nav h3.title-header, .amina-header .title-header {font-size:32px; margin:0 !important; font-family:'Apple SD Gothic Neo', "Noto Sans KR"; letter-spacing:-1px;}


@media all and (max-width:767px){
	#sortLabel, #categoryLabel, .dropdown-menu>li>a {text-align:left;}
	.div-tab.tabs.trans-top ul.nav-tabs li a {padding:15px 10px; font-size:14px; line-height:24px;}
}