@charset "utf-8";

.info_menu .info_cart{display:block;}
.info_menu .info_cart_m{display:none;}
.info_menu .info_message_m{display:none;}

.info_menu{position:absolute;top:6px;right:0px;}
.info_menu > ul > li{position:relative;display:inline-block;height:42px;float:left;margin:0 0 0 0;}
.info_menu > ul > li .btn_info{display:inline-block;width:100%;height:42px;text-indent:-9999em;font-size:0;color:#fff;float:left;}

.info_menu > ul > li.info_sch{display:none;}

.info_menu > ul > li a.account{width:38px;margin-right:36px;}
.info_menu > ul > li a.cart{width:40px;background:url(../../img/ico/ico_cart.png) no-repeat center 50%; margin-right:23px;}
.info_menu > ul > li a.plusshopTop{width:36px;background:url(../../img/ico/ico_plusshopTop.png) no-repeat center 50%; margin-right:23px;}
.info_menu > ul > li a.mypage{width:39px;background:url(../../img/ico/ico_mypage.png) no-repeat center 50%; margin-right:17px;}
.info_menu > ul > li a.message{width:36px;background:url(../../img/ico/ico_message.png) no-repeat center 50%; margin-right:35px;}
.info_menu > ul > li a.login{width:31px;background:url(../../img/ico/ico_login.png) no-repeat center 50%; margin-right:44px;}
.info_menu > ul > li a.lout{width:36px;background:url(../../img/ico/ico_logout.png) no-repeat center 50%; margin-right:44px;}
.info_menu > ul > li a.join{width:36px;background:url(../../img/ico/ico_join.png) no-repeat center 50%; margin-right:35px;}
.info_menu > ul > li a.sellsumerjoin{width:37px;background:url(../../img/ico/ico_sellsumerjoin.png) no-repeat center 50%; margin-right:23px;}

.info_menu > ul > li a.cart:hover{background:url(../../img/ico/ico_cartOn.png) no-repeat center 50%;}
.info_menu > ul > li a.plusshopTop:hover{background:url(../../img/ico/ico_plusshopTopOn.png) no-repeat center 50%;}
.info_menu > ul > li a.mypage:hover{background:url(../../img/ico/ico_mypageOn.png) no-repeat center 50%;}
.info_menu > ul > li a.message:hover{background:url(../../img/ico/ico_messageOn.png) no-repeat center 50%;}
.info_menu > ul > li a.login:hover{background:url(../../img/ico/ico_loginOn.png) no-repeat center 50%;}
.info_menu > ul > li a.lout:hover{background:url(../../img/ico/ico_logoutOn.png) no-repeat center 50%;}
.info_menu > ul > li a.join:hover{background:url(../../img/ico/ico_joinOn.png) no-repeat center 50%;}
.info_menu > ul > li a.sellsumerjoin:hover{width:37px;background:url(../../img/ico/ico_sellsumerjoin.png) no-repeat center 50%;}

.info_menu > ul > li a.cart.on{background:url(../../img/ico/ico_cartOn.png) no-repeat center 50%;}
.info_menu > ul > li a.plusshopTop.on{background:url(../../img/ico/ico_plusshopTopOn.png) no-repeat 8px 50%;}
.info_menu > ul > li a.mypage.on{background:url(../../img/ico/ico_mypageOn.png) no-repeat center 50%;}
.info_menu > ul > li a.message.on{background:url(../../img/ico/ico_messageOn.png) no-repeat center 50%;}
.info_menu > ul > li a.login.on{background:url(../../img/ico/ico_loginOn.png) no-repeat center 50%;}
.info_menu > ul > li a.lout.on{background:url(../../img/ico/ico_logoutOn.png) no-repeat center 50%;}
.info_menu > ul > li a.join.on{background:url(../../img/ico/ico_joinOn.png) no-repeat center 50%;}
.info_menu > ul > li a.sellsumerjoin.on{width:37px;background:url(../../img/ico/ico_sellsumerjoin.png) no-repeat center 50%;}


.info_menu > ul > li.info_message em.count{position:absolute;top:3px;right:25px;width:19px;height:18px;line-height:18px;text-align:center;font-size:10px;color:#fff;background:url(../../img/common/bg_count.png) no-repeat 0 0;z-index:99;}
.info_menu > ul > li.info_cart em.count{position:absolute;top:3px;right:13px;width:19px;height:18px;line-height:18px;text-align:center;font-size:10px;color:#fff;background:url(../../img/common/bg_count.png) no-repeat 0 0;z-index:99;}

.info_menu > ul > li.loginAccount{display:inline-block;}
.info_menu > ul > li.loginAccount > a > img{display:inline-block;width:38px;height:38px;margin:2px;border-radius:50%;}

.info_menu > ul > li.login{width:60px;}
.info_menu > ul > li.login a{display:inline-block;width:auto;height:28px;margin:7px 0 0 0;}


/*팝업공통*/
#mycart{visibility:hidden;top:45px;right:-25px;width:260px;position:absolute;z-index:9999;}
#mymessage{visibility:hidden;top:45px;right:8px;width:260px;position:absolute;z-index:9999;}
#mypage_info{visibility:hidden;top:45px;right:-2px;width:260px;position:absolute;z-index:9999;}
#myaccount{visibility:hidden;top:45px;right:8px;width:260px;position:absolute;z-index:9999;}

.info_detail{border:1px solid #ccc;background:#fff;border-radius:5px;margin-top:16px;box-shadow:0 0 20px #787878; }
#mycart:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#mycart:after, #mycart:before{content:"";position:absolute;bottom:100%;right:30px;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#mycart:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:15px;bo}

#mymessage:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#mymessage:after, #mymessage:before{content:"";position:absolute;bottom:100%;right:30px;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#mymessage:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#f8f8f8;border-width:15px;}

#mypage_info:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#mypage_info:after, #mypage_info:before{content:"";position:absolute;bottom:100%;right:30px;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#mypage_info:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:15px;}

#myaccount:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#myaccount:after, #myaccount:before{content:"";position:absolute;bottom:100%;right:30px;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#myaccount:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:15px;}

.info_menu_title{width:220px;font-size:14px;text-indent:0;padding:10px 20px;margin:0 auto;font-weight:700;border-bottom:1px solid #e6e6e6;}
.info_menu_title .count{display:inline-block;float:right;font-size:14px;color:#838383;font-weight:700;}

.info_detail .pop_menu_list{display:inline-block;width:100%;padding:7px 0;}
.info_detail .pop_menu_list li{float:left;margin:0;padding:0;display:block;width:100%;box-sizing:border-box;}
.info_detail .pop_menu_list li a{display:block;width:100%;font-size:14px;padding:10px 20px;font-weight:700;margin:0;float:left;box-sizing:border-box;}
.info_detail .pop_menu_list li a:hover{color:#d32d27;background:#f5f5f5;}
.info_detail .pop_menu_list li a .off{display:inline-block;}
.info_detail .pop_menu_list li a .on{display:none;}
.info_detail .pop_menu_list li a:hover .on{display:inline-block;}
.info_detail .pop_menu_list li a:hover .off{display:none;}
.info_detail .pop_menu_list li a .bullet{display:inline-block;width:30px;text-align:center;margin-right:10px;}
.info_detail .pop_menu_list li a .count{display:inline-block;float:right;font-weight:700;}



.detail_btn_box{display:inline-block;width:100%;text-align:center;padding:10px 0 17px 0;}


/*메세지*/
.tabbed_content{position:relative;top:0;left:0;width:260px;height:auto;margin:0 auto;overflow:hidden;}
.tabs{position:relative;width:100%;height:41px;border-bottom:1px solid #d8d8d8;}
.tabs .tab_item{display:inline-block;width:130px;height:37px;line-height:37px;font-weight:700;text-align:center;background:#f5f5f5;cursor:pointer;float:left;margin:1px 0 2px 0;}
.tabs .tab_item.center{width:100px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.tabs .tab_item.active{color:#000;background:#fff;}
.tabs .moving_bg{position:absolute;bottom:-1px;left:0;width:130px;height:3px;background:#e52525;}
.slide_content{display:inline-block;width:100%;overflow:hidden;}
.tabslider{width:906px;}

.message_list{display:inline-block;width:258px;min-height:300px;float:left;}
.note_list{width:250px;height:340px;padding:5px 2px 0 5px;}
.note_list li{width:100%;height:36px;border-bottom:1px solid #d8d8d8;padding:14px 0 13px 0;margin:0;}
.note_list li:hover{background:#f5f5f5;}
.note_list li .list_latest{display:inline-block;width:100%;height:36px;}

.note_list02{width:253px;height:408px;padding:5px 2px 0 5px;overflow:auto;}
.note_list02 li{position:relative;display:inline-block;width:100%;height:36px;border-bottom:1px solid #d8d8d8;padding:14px 0 13px 0;margin:0;}
.note_list02 li:hover{background:#f5f5f5;}
.note_list02 li .list_latest{display:inline-block;width:100%;height:36px;}

.list_latest .user_ico{display:inline-block;width:36px;height:36px;padding:0 10px;float:left;}
.list_latest .note_con{display:inline-block;width:190px;font-size:12px;font-weight:700;padding:2px 0;}
.list_latest .note_con .nm{color:#000;font-weight:700;}

.note_list li .delete{position:absolute;top:30px;right:0;}
.note_list02 li .delete{position:absolute;top:30px;right:0;}

.message_list .btn_box{text-align:center;padding:20px 0;}

.delete{display:inline-block;width:15px;height:16px;overflow:hidden;}
.delete .on{display:none;}
.delete:hover .off{display:none;}
.delete:hover .on{display:block;}



.cart_guide_pop{display:none;}


/*login*/
.my_account{width:261px;height:79px;margin:0 auto;border-bottom:1px solid #e6e6e6;}
.my_ico{display:inline-block;width:63px;height:63px;float:left;padding:8px 10px 0 10px;}
.my_info{display:inline-block;width:170px;padding:20px 0 0 0;}
.my_info .name{display:block;font-size:12px;color:#000;font-weight:700;}
.my_info .email{display:block;font-size:12px;color:#b2b2b2;font-weight:700;}
.my_info .member_lev{display:block;font-size:12px;color:#4aa8f0;font-weight:700;}


.logout{width:100%;height:41px;border-top:1px solid #e6e6e6;background:#f5f5f5;}
.logoutinfo{display:inline-block;width:100%;height:42px;text-indent:-9999em;font-size:0;color:#fff;float:right;padding-right:30px;}
.logout a {width:37px;background:url(../../img/ico/ico_logout.png) no-repeat center 50%;}
.logout a:hover {width:37px;background:url(../../img/ico/ico_logoutOn.png) no-repeat center 50%;}

@media all and (max-width:1024px){


}
/* BCK161115 */
@media all and (max-width:736px) and (orientation:landscape){

.info_menu{position:absolute;top:10px;right:5px;}

}

@media all and (max-width:480px) and (orientation: portrait){

.info_menu{position:absolute;top:10px;right:5px;}
.info_menu > ul > li{position:relative;display:inline-block;height:27px;float:left;padding:0 3px;margin:0;width:auto;}
.info_menu > ul > li.info_sch{display:inline-block;}
.info_menu > ul > li .btn_info{display:inline-block;height:27px;text-indent:-9999em;font-size:0;color:#fff;float:left;}
.info_menu > ul > li a.sch{width:25px;background:url(../../img/ico/ico_schM.png) no-repeat center 3px;background-size:22px 22px;}

.info_menu > ul > li a.like{width:25px;background:url(../../img/ico/ico_mlike.png) no-repeat center 3px;background-size:22px 22px;;margin-right:0px;}
.info_menu > ul > li a.plusshop{width:25px;background:url(../../img/ico/ico_mplusShop.png) no-repeat center 3px;background-size:22px 22px;;margin-right:0px;}
.info_menu > ul > li a.mshare{width:25px;background:url(../../img/ico/ico_mshare.png) no-repeat center 3px;background-size:22px 22px;;margin-right:0px;}

.info_menu > ul > li a.cart{width:31px;background:url(../../img/ico/ico_cart.png) no-repeat 0px 3px;background-size:29px 22px;;margin-right:0px;}
.info_menu > ul > li a.message{width:31px;background:url(../../img/ico/ico_message.png) no-repeat 0px 7px;;background-size:29px 17px;;margin-right:0px;}

.info_menu > ul > li a.cart:hover{width:31px;background:url(../../img/ico/ico_cart.png) no-repeat 0px 3px;background-size:29px 22px;}
.info_menu > ul > li a.message:hover{width:31px;background:url(../../img/ico/ico_message.png) no-repeat 0px 7px;;background-size:29px 17px;}

.info_menu > ul > li a.cart.on{width:31px;background:url(../../img/ico/ico_cartOn.png) no-repeat 0px 3px;background-size:29px 22px;}
.info_menu > ul > li a.message.on{width:31px;background:url(../../img/ico/ico_messageOn.png) no-repeat 0px 7px;;background-size:29px 17px;}

.info_menu > ul > li.info_message em.count{position:absolute;top:2px;right:0px;width:13px;height:13px;line-height:13px;
  text-align:center;font-size:7px;color:#fff;background:url(../../img/common/bg_count.png) no-repeat 0 0;
  background-size:13px 13px;z-index:99;display:inline-block;}
.info_menu > ul > li.info_cart_m em.count{position:absolute;top:2px;right:0px;width:13px;height:13px;line-height:13px;
  text-align:center;font-size:7px;color:#fff;background:url(../../img/common/bg_count.png) no-repeat 0 0;
  background-size:13px 13px;z-index:99;display:inline-block;}
.info_menu > ul > li.info_mypage, .info_menu > ul > li.login, .info_menu > ul > li.loginAccount{display:none;visibility:hidden;position:absolute;top:0;left:-9999em;}

#mycart{visibility:hidden;top:35px;right:-18px;width:281px;position:absolute;z-index:9999;}
#mymessage{visibility:hidden;top:35px;right:0;width:260px;position:absolute;z-index:9999;}

#mycart:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#mycart:after, #mycart:before{content:"";position:absolute;bottom:100%;right:17px;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#mycart:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#fff;border-width:15px;}

#mymessage:before{margin-right:10px;border-color:rgba(212, 212, 212, 0);border-bottom-color:#000;border-width:8px;}
#mymessage:after, #mymessage:before{content:"";position:absolute;bottom:100%;right:0;border:8px solid transparent;height:0;width:0;pointer-events:none;}
#mymessage:after{border-color:rgba(255, 255, 255, 0);border-bottom-color:#f8f8f8;border-width:15px;}

#MallCate .pop_menu_list{display:inline-block;width:100%;padding:4px 0;}
#MallCate .pop_menu_list li{float:left;margin:0;padding:0;display:block;width:100%;box-sizing:border-box;}
#MallCate .pop_menu_list li a{display:block;width:100%;font-size:14px;line-height:20px;padding:5px 10px;font-weight:700;margin:0;float:left;box-sizing:border-box;}
#MallCate .pop_menu_list li a:hover{color:#d32d27;background:#f5f5f5;}
#MallCate .pop_menu_list li a .off{display:inline-block;}
#MallCate .pop_menu_list li a .on{display:none;}
#MallCate .pop_menu_list li a:hover .on{display:inline-block;}
#MallCate .pop_menu_list li a:hover .off{display:none;}
#MallCate .pop_menu_list li a .bullet{display:inline-block;width:15px;text-align:center;padding-right:5px;}
#MallCate .pop_menu_list li a .bullet img{width:100%;}
#MallCate .pop_menu_list li a .count{display:inline-block;float:right;font-weight:700;}

.sell_aside {display:none;}

.nav .nav1depthM{display:block;width:100%;height:30px;margin:0 5px;overflow-x:scroll;overflow-y:hidden;}
.info_menu .info_cart_m{display:block;}
.info_menu .info_message_m{display:block;}
.info_menu .info_cart{display:none;}
.info_menu .info_plusshopTop{display:none;}
.info_menu .info_login{display:none;}
.info_menu .info_join{display:none;}
.info_menu .info_login{display:none;}
}

@media all and (max-width:360px) and (orientation: portrait) {
.info_menu{position:absolute;top:10px;right:2px;}
.info_menu > ul > li{position:relative;display:inline-block;height:27px;float:left;padding:0 3px;margin:0;width:auto;}
.info_menu > ul > li.info_sch{display:inline-block;}
.info_menu > ul > li .btn_info{display:inline-block;height:27px;text-indent:-9999em;font-size:0;color:#fff;float:left;}
.info_menu > ul > li a.sch{width:19px;background:url(../../img/ico/ico_schM.png) no-repeat center 3px;background-size:19px 19px;}

.info_menu > ul > li a.cart{width:27px;background:url(../../img/ico/ico_cart.png) no-repeat 0px 3px;background-size:25px 19px;margin-right:0px;}
.info_menu > ul > li a.message{width:32px;background:url(../../img/ico/ico_message.png) no-repeat 1px 7px;background-size:25px 15px;margin-right:0px;}

.info_menu > ul > li a.cart:hover{width:27px;background:url(../../img/ico/ico_cart.png) no-repeat 0px 3px;background-size:25px 19px;}
.info_menu > ul > li a.message:hover{width:32px;background:url(../../img/ico/ico_message.png) no-repeat 1px 7px;background-size:25px 15px;}

.info_menu > ul > li a.cart.on{width:27px;background:url(../../img/ico/ico_cartOn.png) no-repeat 0px 3px;background-size:25px 19px;}
.info_menu > ul > li a.message.on{width:32px;background:url(../../img/ico/ico_messageOn.png) no-repeat 1px 7px;background-size:25px 15px;}

.info_menu > ul > li.info_message em.count{position:absolute;top:2px;right:3px;width:13px;height:13px;line-height:13px;
  text-align:center;font-size:7px;color:#fff;background:url(../../img/common/bg_count.png) no-repeat 0 0;
  background-size:13px 13px;z-index:99;display:inline-block;}
}
