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

#mask { display:none; position:fixed; top:91px; left:0; right:0; bottom:0; width:100%; height:100%; background:#000; z-index:1000; opacity:0.7 }
#wrap { position:relative; width:100%; min-width:320px; overflow:hidden }
#header { position:relative; width:100%; z-index:101 }
#header.act { margin-top:-30px; position:fixed; top:85; left:0; right:0; z-index:102;    opacity: 0.7; height:91px; overflow:hidden}
#tnb { position:relative; height:30px; background:#373737; z-index:10 }
#tnb ul { display:table; width:100% }
#tnb ul li { display:table-cell; position:relative; width:20% }
#tnb ul li a { display:block; font-size:10px; color:#fff; line-height:30px; text-align:center }
#tnb ul li .bubble { margin-left:-28px; position:absolute; top:20px; left:50%; text-align:center; z-index:0;
    -webkit-animation-name: bubble; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: bubble;
    animation-duration: 4s;
    animation-iteration-count: infinite; 
}
#tnb ul li .bubble .arr { height:8px }
#tnb ul li .bubble .arr i { color:#fff; vertical-align:top }
#tnb ul li .bubble .tx { margin-top:-1px; padding:0 3px; height:14px; font-size:10px; color:#000; font-weight:bold; line-height:14px; border-radius:3px; border:1px solid #000; background:#fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75); width:50px }

@-webkit-keyframes bubble {
    0%   {top:20px;}
    25%  {top:23px;}
    50%  {top:20px;}
    75%  {top:23px;}
    100% {top:20px;}
}

/* Standard syntax */
@keyframes bubble {
   0%   {top:20px;}
    25%  {top:23px;}
    50%  {top:20px;}
    75%  {top:23px;}
    100% {top:20px;}
}


#gnb { position: relative; width:100%; height:60px; background:#fff }
#gnb .logo { position:absolute; top:4px; left:0; width:100%; text-align:center }
#gnb .logo a { display:inline-block; font-size:30px; color:#111; font-weight:bold }
#gnb p.asideOpen { position:absolute; top:20px; left:9px; width:30px; height:30px; color:#111; line-height:30px; text-align:center; font-size:20px; z-index:999 }
#gnb ul { position:absolute; top:25px; right:10px }
#gnb ul li { padding-left:5px; position:relative; float:left }
#gnb ul li a { display:block; font-size:20px }
#gnb ul li a .count { padding:0 5px; position:absolute; top:-6px; right:-7px; font-size:10px; color:#fff; border-radius:100px; background:#ec2c2c }

#tmenu { position:relative; border-top:1px solid #e1e1e1;  background:#fff; overflow:hidden }
#tmenu ul { *zoom:1; border-bottom: 1px solid #e1e1e1; }
#tmenu ul:after { display:block; clear:both; content:'' }
#tmenu ul.first { border-bottom:1px solid #e1e1e1 }
#tmenu ul li {   float: left;  /* border-left: 1px solid #d6d6d6; */ height: 35px; line-height: 35px;}
#tmenu ul li a { display:block; font-size:10px; font-weight:bold; text-align:center; padding: 0px 5px;} 
#tmenu ul li.menuGold a{width:50px; background:#373737; color:#fcf08f;padding: 0px 0px; }
#tmenu ul li.menuSliver a{width:50px; background:#373737; color:#e8e8e8; padding: 0px 0px;}

#header .search { display:none; position:absolute; top:91px; left:0; right:0; height:35px; background:#373737; text-align:center; z-index:10 }
#header .search .searchBox { padding:4px 38px 0 10px }
#header .search .searchBox input { padding: 0 5px; width:100%; height:24px; border:0px none; border-radius:2px }
#header .search .btn_search { position:absolute; top:3px; right:3px; width:32px; height:24px; line-height:24px; font-size:20px; color:#fff; text-align:center }
 
/* 사이드 메뉴 */
aside { position:fixed; width:70%; height:100%; top:91px; left:-75%; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); }
aside .asideTop { position:relative; height:30px; text-align:center }
aside .asideTop ul { *zoom:1 }
aside .asideTop ul:after { display:block; clear:both; content:'' }
aside .asideTop ul li { float:left; width:50%; height:30px }
aside .asideTop ul li a { display:block; height:30px; font-size:13px; color:#808080; font-weight:bold; line-height:30px; background:#fafafa }
aside .asideTop ul li a.act { color:#fff; background:#373737 }
aside nav > ul > li { position:relative; background:#373737 }
aside nav > ul > li > a { display:block; padding:0 27px 0 11px; height:30px; color:#fff; line-height:30px; border-bottom:1px solid #474747; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
aside nav > ul > li > .fa { color:#fff; z-index:10 }
aside nav > ul > li > ul { display:none }
aside nav > ul > li > ul > li { position:relative; background:#dbdbdb }
aside nav > ul > li > ul > li > a { display:block; padding:0 27px 0 25px; height:30px; color:#373737; line-height:30px; border-bottom:1px solid #cacaca; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
aside nav > ul > li > ul > li > .fa { color:#373737; z-index:10 }
aside nav > ul > li > ul > li > ul { display:none }
aside nav > ul > li > ul > li > ul > li { position:relative; background:#fafafa }
aside nav > ul > li > ul > li > ul > li > a { display:block; padding:0 27px 0 40px; height:30px; color:#373737; line-height:30px; border-bottom:1px solid #cacaca; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
aside nav li .fa { position:absolute; top:0; right: 0; width:27px; text-align: center; height:30px; line-height:30px }
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
aside .asideBottom { padding:19px 19px 60px }
aside .asideBottom .tit_insta { padding-bottom:10px; font-size:10px; color:#111; font-weight:bold; text-align:center; width:100% }
aside .asideBottom .insta {width:100%; height:100%; }
aside .asideBottom .insta img {  }

.navCategory .menuGold02 a{color:#fcf08f !important; font-weight:bold}
.navCategory .menuSliver02 a{color:#a1dadd !important; font-weight:bold}
.navCategory .menuacc02 a{color:#a1dadd !important;}

/* 사이드메뉴 바로가기 */
.aside-quick { position:fixed; width:30%; height:100%; top:100px; left:-30%; bottom:0; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001 }
.aside-quick ul { padding:0 10% }
.aside-quick ul li { height:61px; border-bottom:1px solid #dbdbdb }
.aside-quick ul li a { display:block; padding-top:12px; height:49px; color:#fff; text-align:center }
.aside-quick ul li a i { font-size:18px }

.topcolor a{color:#59c8ce !important}

.borad01 a{height:42px; line-height:16px;padding-top: 12px; font-weight:bold} 
.borad01 span{font-size:9px;}

.borad02 a{height:42px; line-height:16px;padding-top: 12px;font-weight:bold }
.borad02 span{font-size:9px;}

.borad03 a{height:42px; line-height:16px;padding-top: 12px; font-weight:bold}
.borad03 span{font-size:9px;}


#gnb .lnk-bookmark {position:absolute; top:0; right:10px; width:45px;  height:40px; margin:0; padding-top:10px; background:#000; color:#fff; font-size:.938em; text-align:center;     line-height: 12px;  border-top: 2px solid #e30089;}
#gnb .lnk-bookmark span {position:absolute; bottom:0; left:0; width:0; height:0; border-left:23px solid transparent; border-right:23px solid transparent; border-bottom:10px solid #fff;}
#gnb .lnk-bookmark a{color:#fff;}
/* BASIC css end */