/* BASIC css start */
/* item02_»çÀÌµå ¸Þ´º */
#asideMenu { position:fixed; top:0; left:-102%; width:100%; height:100%; box-shadow:-5px 5px 5px 5px #000;  z-index:9999; overflow-y:auto; overflow-x:hidden }
#asideMenu .member_menu { position:relative; display:inline-block; width:100%; height:6rem; margin:2.5rem 1.5rem 1rem 1.5rem; box-sizing:border-box;  }

#asideClose { position:absolute; right:1rem; width:3rem; height:3rem; text-indent:-9999em; top:2.8rem; background:url(/design/kichmom/10276/m/common/btn_aside_close.gif) 0 0 no-repeat; background-size:6vw auto; cursor:pointer; z-index:9999; }

#asideMenu .member_menu ul {  }
#asideMenu .member_menu ul .member_tit { display:block; font-size:1.2rem; margin-top:1rem; color:#888; }
#asideMenu .member_menu ul li { display:inline-block; }
#asideMenu .member_menu ul li a {  position:relative; display:block; font-size:1.3rem; color:#666; padding: 0.8rem 2rem; border:1px solid #ddd; margin-right:0.5rem; border-radius:0.4rem; }
#asideMenu .member_menu ul li .tx { background:#e74174; border:1px solid #e74174; color:#fff; font-weight:500; }
#asideMenu .member_menu ul li a .tx:after { content:"|"; position:absolute; padding: 0 3vw; font-size:1vw; top:-0.3vw; }

.line { display:block; width:100%; height:1.4vw;  box-sizing:border-box; margin:2vw 0; }
.line p { background:#f9fafc;  height:1.4vw;  border-top:1px solid #ECECEC;  border-bottom:1px solid #ECECEC;;  }


#asideMenu .banner { position:relative; width:100%; height:7rem; padding:0.5rem 2rem; display:inline-block; box-sizing:border-box; }
#asideMenu .banner a { width:100%; height:6rem; display:inline-block;  background:#f9fafc; border-radius: 0.4rem; overflow:hidden; }
#asideMenu .banner img { position:absolute; width:4rem; top:1.5rem; left:3rem; }
#asideMenu .banner p { position:absolute; font-size:1.3rem; top:2rem; left:9rem;  line-height:1.7rem;  }

#asideMenu .banner2 { position:relative; width:100%; height:7rem; padding:0.5rem 2rem; display:inline-block; box-sizing:border-box; ; background:#fff; }
#asideMenu .banner2 a { width:100%; height:16vw; display:inline-block;  background:#fadc60; border-radius: 1vw; overflow:hidden; }
#asideMenu .banner2 img { position:absolute; width:4rem; top:1.5rem; left:3rem; }
#asideMenu .banner2 p { position:absolute; font-size:1.3rem; top:2rem; left:9rem;  line-height:1.7rem;  }

#asideMenu .banner3 { position:relative; width:100%; height:7rem; padding:0.5rem 2rem; display:inline-block; box-sizing:border-box;  background:#fff; }
#asideMenu .banner3 a { width:100%; height:16vw; display:inline-block;  background:#f9fafc; border-radius: 1vw; overflow:hidden; }
#asideMenu .banner3 img { position:absolute; width:4rem; top:1.5rem; left:3rem; }
#asideMenu .banner3 p { position:absolute; font-size:1.3rem; top:2rem; left:9rem;  line-height:1.7rem;  }
#asideMenu .banner3 p .box { color:#e74174; }

/* Äü¸Þ´º */
#asideMenu .quick_menu { position:relative; width:100%;  display:inline-block; background:#fff; padding:0 2rem; box-sizing:border-box; }
#asideMenu .quick_menu ul { overflow:hidden; position:relative;  }
#asideMenu .quick_menu ul li { position:relative; display:inline-block; width:49.3%; height:10vw;background:#f9fafc; vertical-align:middle; margin:0.3rem 0; }
#asideMenu .quick_menu ul li a {  font-size:1.3rem; color:#666; }

#asideMenu .quick_menu ul li img { position:absolute; width:2.1rem; left:1.2rem; top:0.7rem;  }
#asideMenu .quick_menu ul li span { position:absolute; left:4.2rem; top:50%; transform:translate(0, -50%); font-size:1.3rem; box-sizing:border-box; }

#asideMenu .cs_kakao { position:relative; width:100%; padding:0 5vw 2vw 5vw; display:inline-block; box-sizing:border-box; border-bottom:1px solid #ECECEC;; }
#asideMenu .cs_kakao a { width:100%; height:10vw; display:inline-block; overflow:hidden; }
#asideMenu .cs_kakao img { position:absolute; width:7.5vw; top:2vw; left:8vw; }
#asideMenu .cs_kakao p { position:absolute; font-size:3.8vw; top:3.5vw; left:19vw; color:#888; font-weight:500; }


#asideMenu .cs_call { position:relative; width:100%;  display:inline-block; background:#f9fafc; padding:5vw 7vw; box-sizing:border-box; }
#asideMenu .cs_call ul { text-align:left; }
#asideMenu .cs_call ul li { display:inline-block; }
#asideMenu .cs_call ul li a {  position:relative;  display:block; font-size:3.5vw; color:#888; padding-right:4vw; }
#asideMenu .cs_call ul li a .tx { margin-right:2vw; }
#asideMenu .cs_call ul li a .tx:after { content:"|"; position:absolute; padding: 0 3vw; font-size:1vw; top:-0.3vw; }

/* Ä«Å×°í¸® */
aside { position:fixed; width:320px; height:100%; top:36px; right:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; }
aside .asideTop { text-align:center; }
aside .asideTop a { width:33.33%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold; }
aside .asideTop a .fa { margin-top:10px; }
aside .asideTop a.act { color:#ab3e41; border-bottom:2px solid #ab3e41; }

aside nav .tit { font-size:3.8vw; line-height:9vw; border-bottom:1px solid #ddd; margin:3vw 5vw 2vw 5vw; box-sizing:border-box; color:#000; font-weight:500; }
aside nav li { position:relative;}
aside nav li a { display: block; height: 4rem; line-height:4rem; padding-left:1rem;; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.4rem; ; }

aside nav li .fa {position: absolute; top:0; right: 7vw;  text-align: right; height: 10.5vw; line-height:10.5vw; padding: 0 7vw; color:#888; }
aside nav li a.active { color:#fff; }
aside nav li > ul  {background-color:#f9fafc; display:none; }
aside nav li > ul > li {border-bottom:0px none; }
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a { padding-left:9vw;  margin: 0; color:#888; height:9vw; line-height:9vw; }
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside nav li > ul .cate_all { color:#555; }

.navWrap { position:relative; width:100%; display:inline-block; box-sizing:border-box; padding:1rem 2rem; }
.navWrap .tabs { }
.navWrap .tab-link{ width: 49%;display: inline-block; text-align: center; color:#333; cursor: pointer; border-bottom: 0.2rem solid #f5f5f5; font-size:1.4rem; padding:1rem 0; }
.navWrap .tab-link.current { border-bottom: 0.2rem solid #e74174; color: #e74174; font-weight:500; }
.navWrap .tab-content { display: none; }
.navWrap .tab-content.current { display: block;  width: 100%; }



aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* BASIC css end */