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

#wrap {position:relative;width:100%;min-width:320px;height:100%;overflow:hidden}

.mask {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:990}
.mask2 {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:400}

#gnb { position:fixed; top:0; width:100%;z-index:100;background: #fff; border-bottom: 10px solid #FFF;}
#gnb .logo {position:absolute;top: 10px;left:50%;margin-left: -57px; line-height:29px; z-index:10}
#gnb .logo img {width: 115px;}
#gnb p.asideOpen {position:absolute;top: 11px;left:10px;z-index: 9999999;border: 1px solid #eee;width: 28px;height: 28px;line-height: 28px;text-align: center;background: #fff;font-size: 18px;}
#gnb p.searchBtn {position:absolute;top: 11px;right:10px;z-index:10;border: 1px solid #eee;width: 28px;height: 28px;line-height: 26px;text-align: center;background: #fff;font-size: 16px;}
#gnb .gnbWrap { position: relative;height: 53px;}

#header .search {height: 38px; position:relative;background-color: #dedede;padding-right: 40px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width: 94%;height: 26px; border:0px none;margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width: 40px;height: 38px;background-color: #414141; position:absolute;top: 0px; right:0; color:#fff; text-align:center;line-height: 38px;font-size: 18px;}

#header .headerTop {position:relative;height: 30px;font-size:0;background:#FFF;margin-top: 60px;}
#header .headerTop a { display:inline-block; font-size:13px; color:#3d3d3d; font-weight:bold; text-align:center; line-height: 30px; }
#header .headerTop a.t1 {width: 17%; }
#header .headerTop a.t2 {width: 17%; }
#header .headerTop a.t3 {width: 24%; }
#header .headerTop a.t4 {width: 22%; }
#header .headerTop a.t5 {width: 20%; }


#header .headerBottom {position:relative; padding:0 13px; height: 30px; background:#282828;overflow:hidden}
#header .headerBottom a { color:#fff; font-size: 11px; letter-spacing: -1px; }
#header .headerBottom .swiper-wrapper {  position: relative;  }
#header .headerBottom .swiper-slide {font-size:0; text-align:center; line-height: 29px;}
#header .headerBottom .swiper-slide a { display:inline-block; font-size:12px }
#header .headerBottom .sw11 {width: 17%;}
#header .headerBottom .sw12 {width: 17%;}
#header .headerBottom .sw13 {width: 14%;}
#header .headerBottom .sw14 {width: 12%;}
#header .headerBottom .sw15 {width: 23%;}
#header .headerBottom .sw16 {width: 17%;}
#header .headerBottom .sw21 {width: 17%;}
#header .headerBottom .sw22 {width: 17%;}
#header .headerBottom .sw23 {width: 13%;}
#header .headerBottom .sw24 {width: 17%;}
#header .headerBottom .sw25 {width: 17%;}
#header .headerBottom .sw26 {width: 19%;}
#header .headerBottom .swiper-button-prev,
#header .headerBottom .swiper-button-next {width:auto;height: 20px;font-size:16px;color:#fff; z-index:10;position: absolute;top: 27px;}
#header .headerBottom .swiper-button-prev {left: 5px; background-image: none; }
#header .headerBottom .swiper-button-next {right: 5px; background-image: none; }

/* aside ¸Þ´º */
div.btClose {position: absolute;top: 7px;right: 6px;width: 24px;height: 24px;color:#2f2f2f;font-size: 18px;text-align:center;line-height: 20px;z-index:9999;cursor:pointer}
.asideMenu {position:fixed;top:0;left:-85%;width:85%;height:100%;background: #e8e8e8;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling: touch;}
.asideMenu .loginBx {padding: 7px 0 7px 10px;background: #ffb400;}
.asideMenu .loginBx p.tx {margin-right: 5px;font-size: 14px;color:#2f2f2f;letter-spacing:-1px;display: inline-block;font-weight: bold;}
.asideMenu .loginBx a {display:inline-block;padding: 3px 8px;color: #fff;font-size:12px;background: #282828;border-radius: 3px;}

.asideMenu .asideInfo { background: #ffc333;padding: 10px 0 5px; text-align: center;} 
.asideMenu .asideInfo ul {display:inline-block; width: 100%; } 
.asideMenu .asideInfo ul li { width:33%; float:left; border-right: 1px solid #ffb400;  } 
.asideMenu .asideInfo ul li span { font-size: 20px; } 
.asideMenu .asideInfo ul li:last-child { border-right:0; } 

.asideMenu .asideTab { position:relative; width: 70px; float:left; }
.asideMenu .asideTab:after { display:inline-block; clear:both; content:'' }
.asideMenu .asideTab ul {display:inline-block;width:100%}
.asideMenu .asideTab ul li {text-align:center;height: 74px;}
.asideMenu .asideTab ul li a{display:block;width:100%;line-height:0;height: 60px;padding: 7px 0;}
.asideMenu .asideTab ul li a.on {background: #fff;}
.asideMenu .asideTab ul li a span.ico{display:inline-block;width:45px;height:45px;background:url(/design/gayamy/m/common/aside_icon.png) 0 0 no-repeat;background-size:45px auto; margin-top:2px; }
.asideMenu .asideTab ul li a span.ico1{background-position:0 0}
.asideMenu .asideTab ul li a span.ico2{background-position:0 -45px}
.asideMenu .asideTab ul li a span.ico3{background-position:0 -90px}
.asideMenu .asideTab ul li a span.ico4{background-position:0 -135px}
.asideMenu .asideTab ul li a span.tx {display:block;color:#2f2f2f;font-size:11px;font-weight:bold;letter-spacing:-1px;vertical-align:top;line-height:12px;padding-bottom:2px}

.asideMenu .asideContainer {position:relative; margin-left: 70px;padding: 10px;background: #fff;}
.asideMenu .asideContainer .asideContent {display:none;position:relative;width:100%}
.asideMenu .asideContainer .asideContent li.fstTit span { display: block; font-size: 16px; font-weight: bold; border-bottom: 2px solid #ff8400; padding: 4px 4% 12px; }
.asideMenu .asideContainer .asideContent nav > ul > li {position:relative;width:100%}
.asideMenu .asideContainer .asideContent nav > ul > li > a {display:block;padding: 12px 4%;color:#3b3b3b;border-bottom:1px solid #dedede;}
.asideMenu .asideContainer .asideContent nav > ul > li.on > a {font-weight:bold;border-bottom:1px solid #6e6e6e}
.asideMenu .asideContainer .asideContent nav > ul > li > a i {float:right;color:#cdcdcd;font-size:18px;font-weight:bold}
.asideMenu .asideContainer .asideContent nav > ul > li > div.deps {display:none;padding: 10px 3% 0 3%;background:#eee;border-bottom:1px solid #dedede;}
.asideMenu .asideContainer .asideContent nav > ul > li > div.deps > ul {display:inline-block;width:100%;*zoom:1}
.asideMenu .asideContainer .asideContent nav > ul > li > div.deps > ul:after { display:block; clear:both; content:'' }
.asideMenu .asideContainer .asideContent nav > ul > li > div.deps > ul > li {float:left;width:50%;text-overflow: ellipsis;overflow:hidden;height: 18px;margin-bottom: 6px;}
.asideMenu .asideContainer .asideContent nav > ul > li > div.deps > ul > li a {display:block;width:100%;color:#555;height: 18px;}

/* BASIC css end */