/* BASIC css start */
 



.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%; text-align:center;}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}


#header .fixheaderTop { border-bottom:0px solid #ddd; z-index:5;  width:100%; text-align:center;    } 
#header .fixheaderTop.fixed { position:fixed; left:0; top:0;  }

#header .headerTop { min-width:275px; text-align:center;  position: relative; padding-left:45px; background-color:#fff;  }
#header .headerTop a {width:25%; height: 36px; line-height: 36px; background-color:#fff;display:inline-block; border-left:1px solid #fff; margin-left:-1px;text-align:center; color:#000; font-size:12px; font-weight:;}
#header #menu { width:45px; height: 36px;  background-color:#fff; position:absolute; left:0; top:0px;  padding-top:5px; box-sizing:border-box; }
#header #menu .fa { top:10px; color:#000; font-size:28px; border:0px solid #ff0000; }


#header .top_menu {padding:20px 0 30px;}
#header .top_menu .logo img { width:100px; }





#header .search { height:20px; position:relative;  margin:10px auto 0 ; text-align:center; z-index:10; border-bottom:1px solid #999; width:130px;}
#header .search .searchBox { float:left;  }
#header .search .searchBox input { width:110px;  height:18px; border:0px solid #000; margin-top: 0px; padding: 0; }
#header .search .btn_search { float:right; }
#header .search .btn_search img { width:15px;float:left; }



.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:990 }
/* ============= »çÀÌµå ¸Þ´º ============= */

#asideMenu { position:fixed; top:0;  left:-82%; width:80%; height:100%;  background:rgba(255,255,255,1);  overflow-y:auto; overflow-x:hidden ;  z-index:9999; }
#asideMenu  .close {  width:100%; text-align:right;  border:0px solid #fff;  }
#asideMenu  #asideClose {  width:40px; height:40px; line-height:45px;  cursor:pointer;   }
#asideMenu  #asideClose i { color:#000; font-size:20px;  padding:10px; font-weight: bold; cursor:pointer; }
#asideMenu  #asideClose:hover {  transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}
#asideMenu .asidepd { padding:0 20px;   }


#asideMenu .logo { text-align:left; }
#asideMenu .logo img { width:120px;}


/* ·Î±×ÀÎ ¸Þ´º */
.loginBox { clear:both; padding-bottom:10px; text-align:left; margin-bottom:10px; }
.loginBox a { font-size:11px; color:#000; letter-spacing:1; line-height:35px;      font-weight: 300;  }



/* Æ÷ÀÎÆ®¹«ºñ */
.loginBox a.join { position:relative; text-align:center; }
.loginBox a.join .pointBox { position:absolute;z-index:90;top:10px; left:50%; width:60px; -o-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0); }
.loginBox a.join .pointBox > i { display:block; color:#c3b39a;   font-size:20px }
.loginBox a.join .pointBox > span{ margin:-9px 0 0 0;display:block;padding:1px 10px; border-radius:5px;font-size:10px; color:#fff; line-height:18px;background:#c3b39a;  letter-spacing:0.5px }
.loginBox a.join .pointBox { -o-animation:animate-pointBox 1s linear infinite;-ms-animation:animate-pointBox 1s linear infinite;-moz-animation:animate-pointBox 1s linear infinite;-webkit-animation:animate-pointBox 1s linear infinite;animation:animate-pointBox 1s linear infinite;}
@-o-keyframes animate-pointBox{50%{margin-left:4px }}
@-ms-keyframes animate-pointBox{50%{margin-left:4px }}
@-moz-keyframes animate-pointBox{50%{margin-left:4px }}
@-webkit-keyframes animate-pointBox{50%{margin-left:4px }}
@keyframes animate-pointBox{50%{margin-left:4px }}




#asideMenu .search { height:20px; position:relative;  margin:10px auto 0 ; text-align:center; z-index:10; border-bottom:1px solid #999; width:100%; margin-bottom:20px }
#asideMenu .search .searchBox { float:left;  }
#asideMenu .search .searchBox input { width:200px;  height:20px; border:0px solid #000; margin-top: 0px; padding: 0; }
#asideMenu .search .btn_search { float:right; }
#asideMenu .search .btn_search img { width:15px;float:left; }



/* Ä«Å×°í¸®¸Þ´º */
aside .asideTop { text-align:center; font-size: 0.875em;  overflow:hidden; padding: 0px 0px px; margin:0 0px;}
aside .asideTop a:first-child { border-left: 0px solid #eee;}
aside .asideTop a { width:33.33%; height:35px; line-height: 35px;  font-size:11px;  font-weight:700;  position:relative; font-weight:normal; border-left: 1px solid #666; -webkit-box-sizing:border-box; border-left: 0px; background:#000; color:#fff; display:inline-block; box-sizing: border-box;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act { background:#fff; color:#000; font-weight:700; }
aside .asideTop a.act em { position:absolute; left:44%; bottom:-6px; border-top:6px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent;}



aside .navCategory { margin:0; border:0px solid #666; margin-bottom:20px  }
aside .navCategory :after { content: ""; display: block; clear: both; }
aside .navCategory nav li {  position:relative; width:49%; }
aside .navCategory nav li a { display: block; font-size:12px; border:1px solid #eeeeee; color:#52522; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; margin-bottom:10px; padding:10px}
aside .navCategory nav li:nth-child(odd)  {  float:left; }
aside .navCategory nav li:nth-child(even) {  float:right; }
aside .navCategory nav li:nth-child(2) a { color:#cb0000 !important; font-weight:bold; }
aside .navCategory nav li:nth-child(3) a { font-weight:}


.ctit { font-size:12px;  font-weight:700;  letter-spacing:1; margin-bottom:15px }



aside .navCommunity { margin:0; margin-bottom:20px }
aside .navCommunity nav li {  position:relative; width:100%; }
aside .navCommunity nav li a { display: block; font-size:12px; color:#52522; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; margin-bottom:0px; padding:5px 0 }


aside .navCustomer { margin:0px; margin-bottom:50px }
aside .navCustomer nav p { display: block; font-size:12px; color:#52522; }
aside .navCustomer nav i {  font-size:20px; color:#999; margin-bottom:20px }

aside .navCustomer nav p span {  }
aside .navCustomer nav .phone {  margin-bottom:10px }
aside .navCustomer nav .phone a { font-weight:700; font-size:16px;  color:#000; }






@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}




/* BASIC css end */