@charset "utf-8";
b {font-weight: normal }
/*-------------------------------------------------------*/
/* Miso-Company Colorset
/*-------------------------------------------------------*/

body { font-family: 'NEXON Lv2 Gothic', sans-serif !important; line-height: 22px; font-size: 14px; color: rgb(51, 51, 51); background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; }


/*-------------------------------------------------------*/
/* Header : 헤더영역 전체
/*-------------------------------------------------------*/
/* .at-header { box-shadow: 0 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0 5px 5px -2px rgba(25, 25, 25, 0.15); } */
.at-header { position:relative; z-index:1001; background:#fff; }
.boxed-left .at-header .at-container { margin:0; margin-right:auto !important; }
.boxed-right .at-header .at-container { margin:0; margin-left:auto !important; }

/*-------------------------------------------------------*/
/* LNB : 최상단 로그인, 회원가입 영역
/*-------------------------------------------------------*/
.at-lnb { font-size:12px; line-height:20px; }
.at-lnb .at-container { padding-top:6px !important; padding-bottom:6px !important; }
.at-lnb ul { list-style: none; margin: 0; padding:0; margin:0 -15px; overflow:hidden; }
.at-lnb ul > li { float: left; padding: 0 15px; margin:0; }
.at-lnb ul > li::after { float: right; color:#ccc; content: "|"; margin-right:-16px; font-size:11px; }
.at-lnb ul > li:last-child::after { content: ""; margin-right:0; }
.at-lnb ul > li > a { color: #333; float:left; }
.at-lnb ul > li > a:hover { color: #000; }
@media all and (max-width:991px) {
	.responsive .at-lnb { display:none !important; visibility:visible; }
}

/*-------------------------------------------------------*/
/* Mobile Header : 모바일 헤더
/*-------------------------------------------------------*/
.m-header { display:none; height: 44px; }
.m-header.bg-lightgray a,
.m-header.bg-white a { color:#000; }
.m-header .m-header-wrap { display:table; width:100%; table-layout:fixed; margin:0px; min-width:300px; border-collapse: collapse; }
.m-header .m-header-icon, 
.m-header .m-header-logo { display:table-cell; vertical-align:middle; font-size:18px; height:44px; line-height:44px; text-align:center; }
.m-header .m-header-icon { width:44px; }
.m-header .m-header-icon a { display:block; }
@media all and (max-width:991px) {
	.responsive .m-header { display:block; }
}

/* 상단고정(sticky) 스타일 */
.nav-fixed { position: fixed; top:0; left:0; z-index:101; width:100%; animation: smoothScroll 0.6s forwards; }
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
.nav-fixed .pc-menu-logo { display:none !important; }
.boxed.wrapper .nav-fixed .at-boxed.at-container { padding:0 !important; }

/*-------------------------------------------------------*/
/* Mobile Menu : 모바일 메뉴
/*-------------------------------------------------------*/
.m-menu { display:none; overflow:hidden; background:#fff; position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(25, 25, 25, 0.15);border-bottom: 1px solid #eee}
.m-menu .m-wrap { }
.m-menu .m-table { display:table; width:100%; table-layout:fixed; width:100%; margin:0px; min-width:300px; border-collapse: collapse; }
.m-menu .m-icon, 
.m-menu .m-list { display:table-cell; vertical-align:middle; font-size:12px; height:36px; line-height:36px;border-top:0px; border-bottom:0px; letter-spacing: -0.5px; }
.m-menu .m-icon { width:44px; text-align:center; font-size:18px; border-left: 1px solid #eee}
.m-menu .m-icon a {margin-right: 10px; margin-bottom: 5px; margin-left: 10px}
.m-menu .m-icon a { display:block; position:relative; }
.m-menu .m-icon .label { position: absolute; top: 15%; right: 5px; text-align: center; font-size: 9px; font-weight:300; padding: 2px 3px; line-height: 0.9; border-radius: .25em !important;  }
.m-menu .m-nav { overflow: hidden; margin:0px 10px; }
.m-menu .m-nav ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }

.m-menu .m-sub { background:#fafafa; border-top:1px solid #ddd; font-size:15px; height:44px; line-height:44px; padding:0px 10px; }
.m-menu .m-nav-sub { width:100%; overflow: hidden; margin:0px; }
.m-menu .m-nav-sub ul { list-style: none; margin:0px; padding:0px; }
.m-menu .m-nav-sub ul li { display:table-cell; padding: 0px 10px; white-space:nowrap; }
.m-menu .m-nav-sub ul li.active a { color: orangered; font-weight:bold; }
.m-menu .new,
.m-menu .sub-new { color: rgb(233, 27, 35); font-size:10px; vertical-align:text-top;}
@media all and (max-width:1279px) {
	.responsive .m-menu { display:block; }
}

/*-------------------------------------------------------*/
/* Bootstrap3 : 부트스트랩 기본속성
/*-------------------------------------------------------*/
/* Button */
.btn { font-family: 'Noto Sans KR', sans-serif !important; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family:dotum, sans-serif; }
.btn-group.btn-group-justified a { border-left-width:0px; }
.btn-group.btn-group-justified a:first-child { border-left-width:1px; }

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; }
.panel-group .panel { border-radius: 0; }
.panel .panel-heading { border-radius: 0; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.pagination { font-family: 'Noto Sans KR', sans-serif !important; }
.pagination li a { border-radius:0 !important; color:#333 !important; }
.pagination li.active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: 'Noto Sans KR', sans-serif !important; margin: 0 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: 'Noto Sans KR', sans-serif !important; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }


/*-------------------------------------------------------*/
/* Thema Color : 10개
/*-------------------------------------------------------*/
.white a { color:#fff; }
.bg-0,
.hover-0:hover, 
.box-blue { background-color:#21a6ed; border-color:#21a6ed; color:#fff; }
.bg-1,
.hover-1:hover, 
.box-red { background-color:#eb5451; border-color:#eb5451; color:#fff; }
.bg-2,
.hover-2:hover, 
.box-violet { background-color:#756fad; border-color:#756fad; color:#fff; }
.bg-3,
.hover-3:hover, 
.box-mint { background-color:#12cebd; border-color:#12cebd; color:#fff; }
.bg-4,
.hover-4:hover, 
.box-navy {	background-color:#4c6187; border-color:#4c6187; color:#fff; }
.bg-5,
.hover-5:hover, 
.box-deepgray { background-color:#4c515b; border-color:#4c515b; color:#fff; }
.bg-6,
.hover-6:hover, 
.box-deepblue {	background-color:#0092e0; border-color:#0092e0; color:#fff; }
.bg-7,
.hover-7:hover, 
.box-deepred { background-color:#d82c29; border-color:#d82c29; color:#fff; }
.bg-8,
.hover-8:hover, 
.box-deepviolet { background-color:#5d588f; border-color:#5d588f; color:#fff; }
.bg-9,
.hover-9:hover, 
.box-gray { background-color:#71757e; border-color:#71757e; color:#fff; }