/* BASIC css start */
/* 200326 morenvy 희재 */
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }
.fleft {float:left;}
.fright {float:right !important;}
.pdt5 {padding-top:5px;}

/* 각 페이지 상단 타이틀 */
#contents .h_title,
.page_location {background: url('/design/hiapple/0148exapple/sub_icon.gif') no-repeat 5px 8px;padding-left:25px; height:20px; line-height:20px;border-top:0;border-bottom: 1px solid #e3e3e3;font-weight:bold; background-size:14px;}

/* 카테고리 검은색배경 전체적으로 변경 */
#mask {top:0 !important;}

/* 상품 더보기 하단 여백 */
#container .more {margin-bottom:15px;}

/* 상품 하단 여백 */
.list_shopping2x li {margin-bottom:7px;}
.list_shopping2x li a {display:block; width:95%; margin:0 auto; padding:0;}
.list_shopping2x li img.listPic{width:100%;}
.list_shopping2x .list_shoppingInfo {position:relative; margin:0; padding:10px; text-align:center;}

.subname {color:#888;word-break:break-all;}
.consumer {color:#888;text-decoration:line-through;}


/* 상품진열 할인율 */
.list_shopping2x li #sale_bg {position:absolute; top:-45px; left:15px; width:30px; height:30px; color:#fff; letter-spacing:-0.5px; line-height:30px; text-align:center; font-size:11px; background-color:#222; border-radius:50%;-webkit-border-radius:50%; -moz-border-radius:50%;}

/* 서브 셀렉트 버튼 색상변경 */
.btn_Red {background-color:#222 !important;border:1px solid #222 !important;}

/* 갤러리 게시판 배경 흰색 */
#gallery-list .item {background-color:#fff;}

.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}



/* 상단 로그인 영역 */
#header .section0 { height:34px;  border-bottom:1px solid #e9e9e9; }
#header .section0 li {float:left;}
#header .section0 li.login {border-right:1px solid #e9e9e9; float:right;}
#header .section0 li a { color:#555; line-height:34px; font-size:12px; display:block;float:left; padding:0 10px; font-family:"Arial"; letter-spacing:-0.5px;d}
#header .section0 li.top_comm a {background-color:#fff !important; display:block; height:34px; text-align:center; padding:0 15px; border-right:1px solid #e9e9e9; border-bottom:1px solid #fff;}
#header .section0 li.top_cart {float:right;}
#header .section0 li.top_cart a {display:block; height:34px; text-align:center; padding:0; border-right:0px;}
#header .section0 li a img {height:34px;vertical-align:top;}


/* 상단 검색창 영역 */
#header .search {height:42px; position:relative;top:0px; color:#fff;left:0; right:0; background-color:#888; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:96%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#555; position:absolute; top:0; right:0; color:#fff; text-align:center;}


/* 상단 로고 영역 */
#header .section1 {height:98px; position:relative;z-index:2;}
#header .section1 .logo {text-align:center; vertical-align:middle; line-height:98px;}
#header .section1 .logo img {height:60px; vertical-align:middle;}
#header .section1 .category_box {width:40px;height:40px;border:1px solid #999; position:absolute; top:30%;  left:18px; font-size:0px;}
#header .section1 .category_box img {width:40px;}
#header .section1 .search_box {width:40px;height:40px; background-color:#fff; position:absolute; top:30% !important;right:4%;text-align:center;line-height:40px;font-size:0px; }
#header .section1 .search_box img {width:40px;}
#header .section1 .basket_count a {color:#fff;font-size:12px;text-align:center;line-height:18px;font-weight:bold; position:absolute; top:28px;right:3%; z-index:22; width:18px; height:18px; background-color:#be040e; border-radius:18px; }


/* 상단 카테고리 영역 */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:1; background-color:#fff;}
.header_menu {height:44px; position:relative;border-bottom: 2px solid #a0a0a0;}
.header_menu img {height:38px; }
.header_menu .swiper_top {width:100% !important; margin:0 auto; }
.header_menu .swiper-button-disabled {opacity:0 !important; }
.header_menu .swiper_top .swiper-slide {width:auto;background:transparent;}
.header_menu .swiper_top .swiper-slide:first-child {padding-left:3%;}
.header_menu .swiper_top .swiper-slide a {height:44px; padding:0 5px; color:#222; font-size:14px; font-family:"scd-medium" ; line-height:44px; letter-spacing:-1.3px;}
.header_menu .swiper_top .swiper-slide span {padding:0 8px; font-size:12px; font-family:"Roboto",sans-serif;  line-height:38px; color:#d5d5d5;}
.header_menu .swiper_top .swiper-button-prev {width:28px; height:44px; background-image:url('/design/hiapple/0148exapple/main_cate_prev.gif') !important; background-size:auto 44px; background-color:#fff;left:0px;margin-top:0;top:0;outline:none;}
.header_menu .swiper_top .swiper-button-next {width:28px; height:44px; background-image:url('/design/hiapple/0148exapple/main_cate_next.gif') !important; background-size:auto 44px; background-color:#fff;right:0px;margin-top:0;top:0;outline:none;}


/* 상단 카테고리(고정) */
#comment_top.fixed {width:100%; position:fixed; top:0px; left:0px; z-index:2222; background-color:#fff;}
#comment_top.fixed .section1 {position:relative; height:46px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; background-color:#fff; }
#comment_top.fixed .section1 .logo {margin:0;font-size:0; text-align:center; line-height:46px;}
#comment_top.fixed .section1 .logo img {height:40px;vertical-align:middle;}
#comment_top.fixed .section1 .category_box {width:30px;height:30px; position:absolute; top:7px;left:5%;text-align:center; line-height:30px; font-size:0px; 
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; vertical-align:middle;}
#comment_top.fixed .section1 .category_box img {width:30px;}
#comment_top.fixed .top_cart {width:30px;height:30px; position:absolute; top:10px;right:5%;text-align:center;line-height:30px;font-size:0px;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;  transition: all 0.5s; }
#comment_top.fixed .section1 .search_box {top:8px !important;right:4%; background: rgba( 255, 255, 255 , 1); }
#comment_top.fixed .section1 .search_box img {width:30px;}
#comment_top.fixed .section1 .basket_count a {color:#fff;font-size:12px; line-height:18px;font-weight:bold; position:absolute; top:7px;right:3%; z-index:22; width:18px; height:18px; background-color:#be040e; border-radius:18px; }


/* 탑메뉴 */
tmenu { z-index:1;}
.tmenu td {float: left; width: 33%!important; height: 34px; overflow: hidden; border-bottom: 1px solid #d6d6d6;  text-align: center;    line-height: 30px;    border-left: 1px solid #d6d6d6; background:#9c0909;}
.tmenu a { color:#fff;}

/* 카테고리 */
aside {position:fixed; width:75%; height:100%; top:0px; left:0; bottom:0; padding:4%; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:9999; display:none;}
aside .top_logo {vertical-align:middle; text-align:center; font-size:0px; padding:20px 0px 30px;float:left; width:50%;}
aside .top_logo img {height:50px;}
aside .section li {float:right; border:1px solid #eaeaea; width:48%;}
aside .section li:first-child {float:left; border:1px solid #222;}
aside .section li a { color:#333; line-height:36px; height:36px;  font-size:12px; display: block; text-align:center;}
aside .section li.login {background-color:#000;}
aside .section li.login a {color:#fff;}

/* 슬라이드 닫기  */
.close { position:absolute; top:15px; right:15px !important; z-index:9999 !important; }
.close img {height:15px;}

/* 슬라이드 메뉴  */
.slide_menu {margin-top:30px;}
.slide_menu ul li {float:left; width:25%; text-align:center; padding:12px 0px; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; box-sizing:border-box;} 
.slide_menu ul li:first-child {border-left:1px solid #eaeaea;}
.slide_menu ul li img {text-align:center; height:18px; }
.slide_menu ul li p {display:block; padding-bottom:5px;}
.slide_menu ul li a {color:#333; font-size:11px; letter-spacing:-0.3px; line-height:1;}
.slide_menu .menu_2nd li {border-bottom:1px solid #eaeaea;}

.side_cs {margin:30px 0px;}
.side_cs_title {color:#222; border-bottom:1px solid #eaeaea; line-height:1; font-size:12px; text-align:left; padding:0px 0px 15px; text-indent:10px;}
.side_cs_txt01 {text-align:left; color:#222; font-size:15px; padding:15px 0px 0px 10px; line-height:1}
.side_cs_txt02 {text-align:left; color:#888; font-size:12px; padding:10px 0px 0px 10px;line-height:1.4}
.side_btn {text-align:center; }
.side_btn ul li {display:inline-block; margin:0px 0%; width:49%; }
.side_btn ul li a {font-size:12px; letter-spacing:-0.5px; color:#fff;  display:block; height:35px; line-height:35px;  background-color:#ddd; font-weight:500; }
.side_btn ul li a.first {background-color:#ededed; color:#000; }
.side_copy {text-align:left;  padding:25px 0px 50px; color:#888;}

aside nav li {border-bottom:1px solid #cfcfcf; position:relative;}
aside nav li a {display: block; height:40px; line-height:40px; padding:0 0 0 10px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-family: scd-bold;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 40px; line-height:40px;}

aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #eaeaea;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 20px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #eaeaea;}
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: #ffffff;}
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;}
aside nav li > ul {background-color:#ffffff; display:none; border-top:1px solid #eaeaea;}
aside .section2 {border:1px solid #eaeaea; border-top:0px; border-bottom:0; margin-top:30px;}
aside .section2 .asideTop {background-color:#fafafa;font-size:0;}
aside .section2 .asideTop a { background-color:#fff; width:50%; line-height:40px; text-align:center; display: inline-block; font-size:12px; color:#999; border-left:1px solid #eaeaea; border-bottom:1px solid #222; border-top:0;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box; border-top:1px solid #eaeaea; }
aside .section2 .asideTop a:first-child {border-left:0;}
aside .section2 .asideTop a.act {color:#000; border-bottom:1px solid #fff;background-color:#fff;color:#000; border-top:1px solid #222; border-left:1px solid #222; border-right:1px solid #222;}

.btn_moreGray {width:95% !important; background-color:#fff !important; border:1px solid #f1f1f1 !important; font-weight:400 !important; font-family:"Roboto", sans-serif !important;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}

/* BASIC css end */