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

#mask { width:100%; height:100%; position:fixed; top: 0; left:0; right:0; bottom:0; background-color: #111; z-index:1000; display:none; opacity: 0.7; } 

#header { position:relative; width:100%; z-index:101; } 
#header .gnbWrap { position:relative; height:53px; } 
#header.fixed #gnb { background: rgba(255,255,255,0.8); } 

#gnb { position:fixed; top:0; left:0; right:0; height:53px; width:100%; background: transparent; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.28); } 
#gnb .gnbact { position:relative; height:52px } 
#gnb .gnbact .logo { position:absolute; top:0; left: 50%; transform: translateX(-50%); height:52px; line-height:52px } 
#gnb .gnbact .logo a { font-size:28px; font-weight:bold; color:#2e2e2e; line-height: 1; } 
#gnb .gnbact .logo a img { width: 107px; vertical-align: middle; } 
#gnb .gnbact p { font-size:25px; color:#2e2e2e; line-height:57px; text-align:center } 
#gnb .gnbact p.menuOpen { position:absolute; top:35%; left:0; width:52px; height:52px; } 
#gnb .gnbact p.mypage { position:absolute; top:25%; right: 56px; width: 25px; height:52px } 
#gnb .gnbact p.cart {position:absolute;top:25%;right: 37px;width: 33px;height:52px} 
#gnb .gnbact .search {position:absolute;top:30%;right: 8px;width: 25px;height:52px} 
#gnb .gnbact .search .searchBox { display:none; } 
#gnb .gnbact .search .btn_search { display:inline-block; width: 25px; height:52px; font-size:25px; color:#2e2e2e; line-height:57px; text-align:center } 

/* 사이드 메뉴 */
.leftMenu { -webkit-transition:all 0.3s; transition:all 0.3s; position:fixed; top:0; left: -100%; width:100%; bottom:0; height:100%; z-index:1001; } 
.leftMenu.on { left: 0; } 
.leftMenu.on .shadow { display:block; } 
.leftMenu .menuCnt { position:absolute; top:0; left: 0; bottom:0; z-index:1; width:100%; padding:8% 10%; box-sizing:border-box; background-color: #fff; overflow-y:auto; -webkit-overflow-scrolling:touch; } 
.leftMenu .shadow { display:none; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.75); } 
.leftMenu .asideClose { position:absolute; top: 5px; left: 86%; bottom:0; z-index:1; width: 50px; height: 50px; line-height: 50px; box-sizing:border-box; color:#2c2c2c; font-size:40px; text-align:center; } 

.leftMenu .loginBx { margin: 17px 0 10px; } 
.leftMenu .loginBx .tx { color:#777; display: block; line-height: 20px; text-align: center; } 
.leftMenu .loginBx .btnSt { margin-top: 30px; overflow:hidden; } 
.leftMenu .loginBx .btnSt li { float:left; width:48%; } 
.leftMenu .loginBx .btnSt li:first-child { margin-right: 4%; } 
.leftMenu .loginBx .btnSt li i { font-size:16px; vertical-align: middle; } 
.leftMenu .loginBx .btnSt li a { width:100%; text-align:center; display: inline-block; background-color:#eee; color:#2e2e2e; height: 35px; line-height: 35px; font-size:14px; } 
.leftMenu .loginBx .btnSt li a.gray { background-color:#555; color:#fff; } 
.leftMenu .loginBx .status { color:#1c1c1c; font-weight:bold; } 

/* 사이드 메뉴 - util menu */
.leftMenu .utilMenu ul { zoom:1; overflow:hidden; margin: 30px 0; } 
.leftMenu .utilMenu .list { } 
.leftMenu .utilMenu .link { text-align:center; display:block; line-height:1; } 
.leftMenu .utilMenu i { padding-top:3px; } 
.leftMenu .utilMenu .title { color:#111; font-size: 12px; display:block; padding-top:3px; } 
.leftMenu .utilMenu .basket { position:relative; } 
.leftMenu .utilMenu .my_list { display: flex; justify-content: space-between; gap: 0 5px; } 
.leftMenu .utilMenu .my_list li { width: 100%; } 
.leftMenu .utilMenu .my_list li a { border: 1px solid #000; padding: 13px 0; border-radius: 5px; } 
.leftMenu .utilMenu .my_list li a span { font-size: 14px; } 
.leftMenu .utilMenu .my_list_2 { display: flex; justify-content: center; gap: 0 30px; } 
.leftMenu .utilMenu .my_list_2 li { } 
.leftMenu .utilMenu .my_list_2 li a { font-size: 27px; } 

aside .asideTop { text-align:center; } 
aside .asideTop a {width:50%;height: 36px;display:inline-block;border-bottom: 1px solid #ddd;color:#8f8f8f;line-height: 36px;font-size: 19px;font-weight: bold;} 
aside .asideTop a.act {color: #111;border-bottom: 2px solid #111;} 
aside nav { padding: 10px 0; } 
aside nav li { position:relative; } 
aside nav li a {display: block;height:40px;line-height:40px;padding: 0 0 0 25px;margin-right: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#111;font-size:18px;font-weight: bold;} 
aside nav li .fa { position: absolute; top:0; right: 5px; width: 40px; text-align: center; height: 30px; line-height: 30px; font-size:16px; } 
aside nav li > ul { background-color: #fff; display:none; background: #f8f8f8; } 
aside nav li > ul > li:last-child { border:none; } 
aside nav li > ul > li a { padding: 0 40px 0 32px; margin: 0; font-size: 14px; } 
aside nav li > ul > li > ul { background-color:#e6e6e6; } 
aside nav li > ul > li > ul > li a { padding:0 0 0 40px; margin: 0; } 
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; } 

/* 사이드 메뉴 - 하단 link */
.leftMenu .menuFooter { padding: 16px 0; text-align:center; } 
.leftMenu .menuFooter a { width:24%; color:#111; display:inline-block; padding: 6px 0; position:relative; font-size:12px; } 
.leftMenu .menuFooter span { color:#8f8f8f; width:1px; display:inline-block; } 

.btn_toggle_area { display: none; position: fixed; bottom: 76px; right: 49px; z-index: 100; } 
.btn_toggle_area a { display: block; width: 36px; height: 36px; line-height: 38px; color:#111; font-size: 18px; text-align: center; background-color: rgba( 255, 255, 255, 0.8 ); border:1px solid #ddd; border-radius: 100%; } 
.btn_toggle_area a.btn_up { position: absolute; bottom: 42px; } 
.btn_toggle_area a.btn_down { position: absolute; bottom: 0; } 
.btn_toggle_area a.btn_kakao { position: absolute; bottom: 84px; } 
.btn_toggle_area a img { width:100%; } 


.btnaAbout {width:100%;text-align:center;display: inline-block;/* background-color:#eee; */color:#2e2e2e;height: auto;margin-bottom: 30px;} 
.btnaAbout img{width:100%;}
/* BASIC css end */


/* BASIC css end */