/* BASIC css start */
/* 2312 에코 리뉴얼 */

/*공통*/
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
*{ font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
.wrap{width:1400px; margin:0 auto;}

.menuPoint::after{ content: ""; clear: both; display: inline-block; margin: 0 0 10px 4px; width: 5px; height: 5px; background: #CF1B7C; border-radius: 50%;}

/* 사이드 메뉴 */
#side_menu{position:fixed; bottom:50px; right:20px; z-index:9999}
#side_menu li{padding:10px 0; display:block;}
#side_menu li #kakao-chat-button{background-image:url(/design/aaron/ECHO/ui%20icon/kakao.svg); width:55px; height:55px; background-repeat:no-repeat; background-size:contain; background-position:center;}
#side_menu li #kakao-chat-button a{display:block; width:100%; height:100%;}
#side_menu li #kakao-chat-button a img{display:none;}


/*띠배너*/
.topBanner{width:100%;}
.topBanner .swiper{}
.topBanner .swiper .swiper-slide a{display:block; font-size:17px; height:40px; line-height:40px; text-align:center;}

/*헤더*/
#header{text-align:center; position:sticky; top:0; left:0; background:white; z-index:9999;}
#header > .wrap{ position:relative;}
#header .logo{display:inline-block; width:190px; padding-top:10px;}
#header .logo a{display:block;}
#header .logo a img{width:100%;}
#header .nav{position:absolute; top:0; right:0; height:100%; display:flex; align-items:center}
#header .nav .search_box fieldset{display:flex;}
#header .nav .search_box span{border-radius:5px 0px 0px 5px;background-color:#F6F6F6; display:inline-block; width:40px; height:35px; text-align:center;}
#header .nav .search_box span img{width:18px; margin-top:8px;}
#header .nav .search_box input{width:160px; height:35px; line-height:35px; background-color:#F6F6F6; border:none; border-radius:0 5px 5px 0; padding:0 5px 0 0; margin-right:21px;}
#header .nav .search_box input:autofill{ box-shadow: 0 0 0px 1000px #F6F6F6 inset; transition: background-color 5000s ease-in-out 0s;}
#header .nav .user-menu{display:flex;}
#header .nav .user-menu img{width:100%;}
#header .nav .user-menu .basket{display:block; width:23px; position:relative; margin-right:25px;}
#header .nav .user-menu .basket span{position:absolute; border-radius:50%; background:#000; color:#fff; font-size:10px; font-weight:400; height:16px; min-width:16px; left:15px; top:2px; line-height:16px;}
#header .nav .user-menu .heart{width:25px;}
#header .nav .user-menu .mypage{width:25px;}
#header .nav .user-menu > a{font-size:15px; line-height:23px; color:#373737; font-weight:400; margin-right:15px;}
#header .nav .user-menu > a:last-child{margin-right:0}
#header .gnb{position:relative; border-bottom:solid 1px #D9D9D9;}
#header .gnb .wrap > ul{display:flex; justify-content:center;}
#header .gnb .wrap > ul > li{height:56px; line-height:56px; margin:0 20px;}
#header .gnb .wrap > ul > li.on{box-shadow: 0px -2px 0px 0px #000 inset;}
#header .gnb .wrap > ul > li > a{display:inline-block; font-size:16px; font-weight:400; color:#000000;}
#header .gnb .wrap > ul > li > div{position:absolute; width:100%; left:0; top:56px; overflow:hidden; display:none; background:white;border-bottom:solid 1px #D9D9D9; padding:0 calc((100% - 1000px) / 2) 0 calc((100% - 1000px) / 2); box-sizing:border-box;}
#header .gnb .wrap > ul > li > div .gnbBanner{position:absolute; top:40px; right:calc((100% - 1400px)/2);}
#header .gnb .wrap > ul > li > div .gnbBanner img{width:280px; }
#header .gnb .wrap > ul > li > div > ul{width:fit-content; display:flex; justify-content:flex-start; padding:40px 0; min-height:214px;}
#header .gnb .wrap > ul > li > div > ul > li{line-height:26px; margin-right:55px;}
#header .gnb .wrap > ul > li > div > ul > li:last-child{margin-right:0;}
#header .gnb .wrap > ul > li > div > ul > li > a{font-size:17px; font-weight:500; color:#000; display:inline-block; width:100%; text-align:left;}
#header .gnb .wrap > ul > li > div > ul > li > ul{padding-top:20px;}
#header .gnb .wrap > ul > li > div > ul > li > ul > li{line-height:32px; text-align:left;}
#header .gnb .wrap > ul > li > div > ul > li > ul > li > a{font-size:16px; color:#000; font-weight:400;}







/*  그리드 공통 */
.list_item{display:flex; flex-wrap:wrap; justify-content:flex-start;}
.list_item .item-box{width:calc((100% - 60px)/4); margin-bottom:100px; margin-right:20px;}
.list_item .item-box:nth-child(4n+0){margin-right:0;}
.list_item .item-box .thumb a{display:flex; align-items:center; width:100%; min-height:293.48px; position:relative;}
.list_item .item-box .thumb a .prd-ico{line-height:0; position:absolute; top:0; left:0;}
.list_item .item-box .thumb a .prd-ico span{display:inline-block;}
.list_item .item-box .thumb a .prd-ico span img{ height:27px; width:auto; display:block;}
.list_item .item-box .thumb a img{width:100%;}
.list_item .item-box .prd-info{position:relative; padding-top:14px;}
.list_item .item-box .prd-info .wish{position:absolute; display:block; right:0; top:14px; text-align:center;}
.list_item .item-box .prd-info .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:block; width:18px; height:18px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;}
.list_item .item-box .prd-info .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}
.list_item .item-box .prd-info ul{width:100%;}
.list_item .item-box .prd-info ul li.etc{font-size:14px; font-weight:400; color:#6F6F6F; line-height:18px; min-height:18px; width:calc(100% - 35px);}
.list_item .item-box .prd-info ul li.prd-name a{font-size:16px; font-weight:400; color:#000; padding:8px 0 10px 0; display:block;}
.list_item .item-box .prd-info ul li.prd-price{margin-top:10px;}
.list_item .item-box .prd-info ul li.prd-price strike{font-size:15px; font-weight:300; color:#C3C3C3; line-height:25px;}
.list_item .item-box .prd-info ul li.prd-price .c-price-sell span:not(.price){font-size:18px; line-height:25px; font-weight:400; color:#CF1B7C;}
.list_item .item-box .prd-info ul li.prd-price .c-price-sell .price{color:#000; font-weight:400; font-size:18px; line-height:25px;}
.list_item .item-box .prd-info ul li.icon-box{ display: flex; align-items: center; margin: 12px 0 0;}
.list_item .item-box .prd-info ul li.icon-box [class*="-count"]{padding-left: 5px; color: #6F6F6F; font-size: 13px;}

.list_item .item-box .prd-info ul li .wish{display: inline-block; float: right; font-size: 10px; color: #6F6F6F; text-align:center;}
.list_item .item-box .prd-info ul li .wish .my-wish-list{background-image:url(/design/aaron/ECHO/ui%20icon/heart.svg); display:inline-block; width:17px; height:17px; background-repeat:no-repeat; background-size:contain; background-position:center; margin:0 auto;}
.list_item .item-box .prd-info ul li .wish .my-wish-list.wish-on{background-image:url(/design/aaron/ECHO/ui%20icon/heart_full.svg);}

.list_item .item-box .prd-info ul li .heart{display: inline-flex; align-items: center;}
.list_item .item-box .prd-info ul li .heart img{ width: 14px;}

.list_item .item-box .prd-info ul li .review{ display: inline-flex; align-items: center; margin-left: 10%; color: #6F6F6F; font-size: 13px;}
.list_item .item-box .prd-info ul li .review .review-count{padding-left: 5px; }






/* -------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#preview_wrap,
.preview_label {display:none; }

.top_off .catefixwrap.fixed{position:fixed; top:0;z-index:999}
.dpn {display:none;}
.topSlider{transform:none !important;}
.top_banner {position:relative; width:100%; min-width:1060px; height:0; overflow:hidden; background:#11bdd1; z-index:10000;}/* 상단 띠배너 배경컬러 수정 위치 */
.top_banner .inner {width:1060px; margin:0 auto;}
.top_banner .top_banner_close {position:absolute; top:13px; left:50%; margin-left:534px; z-index:1;width:14px; height:14px; cursor:pointer; }


/* 상단 배너 관련 수정 부분 */

/* 상단 카테고리 메뉴 부분 */ 
.catefixwrap.fixed{position:fixed; top:0;z-index:999}
/* 초록색 배너 스크롤 고정 */
.top_banner.fix {position:fixed; top:0px; }
/* 상단 배너 고정 */
#topbanner.fix {position:fixed; top:0px; z-index:10000; left:50%; margin-left:-951px; }
/* 상단 배너 */
#topbanner{width:1903px !important; margin:0 auto; left:50%; margin-left:-951px;  }
/* 우측 카톡 배너 */
#plusfriend-chat-button.fix {position:fixed; top:110px; }


.bginner {width:1060px; min-width:1060px; margin:0 auto; padding:0 49px 0 50px; background:#fff; box-sizing:border-box; }
.header  {padding-bottom:85px; position:relative;}
.header .utill_menu {text-align:right;color: #e0e0e0; padding-top:8px;}
.header .utill_menu a,
.header .utill_menu > span {color: #b4b4b4; font-family: 'Nanum Gothic', sans-serif; font-size:12px;}
.header .utill_menu a:last-child {color:#b4b4b4; }
.header .utill_menu > span {position:relative; }
.header .utill_menu span .pop_wrap {display:none; position:absolute; top:23px; left:0; z-index:110; width:287px; height:300px; padding:17px 10px 24px; box-sizing:border-box; border:1px solid #d6d6d6; background:#fff }
.header .utill_menu span .pop_wrap .tit {margin-bottom:12px; text-align:left; color:#2e2e2e; font-size:14px; font-family: "나눔고딕",Nanum Gothic,'돋움',dotum,AppleGothic,sans-serif; font-weight:bold;  }
.header .utill_menu span .pop_wrap .left_section {float:left; width:169px; text-align: left; }
.header .utill_menu span .pop_wrap .left_section input {width:168px; height:36px; text-indent:10px; margin-top:4px; margin-bottom:9px; line-height:36px; text-indent:15px; border:1px solid #c3c3c3; border-width:1px 0 0 1px; background:#f4f4f4; color:#666;}
.header .utill_menu span .pop_wrap .right_section {float:right; width:88px;  }
.header .utill_menu span .pop_wrap .right_section a {display:block; width:88px; height:88px; line-height:88px; color:#fff; font-size:15px; text-align:center; background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/btn_top_login.jpg) no-repeat 0 0;font-family: 'Nanum Gothic', sans-serif;font-weight:bolder;   }
.header .utill_menu span .pop_wrap .bottom_section {clear:both; text-align:left; color:#858585; font-size:12px;  }
.header .utill_menu span .pop_wrap .bottom_section p {margin-bottom:17px;}
.header .utill_menu span .pop_wrap .bottom_section p.bottom_btn {margin-bottom:0px; font-size:0;}
.header .utill_menu span .pop_wrap .bottom_section p.bottom_btn a {display:inline-block; width:50%; margin-left:-1px; border:1px solid #c7c7c7; line-height:37px; box-sizing:border-box; text-align:center; color:#575757; }
.header .utill_menu span .pop_wrap .bottom_section p.bottom_btn a:firsh-child {margin-left:0;}
.header .utill_menu a.join {position:relative; }
.header .utill_menu a.join span {position:absolute; top:23px; z-index:2; left:-17px; }

.header .middle_section {position:relative; margin:40px 0; }
.header .middle_section h1 {text-align:center;}
.header .middle_section .top_left_section {position:absolute; top:0; left:0; }
.header .middle_section .top_right_section {position:absolute; top:0; right:0; width:; padding-top:23px; }
.header .middle_section .top_right_section .top_search {border:1px solid #8b8b8b; width:204px; height:35px; position:relative; }
.header .middle_section .top_right_section .top_search .input-keyword {position:absolute; top:0; left:0; width:174px; height:35px; line-height:2.3; border:0; text-indent:10px; color:#aaa;}
.header .middle_section .top_right_section .top_search a {position:absolute; top:0; right:0; }
.header .middle_section .top_right_section .notice {margin-top:12px; }
.header .middle_section .top_right_section .notice  a {padding-left:10px; background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/top_notice_bullet.gif) no-repeat 0 50%;color: #515151; font-family: 'Nanum Gothic', sans-serif; font-size:12px; }

.header .cate_section {border-top:4px solid #000000; position:relative;}
.header .cate_section > ul {width:100%; display:table}
.header .cate_section > ul > li {float:left; border-bottom:1px solid #cccccc; text-align:center;}
.header .cate_section > ul > li > a {display:block; width:100%; font-family:'Nanum Gothic', sans-serif; font-size: 16px; font-weight: bolder; color: #000; border:1px solid #fff; border-width:0 1px; height:47px; line-height:47px;  background:#fff; white-space:nowrap; box-sizing: border-box;}
.header .cate_section > ul > li.cate01 > a {width:138px;}
.header .cate_section > ul > li.cate02 > a {width:166px;}
.header .cate_section > ul > li.cate03 > a {width:173px;}
.header .cate_section > ul > li.cate04 > a {width:105px;}
.header .cate_section > ul > li.cate05 > a {width:113px;}
.header .cate_section > ul > li.cate06 > a {width:148px;}
.header .cate_section > ul > li.cate07 > a {width:118px;}


.header .cate_section > ul > li .dep2 {display:none; position:absolute; top:46px; left:0; z-index:80;width:961px; min-height:327px; border:1px solid #b1b1b1; border-top-color:#b1b1b1; box-sizing:border-box; background:#fff; padding-top:25px;
-moz-box-shadow: 0px 2px 2px #b1b1b1;
-webkit-box-shadow: 0px 2px 2px #b1b1b1;
box-shadow: 0px 2px 2px #b1b1b1;  }
.header .cate_section > ul > li .dep2 ul.left {float:left; border-right:1px dotted #bfbfbf; padding-left:25px; width:180px; min-height:275px;text-align:left;}
.header .cate_section > ul > li .dep2 ul.left:first-child {margin-right:15px; }
.header .cate_section > ul > li .dep2 ul.left a {color:#828282; font-size:12px;  font-family: 'Nanum Gothic', sans-serif;line-height:25px;}
.header .cate_section > ul > li .dep2 ul.left .title {font-size:15px; color:#333; }
.header .cate_section > ul > li .dep2 ul.left .tit {padding-top:10px; }
.header .cate_section > ul > li .dep2 ul.left .tit a {color:#000; font-size:12px; }
.header .cate_section > ul > li .dep2 .right_section {float:right; margin-top:10px; font-size:0; }
.header .cate_section > ul > li .dep2 .right_section a {display:inline-block; margin-right:19px;}

.header .cate_section > ul > li.on > a,
.header .cate_section > ul > li > a:hover {color:#a3a3a3; }
.header .cate_section > ul > li.on {border-bottom-color:#fff;}
.header .cate_section > ul > li.cate05.on{border-bottom-color:#cccccc}
.header .cate_section > ul > li.on > a { border:1px solid #b1b1b1; border-width:0 1px; position:relative; z-index:100;}
.header .cate_section > ul > li.on .dep2 {display:block;}


/* 타이틀, 네비게이션 공통 css */
.page_tit_area {padding-bottom:35px;}
.page_tit_area.bb {border-bottom:1px solid #cdcdcd}
.page_tit_area h2.page_name {font-size:32px; color:#000000; margin-bottom:10px; font-weight:500; font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.page_tit_area .page_sub_name {font-size:13px; color:#666666; margin-bottom:20px; font-family: 'Nanum Gothic', sans-serif; font-weight:normal}
.page_navi  {position:absolute; top:-77px; right:0; text-align:right; color:#8f8f8f; padding-left:12px;background: url(http://www.aaronshop.co.kr/design/aaron/wib/img/common/navi_bullet.gif) no-repeat 0 9px; font-size:11px; line-height:2;}
.page_navi a {color:#8f8f8f; font-size:11px; line-height:2;}


/* 
   버튼 스타일 
 * .small 은 장바구니 수정, 관심상품, 삭제버튼 같은 작은 버튼에 사용
 * .small2 은 회원가입, 정보수정, 주문서작성 우편번호찾기 같은 버튼에 사용함
*/
.btn_style {display:inline-block; text-align:center; font-size:12px; }
.btn_style.h45 {height:45px; line-height:46px;}
.btn_style.w83 {width:83px;}
.btn_style.w99 {width:99px;}
.btn_style.w107 {width:107px;}
.btn_style.w153 {width:153px;}
.btn_style.bgG {background:#a9a9a9; color:#fff;}
.btn_style.bgB {background:#000000; color:#fff;}

.btn_style.small {box-sizing:border-box; border:1px solid #fff; font-size:11px; height:24px; line-height:24px;}
.btn_style.small.modify {border-color:#e57c00; color:#e57c00;min-width:41px;}
.btn_style.small.basic {border-color:#a9a9a9; color:#000000; padding:0 7px; min-width:41px;}
.btn_style.small2 {background:#c3c3c3; color:#fff; height:30px; line-height:30px; padding:0 8px;}
.btn_style.comment {width:89px; height:77px; line-height:79px; border:1px solid #cfcfcf; background: #f8f8f8; box-sizing:border-box; color:#000; }


/* 윙 배너 */
.left_wing {position:absolute; bottom:-389px; left:50%; margin-left:-669px;}
.left_wing .wing_roll_banner.roll_banner01 {margin-bottom:39px;}
.left_wing .wing_roll_banner .roll_wrap {width:95px!important; height:199px!important; overflow:hidden; }
.left_wing .wing_roll_banner .pager_wrap {position:relative; background: #d3d3d3; color:#000; text-align:center; font-family: 'Nanum Gothic', sans-serif; line-height:24px;  }
.left_wing .wing_roll_banner .pager_wrap .btn_wrap {position:absolute; top:0; cursor:pointer; z-index:10; }
.left_wing .wing_roll_banner .pager_wrap .btn_wrap.prev {left:13px;}
.left_wing .wing_roll_banner .pager_wrap .btn_wrap.next {right:13px;}
.left_wing .wing_roll_banner .pager_wrap .pager a {display:none; line-height:24px; font-family: 'Nanum Gothic', sans-serif; vertical-align: top;   }
.left_wing .wing_roll_banner .pager_wrap .pager a.activeSlide {display:inline; color:#000;}



.right_wing {position:absolute; bottom:-219px; left:50%; margin-left:566px; z-index:1000;}

.right_wing .icon_menu a {display:block; margin-bottom:17px;}
.right_wing .goTop {display:none; position:fixed; z-index:99; bottom:165px;left:50%; margin-left:566px; cursor:pointer;}


/* ----------------------------------------------------------------------
  * 게시판 css
 ---------------------------------------------------------------------- */

/* 목록 */
.bbs-table-list tbody td .notice a {font-weight:bold;}
#bbsData .btn_list.bbs-link {margin-top:20px; }
#bbsData .btn_list.bbs-link dd {position:absolute; top:0; right:0;}
#bbsData .paging .paging {height:auto; padding-top:0; }

/* 보기 페이지 */
.bbs-table-view thead th, .bbs-table-view tbody td 
.bbs-table-view tbody td.line {border-bottom:1px solid #e7e7e7; background:none; color:#000; }
.bbs-table-view .data-bd-cont { }
.bbs-table-view .wrt span,
.bbs-table-view .wrt span .input-style2 {margin:0; }
.bbs-table-view .wrt em {display:inline-block; width:92px; box-sizing:border-box; padding-right:10px; text-align:right; color:#000; vertical-align:top; padding-top:13px;  }
.bbs-table-view .wrt textarea {height:77px; box-sizing:border-box; width:558px;}
.bbs-table-view .comment-box {border-bottom:0; }
.bbs-table-view .bbs-link a {margin:0 5px; padding:0;}
.bbs-table-view .bbs-link {margin-bottom:50px;}

/* 보기 페이지  관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 0px 0!important;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:220px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:202px; height:202px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}

/* 쓰기 페이지 */
.bbs-table-write tbody th, 
.bbs-table-write tbody td {line-height:37px; padding: 12px 0; color:#000; font-size:12px; border-color:#e7e7e7; }
.bbs-table-write tbody td select {height:37px; border:1px solid #cccccc}
.bbs-table-write tbody td .input_style,
.bbs-table-write tbody td .input_style2 {height:37px; line-height:37px; box-sizing:border-box; border:1px solid #cccccc; text-indent:10px; }
.bbs-table-write .bbs-link a {margin:0 5px;}
.bbs-table-write .bbs-link a:last-child {margin-right:0; }

/* 패스워드 */
.bbs-table-pwd {width:434px; height:383px; border:1px solid #c0c0c0; box-sizing:border-box; margin:0 auto; }
.bbs-table-pwd .tit {padding-top:56px; color:#000; font-size:30px; text-align:center; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; }
.bbs-table-pwd .text {background: #f3f3f3; width:296px; margin:16px auto 33px; padding:10px 0; text-align:center; color:#000; }
.bbs-table-pwd table {width:296px;}
.bbs-table-pwd tbody th, 
.bbs-table-pwd tbody td {border:0; padding:0; line-height:37px; }
.bbs-table-pwd tbody th {font-weight:bold; color:#999; }
.bbs-table-pwd tbody td .MS_input_txt {height:37px; width:207px; line-heigth:37px; box-sizing:border-box; }
.bbs-table-pwd .bbs-link {margin-top:33px;}
.bbs-table-pwd .bbs-link a {padding:0; margin:0 5px;}


/* fix 상단 */
.cate_sectionwrap{min-height:52px;}



#plusfriend-chat-button a {display:block;width:69px;height:44px;background:url('http://sk3188.godohosting.com/site/img/wing_right_kakao.jpg') left top no-repeat; }
#plusfriend-chat-button img { display:none;}

#blk_scroll_wings.fix { position:fixed !important; top:190px !important;}
#blk_scroll_wings.fix.top_on{top:89px !important;}




.viewProdBtn{position:relative; width: 55px; cursor: pointer;}
.viewProdBtn img{width:100%; position:relative; z-index:9; width: 100%;}
.viewProdBtn div{display:none; position:relative}
.viewProdBtn.on div{display:block; position:absolute; bottom:0; left:50%; transform:translate(-50%); padding:5px 0 70px; width:70px; max-height:200px; height: fit-content; background:rgba(0,0,0,0.1); border-radius:10px; box-sizing: content-box;}
.viewProdBtn.on div ul{width:44px; margin:0 auto; padding-top:3px;}
.viewProdBtn.on div ul li{width:100%; padding-bottom:3px;}
.viewProdBtn.on div ul li a{display:block;}
.viewProdBtn.on div ul li a img{width:100%;}




/* BASIC css end */