/* BASIC css start */
/* ÃÖ»ó´Ü À̹ÌÁö ¹è³Ê */
#topBanner{display:none;position:relative;width:100%;z-index:1;overflow:hidden}
#topBanner .bnnr_bx img{display:block;width:100%;}
#topBanner .bt_closeBanner{position:absolute;top:0;right:0;padding:10px;box-sizing:border-box;text-align:center;cursor:pointer; z-index:10; }

/* Çì´õ »óÅ°ª °ü¸® */
.viewTopBanner #topBanner{display:block;}
.headerFix #header{position:fixed;top:0;left:0;right:0;}
.headerFix #container{padding-top:94px;}
.headerFix.viewTopBanner #topBanner{display:none;}
.headerFix.viewTopBanner #container{padding-top:155px;}

#allWrap{width:100%;height:100%;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;background-color:#fffdf7;}
.rightMenuOn #allWrap{max-height:100%;overflow:hidden;}
.headerSearchOn .headerTop .headerSearchArea{opacity:1;top:0;}

/* header */
#header{position:relative;z-index:100;background-color:#fffdf7;overflow:hidden;}
.headerTop{height:44px;border-bottom:2px solid #9a9a9a;font-size:0;box-sizing:border-box;}
.headerTop .logo{margin:0 auto;padding:16px 0 0 16px;width:150px;}
.headerTop .logo a{display:block;}
.headerTop .logo img{width:100%;vertical-align:top;}
.headerTop .link{display:inline-block;position:relative;height:43px;padding:0 9px;box-sizing:border-box;vertical-align:middle;}
.headerTop .right .link{}
.headerTop .viewSearchBtn{padding-top:12px;}
.headerTop .rightMenuBtn{padding-top:15px;margin-right:6px;}

/* °Ë»ö¿µ¿ª */
.headerTop .headerSearchArea{opacity:0;transition:all 0.3s;position:absolute;left:0;right:0;top:-45px;height:45px;z-index:90;background-color:#000;}
.headerTop .headerSearchArea .left{padding:9px 0 0 10px;float:none;margin-right:90px;}
.headerTop .headerSearchArea .searchArea{border:0;height:27px;border-radius:3px}
.headerTop .headerSearchArea input{padding:0 0 0 25px;height:27px;}
.headerTop .headerSearchArea .searchBtnArea{right:auto;left:0;}
.headerTop .headerSearchArea .searchBtnArea img{width:11px;}
.headerTop .headerSearchArea .searchBtn{height:27px;padding-top:8px;width:25px;}
.headerTop .headerSearchArea .link{height:45px;padding-top:13px;}
.headerTop .headerSearchArea .rightMenuBtn{padding-top:15px;}

/* gnb */
.gnbArea{height:60px;position:relative;border-bottom:1px solid #b8b8b8;}
.gnbArea .gnb, .gnbArea ul, .gnbArea .list, .gnbArea .link{height:100%;}
.gnbArea ul:after{content:"";display:block;clear:both;}
.gnbArea .list{width:16%;float:left;}
.gnbArea .link{display:block;color:#000;position:relative;box-sizing:border-box;height:100%;text-align:center;}
.gnbArea .link .cimgIcon{margin-top:9px;}
.gnbArea .link .cimgIcon img{width:auto;height:100%;}
.gnbArea .link .title{display:block;font-weight:500;font-size:10px;}
.gnbArea .link .guideTitle { margin-top:4px; line-height:10px }
.gnbArea .link.on{color:#fc892f;}


/* ¼­ºê ¸Þ´º */
.subMenuArea{transition:all 0.3s;position:fixed;top:0;bottom:0;z-index:110}
.subMenuArea .asideWrap{position:absolute;top:0;bottom:0;z-index:1;width:100%;background-color:#fff;}
.subMenuArea .asideCloseBtn{line-height:1;box-sizing:border-box;text-align:center;position:absolute;z-index:1;width:40px;position:absolute;top:0;right:0;display:block;height:44px;padding-top:14px;}
.subMenuArea .asideHead{height:44px;background-color: #f7f6f3;}
.subMenuArea .asideCnt{background-color: #fffdf9;position:absolute;top:44px;left:0;right:0;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch;}
.asideHead .logo{margin:0 auto;padding:16px 0 0 16px;width:150px;}
.asideHead .logo a{display:block;}
.asideHead .logo img{width:100%;vertical-align:top;}
.asideNav{}
.asideNav .list{border-bottom:1px solid #e0e0df;background-color: #f1f1f0;}
.asideNav .list:after{content:"";display:block;clear:both;}
.asideNav .link{display:block;margin-right:35px;height:40px;line-height:40px;font-weight:500;color:#090909;text-align:left;}
.asideNav .openBtn{border:0;background:none;float:right;text-align:center;width:35px;height:40px;box-sizing:border-box;}
.asideNav .listWrap{clear:both;display:none;}
.asideNav .listWrap>.list:last-child{border-bottom:0;}
.asideNav .depth1:first-child{border-top:1px solid #b8b8b8;}
.asideNav .depth1>.link{padding-left:18px;}
.asideNav .depth2>.link{padding-left:24px;color:#111;}
.asideNav .depth3>.link{padding-left:37px;}
.asideNav .link.last{color:#8d8d8d;margin-right:0;}
.asideNav .list.on>.listWrap{display:block;}
.asideNav .list.depth1.on>.link, .asideNav .list.depth1.on>.openBtn{background-color:#a2aeb3;}
.asideNav .list.depth1.on>.link{color:#fff;}
.asideNav .list.depth2 .listWrap{border-top:1px solid #d9d9d9;background-color:#ececec;}
.asideNav .list.depth3{border-bottom:0;}
.asideNav .list.depth3 .link{height:37px;line-height:37px;}
/* ¿À¸¥ÂÊ ¼­ºê ¸Þ´º */
.rightMenu{width:100%;right:-100%;}
.rightMenuOn .rightMenu{right:0;} /* ¿À¸¥ÂÊ ¸Þ´º Ŭ¸¯ÇßÀ» ¶§, ó¸® */
/* BASIC css end */