/* BASIC css start */
/* ¸ÞÀÎ gnb*/
.maingnb{width:100%; margin:0 auto; padding:0px; height:30px;border-bottom: 1px solid #dedede;}
.maingnb > ul{ list-style:none; text-align:center;}
.maingnb > ul > li{ display:inline-block;padding:0px 6% 0px 0px;}
@media (max-width:400px) {
.maingnb > ul > li{ display:inline-block;padding:0px 4.5% 0px 0px;}
.maingnb > ul > li > a{ font-size:14px !important; color:#585858; font-weight: 400; }
}
.maingnb > ul > li:last-child{ padding:0px;}
.maingnb > ul > li > a{ font-size:15px; color:#585858; font-weight: 400; }
.rotate{font-size:23px; color:#585858; 
rotate(45deg) translateY(2px) translateX(6px);
-webkit-transform: rotate(45deg) translateY(2px) translateX(6px);
-moz-transform: rotate(45deg) translateY(2px) translateX(6px);
-o-transform: rotate(45deg) translateY(2px) translateX(6px);
-ms-transform: rotate(45deg) translateY(2px) translateX(6px);}




/* ÃÖ»ó´Ü ·Î°í ¿µ¿ª */
#header {position:relative; width:100%; height:105px}
#header .header {height:100%}
#header .header > a {display:block; margin:26px auto 20px; width:40%; MAX-WIDTH:222PX; height:auto;}
#header .header > a > img {width:100%; height:100%}
#header .MK_top_banner img {width:100%; height:100%;}


/* »çÀÌµå ³×ºñ°ÔÀÌ¼Ç */
aside {position:fixed; width:72%; height:100%; top:0px; left:0; bottom:0; background:rgba(244,244,244,0.95); -webkit-overflow-scrolling:touch; z-index:1001; display:none;}

@media (max-width:350px){
	aside {width:90%;}

	
}


/* .nav_ct_a == ·Î±×ÀÎ, ´Ý±â // .nav_ct_b == °Ë»ö // .nav_ct_c == ¸Þ´º // .nav_ct_d == ¼Ò¼È ¸µÅ© */
aside .nav_ct_a > a,
aside .nav_ct_b a {display:block; min-width:50px; padding:0 18px; height:50px; text-align:center; letter-spacing:0px; font-size:11px}
aside .nav_ct_a > a > i,
aside .nav_ct_b a > i {color:#777; margin-top:6px; margin-left:3px; vertical-align:-6px}
aside .nav_ct_a {height:55px; padding:16px 0 68px 0}
aside .nav_ct_b {height:54px; padding:2px 0;}
aside .nav_ct_b input[type=text] {height:34px; line-height:34px; padding:0 0px; margin:8px 0 8px 30px; width:calc(100% - 105px); background:transparent; border:none; border-bottom:1px solid #8a8a8a}
aside .nav_ct_b input[type=text]:focus {border-bottom:1px solid #8a8a8a}

aside .nav_ct_c {position:relative; height:73%; margin:8px 39px 8px 31px}
aside .asideTop {margin:12px 16px; border:1px solid #a5a5a5; overflow:hidden; text-align:center;}
aside .asideTop a {float:left; width:33.33333%; height:28px; line-height:28px; border-right:1px solid #a5a5a5; color:#a5a5a5; font-weight:bold;}
aside .asideTop a.act {background-color:#a5a5a5; color:#fff;}
aside nav li { position:relative;}
aside nav li a {display:inline-block; height:26px; line-height:26px; font-size: 13px; font-weight:500;color:#585858; padding:0px;}
.subul{display:block;}
.subul > li > a {display:inline-block; height:25px; line-height:25px; font-size: 12px; font-weight:400;color:#585858; padding:0px;}
aside nav li .fa, aside nav li .d_arrow { width: 52px;text-align: left;height: 24px;line-height: 24px;font-size: 13px;color: #888;padding-left: 4px;
-webkit-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
transform: rotate(0deg) !important;
	
	}
aside nav li > ul {display:none; }
aside nav li > ul > li {border-bottom:0px none;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0px 40px 2px 12px; margin:0; font-weight:300; font-size: 12px;}
aside nav li > ul > li > ul {border-top:0px none;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 30px; margin:0;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}

aside .nav_ct_d {height:calc(40% - 132px); text-align:center; padding-top:20px; background-color:rgba(0,0,0,0.03)}

.sdrotate{ transform: rotate(45deg) translateY(2px) translateX(3px); 
-webkit-transform: rotate(45deg) translateY(2px) translateX(3px); 
-moz-transform: rotate(45deg) translateY(2px) translateX(3px); 
-o-transform: rotate(45deg) translateY(2px) translateX(3px); 
-ms-transform: rotate(45deg) translateY(2px) translateX(3px);}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
/* BASIC css end */

