@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 700;
    src: url(font/GmarketSansBold.woff2) format('woff2'), url(font/GmarketSansBold.woff) format('woff');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 500;
    src: url(font/GmarketSansMedium.woff2) format('woff2'), url(font/GmarketSansMedium.woff) format('woff');
}
@font-face {
    font-family: 'Gmarket Sans';
    font-style: normal;
    font-weight: 300;
    src: url(font/GmarketSansLight.woff2) format('woff2'), url(font/GmarketSansLight.woff) format('woff');
}

#renew2021 {
    width: 100%;
    
}
#renew2021 .txt_blind {
    display: none;
}
#renew2021 a {
    display: inline-block;
    color: #000;
}
#renew2021 input {
    box-sizing: border-box;
}
#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: flex;
    justify-content: space-between;
    align-items: center;
    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: #427bbe;
}
#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;
}
#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: #427bbe 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);
}
#renew2021 .mainbanner_wrap {
    width: 100%;
    position: relative;
}
#renew2021 .mainbanner_wrap .mainbanner {
    width: 100%;
    height: 500px;
}
#renew2021 .mainbanner_wrap .mainbanner .item {
    display: block;
    width: 100%;
    text-align: center;
}
#renew2021 .mainbanner_wrap .mainban_bar {
    position: absolute;
    left: 50%;
    bottom: -45px;
    width: 1200px;
    height: 90px;
    background: #fff;
    border-radius: 45px;
    transform: translateX(-50%);
}
#renew2021 .mainbanner_wrap .event_ico_wrap {
    margin: 20px 50px;
    display: inline-block;
}
#renew2021 .mainbanner_wrap .event_ico_wrap .icon, .mainbanner_wrap .event_ico_wrap .txt_wrap {
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .mainbanner_wrap .event_ico_wrap .txt_wrap {
    margin-left: 20px;
    font-size: 18px;
}
#renew2021 .mainbanner_wrap .event_ico_wrap .icon {
    padding: 5px 15px;
    border-radius: 5px;
    background: #5C3597;
    color: #fff;
    font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -1px;
}
#renew2021 .mainbanner_wrap .event_ico_wrap .txt_wrap em {
    color: #5C3597;
}
#renew2021 .mainbanner_wrap .navi_wrap {
    float: right;
    margin: 20px 40px 0 0;
}
#renew2021 .mainban_bar .txt_num, .mainban_bar .btn_stop, #renew2021 .mainban_bar .txt_num, .mainban_bar .btn_play, #renew2021 .mainban_bar .btn_back, .mainban_bar .btn_next {
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .mainban_bar .txt_num {
    margin-right: 20px;
    font-size: 16px;
}
#renew2021 .mainban_bar .txt_num .txt_on {
    color: #427bbe;
    font-weight: bold;
}
#renew2021 .mainban_bar .navi_wrap .btn_stop, #renew2021 .mainban_bar .navi_wrap .btn_play {
    margin-right: 10px;
}
#renew2021 .mainban_bar .navi_wrap .btn_stop {
    background: url("images/ico_stop.png") no-repeat;
    width: 14px;
    height: 16px;
}
#renew2021 .mainban_bar .navi_wrap .btn_play {
    background: url("images/ico_play.png") no-repeat;
    width: 14px;
    height: 16px;
}
#renew2021 .mainban_bar .navi_wrap .btn_back {
    background: #E5E5E5 url("images/ico_arrow_back.png")no-repeat 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#renew2021 .mainban_bar .navi_wrap .btn_next {
    background: #E5E5E5 url("images/ico_arrow_next.png")no-repeat 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#renew2021 .banA_area {
    position: relative;
    width: 1200px;
    margin: 100px auto 50px;
    font-size: 0;
}
#renew2021 .banA_area .ban_group01, #renew2021 .banA_area .ban_group02 {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 575px;
}
#renew2021 .banA_area .ban_group01 {
    margin-right: 30px;
    width: 585px;
}
#renew2021 .banA_area .ban_group02 {
    width: 585px;
}
#renew2021 .banA_area .banner_tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 45px;
    line-height: 45px;
    border-radius: 0 30px 30px 0;
    z-index: 10;
    color: #fff;
    font-size: 20px;
    padding: 0 35px;
    box-sizing: border-box;
    font-weight: bold;
}
#renew2021 .banA_area .ban_group01 .banner_tit {
    background: #5C3597;
}
#renew2021 .banA_area .ban_group02 .banner_tit {
    background: #973570;
}
#renew2021 .banA_area .banner_tit em {
    color: #FFDD00;
}
#renew2021 .banA_area .navi_wrap {
    display: block;
    text-align: center;
    margin: 20px auto;
}
#renew2021 .banA_area .navi_wrap .dot {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #D5D5D5;
    border-radius: 50%;
    margin: 0 5px;
}
#renew2021 .banA_area .navi_wrap .dot.on {
    background: #8B8B8B;
}
#renew2021 .banA_area .navi_wrap .btn_stop {
    display: inline-block;
    vertical-align: middle;
    background: #fff url("images/ico_stop.png") no-repeat 50%;
    background-size: 8px;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
    margin-left: 10px;
}
#renew2021 .banA_area .navi_wrap .btn_play {
    display: inline-block;
    vertical-align: middle;
    background: #fff url("images/ico_play.png") no-repeat 50%;
    background-size: 8px;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 50%;
    margin-left: 10px;
}
#renew2021 .banA_area .arrow_wrap {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
}
#renew2021 .banA_area .arrow_wrap .btn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#renew2021 .banA_area .arrow_wrap .btn_back {
    background: #E5E5E5 url("images/ico_arrow_back.png") no-repeat 50%;
    float: left;
    margin-left: 15px;
}
#renew2021 .banA_area .arrow_wrap .btn_next {
    background: #E5E5E5 url("images/ico_arrow_next.png") no-repeat 50%;
    float: right;d
    margin-right: 15px;
}
#renew2021 .banB_area {
    width: 1200px;
    margin: 50px auto;
    font-size: 0;
}
#renew2021 .banB_area .item {
    margin-right: 30px;
    position: relative;
    border-top-right-radius: 50px;
    width:380px;
    overflow: hidden;
}
#renew2021 .banB_area .item img{width:100%}
#renew2021 .banB_area .item:last-child {
    margin-right: 0;
}

#renew2021 .banB_area .item .txt_wrap{position:absolute; box-sizing: border-box; bottom:40px; left:40px; width:calc(100% - 80px); padding:30px; background:rgba(79, 134, 134, 0.80);}
#renew2021 .banB_area .item:nth-child(2) .txt_wrap{background:rgba(116, 100, 150, 0.80);}
#renew2021 .banB_area .item:nth-child(3) .txt_wrap{background:rgba(0, 107, 148, 0.80);}
#renew2021 .banB_area .item .txt_wrap .tit{font-size:22px; text-align: center; color:#fff; font-weight:bold;}
#renew2021 .banB_area .item .txt_wrap .subtxt{font-size:16px; margin-top:7px; text-align: center; color:#fff;  }
#renew2021 .banC_area {
    width: 100%;
    margin: 50px auto;
    background: #f5f5f5;
}
#renew2021 .ban_tit_wrap {
    padding: 50px 0;
    text-align: center;
}
#renew2021 .ban_tit_wrap .tit {
    font-size: 36px;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    font-weight: 700;
    margin: 0 10px;
}
#renew2021 .ban_tit_wrap .txt {
    font-size: 18px;
    margin: 0 10px;
}
#renew2021 .banC_area .pro_list_wrap {
    position: relative;
    width: 1200px;
    margin: auto;
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap {
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap .btn {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap .btn_back {
    background: #E5E5E5 url("images/ico_arrow_back.png") no-repeat 50%;
    float: left;
    margin-left: -30px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap .btn_back:hover {
    background: #fff url("images/ico_arrow_back.png") no-repeat 50%;
    border: 1px solid #d6d6d6;
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap .btn_next {
    background: #E5E5E5 url("images/ico_arrow_next.png") no-repeat 50%;
    float: right;
    margin-right: -30px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}
#renew2021 .banC_area .pro_list_wrap .arrow_wrap .btn_next:hover {
    background: #fff url("images/ico_arrow_next.png") no-repeat 50%;
    border: 1px solid #d6d6d6;
}
#renew2021 .banC_area .pro_list_wrap .pro_list {
    font-size: 0;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item {
    width: 216px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 0px 15px;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item:last-child {
    margin-right: 0;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .tag {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #EB0000;
    font-size: 14ox;
    color: #fff;
    line-height: 50px;
    text-align: center;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: bold;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .p_img {
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d6d6d6;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .p_img, #renew2021 .banC_area .pro_list_wrap .pro_list .item .p_img img {
    width: 100%;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .pro_txt_wrap {
    margin: 20px auto 50px;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_txt {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 36px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price {
    font-size: 14px;
    margin-top: 15px;
    text-align: center;
}
#renew2021 .banC_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price em {
    font-size: 22px;
    font-weight: 700;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
}
#renew2021 .banD_area {
    position: relative;
}
#renew2021 .banD_area .ban_tit_wrap {
    padding: 0;
}
#renew2021 .banD_area .arrow_wrap {
    width: 1380px;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translateX(-50%);
}
#renew2021 .banD_area .arrow_wrap .btn {
    display: inline-block;
    width: 60px;
    height: 60px;
    border: 1px solid #d6d6d6;
    box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
#renew2021 .banD_area .arrow_wrap .btn.btn_back {
    background: #fff url("images/ico_arrow_back.png") no-repeat 50%;
}
#renew2021 .banD_area .arrow_wrap .btn.btn_next {
    background: #fff url("images/ico_arrow_next.png") no-repeat 50%;
    float: right;
}
#renew2021 .banD_area .pro_list_wrap {
    width: 1200px;
    margin: 30px auto;
    font-size: 0;
}
#renew2021 .banD_area .pro_list_wrap .pro_list {}
#renew2021 .banD_area .pro_list_wrap .pro_list .item {
    width: 279px;
    display: inline-block;
    margin: 0 28px 30px 0;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item:nth-child(4n) {
    margin-right: 0;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .p_img {
    width: 100%;
    border: 1px solid #d6d6d6;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .p_img img {
    width: 100%;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap {
    margin-top: 20px;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_txt {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 40px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap {
    margin-top: 15px;
    font-size: 14px;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .n_price {
    display: block;
    text-decoration: line-through;
    color: #818181;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .s_rate {
    color: #FF0000;
    font-size: 20px;
    display: inline-block;
    margin-right: 10px;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
}
#renew2021 .pro_price_wrap .s_price {
    color: #000;
    display: inline-block;
}
#renew2021 .pro_price_wrap .s_price em {
    font-size: 20px;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    font-weight: 700;
}
#renew2021 .banE_area {
    background: #274A92;
}
#renew2021 .banE_area .ban_tit_wrap {
    color: #fff;
}
#renew2021 .banE_area .pro_ban_list_wrap {
    width: 1200px;
    margin: auto;
    background: #fff;
    font-size: 0;
}
#renew2021 .banE_area .ban01 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 515px;
    height: 515px;
}
#renew2021 .banE_area .ban01:after {
    position: absolute;
    block;
    clear: both;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    left: 0;
    top: 0;
    z-index: 1;
}
#renew2021 .banE_area .ban01 .p_img, #renew2021 .banE_area .ban01 a, #renew2021 .banE_area .ban01 img {
    display: block;
    width: 100%;
}
#renew2021 .banE_area .ban01 .pro_txt_wrap {
    position: absolute;
    left: 50px;
    bottom: 50px;
    color: #fff;
    z-index: 2;
}
#renew2021 .banE_area .ban01 .pro_txt_wrap .p_tit {
    font-size: 30px;
}
#renew2021 .banE_area .ban01 .pro_txt_wrap .p_txt {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 40px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .banE_area .item_list_wrap {
    display: inline-block;
    vertical-align: top;
    width: 685px;
    padding: 40px 0 0 60px;
    box-sizing: border-box;
}
#renew2021 .banE_area .pro_item {
    position: relative;
    display: inline-block;
    width: 150px;
    margin: 0 60px 25px 0;
}
#renew2021 .banE_area .pro_item .tag {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #EB0000;
    font-size: 14ox;
    color: #fff;
    line-height: 40px;
    text-align: center;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: bold;
}
#renew2021 .banE_area .pro_item:nth-child(3n) {
    margin-right: 0;
}
#renew2021 .banE_area .pro_item .p_img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    overflow: hidden;
}
#renew2021 .banE_area .pro_item a, #renew2021 .banE_area .pro_item .p_img img {
    display: block;
    width: 100%;
}
#renew2021 .banE_area .pro_item .pro_txt_wrap {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
#renew2021 .banE_area .pro_item .pro_txt_wrap .p_tit {
    font-size: 16px;
    font-weight: bold;
}
#renew2021 .banE_area .pro_item .pro_txt_wrap .p_txt {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#renew2021 .banE_area .pro_item .pro_txt_wrap .p_txt {
    font-size: 14px;
}
#renew2021 .banE_area .item_list_wrap.type02 {
    width: 515px;
}
#renew2021 .banE_area .item_list_wrap.type02 {
    padding: 20px 75px 0 80px;
}
#renew2021 .banE_area .item_list_wrap.type02 .pro_item:last-child {
    margin-right: 0;
}
#renew2021 .banE_area .item_list_wrap.type02 .pro_item {
    margin-bottom: 0;
}
#renew2021 .banE_area .ban02 {
    display: inline-block;
    width: 685px;
    height: 245px;
    overflow: hidden;
}
#renew2021 .banE_area .ban02 .p_img {
    width: 440px;
    height: 245px;
    display: inline-block;
    vertical-align: top;
}
#renew2021 .banE_area .ban02 .p_img img, #renew2021 .banE_area .ban02 a {
    display: inline-block;
    width: 100%;
}
#renew2021 .banE_area .ban02 .pro_txt_wrap {
    display: inline-block;
    vertical-align: top;
    width: 245px;
    height: 245px;
    background: #A47857;
    color: #fff;
    font-size: 14px;
    padding: 80px 40px;
    box-sizing: border-box;
}
#renew2021 .banE_area .ban02 .pro_txt_wrap .p_tit, #renew2021 .banE_area .ban02 .pro_txt_wrap .p_txt {
    width: 170px;
}
#renew2021 .banE_area .ban02 .pro_txt_wrap .p_tit {
    font-size: 22px;
    font-weight: bold;
}
#renew2021 .banE_area .ban02 .pro_txt_wrap .p_txt {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 40px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .banE_area .line_ban_wrap {
    width: 100%;
}
#renew2021 .banE_area .line_ban_wrap .ban {
    width: 1200px;
    margin: auto;
    font-size: 0;
}
#renew2021 .customer_wrap {
    background: #F1F4F9;
    width: 100%;
    padding: 50px 0;
    font-size: 0;
}
#renew2021 .customer_wrap .customer_inner_wrap {
    width: 1200px;
    margin: auto;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info {
    width: 490px;
    display: inline-block;
}
#renew2021 .customer_wrap .customer_inner_wrap .tit {
    font-size: 24px;
    text-align: center;
    color:#000;
}
#renew2021 .customer_wrap .customer_inner_wrap .tit .txt01 {}
#renew2021 .customer_wrap .customer_inner_wrap .tit .txt02 {
    font-weight: 700;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
}
#renew2021 .customer_wrap .customer_inner_wrap .tit .txt01 {}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box {
    background: #fff;
    margin-top: 20px;
    text-align: center;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .item {
    display: inline-block;
    text-align: center;
    padding: 90px 30px 30px 30px;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .item.item01 {
    background: url("img/ico_customer01.svg") no-repeat 50% 35px;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .item.item02 {
    background: url("img/ico_customer02.svg") no-repeat 50% 35px;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .item .txt {
    font-size: 18px;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .item .tel_info {
    font-size: 24px;
    margin-top: 10px;
    color: #357ED8;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    font-weight: 700;
}
#renew2021 .customer_wrap .customer_inner_wrap .customer_info .info_box .btm_info {
    display: block;
    background: #D8F0F7;
    color: #003A81;
    text-align: center;
    padding: 15px;
    font-size: 14px;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap {
    display: inline-block;
    vertical-align: top;
    width: 550px;
    margin-left: 160px;
    font-size: 14px;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .tit { position: relative;
    text-align: left;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .notice_list {
    margin-top: 30px;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .notice_list .item {
    height: 40px;
    line-height: 40px;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .notice_list .item .txt {
    float: left;
    color: #6D6D6D;
    font-size: 16px;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .notice_list .item .txt:hover {
    text-decoration: underline;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .notice_list .item .date {
    float: right;
    color: #6D6D6D;
}
#renew2021 .customer_wrap .customer_inner_wrap .notice_wrap .btn.btn_wh{position:absolute; right:0; top:5px; font-size:14px; border:1px solid #d6d6d6; padding:5px 12px;
}
#renew2021 .bottom {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    padding: 60px 0 70px;
}
#renew2021 .bottom .bottom_wrap {
    width: 1200px;
    margin: auto;
}
#renew2021 .bottom .bottom_wrap .left_wrap {
    width: 640px;
    display: inline-block;
}
#renew2021 .bottom .bottom_wrap .bottom_info {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #6D6D6D;
}
#renew2021 .bottom .bottom_wrap .bottom_info .btn {
    position: absolute;
    right: -80px;
    top: -10px;
    display: inline-block;
    font-size: 11px;
    padding: 5px 15px;
}
#renew2021 .bottom .bottom_wrap .bottom_info .btn.btn_darkgrey {
    background: #505050;
    color: #fff;
}
#renew2021 .bottom .bottom_wrap .copyright {
    font-size: 14px;
    color: #6D6D6D;
    margin-top: 20px;
}
#renew2021 .bottom .bottom_wrap .bottom_txt {
    font-size: 16px;
    line-height: 24px;
    color: #6D6D6D;
    margin-top: 20px;
}
#renew2021 .bottom .bottom_wrap .right_wrap {
    width: 320px;
    display: inline-block;
    float: right;
}
#renew2021 .bottom .bottom_wrap .right_wrap .tit {
    font-size: 20px;
    color: #000;
}
#renew2021 .bottom .bottom_wrap .right_wrap .info_txt {
    line-height: 24px;
    font-size: 16px;
    margin-top: 10px;
    color: #6D6D6D;
}
#renew2021 .bottom .bottom_wrap .right_wrap .btn_wrap {
    margin-top: 10px;
}
#renew2021 .bottom .bottom_wrap .right_wrap .btn_wrap .btn {
    display: inline-block;
    border: 1px solid #dedede;
    padding: 5px 20px;
}
#renew2021 .page_lacation {
    background: #F5F5F5;
    height: 50px;
    line-height: 50px;
}
#renew2021 .page_lacation .inner_wrap {
    width: 1200px;
    margin: auto;
    font-size: 14px;
}
#renew2021 .page_lacation .inner_wrap select {
    padding: 7px 10px;
    border: 1px solid #d6d6d6;
    background: #f5f5f5;
}
#renew2021 .page_lacation .inner_wrap .txt {
    display: none;
}
#renew2021 .page_lacation .ico_home {
    background: url("images/ico_home.png") no-repeat 0 40%;
    padding: 0 10px 0 30px;
}
#renew2021 .page_lacation .ico_bar {
    background: url("images/ico_laca_arrow.png") no-repeat;
    width: 5px;
    height: 8px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .page_top_tit {
    width: 1200px;
    margin: 40px auto;
    text-align: center;
    color: #000;
}
#renew2021 .page_top_tit .tit {
    font-size: 40px;
    font-weight: 500;
}
#renew2021 .page_top_tit .txt {
    font-size: 16px;
    margin-top: 10px;
    color: #333;
}
#renew2021 .promotion_list {
    width: 1200px;
    margin: 0 auto 100px;
}
#renew2021 .promotion_list .item {
    margin-bottom: 50px;
}
#renew2021 .promotion_list .tit {
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}
#renew2021 .promotion_list .inner_wrap {
    background: #f5f5f5;
    font-size: 0;
}
#renew2021 .promotion_list .inner_wrap .im_ban {
    display: inline-block;
    vertical-align: middle;
    width: 380px;
    position:relative;
    border-top-right-radius: 50px;
    overflow: hidden;
}

#renew2021 .promotion_list .item:nth-child(2n) .im_ban .txt_wrap{background:rgba(116, 100, 150, 0.80);}
#renew2021 .promotion_list .item:nth-child(3n) .im_ban .txt_wrap{background:rgba(79, 134, 134, 0.80);}
#renew2021 .promotion_list .inner_wrap .im_ban .txt_wrap{position:absolute; text-align: center; box-sizing: border-box; width:calc(100% - 60px); bottom:30px; left:20px; padding:20px; background:rgba(0, 107, 148, 0.80);}
#renew2021 .promotion_list .inner_wrap .im_ban .txt_wrap .tit{color:#fff; font-size:20px; margin-bottom:5px; font-weight:bold;}
#renew2021 .promotion_list .inner_wrap .im_ban .txt_wrap .txt{color:#fff; font-size:14px; opacity: 0.8; }
#renew2021 .promotion_list .inner_wrap .pro_list {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}


#renew2021 .promotion_list .inner_wrap .pro_list .pro_item {
    width: 200px;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .p_img {
    widht: 200px;
    height: 200px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    overflow: hidden;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item a, #renew2021 .promotion_list .inner_wrap .pro_list .pro_item .p_img img {
    width: 100%;
    display: block;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .pro_txt_wrap {
    margin-top: 10px;
    text-align: center;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .pro_txt_wrap .p_tit {
    font-weight: bold;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .pro_txt_wrap .p_txt {
    margin-top: 10px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 36px;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .promotion_list .inner_wrap .pro_list {
    margin: 0 0 0 60px;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item {
    display: inline-block;
    margin-right: 50px;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item:last-child {
    margin: 0;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .price-wrap {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
}
#renew2021 .promotion_list .inner_wrap .pro_list .pro_item .price-wrap em {
    font-size: 24px;
    font-weight: 700;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    letter-spacing: -0.3px;
}
#renew2021 .pro_type_col4 {
    margin-bottom: 100px;
}
#renew2021 .pro_type_col4 a {
    color: #333;
}
#renew2021 .pro_type_col4 .pro_list_wrap {
    width: 1200px;
    margin: 50px auto;
    font-size: 0;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list {}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item {
    position: relative;
    width: 279px;
    display: inline-block;
    margin: 0 28px 40px 0;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .ico_num {
    position: absolute;
    top: -3px;
    left: 10px;
    width: 30px;
    height: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #E3434D;
    color: #fff;
    text-align;
    padding-top: 8px;
    z-index: 3;
    font-family: tahoma;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item:nth-child(4n) {
    margin-right: 0;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .p_img {
    width: 100%;
    border: 1px solid #d6d6d6;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .p_img img {
    width: 100%;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_txt_wrap {
    margin-top: 20px;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_txt {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 38px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap {
    margin-top: 15px;
    font-size: 14px;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .n_price {
    display: block;
    text-decoration: line-through;
    color: #818181;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .s_rate {
    color: #FF0000;
    font-size: 20px;
    display: inline-block;
    margin-right:10px;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_price_wrap .s_price {
    color: #000;
    display: inline-block;
}
#renew2021 .pro_type_col4 .pro_list_wrap .pro_list .item .pro_price_wrap .s_price em {
    font-size: 20px;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    font-weight: 700;
}
#renew2021 .pro_type_col1 {
    display: block;
}
#renew2021 .pro_type_col1 .pro_list_wrap {
    width: 1200px;
    margin: 30px auto 50px;
    border-top: 2px solid #000;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #d6d6d6;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .p_img {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
    height: 150px;
    margin-right: 30px;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .p_img img {
    width: 100%;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap {
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap {
    width: 1000px;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap .pro_txt {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 600px;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap .pro_price_wrap {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap .pro_price_wrap .n_price {
    text-decoration: line-through;
    font-size: 14px;
}
#renew2021 .pro_type_col1 .pro_list_wrap .item .pro_txt_wrap .pro_price_wrap .s_price em {
    margin-left: 0;
    font-size: 20px;
}
#renew2021 .banD_area .pro_list_wrap {
    width: 1200px;
    font-size: 0;
    margin-bottom: 50px;
}
#renew2021 .banD_area .pro_list_wrap .pro_list {}
#renew2021 .banD_area .pro_list_wrap .pro_list .item {
    width: 278px;
    display: inline-block;
    margin: 0 28px 30px 0;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item:nth-child(4n) {
    margin-right: 0;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .p_img {
    width: 100%;
    border: 1px solid #d6d6d6;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .p_img img {
    width: 100%;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap {
    margin-top: 20px;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_txt {
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 40px;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap {
    margin-top: 15px;
    font-size: 14px;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .n_price {
    display: block;
    text-decoration: line-through;
    color: #818181;
}
#renew2021 .banD_area .pro_list_wrap .pro_list .item .pro_txt_wrap .pro_price_wrap .s_rate {
    color: #FF0000;
    font-size: 20px;
    display: inline-block;
}
.pro_price_wrap .s_price {
    color: #000;
    display: inline-block;
}
.pro_price_wrap .s_price em {
    font-size: 20px;
    /*font-family: Gmarket Sans, 'Gmarket Sans', sans-serif;*/
    font-weight: 700;
}
#renew2021 .tit_ban {
    width: 1200px;
    margin: 30px auto 30px;
}
#renew2021 .promotion_tit {
    width: 1200px;
    margin: 30px auto 30px;
}
/*상품검색*/
#renew2021 .search_word_info {
    width: 1200px;
    margin: 30px auto 0;
}
#renew2021 .search_word_info .search_txt {
    font-size: 30px;
    display: inline-block;
}
#renew2021 .search_word_info .txt_detail {
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
}
#renew2021 .search_word_info .txt_detail em {
    color: #427bbe;
}
#renew2021 .list_search_wrap {
    width: 1200px;
    margin: 30px auto;
    border-top: 2px solid #000;
    border-bottom: 1px solid #d6d6d6;
    background: #f5f5f5;
}
#renew2021 .list_search_wrap .list_item {
    font-size: 0;
}
#renew2021 .list_search_wrap .list_item .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
#renew20210px #renew2021 .pro_type_col1 .list_search_wrap .list_item .item a {
    color: #000;
}
#renew2021 .list_search_wrap .list_item .item em {
    color: #427bbe;
}
#renew2021 .search_tab_list {
    width: 1200px;
    margin: 30px auto 15px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #d6d6d6;
    padding: 15px 0;
}
#renew2021 .search_tab_list .tab_list {
    display: inline-block;
}
#renew2021 .search_tab_list .tab_list .tab {
    display: inline-block;
    border: 1px solid #707070;
    border-radius: 20px;
    margin-right: 10px;
    text-align: center;
    padding: 5px 18px;
}
#renew2021 .search_tab_list .search_group {
    display: inline-block;
    float: right;
    margin-top: -3px;
}
#renew2021 .search_tab_list .search_group input {
    display: inline-block;
    border: 1px solid #d6d6d6;
    height: 35px;
    line-height: 35px;
}
#renew2021 .search_tab_list .search_group .btn_search {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background: #414561 url("images/ico_search.png")no-repeat 50%;
    background-size: 18px;
}
#renew2021 .filer_group {
    width: 1200px;
    margin: 0 auto 30px;
}
#renew2021 .filer_group .item_list {
    display: inline-block;
}
#renew2021 .filer_group .item_list .item {
    color: #000;
    margin-right: 20px;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}
#renew2021 .filer_group .search_group {
    display: inline-block;
    float: right;
}
#renew2021 .filer_group .search_group .search {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .filer_group .search_group .search input {
    border: 1px solid #d6d6d6;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
#renew2021 .filer_group .search_group .search .btn {
    display: inline-block;
    vertical-align: middle;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    border: 1px solid #d6d6d6;
    text-align: center;
    font-size: 14px;
}
#renew2021 .filer_group .search_group .search .btn.btn_grey {
    background: #f5f5f5;
}
#renew2021 .filer_group .btn_view_type {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
#renew2021 .filer_group .btn_view_type .type01 {
    width: 35px;
    height: 35px;
    background: #F6F7FB url("images/ico_view_type01.png") no-repeat 50%;
    background-size: 15px;
    border: 1px solid #d6d6d6;
}
#renew2021 .filer_group .btn_view_type .type02 {
    width: 35px;
    height: 35px;
    background: #F6F7FB url("images/ico_view_type02.png") no-repeat 50%;
    background-size: 15px;
    border: 1px solid #d6d6d6;
}
#renew2021 .filer_group .btn_view_type .type01.on {
    width: 35px;
    height: 35px;
    background: #fff url("images/ico_view_type01_on.png") no-repeat 50%;
    background-size: 15px;
    border: 1px solid #d6d6d6;
}
#renew2021 .filer_group .btn_view_type .type02.on {
    width: 35px;
    height: 35px;
    background: #fff url("images/ico_view_type02_on.png") no-repeat 50%;
    background-size: 15px;
    border: 1px solid #d6d6d6;
}
/*팍팍쇼핑*/
#renew2021 .pak_ban_list {
    position: relative;
    background: #f5f5f5;
    padding: 0 0 20px;
    width: 100%;
}
#renew2021 .pak_ban_list .ban_list {
    position: relative;
    white-space: nowrap;
    text-align: center;
    height: 500px;
    margin: 0 auto 10px;
}
#renew2021 .pak_ban_list .ban_list .item {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 20px;
    overflow: hidden;
    opacity: 0.4;
}
#renew2021 .pak_ban_list .ban_list .item.on {
    opacity: 1;
}
#renew2021 .pak_ban_list .small_ban_list {
    text-align: center;
    margin: 20px auto;
    font-size: 0;
}
#renew2021 .pak_ban_list .small_ban_list .item {
    display: inline-block;
    margin: 0 10px;
}
#renew2021 .pak_ban_list .small_ban_list .item.on {
    border: 2px solid #FF0000;
}
#renew2021 .pak_ban_list .arrow_wrap {
    width: 809px;
    position: absolute;
    left: 50%;
    top: 35%;
    z-index: 10;
    text-align: left;
    transform: translateX(-50%);
}
#renew2021 .pak_ban_list .arrow_wrap .btn {
    display: inline-block;
    text-align: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
#renew2021 .pak_ban_list .arrow_wrap .btn.btn_back {
    background: rgba(0, 0, 0, 0.3) url(images/ico_arrow_wh.png) no-repeat 50%;
    transform: rotate(180deg);
    background-size: 15px;
}
#renew2021 .pak_ban_list .arrow_wrap .btn.btn_next {
    background: rgba(0, 0, 0, 0.3) url(images/ico_arrow_wh.png) no-repeat 50%;
    background-size: 15px;
    float: right;
}
/*오른쪽 퀵배너*/
#renew2021 .right_quick_ban_wrap {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: 630px;
    width: 100px;
}
#renew2021 .right_quick_ban_wrap .history_wrap {
    width: 100%;
    background: #fff;
    border: 1px solid #d6d6d6;
}
#renew2021 .right_quick_ban_wrap .history_wrap .tit {
    background: #427bbe;
    color: #fff;
    text-align: center;
    padding: 7px 0;
}
#renew2021 .right_quick_ban_wrap .history_wrap .item_list {
    width: 100%;
    text-align: center;
}
#renew2021 .right_quick_ban_wrap .history_wrap .item_list .item {
    margin: 0px auto 0px auto;
    border: 1px solid #d6d6d6;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
}
#renew2021 .right_quick_ban_wrap .history_wrap .item_list .item a, #renew2021 .right_quick_ban_wrap .history_wrap .item_list .item img {
    width: 100%;
}
#renew2021 .right_quick_ban_wrap .history_wrap .item_list .no_item {
    width: 100%;
    height: 300px;
    padding-top: 130px;
    box-sizing: border-box;
}
#renew2021 .right_quick_ban_wrap .history_wrap .btn_wrap {
    font-size: 0;
    border-top: 1px solid #d6d6d6;
}
#renew2021 .right_quick_ban_wrap .history_wrap .btn_wrap .btn {
    width: 50%;
    display: inline-block;
    height: 20px;
    box-sizing: border-box;
}
#renew2021 .right_quick_ban_wrap .history_wrap .btn_wrap .btn.btn_prev {
    background: url("images/btn_arrow_top.png") no-repeat 50%;
}
#renew2021 .right_quick_ban_wrap .history_wrap .btn_wrap .btn.btn_next {
    background: url("images/btn_arrow_top.png") no-repeat 50%;
    margin-left: -1px;
    transform: rotate(180deg);
    border-right: 1px solid #d6d6d6;
}
/*.right_quick_ban_wrap  .ban_wrap{margin:15px auto;}
.right_quick_ban_wrap  .ban_wrap .item{margin:15px auto;}*/
.right_quick_ban_wrap .btn_gotop {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
/*상세페이지*/
#product-wrap {
    width: 1200px;
    margin: 20px auto;
}
#product-wrap .product-image {
    width: 500px;
}
#product-wrap .product-image .image, #product-wrap .product-image .image img {
    width: 100%;
}
#product-wrap .product-detail {
    width: 600px;
    margin-left: 100px;
}
#product-detail {
    text-align: center;
}
#product-wrap .product-detail table td {
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
}
#product-wrap .product-detail .sale-price {
    font-size: 30px;
    color: #000;
    font-weight: 700;
}
#product-wrap .product-detail .custom-price {
    font-size: 16px;
    margin-left: 20px;
    color: #666;
}
.product-spec .mallplan {
    font-size: 16px;
    color: #000;
}
.product-spec .product-name {
    font-size: 24px;
    color: #000;
    font-weight: 500;
}
#product-wrap .product-detail table {
    border-top: 1px solid #d6d6d6;
    margin-top: 30px;
}
#product-wrap .product-detail table th {
    font-weight: normal;
}
#product-wrap .product-detail table th, #product-wrap .product-detail table td {
    border-bottom: 1px solid #d6d6d6;
    padding: 12px 0 !important;
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
    font-size: 16px;
}
#product-wrap .product-detail .option_table th, #product-wrap .product-detail .option_table td, #product-wrap .product-detail .option_table {
    border: none;
    margin: 0;
    padding: 0;
}
#product-wrap .product-detail .option_table {
    width: 100%;
}
#product-wrap .product-detail .option_table td select {
    width: 95%;
    padding: 10px;
    border: 1px solid #dedede;
}
#product-wrap .btn_buy {
    background: #427bbe;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 15px;
}
#product-wrap .btn_soldout {
    background: #f5f5f5;
    color: #666;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    padding: 15px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
}
.view_tab_wrap {
    margin-top: 50px;
}
.view_tab_wrap .view_tab {
    display: inline-block;
    float: left;
    border: 1px solid #d6d6d6;
    width: 25%;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    box-sizing: border-box;
}
.view_tab_wrap .view_tab + .view_tab{border-left:none;}
.view_tab_wrap .view_tab.view_detail_tab01.on {
    background: #000;
    color: #fff !important;
}
.view_tab_wrap:after {
    display: block;
    clear: both;
    content: '';
}
.table_style01 {
    border-collapse: collapse;
    border-top: 1px solid #d6d6d6;
    padding: 5px;
    width: 100%;
    margin-top: 30px;
}
.table_style01 th {
    background: #f5f5f5;
    width: 20%;
    min-widht: 120px;
    text-align: left;
}
.table_style01 th, .table_style01 td {
    padding: 10px 20px;
    border: 1px solid #d6d6d6;
}
#product-wrap .comment_list {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #000;
}
#product-wrap .comment_list thead th {
    font-size: 16px;
    text-align: center;
    background: #f5f5f5;
}
#product-wrap .comment_list th, #product-wrap .comment_list td {
    padding: 10px;
    border-bottom: 1px solid #d6d6d6;
}
#product-wrap .comment_list td[colspan="4"] {
    text-align: center;
    padding: 20px !important;
}
#nooption-product-control .btn {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #d7d7d7;
    vertical-align: middle;
}
#nooption-product-control .btn.plus {
    background: url(images/ico_plus.png)no-repeat 50%;
}
#nooption-product-control .btn.minus {
    background: url(images/ico_minus.png)no-repeat 50%;
}
#nooption-product-control input {
    float: left;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    height: 30px !important;
    line-height: 30px;
    width: 50px !important;
    text-align: center;
    margin: 0 -1px 0 -1px;
}
#total-price-container {
    text-align: right;
    margin: 30px auto;
}
#total-price-container .txt {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 16px;
}
#total-price-container .price {
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #427bbe;
    font-weight: 700;
}
#product-wrap .comment_btn {
    display: block;
    text-align: right;
    margin: 20px auto;
}
#product-wrap .comment_btn .btn_grey {
    border: 1px solid #dedede;
    font-size: 14px;
    padding: 5px 12px;
}
div.listing-paging li.page a {
    margin-top: 10px;
}
#selected-option-container ul {}
#selected-option-container ul li {
    padding: 10px 15px;
    clear: both;
    border-top: 1px solid #eee;
    background: #f5f5f5;
    margin-top: 10px;
}
#selected-option-container ul li:after {
    display: block;
    clear: both;
    content: '';
}
#selected-option-container ul li .remove {
    float: right;
}
#selected-option-container ul li .name {
    display: block;
    margin: 0;
    padding: 4px 2px;
}
#selected-option-container ul li .qty {
    margin: 0;
    float: left;
    padding: 1px;
    position: relative;
}
#selected-option-container ul li .qty input {
    float: left;
    text-align: center;
    border: 1px solid #d6d6d6;
    height: 30px;
    width: 50px;
}
#selected-option-container ul li .qty .btn {
    float: left;
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #d7d7d7;
    vertical-align: middle;
}
#selected-option-container ul li .qty .btn.minus {
    background: url(images/ico_minus.png)no-repeat 50%;
}
#selected-option-container ul li .qty .btn.plus {
    background: url(images/ico_plus.png)no-repeat 50%;
}
#selected-option-container ul li .price {
    margin: 0;
    text-align: right;
    color: #000;
    float: right;
    font-size: 16px;
    font-weight: bold;
}
#selected-option-container ul li .data {
    display: none;
}
.cdtl_wrap {
    margin: 0px auto 30px;
}
.cdtl_wrap .cdtl_sec_titarea .cdtl_sec_tit {
    padding: 20px 0 15px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #222;
}
.cdtl_wrap .cdtl_sec_titarea {
    padding-top: 45px;
    border-bottom: 4px solid #222;
}
.cdtl_wrap .cdtl_tbl table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.cdtl_wrap .cdtl_tbl.ty6 th, .cdtl_wrap .cdtl_tbl.ty6 td {
    height: auto;
    padding: 25px 10px 22px 0;
    border: 0 none;
    border-bottom: 1px solid #d1d1d1;
    font-size: 14px;
    vertical-align: top;
}
.cdtl_wrap .cdtl_tbl th .in, .cdtl_wrap .cdtl_tbl td .in .cdtl_wrap .cdtl_tbl th {
    color: #222;
    text-align: left;
}
.cdtl_wrap .cdtl_tbl .col_claim1 {
    width: 170px;
}
.cdtl_wrap .cdtl_tbl.ty6 ul li {
    position: relative;
    margin-top: 12px;
}
.cdtl_wrap .cdtl_tbl.ty6 ul li .subinfo {
    display: block;
}
.cdtl_wrap .cdtl_tbl th .in, .cdtl_cm_detail .cdtl_tbl td .in {
    padding: 9px 0 8px;
    line-height: 1.5;
    word-break: break-all;
}
.cdtl_wrap .cdtl_tbl_noti.ty2 {
    margin: 25px 0;
    padding-left: 0;
    color: #222;
    letter-spacing: -0.25px;
}
.cdtl_wrap ul.cdtl_tbl_noti li {
    margin-top: 9px;
}
#content {
    margin: auto !important;
}
#renew2021 .pro_type_col4 a {
    color: #000 !important;
}
#rolling {
    width: 950px;
    display: inline-block;
    overflow: hidden;
}
.noticebox ul li {
    display: inline-block;
}
/*기획전*/
.category-container .image {}
.category-container .button {
    width: 1200px;
    margin: 30px auto;
    font-size: 0;
}
.category-container .button .item {
    width: 20%;
    height: 45px;
    display: inline-block;
    box-sizing: border-box;
   

}
.category-container .button .item:nth-child(5n) a:not([class="select"]){border-right:1px solid #e1e1e1;}
.category-container .button .item:nth-child(6) a:not([class="select"]),
.category-container .button .item:nth-child(7) a:not([class="select"]),
.category-container .button .item:nth-child(8) a:not([class="select"]),
.category-container .button .item:nth-child(9) a:not([class="select"]),
.category-container .button .item:nth-child(10) a:not([class="select"]){border-top:none;}

.category-container .button a {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
    margin: -1px 0 0 -1px;
    border: 1px solid #e1e1e1;
    border-right:none;
    padding: 0 14px;
    font-size: 14px;
    color: #666;
    line-height: 44px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    box-sizing: border-box;
}
.category-container .button a.select {
    text-decoration: underline;
    background: #f5f5f5;
    border: 1px solid #000;
    font-weight: bold;
}
#product-list {
    width: 1200px;
    margin: 10px auto;
}
#product-list .ex_bar {
    border: 0;
    position: relative;
    height: 61px;
    margin-top: 0;
    border-bottom: 1px solid #222;
    background-color: #fff;
    padding: 19px 145px 18px 0;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    letter-spacing: -0.3px;
    box-sizing: border-box;
}
#product-list .ex_bar .ex_top {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.promotion_design_page {
    width: 1200px;
    text-align: center;
    margin: 30px auto;
}
#renew2021 .page_lacation .loca_txt {
    padding-right: 10px;
}
#renew2021 .ban_wra, #renew2021 .ban_wrap .item {
    margin-top: 10px;
}
/*마이페이지*/
#renew2021 .leftmenu {
    display: none;
}
#content .content_area {
    width: 1200px;
    margin: auto;
}
/*기존 서브페이지 수정 */
#sub_renewal2021 {
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
}
#sub_renewal2021 .sub_tit01, .list_wrap .sub_tit01 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin: 50px auto 10px;
}
#sub_renewal2021 .table_cart {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif;
}
#sub_renewal2021 .table_cart thead th {
    height: 0;
}

#sub_renewal2021 .table_cart td {
    padding: 10px 0;
}
#sub_renewal2021 .table_cart .table_price {
    font-size: 20px;
}
#sub_renewal2021 .table_cart td.pro_info {
    text-align: left;
}
#sub_renewal2021 .table_cart td.price_info {
    text-align: right;
}
#sub_renewal2021 .table_cart .option_img {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#sub_renewal2021 .table_cart .pro_info_box {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    text-align: left;
}
#sub_renewal2021 .table_cart .pro_info_box .pro_name {
    font-size: 14px;
    color: #000;
}
#sub_renewal2021 .table_cart .pro_info_box .pro_option input {
    display: inline-block;
    width: 10px;
    border: 0;
    padding: 0;
}
#sub_renewal2021 .order_container {
    width: 1200px;
}
#sub_renewal2021 .order_container .left {
    width: 800px;
}
#sub_renewal2021 .order_container .right {
    width: 340px;
    float: right;
}
.order_point_use_box {
    width: 100%;
    padding: 0;
    margin: 0;
}
#sub_renewal2021 .board_st02 {
    border-collapse: collapse;
    border-top: 2px solid #000;
    border-bottom: 1px solid #dedede;
    width: 100%;
}
#sub_renewal2021 .board_st02 th, #sub_renewal2021 .board_st02 td {
    padding: 10px 10px;
    font-size: 14px;
    text-align: left;
    color: #333;
}
#sub_renewal2021 .board_st02 td input, #sub_renewal2021 .board_st02 td select {
    height: 30px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    display: inline-block;
    color: #000;
    font-size: 14px;
}
#sub_renewal2021 .board_st02 td input.num3, #sub_renewal2021 .board_st02 td input.num4 {
    width: 100px;
}
#sub_renewal2021 .board_st02 th {
    width: 15%;
    color: #000;
}
#sub_renewal2021 .board_st02 td select {
    min-width: 100px;
}
#sub_renewal2021 .orderwrite_box {
    width: 100%;
    margin: 50px 0 0 0;
}
#sub_renewal2021 .sel_box span {
    display: inline-block;
    vertical-align: middle;
}
#sub_renewal2021 .sel_box span label, #sub_renewal2021 .sel_box span label input, #sub_renewal2021 .board_st02 td input[type="radio"], #sub_renewal2021 .board_st02 td input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
}
#sub_renewal2021 .sel_box span label {
    margin-right: 10px;
}
#sub_renewal2021 .board_st02 td input[type="radio"] {
    width: 18px;
    height: 18px;
    padding: 0;
}
#sub_renewal2021 .board_st02 td .btn_grey {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #000;
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    box-sizing: border-box;
}
#sub_renewal2021 .board_st02 td .addtxbbox {
    margin-top: 5px;
}
#sub_renewal2021 .board_st02 td .addtxbbox input {
    width: 100%;
}
#sub_renewal2021 .board_st02 td textarea {
    width: 98%;
    height: 70px;
}
.ordersum_box {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: #fff !important;
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
    padding: 0 !important;
}
.board_wrap {
    width: 100% !important;
    float: none !important;
	font-size:14px;
}
.board_table_datebox {
    background: #F5F7F8;
    padding: 15px 30px;
    height: auto;
    border: 1px solid #D6D6D6;
    font-size: 14px;
}
.board_table_datebox .pad {
    padding-left: 0;
}
.board_table_datebox .datetx {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    width: 55px;
    height: 14px;
    padding: 0 40px 0 0;
}
.board_table_datebox ul {
    display: inline-block;
    vertical-align: middle;
}
.board_table_datebox .today, .board_table_datebox .month, .board_table_datebox .month3, .board_table_datebox .month6 {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #d6d6d6;
    font-size: 14px;
    padding: 0 15px;
    margin-right:5px;
}
.board_table_datebox .inputbox1, .board_table_datebox .inputbox2 {
    width: 175px;
    height: 40px;
    border: 1px solid #d6d6d6;
    background: #fff;
    margin: 0;
}
.board_table_datebox .inputbox1 {
    margin-left: 300px !important;
}
.board_table_datebox .inputboxtx {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    width: 150px;
    border: none;
	font-size:14px; 
	padding:0 10px;
}
.board_table_datebox .ic_searchimg {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
    padding: 0;
}
.board_table_datebox .btn_primary {
    background: #427bbe;
    color: #fff !important;
    vertical-align: middle;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}
.board_table_txpad2 {
    padding: 0;
    margin: 0;
}
.board_table_txpad2 .sub_tit01 {
    display: inline-block;
    margin: 10px auto 15px;
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
.board_table_txpad2 .spad {
    float: right;
    margin-top: 15px;
}
.point_tx {
    color: #427bbe;
}
.board_table_tx {
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif;
}
.notice_table {
    width: 100%;
    border-top: solid 2px #000;
    font-weight: normal;
    font-size: 14px;
    color: #000;
}
.notice_table tr{border-bottom:1px solid #dedede;}
.notice_table td {
    padding: 15px;
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif;
   border-bottom:none;
}

.notice_table td.pro_info_box {
    text-align: left;
}
.notice_table td.pro_info_box .p_img {
    display: inline-block;
    float:left;
    vertical-align: middle;
    width: 80px;
    height: 80px;
    background: #dedede;
    margin-right: 30px;
}
.notice_table td.pro_info_box .order_info_wrap {
    display: inline-block;
    vertical-align: middle;
}
.notice_table td.pro_info_box .order_date {
    font-size: 14px;
    color: #878787;
    margin-bottom: 10px;
}
.notice_table td.pro_info_box .order_num a {
    font-size: 16px;
    color: #427bbe !important;
}
.notice_table td .order_price {
    font-size: 18px;
    font-weight: 700;
}
.notice_table td .btn_delivery {
    display: inline-block;
    ehgith: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 20px;
    border: 1px solid #000;
}
.counsel_tt1box, .board_topline {
    width: 550px;
    height: 2px;
}
.counsel_tt1box:after {
    display: block;
    content: '';
    clear: both;
}
.counsel_tt1box_1 {
    width: 150px;
    height: 40px;
    box-sizing: border-box;
    background: #F5F7F8;
    border-bottom: 0;
}
.counveiw_tt2_2, .counveiw_tt2_4, .counveiw_tt2_5 {
    width: 400px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    box-sizing: border-box;
}
.counsel_tt1box, .counsel_tt2box {
    width: 550px;
    border: 0;
    height: auto;
    border-bottom: 0;
}
.order_detailinfo_box {
    width: 550px;
    margin: 30px 0;
    display: inline-block;
    font-size: 15px;
    color: #000;
}
.counveiw_title1 {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 0 0 10px 0;
    margin: 0;
}
.order_detailinfo_box:nth-child(odd) {
    margin-left: 90px;
}
.page_detail_info_box {
    background: #F5F7F8 url('images/ico_notice01.png') no-repeat 40px 50%;
    border: 1px solid #D6D6D6;
    padding: 25px 25px 25px 120px;
    font-size: 14px;
	margin:30px auto;
}
.page_detail_info_box .tx {
    font-size: 14px;
}
.page_detail_info_box .tx.txt02 {
    color: #427bbe;
    margin-top: 10px;
}
.page_detail_info_box .txt_b {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.page_detail_info_box em {
    color: #427bbe;
}
.order_detailinfo_box .board_st01 {
    border-top: 2px solid #000;
    border-bottom: 1px solid #dedede;
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;
}
.order_detailinfo_box .board_st01 th {
    background: #F5F7F8;
    width: 30%;
    text-align: left;
}
.order_detailinfo_box .board_st01 th, .order_detailinfo_box .board_st01 td {
    padding: 15px 20px;
}
.order_detailinfo_box .board_st01 td {
    font-weight: normal;
}
.order_detailinfo_box .board_st01 td .s_txt {
    font-size: 12px;
    display: block;
    margin-top: 10px;
}
.board_wrap .page_detail_info_box .btn_grey {
    padding: 5px 12px;
    border: 1px solid #666;
    font-size: 14px;
}
.board_wrap .page_detail_info_box .btn_wrap {
    margin: 30px auto 100px;
    text-align: center;
}
.board_wrap .page_detail_info_box .btn_primary {
    display: inline-block;
    background: #427bbe;
    color: #fff !important;
    height: 55px;
    line-height: 55px;
    width: 200px;
    font-size: 16px;
}
.board_wrap #listing-container-OrderDetailList .btn_grey, .board_wrap td .btn_grey {
    padding: 5px 12px;
    border: 1px solid #666;
    font-size: 14px;
}
.board_wrap .btn_btm_wrap {
    margin: 30px auto 100px;
    text-align: center;
}
.board_wrap .btn_btm_wrap .btn_primary {
    display: inline-block;
    background: #427bbe;
    color: #fff !important;
    height: 55px;
    line-height: 55px;
    width: 200px;
    font-size: 16px;
}
.notice_table .p_img, .notice_table .pro_info_box {
    display: inline-block;
    vertical-align: middle;
}
.notice_table .p_img {
    background: #dedede;
    margin-right:20px;
}
.notice_table .p_img img {
    width: 80px;
    height: 80px
}
.notice_table .pro_info_box .order_num {
    color: #427bbe;
}
.notice_table .pro_info_box .order_price {
    font-size: 15px;
}
.notice_table .pro_info_box .order_option {
    color: #6A6A6A;
    font-size: 12px;
    margin-top: 5px;
}
.notice_table td.no_list {
    padding: 40px;
}
/*페이징 수정*/
.listing-paging {
    margin: 50px auto;
}
div.listing-paging li {
    font: 12px tahoma;
    display: inline-block;
    vertical-align: middle;
    float: none;
    padding: 0 10px;
}
div.listing-paging li.next_list {
    display: none;
}
div.listing-paging li.current a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    text-align: center;
    background: #414B58;
    border-radius: 15px;
    box-sizing: border-box;
}
div.listing-paging li.prev, div.listing-paging li.first, div.listing-paging li.next, div.listing-paging li.last {
    padding: 0;
    margin:0 5px;
}
div.listing-paging li.page a {
    margin: 0;
    padding: 0;
    font-size: 14px;
}
div.listing-paging li.first a {
    background: url("images/ico_paging_arrow02.png") no-repeat 50%;
    background-size: 15px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000;
    font-size: 0;
    line-height: 0;
    border: 1px solid #D6D6D6;
}
div.listing-paging li.prev a {
    background: url("images/ico_paging_arrow.png") no-repeat 50%;
    background-size: 8px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000px;
    font-size: 0;
    line-height: 0;
    margin-right: 10px;
    border: 1px solid #D6D6D6;
}
div.listing-paging li.prev a.active {
    background: url("images/ico_paging_arrow.png") no-repeat 50%;
    background-size: 8px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000px;
    font-size: 0;
    line-height: 0;
    margin-right: 10px;
    border: 1px solid #D6D6D6;
}
div.listing-paging li.last a {
    background: url("images/ico_paging_arrow02.png") no-repeat 50%;
    background-size: 15px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000;
    font-size: 0;
    line-height: 0;
    border: 1px solid #D6D6D6;
    transform: rotate(180deg);
}
div.listing-paging li.next a {
    background: url("images/ico_paging_arrow.png") no-repeat 50%;
    background-size: 8px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #D6D6D6;
    transform: rotate(180deg);
}
div.listing-paging li.next a.active {
    background: url("images/ico_paging_arrow.png") no-repeat 50%;
    background-size: 8px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -2000px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #D6D6D6;
    transform: rotate(180deg);
}
.ordersum_box .paytable, .table_txp {
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
    font-size: 16px !important;
}
.table_txp {
    color: #000 !important;
}
.total_price_tit {
    position: relative;
}
#sub_renewal2021 .total_price_tit .sub_tit01, #sub_renewal2021 .total_price_tit .total_price {
    color: #427bbe !important;
}
#sub_renewal2021 .total_price_tit .total_price {
    position: absolute;
    right: 0;
    top: -3px;
}
#sub_renewal2021 .total_price_tit .total_price .txt_price {
    font-size: 20px;
    font-weight: bold;
}
.ordersum_box .paytable {
    border-top: 2px solid #427bbe !important;
}
.settlement_info .pay_info_wrap {
    margin: 10px 0 0 0;
}
.settlement_info .pay_info_wrap li {
    display: block;
    float: none;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #8E8E8E;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
}
.settlement_info .pay_info_wrap li {
    display: block;
    float: none;
    padding: 15px 10px;
    background: #f5f5f5;
    border: 1px solid #8E8E8E;
    width: 100%;
    box-sizing: border-box;
}
.settlement_info .pay_info_wrap li input {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.settlement_info .pay_info_wrap li label {
    display: inline-block;
    vertical-align: middle;
}
.oil_privercy_info_wrap {
    background: #F5F7F8 !important;
}
.od_notice {
    border: none !important;
    background: #fff !important;
}
.ordersum_box .btnbox {
    width: 100% !important;
    margin: 30px auto 100px !important;
}
.btn_M {
    display: inline-block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 17px;
font-family: Noto Sans KR;
}
.btn_primary {
    background: #427bbe;
    color: #fff !important;
	box-sizing: border-box;
}
.btn_grey {
    background: #fff;
    border: 1px solid #d6d6d6;
    color: #666 !important;
    box-sizing: border-box;
}
.btn_dark {
    background: #414B58;
    color: #fff !important;
    box-sizing: border-box;
}
.oil_privercy_info_wrap {
    color: #666;
    margin-top: 0 !important;
}
.oil_privercy_info_wrap .info02, .oil_privercy_info_wrap .info {
    margin: 0 0 10px 0 !important;
    font-size: 14px !important;
}
.oil_privercy_info_wrap .tit {
    color: #666 !important;
}
.paytable .txt, .od_notice {
    font-size: 14px;
    padding: 10px 0;
}
.agreebox {}
.agreebox label, .agreebox input {
    font-size: 14px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}
.agreebox input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.customer_nt_subban{display: inline-block; vertical-align: top;  width:710px; height:auto !important; margin-top:30px !important;}
.cus_ban_wrap{font-size:0;}          
.cus_ban_wrap .item{width:50%; padding:20px 30px; border:1px solid #d6d6d6; display: inline-block; box-sizing: border-box; }
.cus_ban_wrap .item.item01{border-right:none;}
.cus_ban_wrap .item .ico{display:inline-block; vertical-align: middle; background:#f5f5f5 url('images/ico_cus_faq.png') no-repeat 50%; width:80px; height:80px; border-radius:40px; background-size:25px;}
.cus_ban_wrap .item02 .ico{background:#f5f5f5 url('images/ico_cus_ask.png') no-repeat 50%;}
.cus_ban_wrap .item .txt_wrap{display:inline-block; vertical-align: middle;  font-size:14px; margin-left:30px; }
.cus_ban_wrap .item .txt_wrap .tit{font-size:18px; font-weight:700; color:#000;}
.customer_nt_subban .nt_wrap{float:none !important; width:100%; height:300px;}
.customer_line6, .customer_txtbox{display: inline-block; float:none !important;}
.customer_txtbox .tit{position:relative; font-size:16px; font-weight: 700; color:#000;}
.customer_line6{margin:0 !important;}
.noticebox .txt1,.noticebox .txt2,.noticebox .txt3{display: inline-block; vertical-align: middle; float:none !important;}
.noticebox .txt1{background:#DBE6EB; border-radius:20px;  color:#000 !important; margin-right:20px; font-weight: normal !important; font-size:14px !important; padding:5px 10px }
.noticebox .txt2{font-size:14px !important; width:480px !important; color:#000 !important; }
.noticebox .txtboxpad{height:auto !important; padding-top:15px !important;}
.noticebox .txt3{font-size:14px !important;}
.cus_wrap_right{display:inline-block; width:400px;  border:1px solid #d6d6d6; margin:30px 0 100px 0px; float:right;}
.cus_wrap_right .cus_info .top_tit{display:block;font-size:20px; font-weight:700; color:#000;
text-align:center; background:url('images/ico_cus.png') no-repeat 50% 30px; padding: 90px 0 30px 0;}
.cus_wrap_right .cus_info .cus_telinfo{display:block; font-size:0;}
.cus_wrap_right .cus_info .cus_telinfo .tel{display:inline-block; width:50%; font-size:14px; text-align:center;}
.cus_wrap_right .cus_info .cus_telinfo .tel .tit{color:#fff; font-size:14px; height:40px; line-height:40px;}
.cus_wrap_right .cus_info .cus_telinfo .tel01 .tit{background:#606477;}
.cus_wrap_right .cus_info .cus_telinfo .tel02 .tit{background:#4B978C;}
.cus_wrap_right .cus_info .cus_telinfo  .txt_tel{font-size:20px;  font-family: 'Gmarket Sans';  color:#000; padding:20px 0; font-weight:700; }
.customer_txtbox{margin-top:30px;}
.noticebox{border-top:2px solid #000; width:100% !important; box-sizing: border-box;}
.customer_txtbox .tit{position:relative;}
.customer_txtbox .tit .btn_more{position:absolute; right:0; top:5px; border:1px solid #d6d6d6; padding:8px 12px; }
.cus_wrap_right .cus_time{display:block; border-top:1px solid #d6d6d6; padding:30px;}
.cus_wrap_right .cus_time .ico{display: inline-block; vertical-align: middle;width:100px; height:100px;  border-radius:50%; background:#f5f5f5 url('images/ico_cus_clock.png') no-repeat 50%; background-size:40px;}
.cus_wrap_right .cus_time .info_box{display: inline-block; vertical-align: middle; padding-left:30px;}
.cus_wrap_right .cus_time .info_box .tit{font-size:14px; font-weight:700; color:#000;}
.cus_wrap_right .cus_time .info_box .txt_time{font-size:16px; font-weight:700;}
.faq_wrap .open .tit{font-size:16px; color:#000; margin-left:20px;}
.faq_wrap .open .tit:hover{text-decoration: underline;}
.faq_wrap .open {
    border-bottom: dotted 1px #d6d6d6;
    border-top: 0;
    padding: 15px 0 15px 15px;
}
.faq_wrap .text_wrap{  line-height:20px; color:#666; background:#f5f5f5;}
.board_table_searchbox{ position:relative; background:#F5F7F8; border:1px solid #D6D6D6; padding:20px; height:auto !important; box-sizing: border-box;}
.board_table_searchbox select, .board_table_searchbox input{height:40px !important;}
.cus_tab_wrap{display:block; font-size:0;}
.cus_tab_wrap .cus_tab{display:inline-block; width:33%; height:50px; line-height:50px; background:#F5F7F8; border:1px solid #D6D6D6; 
text-align:center; font-size:16px; box-sizing: border-box;}
.cus_tab_wrap .cus_tab + .cus_tab{border-left:none;}
.cus_tab_wrap .cus_tab.on{background:#414B58; color:#fff !important; width:34%;}
.board_table_searchbox .pad:after{display:block; clear:both; content:'';}
.board_table_searchbox .searchlist, .board_table_searchbox .searchbox2, .board_table_searchbox .searchbtn{height:auto; margin-top:0; display:inline-block; vertical-align: middle;  padding:0;}
.board_table_searchbox .btn_primary{display:inline-block; vertical-align: middle; height:40px; line-height:40px;  width:100px; text-align:center; font-size:14px;}
.board_table_searchbox .btn_grey{position:absolute; right:20px; top:20px; background:#fff; text-align:center; height:40px; line-height:40px; padding:0 15px;}
.board_table_searchbox .pad ul,
.board_table_searchbox .datetx{font-size:16px; display:inline-block; vertical-align: middle; float:none; padding:0; margin:0; height:auto;}
.faq_wrap .ico_q{margin-top:7px;}
.faq_wrap .ico_view{float:right; margin:7px 15px 0 0; opacity: 0.5;}
.board_table_datebox .searchlist, .board_table_datebox .searchbox, .board_table_datebox .searchbtn{display: inline-block;}
.board_table_datebox select,.board_table_datebox input{height:40px; line-height:40px; border:1px solid #d6d6d6;}
.board_table_datebox .pad02{margin-top:10px;}
.board_table_datebox .searchbox,.board_table_datebox .searchbox input {width:740px;}
.board_table_datebox .searchlist, .board_table_datebox .searchlist select{width:200px;}
.notice_table th{height:40px;}
.notice_table .txleft a:hover{text-decoration: underline;}
.board_titline, .board_dateline{height:40px; font-size:16px; line-height:40px; padding:0;}
.board_datetx1,
.board_datetx2,
.board_datetx3,
.board_datetx4,
.board_datetx5,
.board_datetx5,
.board_datetx7{padding-top:0;}
.viewbtn_box{width:auto;   margin-bottom:100px;}
.viewbtn_box li{display: block; text-align: center;}
.viewbtn_box:after{display: block; clear:both; content:'';}
table.form-table{width:100%; border-top:2px solid #000 !important;}
table.form-table tbody tr th,table.form-table tbody tr td{padding:15px !important; font-size:14px;}
table.form-table tbody tr td input,table.form-table tbody tr td textarea{height:30px; border:1px solid #d6d6d6;}
.agree_chk_wrap{margin:30px 0; font-size:14px;}
.counsel_btn{display: block; width:auto; text-align: center; margin-bottom:100px;}
.board_table_txpad2{margin:30px auto 10px;}
.board_table_txpad2 .btn_grey{ height:35px; line-height:35px; padding:0 15px;}
.board_table_txpad2 .spad{margin-top:5px;}

/*주문완료*/
.list_wrap, .table_bbox1{width:1200px !important;}
.pay_btn_box, .pay_btn_box2{width:auto !important; margin-bottom:100px !important; text-align: center;}
.table_cart th, .table_order3 th {
    font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;
    font-size: 14px !important;
	height:40px !important;
}
.table_cart td{ font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;}
.paytx_box{text-align:center; margin:50px auto !important;}
.paytx_box .tit{font-size:30px; font-weight: 700; color:#000; }
.paytx_box .box{float:none !important; padding-left:0 !important;}

.orderwrite_table1{border-top:2px solid #000;}
.orderwrite_table1 th,.orderwrite_table1 td{ font-family: -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, 'Noto Sans KR', 'Gmarket Sans', sans-serif !important;}
.orderwrite_table1 td input[type="text"], .orderwrite_table1 select{height:30px; padding:0 10px; font-size:12px;}
.orderwrite_table1 th{border-bottom:1px solid #d6d6d6; background:#f5f5f5; width:20%; padding:5px 15px; font-size:14px;}
.orderwrite_table1 td textarea{width:100% !important;}
.orderwrite_table1 td .btn_grey{display: inline-block; vertical-align: middle;  height:30px; line-height:30px; border:1px solid #000; padding:0 12px;}
.orderwrite_table1 td li{display: inline-block; float:none !important; vertical-align: middle;}
.send_phonbox .num3, .send_phonbox .num4{width:100px !important;}
.sub_tit01{position:relative;}
.sub_tit01 .btn_grey{position:absolute; right:0; top:-5px; font-size:12px; padding:5px 12px; font-weight: normal;}
.orderwrite_table1 .recipient3 {width:100% !important;}
.orderwrite_table1 .recipient,.orderwrite_table1 .recipientli, .orderwrite_table1 .recipientli2, .orderwrite_table1 .recipient2{width:300px !important;}
.send_phonbox .num2{width:77px !important;}
.orderwrite_table1 .addn{width:94px !important; }
.orderwrite_table1 .adddefault label, .orderwrite_table1 .adddefault input{display: inline-block;  vertical-align: middle;}
.ordersum_box .paytable{margin-top:33px;}
.ordersum_box .paytable .point{padding:15px 12px !important;}
.table_txb{font-weight: normal !important;}
.ordersum_box .paytable #SettlementPrice{font-size:22px !important; font-weight: 700 !important;}
.customer_line6{background:none !important;}

.memsale_topimg {
    width: 100%;
    height: 300px;
    text-align: center;
    background: #272727 url("img/specialPrice/memsale_topimg.jpg") top center;
}
.memsale_banlist {
    display: block;
    padding: 70px 0 20px;
    background: #f5f5f5;
}
.memsale_banlist .ban_wrap {
    width: 1200px;
    margin: auto;
    font-size: 0;
}
.memsale_banlist .ban_wrap .item {
    display: inline-block;
    margin: 0 30px 50px 0;
    width: 380px;
}
.memsale_banlist .ban_wrap .item:nth-child(3n) {
    margin-right: 0;
}
.memsale_banlist .ban_wrap .item .ban_img, .memsale_banlist .ban_wrap .item .ban_img img {
    width: 100%;
}
.memsale_banlist .ban_wrap .txt_wrap {
    margin-top: 10px;
}
.memsale_banlist .ban_wrap .txt_wrap .tit {
    font-size: 20px;
    font-weight: 700;
}
.memsale_banlist .ban_wrap .txt_wrap .txt {
    color: #666;
    font-size: 16px;
}
.memsale_catelist {
    display: block;
    margin: 70px auto;
    text-align: center;
     width: 1200px;
}
.memsale_catelist .round_cate {
    display: inline-block;
    text-align: center;
    border: 1px solid #ACACAC;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    padding: 0 20px;
    color: #8B8B8B;
    font-size: 16px;
    text-decoration: none;
    margin: 0 10px;
}
.memsale_catelist .round_cate.on {
    background: #000;
    color: #fff !important;
    font-weight: 700;
}
.memsale_prolist_tit {
    position: relative;
    width: 1200px;
    margin: 0 auto 30px;
    border-bottom: 2px solid #000;
    height: 50px;
    line-height: 50px;
}
.memsale_prolist_tit .txt {
    font-size: 20px;
    color: #000;
    font-weight: 700;
}
.memsale_prolist_tit .btn_top {
    position: absolute;
    width: 46px;
    height: 20px;
    right: 0;
    top: 15px;
    background: url("img/specialPrice/list_btn_top.png")no-repeat;
 
}
#renew2021 .lineban{margin:50px auto;}