@charset "utf-8";

/* 메인공통 */
#container{background:#f9f9f9;}
.main_tit{position:relative;margin:25px 0 15px;color:#333;font-size:17px;font-weight:bold;text-align:center;}
.btn_switch{position:absolute;top:-5px;right:10px;width:30px;height:30px;border:1px solid #ddd;background:#fff no-repeat center center / 60% auto;font-size:0;text-indent:-9999px;} /* 상품목록 스위치 */
.btn_switch[data-switch="list"]{background-image:url(/img/custom/mobile/icon_cate_list.png);}
.btn_switch[data-switch="tile"]{background-image:url(/img/custom/mobile/icon_cate_tile.png);}
.btn_switch:focus,.btn_switch:active{outline:none;}

.time.list{display:block;position:absolute;bottom:5px;left:5px;right:auto;height:20px;padding:0 10px;border-radius:5px;background-color:#92D050;color:#fff;font-size:13px;line-height:20px;}

/* 모바일 메인 팝업 리뉴얼 */
.mMain_popup_wrap{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.53);z-index:9999;}
.mMain_popup_wrap h2{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;}
.mMain_popup_wrap .mMain_popup_inner{overflow:hidden;position:absolute;top:0;bottom:0;left:0;right:0;width:294px;height:570px;margin:auto;}

.mMain_popup_wrap .mMain_popup_inner .mMain_popup_btnWrap{position:relative;width:100%;margin-bottom:10px;font-size:0;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_btnWrap .btn_mMain_popup_reject{height:24px;color:#fff;font-size:15px;font-weight:500;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_btnWrap .btn_mMain_popup_close{position:absolute;top:0;right:0;width:24px;height:24px;}

.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list{overflow:hidden;height:466px;font-size:0;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .slick-list,
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .slick-track{height:100%;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item{display:inline-block;position:relative;height:100%;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item [class^='popup_visible']{height:100%;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item a{display:block;position:relative;height:100%;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item img{position:absolute;bottom:0;left:0;right:0;max-width:100%;max-height:100%;margin:0 auto;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item br{display:none;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .sound_only{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;}
.mMain_popup_wrap .mMain_popup_inner .mMain_popup_indicator{position:absolute;top:450px;right:15px;width:55px;height:35px;padding:0 12px;background:rgba(0,0,0,0.55);border-radius:50px;color:#fff;font-size:14px;text-align:center;line-height:34px;}


/*메인비주얼*/
#main_bn {width:100%;height:40vw;text-align:center;overflow:hidden;position:relative;}
#main_bn .inner{height:100%;}
#main_bn .inner .slick-list{height:100%;}
#main_bn .inner .slick-list .slick-track{overflow:hidden;height:100%;}
#main_bn img {width:100%;height:auto;outline:none;}
#main_bn .slick-slide {width:100%;display:block;text-align:center;float:left;}
#main_bn .mvisual_pager{position:absolute;bottom:10px;right:10px;width:40px;height:16px;background:rgba(0,0,0,0.5);border-radius:70px;padding:5px 30px 5px 15px;}
#main_bn .mvisual_pager .pager{color:#fff;line-height:1}
#main_bn .mvisual_pager .pager span{display:inline-block;vertical-align:middle;}
#main_bn .mvisual_pager .btn_bn_all{position:absolute;top:0;right:-1px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,0.6);font-size:0;}
#main_bn .mvisual_pager .btn_bn_all:focus{outline:none;}
#main_bn .mvisual_pager .btn_bn_all:before{display:block;position:absolute;top:50%;left:50%;margin:-1px 0 0 -6px;width:12px;height:2px;background:rgba(255,255,255,1);content:'';}
#main_bn .mvisual_pager .btn_bn_all:after{display:block;position:absolute;top:50%;left:50%;margin:-6px 0 0 -1px;width:2px;height:12px;background:rgba(255,255,255,1);content:'';}

/* 메인비주얼 ; 텍스트버전 */
#main_bn.type2{height:46vw;}
#main_bn.type2 .wrapper{overflow:hidden;height:100%;}
#main_bn.type2 .wrapper:after{content:'';display:block;overflow:hidden;clear:both;}
#main_bn.type2 .slick-list,
#main_bn.type2 .slick-track{height:100%;}
#main_bn.type2 .slick-slide{text-align:left;}
#main_bn.type2 .wrapper .item{float:left;width:100%;height:100%;}
#main_bn.type2 .wrapper .item .inner{display:block;position:relative;height:100%;margin:0 auto;text-align:left;}
#main_bn.type2 .wrapper .item .inner img{position:absolute;top:calc(50% - (34vw / 2));right:4%;width:47%;height:34vw;}
#main_bn.type2 .wrapper .item .inner .text_area{display:inline-block;overflow:hidden;position:relative;width:calc(100% - 4%);margin:9% 0 0;padding:0 0 0 4%;}
#main_bn.type2 .wrapper .item .inner .text_area .text_brand{display:block;margin:0 0 15px;color:#555;/*font-size:15px;*/font-size:4.2vw;}
#main_bn.type2 .wrapper .item .inner .text_area .text_title{display:block;overflow:hidden;width:46.5%;height:12.5vw;margin:0 0 10px;color:#222;font-size:5.3vw;font-weight:bold;}
#main_bn.type2 .wrapper .item .inner .text_area .info_box span{display:inline-block;margin:0 0 0 5px;vertical-align:middle;color:#999;font-size:3.1vw;}
#main_bn.type2 .wrapper .item .inner .text_area .info_box span:first-child{margin:0;}


/*메인비주얼 전체보기*/
#bnr_all_wrap{opacity:0;position:fixed;top:0;left:0;right:0;bottom:100%;z-index:9000; width:100%;transition:all .5s cubic-bezier(0.40, 0.30, 0, 1);overflow:hidden;-webkit-transform:translateZ(0)}
#bnr_all_wrap.on{opacity:1;bottom:0;}
#bnr_all_wrap:after{visibility:hidden;display:block;clear:both;content:'';z-index:-1;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;-webkit-transform:translateZ(0);background:rgba(0,0,0,0);transition:all .5s cubic-bezier(0.40, 0.30, 0, 1)}
#bnr_all_wrap.on:after{visibility:visible;background:rgba(0,0,0,.9)}
#bnr_all_wrap .bn_all_tit{overflow:hidden;height:34px;color:#fff;font-size:14px;text-align:center;}
#bnr_all_wrap .bn_all_tit strong{display:inline-block;font-weight:500;line-height:36px;}
#bnr_all_wrap .bn_list{position:absolute;top:34px;bottom:0;left:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#bnr_all_wrap .bn_list .inner{width:calc(100% - 13px);height:auto;padding:0 7px 7px 6px;position: absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:1;}
#bnr_all_wrap .bn_list img{display:block;width:100%}
#bnr_all_wrap .close{position:absolute;top:3px;right:6px;width:27px;height:27px;font-size:0;}
#bnr_all_wrap .close:after{content:'';display:block;position:absolute;top:50%;right:50%;width:18px;height:18px;margin:-9px 0 0 -9px;background:url(/img/custom/icon_modal_close2.png) no-repeat 0 0 / 100% auto;}
#bnr_all_wrap .bn_list .li{position:relative;margin:0 0 1px;}
#bnr_all_wrap .bn_list .li a{display:block;}

/* 바로가기 버튼 */
.favor_wrap{overflow:hidden;overflow-x:scroll;padding:15px 0;background:#fff;text-align:center;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;}
.favor_wrap::-webkit-scrollbar{display:none;}
.favor_wrap .inner{display:inline-block;margin:0 10px;}
.favor_wrap .inner:after{content:'';display:block;overflow:hidden;clear:both;}
.favor_wrap .inner li{float:left;width:20%;margin:0 0 10px;}
.favor_wrap .inner li a{display:block;text-align:center;}
.favor_wrap .inner li a img{display:inline-block;width:86%;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;}
.favor_wrap .inner li a span{display:block;margin:10px 0 0;color:#666;font-size:12px;text-align:center}

/* 메인배너 공통 */
.main_bn a{display:block;text-align:center;}
.main_bn a img,
.main_bn img{max-width:100%;width:100%;}

/* 바로가기 하단배너 */
.main_bn.n1{margin:15px 0 0;padding:0 10px;}

/* 슬라이드 배너 */
.main_bn.n2{margin:15px 0 0;padding:0 10px;}
.main_bn.n2 #main_bn_slide{padding:15px;border:1px solid #ddd;background:#fff;}
#main_bn_slide .inner{overflow:visible;}
#main_bn_slide .inner li a{display:block;padding:0 0 15px;}
#main_bn_slide .inner li a:focus,
#main_bn_slide .inner li a:active{text-decoration:none;}
#main_bn_slide .inner li a .title{display:block;margin:15px 0 0;color:#666;font-size:17px;font-weight:bold;}
#main_bn_slide .inner li a .subtitle{display:block;margin:10px 0 0;color:#333;font-size:14px;}
#main_bn_slide .inner .slick-arrow{position:absolute;top:50%;width:40px;height:40px;margin-top:-20px;border:1px solid #ddd;background:rgba(255,255,255,0.6);font-size:0;z-index:2;}
#main_bn_slide .inner .slick-prev{left:-16px;}
#main_bn_slide .inner .slick-next{right:-16px;}
#main_bn_slide .inner .slick-arrow:before{font-family:'FontAwesome';color:#7d8088;font-size:24px;font-weight:normal;}
.slick-next:before {content:'\f105';}
.slick-prev:before {content:'\f104';}

/* 띠배너 */
.main_bn.full_size{margin:15px 0 0;}

/* 탭형식 상품리스트 UI */
.tab_wrap{margin:0 10px;border:solid #ddd;border-width:1px 0 0 1px;}
.tab_wrap:after{content:'';display:block;overflow:hidden;clear:both;}
.tab_wrap a,
.tab_wrap .empty_cell{display:block;float:left;height:45px;border:solid #ddd;border-width:0 1px 1px 0;background:#fff;color:#666;font-size:14px;text-align:center;}
.tab_wrap.col2 a,
.tab_wrap.col2 .empty_cell{width:calc(50% - 1px);}
.tab_wrap.col3 a,
.tab_wrap.col3 .empty_cell{width:calc(33.3% - 1px);}
.tab_wrap.col4 a,
.tab_wrap.col4 .empty_cell{width:calc(25% - 1px);}
.tab_wrap.col5 a,
.tab_wrap.col5 .empty_cell{width:calc(20% - 1px);}
.tab_wrap a.active{background:#234ac9;color:#fff;}
.tab_wrap a:before{content:'';display:inline-block;vertical-align:middle;height:100%;}
.tab_wrap a span{display:inline-block;vertical-align:middle;}

.cnt_wrap{margin:20px 0 0;}
.cnt_wrap .cnt_item .inner li{position:relative;margin:0 0 15px;}
.cnt_wrap .cnt_item .inner li a{display:block;position:relative;padding:15px 10px;background:#fff;}
.cnt_wrap .cnt_item .inner li a:focus,
.cnt_wrap .cnt_item .inner li a:active{text-decoration:none;}
.cnt_wrap .cnt_item .inner li a dl dd{text-align:center;}
.cnt_wrap .cnt_item .inner li a dl dd.pimg{overflow:hidden;position:relative;margin-bottom:15px;}
.cnt_wrap .cnt_item .inner li a dl dd.pimg img{width:100%;height:auto;min-width:159px;min-height:159px;}
.cnt_wrap .cnt_item .inner li a dl dd.badge_aecock{position:absolute;top:25px;left:15px;width:50px;height:50px;background:url(/img/custom/icon_aecock.png) no-repeat 0 0 / 100% auto;font-size:0;text-indent:-9999px;}
.cnt_wrap .cnt_item .inner li a dl dd.badge_azacon{position:absolute;top:25px;left:15px;width:60px;height:60px;background:url(/img/rn201/ico_badge_azacon.png) no-repeat center center / auto 100%;font-size:0;text-indent:-9999px;}
.cnt_wrap .cnt_item .inner li a dl dd.pname{margin:0 0 4px;color:#666;font-size:15px;line-height:1.3;text-align:left;}
.cnt_wrap .cnt_item .inner li a dl dd.price{display:inline-block;margin:3px 15px 0 0;vertical-align:middle;}
.cnt_wrap .cnt_item .inner li a dl dd.price .mpr{color:#333;font-size:17px;font-weight:bold;letter-spacing:-1px;}
.cnt_wrap .cnt_item .inner li a dl dd.price .mpr .memopen{color:#234ac9;font-size:20px;}
.cnt_wrap .cnt_item .inner li a dl dd.point{display:inline-block;overflow:visible;position:relative;margin:3px 0 0;color:#234ac9;font-size:17px;font-weight:bold;vertical-align:middle;}
.cnt_wrap .cnt_item .inner li a dl dd.point:before{display:block;position:absolute;top:3px;left:-8px;width:1px;height:15px;background:#234ac9;content:'';}
.cnt_wrap .cnt_item .inner li .zzim{position:absolute;bottom:15px;right:10px;width:21px;height:18px;background:url(/img/rn201/mobile/mainzzim_icon.png) no-repeat center center;}
.cnt_wrap .cnt_item .inner li .zzim.on{background-image:url(/img/rn201/mobile/mainzzim_icon_ov.png);}
.btn_dataload,
.btn_tab_top{display:block;width:calc(100% - 20px);height:45px;margin:0 auto;border:1px solid #234ac9;background:#fff;color:#234ac9;font-size:15px;}
.btn_dataload i,
.btn_tab_top i{margin:0 0 0 5px;color:#234ac9;font-size:19px;font-weight:normal;}
.btn_tab_top{display:none;}

.cnt_wrap.col2 .cnt_item .inner{margin:0 0 15px;border:solid #ddd;border-width:1px 0 0 1px;}
.cnt_wrap.col2 .cnt_item .inner:after{content:'';display:block;overflow:hidden;clear:both;}
.cnt_wrap.col2 .cnt_item .inner li{float:left;width:calc(50% - 1px);margin:0;border:solid #ddd;border-width:0 1px 1px 0;}
.cnt_wrap.col2 .cnt_item .inner li a dl dd.pimg{height:47.2vw;}
.cnt_wrap.col2 .cnt_item .inner li a dl dd.badge_azacon{top:10px;left:10px;width:50px;height:50px;}
.cnt_wrap.col2 .cnt_item .inner li a dl dd.pname{overflow:hidden;height:40px;}
.cnt_wrap.col2 .cnt_item .inner li .zzim{bottom:auto;top:25px;right:15px;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,0.7);background-size:55% auto;}

/* MD픽 */
.cnt_wrap.mdpick{margin:30px 0 0}

/* 상설전시영역 */
.tab_wrap.standing{margin-top:25px;}
.tab_wrap.standing a{color:#333;font-weight:bold;}
.tab_wrap.standing a.active{color:#fff;}

/* 기획전 영역 */
.cnt_wrap.plan{overflow:hidden;margin:30px 0 0;padding:30px 10px 40px;background:#eee;}
.cnt_wrap.plan h2.main_tit{margin:0 0 15px;}
.cnt_wrap.plan .link_plan{display:block;}
.cnt_wrap.plan .link_plan:focus,
.cnt_wrap.plan .link_plan:active{text-decoration:none;}
.cnt_wrap.plan .link_plan img{display:block;width:100%;max-width:100%;}
.cnt_wrap.plan .link_plan .text_wrap{padding:20px 10px;background:#fff;}
.cnt_wrap.plan .link_plan .text_wrap strong{display:block;color:#333;font-size:20px;font-weight:bold;text-align:center;}
.cnt_wrap.plan .link_plan .text_wrap span{display:block;margin:5px 0 0;color:#333;font-size:16px;text-align:center;}
.cnt_wrap.plan.col2 .inner{margin:15px 0 0 -15px;border-width:0;}
.cnt_wrap.plan.col2 .inner li{width:calc(50% - 15px);margin:0 0 0 15px;border-width:0;}
.cnt_wrap.plan.col2 .inner li a{height:auto;padding:0;background:none;}
.cnt_wrap.plan.col2 .inner li a dl dd.pimg img{min-width:120px;min-height:120px;}
.cnt_wrap.plan.col2 .inner li a dl dd.badge_aecock{top:10px;left:10px;}
.cnt_wrap.plan.col2 .inner li .zzim{top:10px;right:10px;}

@media (max-width:767px){

    .mMain_popup_wrap .mMain_popup_inner .mMain_popup_list .mMain_popup_item{padding:0;}
    .mMain_popup_wrap .mMain_popup_inner .mMain_popup_indicator{top:463px;width:auto;height:22px;font-size:12px;line-height:22px;}
    .mMain_popup_wrap .mMain_popup_inner .mMain_popup_btnWrap button{height:34px;font-size:12px;}
}

@media (max-width:430px){
    .cnt_wrap.col2 .cnt_item .inner li a{height:70vw;min-height:281px}
    .cnt_wrap.col2 .cnt_item .inner li a dl dd.pimg{height:44vw;}
    .cnt_wrap.col2 .cnt_item .inner li a dl dd.point{display:block;text-align:left;}
}

@media (max-width:360px){
    .cnt_wrap.col2 .cnt_item .inner li a{min-height:261px}
}

@media (max-width:320px){
    .mMain_popup_wrap .mMain_popup_inner{width:160px;height:287px;}
    .mMain_popup_wrap .mMain_popup_inner .mMain_popup_list{height:254px}
    .mMain_popup_wrap .mMain_popup_inner .mMain_popup_indicator{top:255px}
}