/* BASIC css start */
header { position: fixed;top: 0px;left: 0px;z-index: 12;width: 100%;min-width:1350px;height:210px;background: rgba(255,255,255,0);}
header:after {content:"";clear:both;display:block;}
header,header.active {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
header > ul {max-width:1350px;margin:0 auto;height:50px;line-height:50px;}
header > ul > li > a {line-height:50px;	}

header #one_user { position: relative;text-align: left;width: 100%;line-height: 30px;box-sizing: border-box;height: 30px;position: relative;text-align: left;width: 100%;line-height: 30px;box-sizing: border-box;height: 30px;background: #d6c7bd;background: linear-gradient(to right,rgba(210, 193, 183, 0.89),rgba(228, 216, 180, 0.91));}
header #one_user > .members {position:relative;width:1250px;margin:0 auto;}
header #one_user > .members > ul > li { position: relative;display: inline-block;padding: 0 20px 0 0 ;color: #423d3a;}
header #one_user > .members > ul > li:after { content: "";position: absolute;right: 7px;top:9px;height: 11px;width: 1px;background: rgba(255,255,255,0.37);}
header #one_user > .members > ul > li.social {padding-right:5px;}
header #one_user > .members > ul > li.social:after{display:none;}

header #one_user > .members > ul > li:last-child:after {display:none;}
header #one_user > .members > ul > li a {color:#fff;letter-spacing:0;line-height:30px;}
header #one_user > .members > ul > li a i {font-size:15px;}
header #one_user .fright {position:absolute;right:0;top:0;}
header #one_user .fright > ul {    line-height: 20px;margin-top: 3px;}
header #one_user .fright > ul > li {display:inline-block;position:relative;padding-left:10px;}
header #one_user .fright > ul > li:after {content: "";position: absolute;left: 8px;top: 3px;height: 15px;width: 1px;background: rgba(255, 255, 255, 0.38);}
header #one_user .fright > ul > li:first-child:after {display:none;}
header #one_user .fright > ul > li .MS_search_word { border: none; background: none; border-bottom: 1px rgba(255,255,255,0.5) solid; color: #fff; outline: none; }
header #one_user .fright > ul > li i { display:inline-block;vertical-align:middle;color: #fff;font-size: 20px;line-height:20px;}
header #one_user .fright > ul > li span {display:inline-block;vertical-align:middle;color:#fff;line-height:20px;}

  
  header #one_user .fright > ul > li:after {
       display: none; 
  }
  
  header .lang_link {
       position:relative;
       top: -3px; 
  }
  
  header .lang_link:after {
       display: none; 
  }
  
  header .lang_link a img {
    vertical-align: middle; 
  }

header .fright > ul > li {
    position: relative;   
    display: inline-block;
}  
header .fright > ul > li a {
    color: #fff;
    letter-spacing: 0;
    line-height: 30px;
}  
  
header #one_user .fright > ul {
      margin-top:0; 
      line-height :30px;
}  
  

/* ·Î°í */
header h1 { display: block;text-align: center;position: relative;padding-top: 40px;height: 100px;box-sizing: border-box;}
header h1 a {font-family: 'Arizonia',cursive;font-size: 50px;font-weight: 400;color: #736154;}
header h1 img {vertical-align:top;}

/* Ä«Å×°í¸® */
#one_cate{display:block;margin:8px auto 0 auto}
#one_cate .position > ul {text-align:center;}
#one_cate .position > ul > li {position:relative;display:inline-block;padding:0;}
#one_cate .position > ul > li > a {padding:0 11px;font-size: 14px;font-family:lato;font-weight: 400;display: block;text-align: center;letter-spacing: 0.8px;}
#one_cate .position > ul > li:last-child > a {color:#ce8362;}
#one_cate .position > ul > li .sub-category {display:none;visibility:hidden;position:absolute;top:50px;left:calc(50% - 60px);;background:rgba(255,255,255,0.7);z-index:9999;box-sizing:border-box;padding:7px;width:120px;}
#one_cate .position > ul > li .sub-category ul li a {line-height:25px;display:block;font-size:12px}
#one_cate .position > ul > li:hover .sub-category {display:block;visibility:visible;}

/* °¡ÀÔÆ÷ÀÎÆ® */
.btn_jointop {position:relative;} 
#join_box {position: absolute;z-index: 99;background:#eee2d2;color:#827a76;border-radius: 5px;padding: 2px 5px;letter-spacing:0.3px;width: 60px;left: -14px;top:25px;font-size: 11px;text-align: center;line-height:20px;}



/* ½ºÅ©·Ñ È°¼ºÈ­½Ã */
header.active {    height: 80px;    background: rgba(255,255,255,0.95)}


header.active h1 {height:0;padding:0;}
header.active h1 img {opacity:0;visibility:hidden;}
header.active > ul {height:0;}
header.active #one_cate {margin-top:0;}


header.active h1,
header h1 {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}

header.active h1 img,
header h1 img  {-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}

header #one_user .members > ul > li .MS_search_word { border: none; background: none; border-bottom: 1px rgba(255,255,255,0.5) solid; color: #fff; outline: none; }

/* BASIC css end */

