@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Roboto:wght@400;700&display=swap');

body{font-family: 'Noto Sans KR', sans-serif; min-width:1280px; font-size:14px; letter-spacing: -0.8px;}
body, h1, h2, h3, p{font-family: 'Noto Sans KR', sans-serif !important;}
.fix_width{width:1200px; margin:auto;}



.header_2019{}
.header_2019 .logo_area_wrap{border-bottom:1px solid #dedede;}
.header_2019 .logo_area{height:76px; margin:auto; display: flex; justify-content: space-between; }
.header_2019 .logo_area .logo{display: inline-block; vertical-align: middle;}
.header_2019 .logo_area .logo img{margin-top:-2px;}
.header_2019 .logo_area .top_search_wrap{display: inline-block; margin:19px 40px 0;}
.header_2019 .logo_area .top_search_wrap .top_search{display: inline-block;  background:url("../img/search_input_bg.jpg") no-repeat; border:0; width:346px; height:40px; vertical-align: middle; box-sizing: border-box; padding:7px 0 7px 20px;}
.header_2019 .logo_area .top_search_wrap .btn_search{ display: inline-block; background: url("../img/btn_search.jpg") no-repeat; width:51px; height:40px; vertical-align: middle; margin-left:-5px;}
.header_2019 .logo_area  .point_txt{display: inline-block; }
.header_2019 .logo_area  .point_txt em{ color:#427bbe; font-weight: bold;}
.header_2019 .logo_area .top_menu{display: inline-block;  float:right;  font-size:10px; text-align: center; margin-top:17px;}
.header_2019 .logo_area .top_menu .icon01{display: inline-block; background:url("../img/ico_login.svg") no-repeat top center; background-size:22px; width:60px;  box-sizing: border-box;  padding-top:25px;}
.header_2019 .logo_area .top_menu .icon01_2{display: inline-block; background:url("../img/ico_logout.svg") no-repeat top center; background-size:22px; width:60px;  box-sizing: border-box;  padding-top:25px;}
.header_2019 .logo_area .top_menu .icon02{display: inline-block; background:url("../img/ico_myshopping.svg") no-repeat top center; width:60px;  box-sizing: border-box;  padding-top:25px;}
.header_2019 .logo_area .top_menu .icon03{display: inline-block; background:url("../img/ico_customer.svg") no-repeat top center; width: 60px;  box-sizing: border-box;  padding-top:25px;}

.header_2019 .gnb{ height:45px; margin:auto; }
.header_2019 .gnb .menu_list li{display:inline-block; font-size:18px;  float:left;}
.header_2019 .gnb .menu_list li a:hover{color:#427bbe; }
.header_2019 .gnb .menu_list li a:visited{color:#666; }
.header_2019 .gnb .btn_mypoint{display: inline-block; float:right;}

/*mainban*/
.mainban_wrap{clear:both; width:100%; position:relative; }
.mainban_wrap .mainbanner{width:100%; height:468px; text-align:center;}
.mainban_wrap .mainban{width:100%; height:468px; text-align:center; }
.mainban_wrap .gong_wrap{position:absolute; display: inline-block; width:auto;  margin:auto; bottom:30px; left:50%; transform: translateX(-50%); padding:10px 20px;  background:rgba(0, 0, 0, 0.3); border-radius: 15px;}
.mainban_wrap .gong_wrap .gong li{display: inline-block; vertical-align: middle; width:6px; height:6px; border-radius: 100%; background:rgba(255, 255, 255, 0.5);  }
.mainban_wrap .gong_wrap .gong li.on{background:rgba(255, 255, 255, 1); width:22px; border-radius: 5px;}
.mainban_wrap .gong_wrap .gong li.btn_stop{margin-right:0; margin-left:5px; border-radius: 0; background:url(../img/btn_stop.png) no-repeat top center;}
.mainban_wrap .gong_wrap .gong li.btn_stop a img{display: none;}
.mainban_wrap .gong_wrap .gong li a{display: block;  width:100%; height: 100%;}
.mainban_wrap .btn_arrow_wrap a{display: inline-block; width:50px; height:50px; }
.mainban_wrap .btn_arrow_wrap{position: absolute; width:100%; margin:auto;  bottom:200px; z-index: 10;}
.mainban_wrap .btn_arrow_wrap .btn_prev{margin-left:30px; background: url("../img/mainban_arrow_prev.png") no-repeat top center; background-size:100%; }
.mainban_wrap .btn_arrow_wrap .btn_next{margin-right:30px; position:absolute; background:url("../img/mainban_arrow_next.png") no-repeat top center;  right:0; background-size:100%; }
.mainban_wrap .btn_arrow_wrap .btn_prev:hover{background: url("../img/mainban_arrow_prev_ovr.png") no-repeat top center; background-size:100%; }
.mainban_wrap .btn_arrow_wrap .btn_next:hover{background: url("../img/mainban_arrow_next_ovr.png") no-repeat top center;  background-size:100%;}

/*ban_area*/
.ban_area_wrap{background:#f5f5f5; padding:40px 0;}
.ban_area_wrap .ban_area{margin:auto;}
.ban_area_wrap .ban_area:after{display: block; content:''; clear: both;}
.ban_area_wrap .ban_area h2{position: relative;  font-size: 20px;  color:#427bbe; padding-bottom:15px; border-bottom:1px solid #bababa; margin-bottom:10px;}
.ban_area_wrap .ban_area .arrow_wrap{display: inline-block; float:right;}
.ban_area_wrap .ban_area .arrow_wrap .num{display: inline-block; vertical-align: middle; margin-right:5px; font-weight: bold;  color:#424242;  font-size:14px;}
.ban_area_wrap .ban_area .arrow_wrap .num em{ color:#427bbe;}
.ban_area_wrap .ban_area .arrow_wrap .btn_wrap{display: inline-block; vertical-align: middle; height:18px;}
.ban_area_wrap .ban_area .event_wrap{display: inline-block; background:#fff; border:1px solid #dedede; padding:15px 27px; border-radius: 10px; float:left;}
.ban_area_wrap .ban_area .event_wrap.first{margin-right:40px;}

/*pak_pro_list 팍팍딜*/
.pak_pro_list_wrap{MARGIN:50px auto 40px;}
.pak_pro_list_wrap h2{position:relative; font-size:30px; color:#000;  font-weight:bold; width:100%; text-align: center; }
.pak_pro_list_wrap h2:before{display: block; left:0; top:25px; z-index: -2; position: absolute; content:''; height:1px; width:100%; background:#ccc; }
.pak_pro_list_wrap h2:after{display: block; width:200px; z-index: -1; height:50px; background:#fff;  left:50%; top:0; transform:translateX(-50%); position:absolute; content:'';}
.pak_pro_list_wrap:after{clear: both; display: block; content: '';}
.pak_pro_list_wrap .pro_list {margin-top:40px; display:flex; flex-wrap: wrap; justify-content:space-between;}
.pak_pro_list_wrap .pro_list li{ width:24%;}
.pak_pro_list_wrap .pro_list .pro_img{margin-bottom:10px;}
.pak_pro_list_wrap .pro_list .pro_img img{width:100%;}
.pak_pro_list_wrap .pro_list .icon{display: inline-block;  margin-top:10px; background: #2a81e7; color:#fff; padding:4px 15px; font-size:12px; border-radius: 5px;}
.pak_pro_list_wrap .pro_list .txt{display: block; margin-top:10px; line-height:24px; width:230px;}
.pak_pro_list_wrap .pro_list .price_wrap{padding:10px 0 20px 0; font-family: tahoma, 'Nanum Barun Gothic'; }
.pak_pro_list_wrap .pro_list .price_wrap .sale_price{font-size:18px; font-weight: bold;  margin-right:10px;}
.pak_pro_list_wrap .pro_list .price_wrap .price{text-decoration: line-through; color:#666666;}
.pak_pro_list_wrap .pro_list.st01{}
.pak_pro_list_wrap .pro_list.st04{margin-bottom:40px;}
.pak_pro_list_wrap .pro_list.st02 .icon{background: #389829;}
.pak_pro_list_wrap .pro_list.st03 .icon{background: #e5a700;}
.pak_pro_list_wrap .pro_list.st04 .icon{background: #e58100;}
.pak_pro_list_wrap.fix_width{border:none;}

/*price_pro_wrap 금액대별*/
.price_pro_wrap{background: url("../img/price_bg.jpg") repeat-x top center; margin:80px 0 0; padding:65px 0; background-size:cover;}
.price_pro_wrap:after{clear: both; display: block; content: '';}
.price_pro_wrap h2{font-size:20px; font-weight: bold; color:#fff;  text-align: center;}
.price_pro_wrap .price_tab_menu{text-align: center; margin:30px auto;}
.price_pro_wrap .price_tab_menu a{ display: inline-block; background:#233f80; color:#fff !important; padding:10px 30px; border-radius: 20px; margin:0 5px;}
.price_pro_wrap .price_tab_menu a.on{background: #fff; color:#233f80 !important; font-weight: bold;}
.price_pro_wrap .price_pro_list li{background: #fff; width:285px; float:left;  border-radius: 10px; box-sizing: border-box; padding:15px; margin-right:13.3px; }
.price_pro_wrap .price_pro_list li.last{margin:0;}
.price_pro_wrap .price_pro_list li .pro_img img{width:100%; }
.price_pro_wrap .price_pro_list li .txt{display: block; margin:10px 0; line-height:22px; height:44px; overflow: hidden;}
.price_pro_wrap .price_pro_list li .price_wrap{position:relative; margin:10px 0; font-family: tahoma, 'Nanum Barun Gothic';  }
.price_pro_wrap .price_pro_list li .price{text-decoration: line-through; color:#666666; }
.price_pro_wrap .price_pro_list li .sale_price{font-size:18px; color:#000; display: block; font-weight: bold; }
.price_pro_wrap .price_pro_list li .sale_rate{position: absolute; right:0; bottom:0;  color:red;}

.price_pro_wrap .price_pro_list li .sale_rate em{font-size:30px;}
.logo{float:none;}
.footer{width:1200px !important;}
.footer .ft_com_info{border-right:none;}
.footer .customer_info .tit{font-size:16px;}


/*핫아이템 리뉴얼*/
.event_ban_wrap{margin:50px auto; width:1200px; display: flex;  }
.event_ban_wrap .ban_wrap {white-space: nowrap; position:relative; width:50%; border:1px solid #dedede; padding:20px 20px 30px;}
.event_ban_wrap .ban_wrap .item{display: inline-block;  width:470px; padding-left:10px; margin:0 20px; justify-content: space-between; align-items: center;}
.event_ban_wrap .ban_wrap .item .pro_img,.event_ban_wrap .ban_wrap .item .txt_wrap{display: inline-block; vertical-align: middle;}
.event_ban_wrap .ban_wrap .item .pro_img{position:relative; margin-right:20px;} 
.event_ban_wrap .ban_wrap .item .pro_img img{border-radius: 20px;}
.event_ban_wrap .ban_wrap .item .pro_img .ico_tit{position:absolute; display: flex; justify-content: center; align-items: center; left:-10px; top:-10px; background:#1763E5; color:#fff; border-radius: 20px; width:66px; height:66px;}
.event_ban_wrap .ban_wrap.hotitem .item .pro_img .ico_tit{background:#00A431;}
.event_ban_wrap .ban_wrap .item .tit{font-size:24px; font-weight:bold; color:#000; }
.event_ban_wrap .ban_wrap .item .txt{font-size:14px; margin-top:10px; line-height:22px; }
.event_ban_wrap .ban_wrap .item .price{margin-top:30px;}
.event_ban_wrap .ban_wrap .item .price em{font-size:24px; font-weight:bold; font-family: tahoma; color:#000;}
.event_ban_wrap .ban_wrap .item .btn_go{display:block; padding:8px 0; margin-top:20px; width:90px; font-size:14px; border-bottom:1px solid #000;
background:url('../img/ico_arrow_bk.svg') no-repeat center right; color:#000;}

.event_ban_wrap .ban_wrap .arrow_wrap{position:absolute;  display: flex; justify-content: space-between; top:50%; transform: translateY(-50%); width:calc(100% - 40px); z-index:100;}
.event_ban_wrap .ban_wrap .arrow_wrap .btn{width:40px; height:40px;  border-radius: 50%; background:#fff url('../img/ico_arrow_grey.svg') no-repeat center;  border:1px solid #D1D1D1;}
.event_ban_wrap .ban_wrap .arrow_wrap .btn.btn_back{  }
.event_ban_wrap .ban_wrap .arrow_wrap .btn.btn_next{transform: rotate(180deg); }
.event_ban_wrap .ban_wrap.hotitem{background:#f5f5f5;}
.event_ban_wrap .ban_wrap + .ban_wrap{border-left:none;}


/*이후삭제*/
#renew2021 .topmenu_wrap {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #dedede;
    text-align: center;
    height: 62px;
    padding: 0;
    box-sizing: border-box;
}
#renew2021 .topmenu_wrap .topmenu_renew {
    display: block;
    position: relative;
    width: 1200px;
    height: inherit;
    margin: auto;
    text-align: left;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap {
    position: relative;
    width: 215px;
    height: inherit;
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .all_cate {
    font-size: 18px;
    height: inherit;
    background: url("../img/ico_cate.svg") no-repeat 30px 50%;
    line-height: 60px;
    padding-left: 70px;
    font-weight:500;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .all_cate:hover {
    color: #fff;   
    background:#427bbe url("../img/ico_cate_wh.svg") no-repeat 30px 50%;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap {
    width: 215px;
    height: 500px;
    position: absolute;
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 20px 0;
    left: 0;
    top: 62px;
    z-index: 100;
    box-sizing: border-box;
    box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.2);
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list {}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item {
    font-size: 15px;
    padding: 10px 25px;
    margin: 0px;
    box-sizing: border-box;
    display: block;
    font-weight: 400;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item a {
    display: block;
    color: #000;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item:hover {
    border-right: 5px solid #427bbe;
    color: #2D907F;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item .depth02 {
    position: absolute;
    display: none;
    left: 213px;
    top: 0;
    width: 215px;
    height: 500px;
    background: #f5f5f5;
    padding: 20px 0;
    box-sizing: border-box;
    box-shadow: 30px 30px 30px rgba(0, 0, 0, 0.2);
    border: 1px solid #d6d6d6;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item .depth02 .depth_item {
    display: block;
    padding: 0 25px;
    box-sizing: border-box;
    margin: 20px 0;
}
.cate_list .item .depth02 .depth_item:hover {
    color: #427bbe;
}
#renew2021 .topmenu_wrap .topmenu_renew .all_cate_wrap .pop_cate_wrap .cate_list .item:hover .depth02 {
    display: block;
}
#renew2021 .topmenu_wrap .topmenu_renew .topmenu_list {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
#renew2021 .topmenu_wrap .topmenu_renew .topmenu_list a {
    display: inline-block;
    color: #000;
    margin: 0px 10px 0;
    padding: 17px 17px 19px;
    font-size: 18px;
    position:relative;
    font-weight:500;
}
#renew2021 .topmenu_wrap .topmenu_renew .topmenu_list a.on {
   padding: 17px 17px 15px;
   border-bottom:4px solid #427bbe;    
   color: #427bbe;
}
#renew2021 .topmenu_wrap .topmenu_renew .topmenu_list a:hover {
    padding: 17px 17px 15px;
    border-bottom:4px solid #427bbe;   
    color: #427bbe;
}
#renew2021 .topmenu_wrap .topmenu_renew .topsubmenu_list {
    display: inline-block;
    float: right;
    margin: 20px 80px 0 0;
}
#renew2021 .topmenu_wrap .topmenu_renew .topsubmenu_list a {
    color: #838383;
    margin: 0 10px;
}
#renew2021 .topmenu_wrap .topmenu_renew .topsubmenu_list a.on {
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
#renew2021 .topmenu_wrap .topmenu_renew .topsubmenu_list a:hover {
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
#renew2021 .topmenu_wrap .topmenu_renew .btn_top_search {
    position: absolute;
    right: 0;
    top: 0;
    background: #2D907F url("images/ico_search.png") no-repeat 50% 50%;
    width: 60px;
    height: 60px;
}
#renew2021 .topmenu_wrap .search_pop {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    top: 62px;
    padding: 50px 0;
    z-index: 10;
    box-shadow: 50px 50px 50px rgba(0, 0, 0, 0.2);
}
#renew2021 .topmenu_wrap .search_pop .box_wrap {
    display: inline-block;
    width: auto;
    margin: auto;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
}
#renew2021 .topmenu_wrap .search_pop .box_wrap input {
    border: 0;
    height: 35px;
    width: 550px;
}
#renew2021 .topmenu_wrap .search_pop .box_wrap input::placeholder {
    font-size: 16px;
}
#renew2021 .topmenu_wrap .search_pop .box_wrap .btn {
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .topmenu_wrap .search_pop .box_wrap .btn.btn_search {
    width: 35px;
    height: 35px;
    background: url("images/ico_search_bk.png") no-repeat 50%;
}
#renew2021 .topmenu_wrap .search_pop .btn_close {
    position: absolute;
    left: 50%;
    top: -60px;
    background: #427bbe;
    width: 60px;
    height: 60px;
    margin-left: 540px;
}
#renew2021 .topmenu_wrap .search_pop .btn_close:before {
    position: absolute;
    display: block;
    top: 27px;
    left: 15px;
    width: 30px;
    height: 2px;
    content: '';
    clear: both;
    background: #fff;
    transform: rotate(45deg);
}
#renew2021 .topmenu_wrap .search_pop .btn_close:after {
    position: absolute;
    display: block;
    top: 27px;
    left: 15px;
    width: 30px;
    height: 2px;
    content: '';
    clear: both;
    background: #fff;
    transform: rotate(135deg);
}