@charset "utf-8";

.basic-category { max-width:1400px; width:100%; margin:0 auto; padding:0px 0px; background:#FFF; border:#EBEBEB 0px solid; border-radius:200px; display:table; table-layout:fixed; overflow:hidden; box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1); }
.basic-category a { display:block; }
.basic-category .ca-sub1 { text-align:center; background:rgba(255, 255, 255, 1); font-size:22px; color:#333; font-family:'NanumSquare'; font-weight:bold; letter-spacing:-1px; line-height:25px; display:table-cell; vertical-align:middle; }
.basic-category .ca-sub1:first-child { padding-left:30px; }
.basic-category .ca-sub1:last-child { padding-right:30px; }
.basic-category .ca-sub1:hover { background:rgba(255, 255, 255, 1); border-top:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7; }
.basic-category .ca-sub1 > a { padding:30px 0px 28px 0px; color:#333; }
.basic-category .ca-sub1 > a:hover { color:#000; }
.basic-category .ca-sub1 > a br { /*display:none;*/ }
@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:rgba(161, 113, 85, 1); border-top:0px solid #00A7FE; border-bottom:0px solid #00A7FE; }
/*.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-size:30px; font-weight:700 !important; color:#FFF !important; letter-spacing:-1.5px; }
/*.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; }