@charset "utf-8";

.basic-category { max-width:1260px; margin:0 auto; padding:0px; border-left:1px solid #d7d7d7; border-top:1px solid #d7d7d7; border-bottom:0px solid #d7d7d7; overflow:hidden; }
.basic-category a { display:block; }
.basic-category .ca-head { border:0; padding:8px 15px; font-size:15px; font-weight:bold; letter-spacing:-1px; padding-right:1px; }
.basic-category .ca-sub1 { border-right:1px solid #d7d7d7; border-top:0px solid #FFF; border-bottom:1px solid #d7d7d7; float:left; width:100%; text-align:center; background:#FFFFFF; font-size:17px; color:#222222; font-family:'NanumSquare'; letter-spacing:-0.5px; }
.basic-category .ca-sub1:hover { background:#D9DCEA; border-top:0px solid #80B6E0; }
.basic-category .ca-sub1 > a { padding:11px 5px 13px 5px; }
.basic-category .ca-sub1 > a:hover { color:#222222; }
@media only screen and (max-width:496px){
	.basic-category { display:none; padding:0px; border-left:none; border-top:1px solid #E7E7E7; border-bottom:none; overflow:hidden; }
	.basic-category .ca-sub1 { padding:10px 10px; border-right:none; border-bottom:1px solid #E7E7E7; float:none; width:100%; max-width:100%; text-align:center; background:#E2E9EC; font-size:16px; }
}

.basic-category .ca-sub1.on { background:#6572a9; border-top:0px solid #726358; border-bottom:1px solid #006DBF; }
/*.basic-category .ca-sub1.on:before { top:-5px; border-width: 5px 5px 0; border-color:#0267B7 transparent; border-style: solid; display: block; width: 0px; content: ""; margin:0 auto; }*/
.basic-category .ca-sub1.on > a { font-weight:bold !important; color:#ffffff !important; }
/*.basic-category .ca-sub1 > a.no-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }*/
/*.basic-category .ca-sub1 > a.is-sub::after { top: 0px; font-family: "FontAwesome"; float: right; position: relative; content: "+"; }*/
.basic-category .ca-sub2 { display:none !important; padding:0; margin:0; list-style:none; background: #fafafa; padding:4px 0px; margin:0px; border-bottom:1px solid #eee }
.basic-category .ca-sub2 li { padding:2px 20px; padding-right:15px; }
.basic-category .ca-sub2 li.on a { font-weight:bold !important; color: crimson !important; }
.basic-category .ca-line { padding:8px 15px; background:#fafafa; border-bottom:1px solid #eee; }
.basic-category .new { color:crimson; }