@charset "utf-8";

.basic-category { max-width:1200px; width:100%; margin:0 auto; padding:0px; border-left:1px solid #d7d7d7; border-top:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7; display:table; table-layout:fixed; 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:3px solid #FFF; border-bottom:1px solid #d7d7d7; text-align:center; background:#FFF; font-size:17px; color:#222; font-family:'NanumSquare'; letter-spacing:-1px; display:table-cell; vertical-align:middle; }
.basic-category .ca-sub1:hover { background:#FFFFFF; border-top:3px solid #00a6e3; }
.basic-category .ca-sub1 > a { padding:11px 10px 13px 10px; }
.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:#FFFFFF; border-top:3px solid #00a6e3; border-bottom:1px solid #d7d7d7; }
.basic-category .ca-sub1.on:before { top:-5px; border-width: 5px 5px 0; border-color:#00a6e3 transparent; border-style: solid; display: block; width: 0px; content: ""; margin:0 auto; }
.basic-category .ca-sub1.on > a { padding-top:6px; font-weight:bold !important; color:#222222 !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; }