@charset "utf-8";
/*
 * 파일명	 : common.css
 * 작성자	 : 김성해
 * 작성일	 : 2014.06.18
 */

/* header 부분이 없을시 */
.noheader {
    padding-top: 0
}

/* main - 컨텐츠 영역 - main plan */
.main_plan {}

.main_plan .plan_tit {
    font-size: 15px;
    font-weight: normal;
    background: #ebebeb;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #fff;
    position: relative;
    border-top: 1px solid #cdcdcd;
}

.main_plan .plan_tit em {
    position: absolute;
    right: 10px;
    top: 19px;
    display: inline-block;
    width: 19px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -110px -220px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.main_plan .plan_tit.active em {
    background-position: -110px -210px;
}

.main_plan .plan_tit span {
    color: #e51937;
}

.main_plan .plan_list {
    background: #fff;
    display: none;
}

.main_plan .plan_list h3 {
    font-size: 13px;
    color: #565656;
    font-weight: normal;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #cdcdcd;
}

.main_plan .plan_list ul {
    overflow: hidden;
}

.main_plan .plan_list ul li {
    float: left;
    width: 50%;
}

.main_plan .plan_list ul li a {
    display: block;
    font-size: 11px;
    color: #565656;
    font-weight: normal;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main_plan .plan_list ul li:nth-child(even) a {
    border-right: none;
}

.plan_list .event_select {
    padding: 10px;
}

.plan_ad li {
    margin-top: 10px;
}

.plan_ad li img {
    width: 100%
}

.plan_detail {
    font-size: 0;
}

.plan_detail img {
    display: block;
    width: 100%;
}

/* 2024-10-07 이미지라인 생기는 현상 수정*/

/* blt_type */
.t_blt_01 {
    color: #898989;
    font-size: 12px;
    margin: 10px 0 0 0;
    padding: 0 10px 10px 18px;
    position: relative
}

.t_blt_01:after {
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    background: #cdcdcd;
    border-radius: 50%;
    top: 5px;
    left: 10px
}

.t_blt_01.line {
    border-bottom: 2px solid #ddd
}

/* category 중 소 */
.cate_samall {}

.cate_samall .list_select {
    border-top: 1px solid #ddd;
    padding-bottom: 5px;
}

.cate_samall .list_total {}

.cate_samall {
    background: #fff
}

.cate_samall h1 {
    height: 45px;
    line-height: 45px;
    position: relative;
    font-size: 18px;
    color: #000;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/common/line_cate.png) 0 0 repeat-x;
    background-size: 1px 44px;
    border-bottom: 1px solid #ccc;
}

.cate_samall h1 a {
    position: absolute;
    left: 6px;
    top: 3px;
    width: 40px;
    height: 40px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -40px 0;
    overflow: hidden;
    text-indent: -1000px
}

.cate_samall h2 {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    color: #000;
    padding-left: 10px;
    font-weight: normal;
}

.cate_samall .cate_list {}

.cate_samall .cate_list ul {}

.cate_samall .cate_list ul li {}

.cate_samall .cate_list ul li a {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    display: block;
    padding-left: 10px;
    color: #666;
    position: relative;
}

.cate_samall .cate_list p {
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #8e8e8e;
    color: #fff;
}

.cate_samall .cate_list p em {
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.cate_samall .cate_list p.active em {
    background-position: -90px -220px;
}

.brand_lsit_wrap .list_total {
    font-size: 15px;
    color: #565656;
}

.brand_lsit_wrap .list_total strong {
    color: #000;
}

.cate_samall .cate_list ul li a em {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 6px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -140px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.cate_samall .cate_list.brand_list li {
    display: block;
}

.cate_samall .cate_list.brand_list li a {
    border-bottom: 1px solid #eee;
}

.cate_samall .cate_list.brand_list li:last-child a {
    border-bottom: none;
}

.cate_samall .pro_list {
    background: #f8f8f8;
}

.cate_samall .pro_list .list_top {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 7px;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

.cate_samall .pro_list .list_top p {
    float: left;
    padding-left: 10px;
}

.cate_samall .pro_list .list_top p:last-child {
    float: right;
    padding-right: 10px;
}

.cate_samall .pro_list .list_top p select {
    min-width: 110px;
    -webkit-appearance: none;
    height: 32px;
    overflow: hidden;
    padding-right: 25px;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
}

.cate_samall .pro_list .list_top p .btn_list {
    display: inline-block;
    width: 29px;
    height: 28px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -140px 0;
    overflow: hidden;
    text-indent: -1000px
}

.cate_samall .pro_list .list_top p .btn_img {
    display: inline-block;
    width: 29px;
    height: 28px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: right 0;
    overflow: hidden;
    text-indent: -1000px
}

.cate_samall .pro_list .list_top p .on_list {
    background-position: -140px -30px;
}

.cate_samall .pro_list .list_top p .on_img {
    background-position: right -30px;
}

.cate_samall .pro_list .pro_num {
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px
}

.cate_samall .pro_list .pro_num span {
    color: #e51937;
}

.cate_samall .pro_list .list {
    overflow: hidden;
    padding: 0 6px
}

.cate_samall .pro_list .list li {
    float: left;
    width: 50%;
    margin-bottom: 10px;
}

.cate_samall .pro_list .list li a {
    display: block;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    width: 146px;
    margin: 0 auto;
    min-height: 240px
}

.cate_samall .pro_list .list li a img {
    width: 146px;
}

.cate_samall .pro_list .list li a span {
    display: block
}

.cate_samall .pro_list .list li a .tit {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 6px 0;
}

.cate_samall .pro_list .list li a .sale {
    text-decoration: line-through;
    font-size: 11px;
}

.cate_samall .pro_list .list li a .price {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
}

.cate_samall .pro_list .list li a .price em {
    font-size: 12px
}

.cate_tab {
    overflow: hidden;
    text-align: center;
    font-size: 15px
}

.cate_tab li {
    float: left;
    width: 50%;
    border-bottom: 3px solid #000;
    padding: 9px 0;
}

.cate_tab li a {
    display: block;
    height: 23px;
    line-height: 23px;
}

.cate_tab li.active {
    border-bottom: 3px solid #e51937;
}

.cate_tab li.active a {
    color: #e51937;
}

.cate_medium {}

.cate_medium .list_select {
    border-top: none;
}

.goodsUnitList .goodsInfo.type02 .priceArea .price em {
    letter-spacing: -1px;
}


/* 카테고리 소 리스트 */
.cate_plan {
    background: #fff;
    position: relative;
    padding-bottom: 5px;
    margin-top: 45px;
    border-bottom: 5px solid #eee;
    height: 173px;
}

.cate_plan .ad_img {}

.cate_plan .ad_img ul li ul {
    overflow: hidden;
    padding: 0 10px
}

.cate_plan .ad_img ul li ul li {
    width: 33%;
    float: left;
}

.cate_plan .ad_img ul li ul li:nth-child(2) {
    width: 34%;
}

.cate_plan .ad_img ul li ul li a {
    display: block;
    width: 90px;
    margin: 0 auto;
}

.cate_plan .ad_img ul li ul li img {
    width: 90px;
    height: 90px;
}

.cate_plan .ad_img ul li ul li span {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    color: #565656;
}

.cate_plan .ad_img ul li ul li strong {
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.cate_plan .ad_img ul li ul li del {
    color: #666;
    font-size: 12px
}

.cate_plan .ad_img ul li ul li .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 11px;
}

.cate_plan .arrow .prev a,
.cate_plan .arrow .next a {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 33px;
    height: 53px;
    margin-top: -45px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.cate_plan .arrow .next a {
    left: auto;
    right: 0;
    background-position: -35px -30px;
}

.cate_plan .page_nav {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: -25px;
}

.cate_plan .page_nav a {
    float: left;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -1000px;
    background: #b9b9b9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.cate_plan .page_nav a:last-child {
    margin-right: 0;
}

.cate_plan .page_nav .active {
    background: #dd1032;
}

/*상품평 점수 2015-01-30*/
.com_point em {
    display: inline-block;
    width: 26px;
    height: 32px;
    margin-right: 1px;
    overflow: hidden;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/comment_point.png);
    background-size: 600px 32px;
    text-indent: -1000px;
}

.cpoint1 {
    background-position: 0 0;
}

.cpoint2 {
    background-position: -60px 0;
}

.cpoint3 {
    background-position: -120px 0;
}

.cpoint4 {
    background-position: -180px 0;
}

.cpoint5 {
    background-position: -240px 0;
}

.cpoint6 {
    background-position: -300px 0;
}

.cpoint7 {
    background-position: -360px 0;
}

.cpoint8 {
    background-position: -420px 0;
}

.cpoint9 {
    background-position: -480px 0;
}

.cpoint0 {
    background-position: -540px 0;
}

/* popup */
.sns_wrap .ico_sns {
    padding: 20px 0;
    overflow: hidden;
}

.sns_wrap .ico_sns li {
    float: left;
    width: 20%;
}

.sns_wrap .ico_sns li a {
    display: block;
    margin-right: 5px;
}

.sns_wrap .ico_sns img {
    width: 100%
}

.sns_wrap .copy_text {
    font-size: 12px;
    background: #f9f8f9;
    padding: 10px;
    border-radius: 3px;
    margin-top: 10px;
}

.sns_wrap .copy_text span {
    display: block;
    color: #dd1032;
    padding-top: 5px;
}

.sns_wrap .sms_url {
    border-top: 1px solid #c5c5c5;
    padding-top: 15px;
}

/* 상품 게시판 - 상품 노출 수 */
.list_total {
    padding: 10px;
    font-size: 15px;
    color: #666;
}

.list_total span {
    color: #e51937;
}

.list_total strong {
    color: #000;
}

/* 상품 게시판 - 이미지형 리스트형 셀렉트 */
.list_select {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 7px;
    border-top: 2px solid #565656;
    background: #fff;
}

.list_select p {
    float: left;
    padding-left: 10px;
}

.list_select .tit {
    padding-top: 7px;
    font-size: 15px
}

.list_select p:last-child {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.list_select p select {
    overflow: hidden;
    position: relative;
    width: 145px;
    -webkit-appearance: none;
    height: 30px;
    padding-right: 18px;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat center right;
    background-size: 22px auto;
    -webkit-background-size: 22px auto;
    vertical-align: middle;
}

.list_select p .btn_list,
.list_select p .btn_img {
    display: inline-block;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.list_select p .btn_list {
    width: 18px;
    height: 16px;
    margin-right: 5px;
    background-position: 0 -210px;
}

.list_select p .btn_img {
    margin-right: 5px;
    width: 17px;
    height: 17px;
    background-position: -40px -210px;
}

.list_select p .btn_list.on {
    background-position: -20px -210px;
}

.list_select p .btn_img.on {
    background-position: -60px -210px;
}

.comment_ui {
    padding-top: 40px;
    letter-spacing: -0.5px;
}

.comment_ui .banner_img>a {
    display: block;
    text-align: center;
}

.comment_ui .banner_img img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.comment_ui .list_select {
    padding: 10px;
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.comment_ui .list_select p {
    padding: 0;
}

.comment_ui .list_select p.prt_sel {
    width: 64%;
}

.comment_ui .list_select p.sort_sel {
    width: 35%;
}

.comment_ui .list_select p select {
    width: 100%;
    letter-spacing: -0.5px;
}

.comment_ui .list_select.fixed {
    position: fixed !important;
    top: 85px;
    z-index: 100;
    width: 100%;
    box-sizing: border-box;
}

.comment_ui .list_select.ver2+.prdList {
    margin-top: 51px;
}

.comment_ui .prdList {
    padding-bottom: 10px;
    border-top: none;
    background: #e8e8e8;
}

.comment_ui .prdList li {
    margin-bottom: 10px;
    border-bottom: 1px solid #bbb;
    background: #fff;
}

.comment_ui .prdList li:last-child {
    margin-bottom: 0;
}

.comment_ui .goodsUnitList {
    min-height: 75px;
    margin-bottom: 0;
    padding: 15px 10px 12px 95px;
}

.comment_ui .goodsUnitList .imgArea .img {
    width: 75px;
    height: 75px;
}

.comment_ui .goodsUnitList .goodsInfo .prtArea .name {
    display: block;
    margin-bottom: 3px;
    font-size: 16px;
    color: #000;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.comment_ui .goodsUnitList .goodsInfo .priceArea .price .goodsPrice {
    line-height: 1;
}

.comment_ui .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .tit {
    width: auto;
    margin-right: 5px;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.5px;
    line-height: 18px;
}

.comment_ui .goodsUnitList .goodsInfo .priceArea .price .goodsPrice em {
    font-size: 17px;
    line-height: 21px;
    vertical-align: -1px;
}

.comment_ui .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {
    font-size: 13px;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea {
    margin-top: 5px;
    letter-spacing: -0.5px;
    line-height: 1;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea>p {
    display: inline-block;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea .score {
    font-size: 15px;
    color: #000;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea .score .num {
    font-weight: bold;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea .size {
    font-size: 14px;
    color: #666;
}

.comment_ui .goodsUnitList .goodsInfo .rateArea .size:before {
    display: inline-block;
    content: '|';
    width: 1px;
    margin: 0 10px 0 7px;
    color: #ccc;
}

.comment_ui .commentInfo {
    padding: 12px;
    margin: 0 10px 15px;
    background: #f4f4f4;
}

.comment_ui .commentInfo .writerInfo em,
.comment_ui .commentInfo .writerInfo span {
    display: inline-block;
    line-height: 21px;
    font-size: 12px;
    color: #888;
    vertical-align: middle;
}

.comment_ui .commentInfo .writerInfo em {
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction_v2.png) no-repeat;
    background-size: 231px 127px;
}

.comment_ui .commentInfo .writerInfo em .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em
}

.comment_ui .commentInfo .writerInfo .best {
    width: 45px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -210px;
    background-size: 300px auto;
    background-position: -240px -100px;
}

.comment_ui .commentInfo .writerInfo .verywell {
    width: 52px;
    background-position: 0 -69px;
}

.comment_ui .commentInfo .writerInfo .well {
    width: 35px;
    background-position: -61px -69px
}

.comment_ui .commentInfo .writerInfo .normal {
    width: 35px;
    background-position: -105px -69px
}

.comment_ui .commentInfo .writerInfo .dissatisfaction {
    width: 43px;
    background-position: -149px -69px
}

.comment_ui .commentInfo .writerInfo .date {
    position: static;
    margin: 0 0 0 2px;
    padding: 0
}

.comment_ui .commentInfo .writerInfo .date:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 11px;
    margin: -2px 5px 0 0;
    background: #ccc;
    font-size: 0;
    line-height: 0;
    vertical-align: middle
}

.comment_ui .commentInfo .comment {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    line-height: 18px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sc_fixed {
    position: fixed !important;
    top: 45px;
    z-index: 100;
    width: 100%;
    padding: 0 !important;
}

.app_setup+.headerNew+main .contents>.sc_fixed {
    top: 90px;
}

.app_setup+.headerNew+main .contents>.comment_ui .list_select.fixed {
    top: 130px;
}

/* 상품 게시판 - 리스트형 게시판 */
.product_list {
    background: #fff;
    border: 1px solid #999;
    margin: 5px;
}

.product_list.full {
    margin: 0;
    border: none;
    border-top: 1px solid #cdcdcd;
}

.product_list li {
    padding: 15px 0;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
}

.product_list li:last-child {
    border-bottom: none;
}

.product_list li .product {
    position: relative;
    padding-left: 110px;
    min-height: 90px;
    padding-right: 10px;
}

.product_list li .product .text {
    font-size: 16px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    margin-bottom: 3px;
}

.product_list li .product .text span {
    color: #F00;
}

/*2015-03-09 검색어 글씨 색 추가*/
.product_list li .product .img {
    position: absolute;
    left: 10px;
    top: 0;
}

.product_list li .product .img img {
    width: 90px
}

.product_list li .product .img .flag_tv {
    position: absolute;
    left: 0;
    top: 0;
    background: #db0c68;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
}

.product_list li .product .img .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -17px;
    display: inline-block;
    width: 34px;
    height: 34px;
    background-position: -225px 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li .product .benefit {
    font-size: 12px;
    padding-top: 5px;
    color: #666;
    position: relative;
}

.product_list li .product .benefit span:first-child {
    margin-left: 0 !important;
}

.product_list li .product .benefit .save {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
}

.product_list li .product .benefit .noint {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-right: 3px;
}

.product_list li .product .benefit .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
}

.product_list li .product .benefit .delivery {
    border: 1px solid #19bfbf;
    padding: 0 1px;
    color: #19bfbf;
    font-size: 12px;
}

.product_list li .product .benefit .soldout {
    border: 1px solid #e51937;
    background: #e51937;
    padding: 0 1px;
    color: #fff;
    font-size: 12px;
}

.product_list li .product .benefit .comment {
    position: absolute;
    right: 0;
}

.product_list li .product .benefit strong {
    font-weight: normal;
}

.product_list li .product .price {
    font-size: 12px;
    margin-top: 10px;
    position: relative;
    min-height: 58px;
}

/* @@@ 2015-06-02 수정*/
.product_list li .product .price.travel .sale2 {
    padding-top: 14px;
}

.product_list li .product .price .sale2 .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 10px;
    margin-bottom: 3px;
    display: none;
}

.product_list li .product .price .sale2 strong em {
    font-size: 11px;
    font-weight: normal;
}

.product_list li .product .price .sale_small {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png);
    background-size: 500px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li .product .price .sale2 {
    display: inline-block;
}

.product_list li .product .price .sale2:nth-child(2) {
    display: inline-block;
    padding-left: 37px;
}

.product_list li .product .price .sale2 del {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 10px;
    color: #666;
    vertical-align: middle;
}

.product_list li .product .price .sale2 strong {
    font-size: 18px;
    line-height: 16px;
}

.product_list li .product .price .sale {
    display: inline-block;
    color: #e51937;
    width: 29px;
    height: 27px;
    font-size: 17px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #e51937;
    border-radius: 18px;
    padding-top: 2px;
}

.product_list li .product .price .sale3 {
    display: inline-block;
    padding-left: 40px;
}

/*@@@ 2015-02-06 수정*/
.product_list li .product .price .sale3 .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 10px;
    margin-bottom: 3px;
    display: none;
}

.product_list li .product .price .sale3 strong em {
    font-size: 11px;
    font-weight: normal;
}

.product_list li .product .price .sale_small {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png);
    background-size: 500px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li .product .price .sale3:nth-child(2) {
    display: inline-block;
    padding-left: 37px;
}

.product_list li .product .price .sale3 del {
    text-decoration: none;
    font-size: 12px;
    line-height: 10px;
    color: #666;
}

/*@@@ 2015-06-02 수정*/
.product_list li .product .price .sale3 del.origin5 {
    text-decoration: line-through;
}

/*2015-07-01 추가*/
.product_list li .product .price .sale3 strong {
    font-size: 18px;
    line-height: 16px;
    margin-left: 5px
}

.product_list li .product .price .Msale2 {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 36px;
    height: 27px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale4.png);
    background-size: 750px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.product_list2 {
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.product_list2 .price {
    position: relative;
    padding-left: 60px;
    min-height: 45px;
    padding-right: 10px;
}

.product_list2 .price .Msale {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 50px;
    height: 38px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale3.png);
    background-size: 750px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px;
}

.product_list2 .price .price_sale_wrap {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.product_list2 .price .price_tv {
    padding-top: 3px;
    font-size: 0.857em;
    color: #666;
    position: relative;
}

.product_list2 .price .price_tv strong {
    font-size: 1.167em;
    vertical-align: -1px;
    padding-right: 3px;
    color: #000;
    font-weight: normal;
}

/*@@@ 2015-06-02 수정*/
.product_list2 .price .price_tv strong.origin4 {
    text-decoration: line-through;
}

/*2015-07-01 추가*/
.product_list2 .price .price_sale_wrap .mb_sale {
    font-size: 0.929em;
}

.product_list2 .price .price_sale_wrap .mb_sale span {
    font-size: 1.538em;
    font-weight: bold;
}

.product_list li .product .price .sale {
    display: inline-block;
    color: #e51937;
    width: 29px;
    height: 27px;
    font-size: 17px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #e51937;
    border-radius: 18px;
    padding-top: 2px;
}

.product_list li .product .price .sale em {
    display: block;
    font-size: 9px;
    line-height: 9px
}

.product_list li .product .price .right_away {
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #e51937;
    font-size: 13px
}

.product_list li .product .price .right_away em {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    vertical-align: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -230px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li .product .price .pd_ready {
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #999 !important;
    font-size: 12px !important
}

.product_list li .product .price .tv_arimi {
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #db0c68;
    font-size: 12px
}

.product_list li .product .price .tv_arimi em {
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -250px -60px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li .product .price .tv_arimi.on em {
    background-position: -250px -70px
}

.product_list li.img_s60 .product {
    padding-left: 80px;
}

.product_list li.img_s60 .product .img img {
    width: 60px
}

.product_list li.img_s60 .product .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: -265px 0;
}

.product_list li.tv_dey_wrap {
    padding-bottom: 0 !important;
}

.product_list li.tv_dey_wrap .tv_dey {
    font-size: 12px;
    color: #898989;
    text-align: center;
    background: #f4f4f4;
    height: 25px;
    line-height: 25px;
}

.product_list.best li .product .img .flag_best {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-position: 0px -50px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_best.png);
    background-repeat: no-repeat;
    background-size: 500px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.product_list.best li:nth-child(1) .product .img .flag_best {
    background-position: 0 -50px;
}

.product_list.best li:nth-child(2) .product .img .flag_best {
    background-position: -50px -50px;
}

.product_list.best li:nth-child(3) .product .img .flag_best {
    background-position: -100px -50px;
}

.product_list.best li:nth-child(4) .product .img .flag_best {
    background-position: -150px -50px;
}

.product_list.best li:nth-child(5) .product .img .flag_best {
    background-position: -200px -50px;
}

.product_list.best li:nth-child(6) .product .img .flag_best {
    background-position: -250px -50px;
}

.product_list.best li:nth-child(7) .product .img .flag_best {
    background-position: -300px -50px;
}

.product_list.best li:nth-child(8) .product .img .flag_best {
    background-position: -350px -50px;
}

.product_list.best li:nth-child(9) .product .img .flag_best {
    background-position: -400px -50px;
}

.product_list.best li:nth-child(10) .product .img .flag_best {
    background-position: -450px -50px;
}

.product_list .pd_null {
    text-align: center;
}


/*기존상품가 노출 추가 2015-06-02*/
.product_list2 .price .price_tv .origin {
    font-size: 1.0em;
    color: #898989;
    font-weight: normal;
}

.product_list2 .price .price_tv .origin span {
    text-decoration: line-through;
}

.product_list li .product .price .sale3 .origin {
    font-size: 0.9em;
    color: #898989;
    font-weight: normal;
}

.product_list li .product .price .sale3 .origin span {
    text-decoration: line-through;
}

/*@@@ 2015-06-30 기존상품노출가 추가*/
.product_list li .product .price .sale3.pl0 {
    padding-left: 0;
}

/* 상품 게시판 - 이미지형 게시판 */
.product_img {
    overflow: hidden;
    padding: 0 0 10px;
    border-top: 1px solid #ddd;
}

.product_img.bdtn {
    border-top: none !important;
    margin-top: 10px;
}

.product_img li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #ddd;
}

.product_img li .product {
    width: 145px;
    margin: 0 auto;
    padding: 10px 0;
}

.product_img li .product .img {
    position: relative;
}

.product_img li .product .img img {
    width: 145px;
    height: 145px;
}

.product_img li .product .img .flag_tv {
    position: absolute;
    left: 0;
    top: 0;
    background: #db0c68;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
}

.product_img li .product .img .flag {
    position: absolute;
    top: 0;
    left: 0
}

.product_img li .product .img .flag em.cateBest {
    display: block;
    width: 35px;
    height: 35px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_cateBest.png);
    background-repeat: no-repeat;
    background-size: 500px 500px;
    overflow: hidden;
    text-indent: -1000px;
    font-size: 0
}

.product_img li .product .text {
    font-size: 16px;
    display: block;
    width: 145px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    margin-bottom: 5px;
    padding-top: 2px;
}

.product_img li .product .benefit {
    font-size: 12px;
    color: #666;
    position: relative;
}

.product_img li .product .benefit span:first-child {
    margin-left: 0 !important;
}

.product_img li .product .benefit .save {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
    display: none;
}

.product_img li .product .benefit .noint {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
    display: none;
}

.product_img li .product .benefit .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    display: none;
}

.product_img li .product .benefit .delivery {
    border: 1px solid #19bfbf;
    padding: 0 1px;
    color: #19bfbf;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
    display: none;
}

.product_img li .product .benefit .soldout {
    border: 1px solid #e51937;
    background: #e51937;
    height: 16px;
    padding: 0 1px;
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
    position: absolute;
    right: 0;
    bottom: -19px;
}

/*@@@ 2015-06-10 수정*/
.product_img li .product .benefit .comment {
    position: absolute;
    right: 0;
    display: none;
}

.product_img li .product .benefit strong {
    font-weight: normal;
    display: none;
}

.product_img li .product .price {
    font-size: 12px;
    margin-top: 5px;
    position: relative;
    min-height: 40px;
}

.product_img li .product .price .sale_small {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png);
    background-size: 500px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.product_img li .product .price .sale2 {
    display: inline-block;
}

.product_img li .product .price .sale2 .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-bottom: 2px;
    display: inline-block;
}

.product_img li .product .price .sale2:nth-child(2) {
    display: inline-block;
    padding-left: 37px;
}

.product_img li .product .price .sale2 del {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 10px;
    color: #666
}

.product_img li .product .price .sale2 strong {
    font-size: 17px;
    line-height: 16px;
    display: block;
}

.product_img li .product .price .sale {
    display: inline-block;
    color: #e51937;
    width: 29px;
    height: 27px;
    font-size: 17px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #e51937;
    border-radius: 18px;
    padding-top: 2px;
}

.product_img li .product .price .sale em {
    display: block;
    font-size: 9px;
    line-height: 9px
}

.product_img li .product .price .right_away {
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #e51937;
    font-size: 12px;
    display: none;
}

.product_img li .product .price .right_away em {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -230px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.product_img li .product .price .tv_arimi {
    position: absolute;
    right: 0;
    bottom: 2px;
    color: #565656;
    font-size: 12px;
    display: none;
}

.product_img.best li .product .img .flag_best {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background-position: 0px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_best.png);
    background-repeat: no-repeat;
    background-size: 500px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.product_img.best li:nth-child(1) .product .img .flag_best {
    background-position: 0 0;
}

.product_img.best li:nth-child(2) .product .img .flag_best {
    background-position: -50px 0;
}

.product_img.best li:nth-child(3) .product .img .flag_best {
    background-position: -100px 0;
}

.product_img.best li:nth-child(4) .product .img .flag_best {
    background-position: -150px 0;
}

.product_img.best li:nth-child(5) .product .img .flag_best {
    background-position: -200px 0;
}

.product_img.best li:nth-child(6) .product .img .flag_best {
    background-position: -250px 0;
}

.product_img.best li:nth-child(7) .product .img .flag_best {
    background-position: -300px 0;
}

.product_img.best li:nth-child(8) .product .img .flag_best {
    background-position: -350px 0;
}

.product_img.best li:nth-child(9) .product .img .flag_best {
    background-position: -400px 0;
}

.product_img.best li:nth-child(10) .product .img .flag_best {
    background-position: -450px 0;
}

/* 소카테고리 리스트형, 썸네일형 */
.product_list.type02 .product .prdFlag {
    left: 10px;
    top: 3px;
}

.product_img.type02 .product {
    position: relative;
}

.product_img.type02 .product .prdFlag {
    left: 0;
    top: 13px;
}

/* 상품 게시판 - 편성표 레이어 검색 결과에서 노출 */
.layer_arimi {
    padding-top: 10px;
    display: none;
}

.layer_arimi p {
    border-top: 1px solid #999;
    background: #f9f9f9;
    position: relative;
    line-height: 40px;
    padding-left: 10px;
}

.layer_arimi p span {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background-color: #19bfbf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px
}

.layer_arimi p span:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -137px -60px;
    background-size: 300px auto;
}

.layer_arimi strong {
    position: absolute;
    right: 38px;
    top: -8px;
    display: inline-block;
    width: 14px;
    height: 8px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -1000px;
}

.layer_arimi strong:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #999999 transparent;
}

.layer_arimi strong:after {
    display: block;
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 0;
    border-style: solid;
    height: 0;
    border-width: 0 7px 8px 7px;
    border-color: transparent transparent #f9f9f9 transparent;
}

.layer_arimi p a {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 11px;
}

.layer_arimi p a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -70px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.layer_arimi p u {
    color: #898989;
}

/*검색결과 2015-03-09 추가*/
.tv_info_wrap {
    background: #f4f4f4;
    padding: 5px 0;
}

.tv_info_wrap.nonepd {
    padding: 0;
}

h3.tv_info_tit {
    padding: 10px;
    background: #f4f4f4;
    color: #000;
    font-size: 16px;
    position: relative;
}

h3.tv_info_tit em {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-position: -45px -25px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    text-indent: -9999px;
}

h3.tv_info_tit span {
    font-weight: normal;
    padding-left: 3px;
}

h3.tv_info_tit a {
    position: absolute;
    top: 10px;
    right: 12px;
    color: #565656;
    font-size: 13px;
    font-weight: normal;
}

h3.tv_info_tit a em {
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    vertical-align: middle;
    background-position: 0 -125px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.tv_info_wrap .product_list {
    background: #fff;
    border: 1px solid #cdcdcd;
}

.tv_info_wrap .product_list.full {
    margin: 0;
    border: none;
    border-top: 1px solid #cdcdcd;
}

.tv_info_wrap .product_list li {
    padding-top: 0;
}

.tv_info_wrap h4.tit {
    padding: 5px 90px 5px 10px;
    font-weight: bold;
    position: relative;
    font-size: 14px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tv_info_wrap h4.tit span {
    padding-left: 5px;
}

.tv_info_wrap h4.tit strong {
    overflow: hidden;
    padding: 0 5px 0 10px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/tab_line.png) center center no-repeat;
    background-size: 2px 15px;
}

.tv_info_wrap h4.tit a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 11px
}

.tv_info_wrap h4.tit a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background-position: -95px -80px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}


.tv_info_wrap ul.full.product_img h4 {
    display: none;
}

.tv_info_wrap ul.full.product_img {
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #fff;
}

.tv_info_wrap ul.full.product_img .price {
    font-size: 12px;
    margin-top: 5px;
    position: relative;
    min-height: 40px;
}

.tv_info_wrap ul.full.product_img .price .sale3 .Msale2 {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 36px;
    height: 27px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale4.png);
    background-size: 750px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.tv_info_wrap ul.full.product_img .price .sale2 strong {
    font-size: 17px;
    line-height: 16px;
    display: block;
}

.tv_info_wrap ul.full.product_img .price.travel {
    padding: 0;
}

.tv_info_wrap ul.full.product_img .price .sale3 {
    display: inline-block;
    padding-left: 42px;
}

.tv_info_wrap ul.full.product_img .price .sale3 .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 10px;
    margin-bottom: 3px;
    display: none;
}

.tv_info_wrap ul.full.product_img .price .sale3 strong em {
    font-size: 11px;
    font-weight: normal;
}

.tv_info_wrap ul.full.product_img .price .sale_small {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: 0px;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png);
    background-size: 500px 500px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.tv_info_wrap ul.full.product_img .price .sale3:nth-child(2) {
    display: inline-block;
    padding-left: 37px;
}

.tv_info_wrap ul.full.product_img .price .sale3 del {
    text-decoration: line-through;
    font-size: 12px;
    line-height: 10px;
    color: #666;
}

.tv_info_wrap ul.full.product_img .price .sale3 strong {
    font-size: 17px;
    line-height: 16px;
}

/* tv 편성표 */
.tv_wrap h1 a:last-child {
    position: absolute;
    right: 13px;
    top: 4px;
}

.tv_wrap h1 a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 12px;
    height: 12px;
    background-position: -185px -40px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.tv_wrap {
    background: #ebebeb !important;
    padding-bottom: 1px;
}

.tv_wrap2 {
    background: #f9f9f9 !important;
    padding-bottom: 1px;
}

.tv_selete_wrap {
    overflow: hidden;
    border-bottom: 2px solid #cdcdcd;
    background: #fff;
}

.tv_selete_wrap ul {
    padding: 10px;
    overflow: hidden;
}

.tv_selete_wrap li {
    float: left;
    width: 50%;
}

.tv_selete_wrap li .day {
    margin-left: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 29px;
    padding: 0 10px;
    position: relative;
}

.tv_selete_wrap li .day em {
    position: absolute;
    right: 10px;
    top: 5px;
    display: inline-block;
    width: 19px;
    height: 18px;
    background-position: -55px -80px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.tv_selete_wrap li .day.on em {
    background-position: -75px -80px;
}

.tv_selete_wrap .calendar {
    border-top: 2px solid #898989;
}

.tv_selete_wrap .calendar table {
    width: 100%
}

.tv_selete_wrap .calendar table thead tr th {
    color: #aaa;
    line-height: 26px;
    border-bottom: 1px solid #898989;
}

.tv_selete_wrap .calendar table tbody tr {
    border-bottom: 1px solid #e4e4e4;
}

.tv_selete_wrap .calendar table tbody tr:last-child {
    border-bottom: none;
}

.tv_selete_wrap .calendar table tbody tr td {
    border-right: 1px solid #e4e4e4;
    text-align: center;
}

.tv_selete_wrap .calendar table tbody tr td span {
    line-height: 30px;
    display: block;
}

.tv_selete_wrap .calendar table tbody tr td span.none {
    color: #aaa;
}

.tv_selete_wrap .calendar table tbody tr td span.on {
    background: #e51937;
    border-radius: 2px;
    color: #fff;
}

.tvlist_wrap {
    border: 1px solid #999;
    margin: 10px;
}

.tvlist_wrap.main {
    position: relative;
    border: 1px solid #cdcdcd !important;
    margin: 0;
    margin-top: 5px;
}

.tvlist_wrap.main li {
    border-bottom: 1px solid #eee !important;
}

.tvlist_wrap.main li:last-child {
    border-bottom: none
}

.tvlist_wrap.main strong.top {
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -7px;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 8px;
    background-position: -185px -15px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.tvlist_wrap.main>.product_list>li>.product>.text {
    font-size: 1.143em;
}

.tvlist_wrap.main>.product_list>li>.product>.price {
    font-size: 0.857em;
    margin-top: 10px;
    position: relative;
    min-height: 52px;
}

/* @@@2015-02-02 수정*/
.tvlist_wrap.main>.product_list>li>.product>.price>.sale1 {
    display: inline-block;
    text-decoration: line-through
}

.tvlist_wrap.main>.product_list>li>.product>.price>.sale2 {
    display: inline-block;
}

.tvlist_wrap.main>.product_list>li>.product>.price>.sale2>strong {
    font-size: 1.286em;
    line-height: 16px;
}

.tvlist_wrap.main>.product_list>li>.product>.price>.sale2>strong em {
    font-size: 0.835em;
    line-height: 16px;
}

/* @@@2015-02-02 수정*/

.tvlist_wrap.good_tvview {
    border: none;
    margin: 0;
    border-top: 2px solid #cdcdcd;
    margin-top: 20px;
}

.tvlist_wrap.on_air {
    border: 1px solid #e51937;
}

.tvlist_wrap .product_list {
    border: none;
    margin: 0;
}

.tvlist_wrap h2 {
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    background: #e51937;
    color: #fff;
}

.tvlist_wrap h3 {
    padding: 0 90px 0 10px;
    background: #f9f9f9;
    font-weight: normal;
    position: relative;
    font-size: 12px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tvlist_wrap h3 span {
    color: #999;
}

.tvlist_wrap h3 span.tv_num {
    color: #999;
    vertical-align: middle;
    margin-left: 4px;
}

/*@@@ 2015-04-09 추가*/
.tvlist_wrap h3 a {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 11px
}

.tvlist_wrap h3 a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

/* 상품 알람설정 탭 */
.tab_tv .tt_tab {
    overflow: hidden;
    padding-top: 5px;
    background: #f9f9f9;
}

.tab_tv .tt_tab li {
    float: left;
}

.tab_tv .tt_tab li:nth-child(1) {
    width: 33%;
}

.tab_tv .tt_tab li:nth-child(2) {
    width: 34%;
}

.tab_tv .tt_tab li:nth-child(3) {
    width: 33%;
}

.tab_tv .tt_tab li a {
    position: relative;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 13px;
    color: #565656;
    text-align: center;
    background: #f9f9f9;
}

.tab_tv .tt_tab li+li a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -8px;
    width: 1px;
    height: 15px;
    background: #dddddd;
    font-size: 0;
    line-height: 0;
}

.tab_tv .tt_tab li.on a {
    z-index: 1;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    background: #fff;
    font-weight: bold;
    color: #000;
}

.tab_tv .tt_tab li.on a:before {
    display: none;
}

.tab_tv .tt_tab li:nth-child(2).on a {
    border-radius: 3px 3px 0 0;
}

.tab_tv .tt_tab li:nth-child(3).on a {
    border-radius: 3px 0 0 0;
}

/* 상품 알람설정 - MY상품알람 */
.msg_list {}

.msg_list ul {
    background: #f9f9f9;
}

.msg_list ul li {
    position: relative;
    margin-bottom: 5px;
    background: #fff;
    padding: 10px 30px 10px 10px;
}

.msg_list ul li .del {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 11px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -165px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.msg_list ul li p {
    padding-top: 3px;
    font-size: 12px
}

.msg_list ul li p strong {
    color: #9c9c9c;
    font-weight: normal;
}

.msg_list ul li p i {
    font-size: 10px;
    font-style: normal;
    color: #ddd;
}

.msg_list ul li p span {
    color: #ff6e51;
}

.msg_list ul li p span em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 9px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.msg_list ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 16px
}

.msg_list ul li .btn_wrap {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
}

.msg_list ul li .btn_wrap a {
    display: inline-block;
}

/* 알람신청 2014-10-27 */
.arimZone {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    margin: 50px 10px 10px;
    position: relative;
    padding: 14px 14px 14px;
    font-size: 16px;
}

.arimZone p.live {
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
    color: #12a5cb;
}

.arimZone p.live {
    text-decoration: underline;
}

.arimZone em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

/* 상품 알람설정 - 카테고리 등록 */
.tv_cate_list {
    background: #fff;
}

.tv_cate_list h2 {
    font-size: 14px;
    color: #aaa;
    line-height: 40px;
    padding: 0 10px 4px;
    text-align: left;
    border-bottom: 1px solid #cdcdcd;
    font-weight: normal;
    font-size: 14px;
    color: #e51937;
}

.tv_cate_list ul {
    overflow: hidden;
}

.tv_cate_list ul li {
    float: left;
    width: 50%;
}

.tv_cate_list ul li a {
    display: block;
    font-size: 13px;
    color: #565656;
    font-weight: normal;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.tv_cate_list ul li:nth-child(even) a {
    border-right: none;
}

.tv_cate_list p {
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #8e8e8e;
    color: #fff;
}

.tv_cate_list p em {
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -90px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.tv_cate_list_detail {
    background: #fff;
}

.tv_cate_list_detail h2 {
    font-size: 14px;
    color: #aaa;
    line-height: 40px;
    padding: 5px 10px 4px;
    text-align: left;
    border-bottom: 1px solid #cdcdcd;
    font-weight: normal;
    font-size: 18px;
    color: #e51937;
}

.tv_cate_list_detail dl {
    margin: 0;
}

.tv_cate_list_detail dl dt {
    font-size: 18px;
    line-height: 40px;
    padding: 0 10px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
}

.tv_cate_list_detail dl dd {}

.tv_cate_list_detail dl dd span {
    display: block;
    background: #fff;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
    position: relative;
    font-size: 16px;
    color: #565656;
}

.tv_cate_list_detail dl dd span em {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -110px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.tv_cate_list_detail dl dd.on span {
    color: #12a5cb;
    background: #fff;
    border-bottom: 1px solid #aaa;
}

.tv_cate_list_detail dl dd.on span em {
    background-position: -110px -160px;
}

.tv_cate_list_detail dl dd ul {
    padding: 0 0 0 10px;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.tv_cate_list_detail dl dd ul li {
    line-height: 35px;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
    position: relative;
    font-size: 12px;
    background: #f9f9f9;
    color: #565656;
    font-size: 14px
}

.tv_cate_list_detail dl dd ul li:last-child {
    border: none;
}

.tv_cate_list_detail dl dd ul li a {
    position: absolute;
    right: 10px;
    top: 5px;
}

.tv_cate_list_detail dl dd ul li a em {
    display: inline-block;
    margin-right: 2px;
    width: 7px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.tv_cate_list_detail dl dd ul li a.on em {
    background-position: -130px -165px;
    width: 13px;
    height: 10px;
    margin: 0;
    margin-top: 7px;
}

/* 상품 알람설정 - 키워드 등록 */
.key_search {
    position: relative;
    padding: 10px 15px;
    margin: 25px 0 15px;
    ;
}

.key_search input {
    width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    height: 35px;
    background: #fff;
}

.key_search .btn_search {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 20px;
    top: 17px;
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -150px -150px;
    background-size: 200px auto;
    text-indent: -9999px;
    cursor: pointer;
}

/*@@@ 2015-07-15 추가 - 검색취소 버튼*/
.key_search .btn_del {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 52px;
    top: 18px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.key_search .btn_del:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -175px -150px;
    background-size: 200px auto;
}

.key_search.active {
    margin-bottom: 0px;
    background: #eeeeee;
}

.key_search.active .search_result_none {
    display: none;
}

/* @@@ 2015-07-15 추천검색레이어*/
.key_search_on {
    overflow: hidden;
    display: none;
    width: 100%;
    background: #fff;
}

.key_search_on ul li {
    float: left;
    width: 50%;
}

.key_search_on ul li ul li {
    float: none;
    width: 100%
}

.key_search_on ul li ul li a {
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #cdcdcd;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.key_search_on ul li ul li a em {
    color: #e51937;
}

.key_search_on ul li ul:first-child {
    border-right: 1px solid #cdcdcd;
}

.key_search_on ul li ul li:first-child a {
    border-top: none;
}

.key_search_on.active {
    display: block;
}

.key_search_close {
    display: block;
    overflow: hidden;
    padding: 12px 15px;
    background: #8e8e8e;
    border-bottom: 2px solid #565656;
}

.key_search_close button {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: bold;
    color: #fff
}

.key_search_close .btn_close {
    float: right;
}

/* @@@ // 2015-07-15 추천검색레이어*/

.key_search_result {}

.key_search_result .sec_result {
    background: #eee;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px
}

.key_search_result .sec_result span {
    color: #e51937;
}

.key_search_result ul {}

.key_search_result ul li {
    line-height: 35px;
    border-bottom: 1px solid #cdcdcd;
    padding: 0 70px 0 10px;
    position: relative;
    font-size: 14px;
    color: #565656;
}

.key_search_result ul li span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.key_search_result ul li a {
    position: absolute;
    right: 10px;
    top: 5px;
}

.key_search_result ul li a em {
    display: inline-block;
    margin-right: 2px;
    width: 7px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.key_search_result p {
    text-align: center;
    height: 35px;
    line-height: 35px;
    background: #8e8e8e;
    color: #fff;
}

.key_search_result p em {
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -90px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.search_result_none {
    line-height: 30px;
    text-align: center;
}

/* 상품알람 등록 */
.tv_arimi_info {
    padding: 10px 10px 0;
}

.sms_wrap {
    padding-bottom: 15px;
}

.sms_wrap dl {
    padding: 0 10px;
}

.sms_wrap dl dt {
    border-top: 1px solid #ddd;
    padding: 10px 0 5px;
}

.sms_wrap dl dd {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 10px;
}

.sms_wrap dl dt input,
.sms_wrap dl dd select {
    vertical-align: middle;
}

.btn_ac {
    text-align: center;
}

.tv_arimi_last {
    border-top: 1px solid #aaa;
    padding: 10px 0;
}

.sms_wrap.popup {
    padding-bottom: 0;
}

.sms_wrap.popup dl dd {
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
}

.sms_wrap.popup .tv_arimi_info {
    padding: 15px 10px 10px;
}

.sms_wrap.popup2 {
    padding-bottom: 0;
}

.sms_wrap.popup2 dl dt {
    border-top: none;
}

.sms_wrap.popup2 dl dd {
    border-bottom: none;
}

.sms_wrap.popup2 .tv_arimi_info {
    padding: 5px 10px 10px;
}

.sms_wrap.popup2 .check {
    position: relative;
    padding: 15px 10px 10px 35px;
    border-bottom: 2px solid #ddd;
}

.sms_wrap.popup2 .check input {
    position: absolute;
    left: 10px;
    top: 15px;
}

.sms_wrap.popup2 .check span {
    display: block;
    font-size: 13px;
}

.sms_wrap.popup2 .btn_ac {
    border-top: 2px solid #ddd;
    margin: 0 10px;
    padding-top: 10px;
}

.sms_wrap.popup3 {
    padding-bottom: 0;
}

.sms_wrap.popup3 .img {
    text-align: center;
    font-size: 16px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/tv/line_cate.png) 0 bottom repeat-x;
    padding-bottom: 30px;
    margin: 30px 10px 20px;
}

.sms_wrap.popup3 .img img {
    width: 161px;
    vertical-align: middle;
    margin-right: 5px;
}

.sms_wrap.popup3 ul {
    padding: 0 10px;
    background-size: 4px 4px;
}

.sms_wrap.popup3 ul li {
    padding-bottom: 10px;
    position: relative;
    padding-left: 73px;
}

.sms_wrap.popup3 ul li span {
    display: block;
    font-size: 12px;
    color: #898989;
}

.sms_wrap.popup3 ul li strong {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 7px;
}

.sms_wrap.popup3 ul li strong em {
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.sms_wrap.popup4 ul {
    padding: 15px 10px 0;
}

.sms_wrap.popup4 ul li {
    padding-bottom: 5px;
}

.sms_wrap.popup4 ul li span {
    display: block;
    font-size: 12px;
    color: #898989;
}

.sms_wrap.popup4 ul li p {
    padding-bottom: 0 !important;
}

.sms_wrap.popup4 ul.tv_arimi_info {
    padding-top: 0;
}

.sms_wrap.popup4 ul.tv_arimi_info li:last-child {
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.pop_wrap .bottom_close {
    position: relative;
    background: #fff;
    height: 49px;
    border-radius: 10px;
}

.pop_wrap .bottom_close span {
    position: absolute;
    left: 12px;
    top: 12px;
    display: block;
    color: #898989;
    font-size: 16px
}

.pop_wrap .bottom_close span em {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: 0 -130px;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    text-indent: -9999px;
}

.pop_wrap .bottom_close .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px;
    background: #f9f9f9;
    border-radius: 0 0 10px 0;
}

.pop_wrap .bottom_close .close strong {
    display: block;
    width: 17px;
    height: 17px;
    background-position: -30px -130px;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    text-indent: -9999px;
}

.pop_wrap.sale_cp .pop_contents02 {
    padding-bottom: 0;
}

#mobileSave {
    top: 15%;
    padding-bottom: 0;
}

#mobileSave h1 {
    font-size: 15px;
    letter-spacing: -1px;
}

#mobileSave .order .sale_info2 {
    font-size: 13px;
}

#mobileSave .order .sale_info2 em {
    background: #666;
}

#mobileSave .sms_wrap.popup .tv_arimi_info {
    padding: 0;
}

#mobileSave .sms_wrap .text {
    margin: 0;
}

#mobileSave .sms_wrap .text p {
    font-size: 12px;
}

@media (orientation: landscape) {
    .pop_wrap {
        top: 20px !important;
        height: 70%;
    }

    .pop_wrap .pop_contents02 {
        height: 90%;
    }

    .pop_wrap .pop_contents02 .sms_wrap.popup {
        height: 90%;
        overflow-y: auto;
    }

    #mobileSave {
        position: fixed;
        top: 5% !important;
        height: 50%;
        padding-bottom: 30px;
    }

    #mobileSave .layerConts .innerConts.scrollY {
        max-height: 150px;
        padding-bottom: 0;
    }
}

@media (orientation: landscape) and (min-width:650px) {
    #mobileSave {
        top: 10% !important;
    }

    #mobileSave .layerConts .innerConts.scrollY {
        max-height: 177px;
    }
}

/* 카테고리 브랜드관 20161205수정 */
.brand_select {
    overflow: hidden;
    height: 100px;
    border-bottom: 2px solid #ddd;
    position: relative;
    padding-bottom: 20px;
}

.brand_select .bxslider {
    overflow: hidden;
    height: 100px;
}

.brand_select .search_key {
    overflow: hidden;
    height: 80px;
    padding: 10px 6px;
}

.brand_select .search_key span {
    float: left;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    background: #eee;
    text-align: center;
    line-height: 30px;
    color: #aaa;
    font-size: 17px;
    margin: 0 4px 10px;
}

.brand_select .search_key span.on {
    background: #e51937;
    color: #fff
}

.brand_select .search_key .etc {
    font-size: 13px
}

.brand_select .page_nav {
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -20px;
}

.brand_select .page_nav a {
    float: left;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -1000px;
    background: #b9b9b9;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.brand_select .page_nav a:last-child {
    margin-right: 0;
}

.brand_select .page_nav .active {
    background: #dd1032;
}


/* 상품 상세 정보 */
.goods_detail {
    padding-bottom: 0 !important;
}

.goods_detail.goods_detail_v2 {
    padding-top: 0;
}

.goods h1 a:last-child {
    position: absolute;
    right: 13px;
    top: 4px;
}

.goods h1 a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.contents {
    background: #fff;
    padding-bottom: 40px;
    padding-top: 45px
}

.contents h1,
.contents .sub-top-tit {
    height: 40px;
    background: #fff;
    line-height: 39px;
    padding: 0 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-size: 16px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
}

.contents .sub-top-tit h2 {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    height: auto;
    line-height: inherit;
    padding: 0;
}

.contents.addrPop h1,
.contents.addrPop .sub-top-tit {
    z-index: 1;
    box-sizing: border-box;
    width: 100%;
}

.contents h1 a:first-child,
.contents .sub-top-tit a:first-child {
    position: absolute;
    left: 10px;
    top: 7px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -120px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.contents h1 a.btnHidden,
.contents .sub-top-tit a.btnHidden {
    display: none;
}

h1 .allpop_close,
.sub-top-tit .allpop_close {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 11px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -300px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.privacyPop h1 {
    height: auto;
    line-height: 20px;
    padding: 9px 50px;
    border-bottom: 1px solid #000;
}

.privacyPop h1 .allpop_close {
    margin-top: -5px;
    top: 50%;
}

.privacyPop h1 .sub_tit {
    display: block;
    font-size: 13px;
    color: #888;
    line-height: 16px;
    font-weight: normal;
}


h2.tit {
    color: #000;
    font-size: 14px;
    background: #f4f4f4;
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    border-top: 1px solid #cdcdcd;
}

.goods h2.tit {
    padding: 10px 10px;
    font-size: 18px;
    font-weight: normal;
    background: #fff !important;
    border: none !important;
    height: auto;
    line-height: 24px
}

h2.tit .txt01 {
    font-size: 12px;
    font-weight: normal;
    color: #898989;
}

.pangpay_active_box~h2.tit .txt01,
.pangpay_active_box~.prt h2.tit .txt01 {
    color: #f2536d
}

.pd_view {
    background: #fff;
    position: relative;
}

.pd_view .pd_img li {
    font-size: 0
}

.pd_view .pd_img img {
    width: 100%;
}

.pd_view .pd_img {
    position: relative;
    overflow: hidden;
}

.pd_view .pd_img .img500 {
    position: absolute;
    text-align: center;
    left: 0;
    top: -40%;
    width: 100%;
}

.pd_view .pd_img .deem {
    opacity: 0.3 !important;
    z-index: 999
}

.pd_view .pd_img .dimmed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_dim.png) repeat left top;
}

.pd_view .page_nav {
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    text-align: center;
}

.pd_view .page_nav a {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -55px -45px;
    overflow: hidden;
    text-indent: -1000px
}

.pd_view .page_nav a:last-child {
    margin-right: 0;
}

.pd_view .page_nav .active {
    background-position: -45px -45px;
}

.pd_view .arrow p {}

.pd_view .arrow {}

.pd_view .arrow .prev a,
.pd_view .arrow .next a {
    z-index: 100;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 33px;
    height: 53px;
    margin-top: -45px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-position: 0 -30px;
    overflow: hidden;
    text-indent: -1000px
}

.pd_view .arrow .next a {
    left: auto;
    right: 0;
    background-position: -35px -30px;
}

.tv_play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2000;
    margin-left: -41px;
    margin-top: -41px;
    text-indent: -1000px;
    background-position: -31px -18px;
    width: 82px;
    height: 82px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods2.png);
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.tv_play.tv_view {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -60px -250px;
    background-size: 210px auto;
}


.pd_view .flag_card {
    position: absolute;
    left: 0;
    top: 0;
}

.pd_view .flag_card .card_wrap {
    width: 48px;
    background: #ee2a68;
    display: inline-block;
    padding: 3px;
    text-align: center;
}

.pd_view .flag_card .card_wrap .card_name {
    color: #ee2a68;
    background: #fff;
    font-size: 12px;
    padding-top: 4px;
    font-weight: bold;
}

.pd_view .flag_card .card_wrap .card_sale {
    color: #ee2a68;
    background: #fff;
    font-size: 24px;
    padding-bottom: 2px;
    font-weight: bold;
}

.pd_view .flag_card .card_wrap .card_sale span {
    font-size: 12px;
    font-weight: normal;
    vertical-align: 1px;
    padding-left: 2px;
}

.pd_view .flag_card .card_wrap .card_day {
    color: #fff;
    font-size: 8px;
    padding-top: 3px;
}

/*.goods_detail_v2 .pd_view .flag em {top:30px;}
.goods_detail_v2 .pd_view .flag .pang {top:25px;}*/

.pd_view .flag_sns {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 44px;
    height: 44px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -55px -35px;
    overflow: hidden;
    text-indent: -1000px
}

.pd_view .deem_white {
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2001
}

.goods .option {
    margin-top: 10px;
}

.goods .option p {
    position: relative;
    padding: 0 10px 5px;
}

.option .btn_info_con {
    display: block;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}

.pd_order {
    background: #fff;
    padding: 0;
    margin: 5px 10px 0;
    border-radius: 3px 3px 0 0;
    border: 1px solid #c5c5c5;
}

.pd_order div {
    border-bottom: 1px solid #cdcdcd;
    padding: 14px;
    position: relative;
}

.pd_order div:last-child {
    border-bottom: none;
}

.pd_order p {
    color: #666;
    padding-right: 20px;
    font-size: 14px;
}

.pd_order ul {
    overflow: hidden;
    padding-top: 10px;
}

.pd_order ul li {
    float: left;
    width: 50%;
}

.pd_order ul li:first-child em:first-child,
.pd_order ul li:first-child em:last-child {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -1000px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
}

.pd_order ul li:first-child em:first-child:before,
.pd_order ul li:first-child em:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -210px;
    background-size: 300px auto;
}

.pd_order ul li:first-child em:last-child:before {
    background-position: -90px -210px;
}

.pd_order ul li:first-child span {
    font-size: 15px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    background: #fff;
    line-height: 28px;
    vertical-align: -7px;
    padding: 0 10px;
    margin: 0 3px;
}

.pd_order ul li:first-child input {
    margin: 0 3px;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    text-indent: 0;
    background: #fff;
}

.pd_order .del {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -185px -37px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.pd_order ul li:last-child {
    font-size: 16px;
    text-align: right;
    margin-top: 5px;
}

.pd_order ul li:last-child em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    text-align: left;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -130px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.pd_total {
    position: relative;
    text-align: right;
    font-size: 22px;
    color: #dd1032;
    padding-left: 90px;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 0 0 3px 3px;
    border: 1px solid #c5c5c5;
    margin: 0 10px 5px;
    border-top: none;
}

.pd_total span {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 16px;
    color: #000;
}

.pd_total em {
    font-size: 16px;
    vertical-align: 2px;
}

.pd_total span strong {
    display: inline-block;
    width: 60px;
    height: 23px;
    vertical-align: middle;
    margin-left: 5px;
    background-position: -50px -130px;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.option_dey {
    padding: 5px 10px 0;
}

.option_dey p {
    line-height: 28px;
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
    text-indent: 10px;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    width: 100%
}


.gift_area {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    margin: 10px;
    position: relative;
    padding: 14px 14px 9px;
    padding-left: 85px;
    font-size: 12px
}

.gift_area span {
    position: absolute;
    left: 14px;
    top: 15px;
    font-size: 14px;
    color: #000;
    color: #898989;
}

.gift_area input {
    vertical-align: middle;
}

.gift_area p {
    padding-bottom: 5px;
    font-size: 14px
}

.gift_area .gift_in {
    padding: 5px 0 10px 20px;
}

.option_dey span {
    top: 20px;
}

.option_dey div {
    padding-bottom: 5px;
    font-size: 14px
}

/*@@@ 2015-05-15 사은품 추가*/
.gift_area .gift_txt {
    margin: 6px 0 12px;
}

.gift_area div:last-child .gift_txt {
    margin: 6px 0 0;
}

.gift_area .gift_txt2 {
    width: 100%;
    position: relative;
    margin: 6px 0 12px;
}

.gift_area .gift_txt2 input {
    vertical-align: bottom;
}

.gift_area .gift_txt2 select {
    width: 88%;
    position: absolute;
    top: -4px;
    right: 0;
}

/*@@@2015-07-03 쇼핑뉴스 알림 추가*/
.snews {
    margin: 5px 10px 10px;
}

.snews img {
    width: 100%;
}

.line_bt {
    border-bottom: 1px solid #ccc;
}

.snewsbig {
    margin: 0;
}

/*@@@// 2015-07-03 쇼핑뉴스 알림 추가*/

.sns_area {
    overflow: hidden;
    padding: 25px 10px 0
}

.sns_area li {
    width: 20%;
    float: left;
}

.sns_area li a {
    display: block;
    text-align: center;
}

.sns_area li a span {
    display: block;
    text-align: center;
}

.sns_area li a span em {
    display: inline-block;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.sns_area li a strong {
    font-size: 10px
}

.sns_area li:nth-child(1) a span em {
    width: 45px;
    height: 45px;
    background-position: -120px 0;
}

.sns_area li:nth-child(2) a span em {
    width: 45px;
    height: 45px;
    background-position: -120px -50px;
}

.sns_area li:nth-child(3) a span em {
    width: 45px;
    height: 45px;
    background-position: -120px -100px;
}

.sns_area li:nth-child(4) a span em {
    width: 45px;
    height: 45px;
    background-position: -120px -150px;
}

.sns_area li:nth-child(5) a span em {
    width: 45px;
    height: 45px;
    ;
    background-position: -175px 0;
}

.sns_area li a span em.i0206 {
    display: inline-block;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop_0206.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.url_area {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    margin: 10px;
}

.url_area span {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    display: block;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.url_area p {
    padding: 14px;
    font-size: 14px
}

.url_area p strong {
    color: #dd1032;
    display: block;
    padding-top: 5px;
}

.goods .pd_sell {
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
}

.goods .pd_sell table {
    width: 100%
}

.goods .pd_sell th {
    width: 170px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    padding: 3px 0;
    color: #565656;
    padding-left: 10px;
}

.goods .pd_sell th.vat {
    vertical-align: top;
}

.goods .pd_sell td {
    text-align: left;
    font-size: 14px;
    padding: 3px 0;
    color: #000;
    vertical-align: middle;
    padding-right: 10px;
}

.goods .pd_sell td {
    text-align: right !important;
}

.goods .goodprice table {
    width: 100%
}

/*제품상세 모바일가*/
.goods .goodprice table th {
    width: 90px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    padding: 3px 0;
    color: #565656;
    padding-left: 10px;
}

.goods .pd_sell td {
    text-align: right !important;
}

.goods .pd_sell .price_sale {
    font-size: 18px;
    color: #232323;
}

.goods .pd_sell .price_sp {
    color: #dd1032;
    font-size: 18px;
}

.goods .pd_sell .price_sp span {
    font-size: 18px;
}

.goods .pd_sell .price_sp span.sale {
    font-size: 14px;
    margin-right: 5px
}

.goods .pd_sell .price_card {
    color: #12a5cb;
    font-size: 18px;
}

.goods .pd_sell .price_card span {
    font-size: 18px;
}

.goods .pd_sell .price_card .info {
    font-size: 12px;
    color: #898989
}

.goods .pd_sell .price_oil {
    color: #898989;
    font-size: 18px;
}

.goods .pd_sell .price_tax {
    color: #898989;
    font-size: 18px;
}

.goods .pd_sell .card_interest {
    border-top: 1px solid #eee;
}

.goods .pd_sell .card_interest th {
    width: 90px;
    color: #898989;
    vertical-align: top;
    padding-top: 12px;
    padding-bottom: 0;
}

.goods .pd_sell .card_interest td {
    text-align: left !important;
    color: #000;
    padding-top: 14px;
}

.goods .pd_sell .card_interest td p {
    margin-left: 5px;
    margin-top: 3px;
    padding-bottom: 0 !important;
}

.goods .pd_sell .info {
    padding-left: 10px;
    text-align: left !important;
}

.goods .pd_sale {
    padding: 5px 0 10px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

/*@@@ 2015-01-07 수정*/
.goods .pd_sale.dn {
    border: none !important;
}

.goods .pd_sale table {
    width: 100%
}

.goods .pd_sale th {
    width: 95px;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    padding: 8px 0;
    color: #898989;
    padding-left: 10px;
}

.goods .pd_sale th.vat {
    vertical-align: top;
}

.goods .pd_sale th .info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.goods .pd_sale td {
    text-align: left;
    font-size: 14px;
    padding: 8px 0;
    color: #000;
    vertical-align: middle;
    padding-right: 10px;
}

.goods .pd_sell .pb10 {
    padding-bottom: 10px !important;
}

.goods .pd_sale .start span {
    display: block;
    color: #898989;
}

.goods .pd_sale td span.gray {
    color: #898989;
}

.goods .pd_sale .sale {
    padding-bottom: 5px;
}

.goods .pd_sale .sale p {
    padding-top: 3px;
    color: #898989;
}

.goods .pd_sale .sale span {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 3px;
    margin-right: 5px;
    position: relative;
    font-size: 13px;
}

.goods .pd_sale .sale span strong {
    color: #ee2a68;
}

.goods .pd_sale .sale span em {
    position: absolute;
    right: -4px;
    top: 7px;
    display: inline-block;
    width: 4px;
    height: 6px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -196px 0;
    overflow: hidden;
    text-indent: -1000px
}

.goods .pd_sale .sale span em {
    position: absolute;
    right: -4px;
    top: 7px;
    display: inline-block;
    width: 4px;
    height: 6px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -196px 0;
    overflow: hidden;
    text-indent: -1000px
}

.goods .pd_sale .sale_coupon em {
    display: inline-block;
    width: 9px;
    height: 11px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px 0;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.goods .pd_sale .sale_coupon span {
    color: #12a5cb;
    text-decoration: underline;
}

.goods .pd_sale .pt5 {
    padding-top: 5px !important;
}

.goods .pd_sale .save_re {
    color: #db0c68;
}

.goods .pd_sale .bdb1 {
    border-bottom: 1px solid #eee;
}

.goods .pd_sale .bdt1 {
    border-top: 1px solid #eee;
}

.pd_none {
    text-align: center;
    padding: 35px 0;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.pd_none a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

/*@@@ TV상품 품절문구 추가 2015-05-12*/
.pd_none2 {
    text-align: center;
    padding: 35px 0;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.pd_none2 strong {
    display: inline-block;
    font-weight: normal;
    text-align: right;
}

.pd_none2 a {
    vertical-align: top;
    margin-top: 3px;
}

.pd_none2 a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

/*@@@// TV상품 품절문구 추가 2015-05-12*/

.pd_tel {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    text-align: center;
    padding: 35px 0;
}

.pd_tel p {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    color: #565656;
    font-size: 12px
}

.pd_tel p span {
    font-size: 15px;
    color: #000;
}

.pd_tel a {
    vertical-align: middle;
}

.pd_tel a em {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 7px;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -210px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

/*{display: inline-block;width: 14px;height: 19px;margin-top: 10px;background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);background-repeat: no-repeat;background-size:200px 100px;background-position: -20px -65px;overflow: hidden;text-indent: -1000px;} @@@ 2015-03-23 변경*/

.goods_tab_wrap {
    width: 100%;
    height: 61px;
    padding-top: 10px;
    z-index: 10;
}

/*@@@상세 탭 수정 2015-04-03*/
.goods_tab_wrap .tt_tab {
    overflow: hidden;
    padding-top: 10px;
    background: #f9f9f9;
    border-top: 1px solid #cdcdcd;
}

/*@@@상세 탭 수정 2015-04-03*/
.goods_detail_tab {
    position: fixed;
    top: 35px;
}

/*@@@ 상세탭 2015-04-13추가*/
.goods_tab_wrap .tt_tab li {
    float: left;
    width: 25%;
}

.goods_tab_wrap .tt_tab li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 0;
    border-bottom: 1px solid #0b0b0b;
    font-size: 13px;
    color: #565656;
    text-align: center;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/tv/tab_line.png) right center no-repeat;
    background-size: 1px 15px;
}

.goods_tab_wrap .tt_tab .on a {
    border: 1px solid #0b0b0b;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    background: #fff;
    color: #000;
}

.goods_tab_wrap .tt_tab .active a {
    border: 1px solid #0b0b0b;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    background: #fff;
    color: #000;
}

.goods_tab_wrap .tt_tab li:nth-child(1).on a {
    border-radius: 0 3px 0 0;
    border-left: none;
}

.goods_tab_wrap .tt_tab li:nth-child(2).on a {
    border-radius: 3px 3px 0 0;
}

.goods_tab_wrap .tt_tab li:nth-child(3).on a {
    border-radius: 3px 3px 0 0;
}

.goods_tab_wrap .tt_tab li:nth-child(4).on a {
    border-radius: 3px 0 0 0;
    border-right: none;
}

.goods_tab_wrap .tt_tab li:nth-child(1).active a {
    border-radius: 0 3px 0 0;
    border-left: none;
}

.goods_tab_wrap .tt_tab li:nth-child(2).active a {
    border-radius: 3px 3px 0 0;
}

.goods_tab_wrap .tt_tab li:nth-child(3).active a {
    border-radius: 3px 3px 0 0;
}

.goods_tab_wrap .tt_tab li:nth-child(4).active a {
    border-radius: 3px 0 0 0;
    border-right: none;
}

.goods_tab_wrap .tt_tab li:nth-child(1) a,
.goods_tab_wrap .tt_tab li:nth-child(2) a {
    padding: 17px 0 0;
    height: 33px
}

.goods_tab_wrap .tt_tab li:nth-child(3) a,
.goods_tab_wrap .tt_tab li:nth-child(4) a {
    padding: 8px 0 0;
    height: 42px
}

.goods_tab_wrap .tt_tab li:nth-child(4) a {}

.goods_tab_wrap .on2 li:nth-child(1) a {
    background: none;
}

.goods_tab_wrap .on3 li:nth-child(2) a {
    background: none;
}

.goods_tab_wrap .on4 li:nth-child(3) a {
    background: none;
}

.goods_tab_wrap .on4 li:nth-child(4) a {
    background: none;
    background: #fff;
}

.goods_tab {
    overflow: hidden;
    margin-top: 15px;
}

.goods_tab li {
    float: left;
    width: 25%;
}

.goods_tab li a {
    display: block;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
    background: #f9f9f9;
    color: #898989
}

.goods_tab li:last-child a {
    border-right: none;
}

.goods_tab li.active a {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-top: 2px solid #000;
    color: #000
}

.goods .tab_cons {
    display: none;
}

.goods .tab_cons .banner {
    padding: 20px 0 0;
}

/*2015-01-07 수정*/
.goods .tab_cons .banner img {
    width: 100%
}

/*상품 상세 정보 10&10 할인 팝업 */
.order .sale_info2 {
    font-size: 14px;
    color: #000000;
    padding-bottom: 8px;
    position: relative;
    padding-left: 8px;
}

.order .sale_info2 em {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px
}

.order .sale_info2 span {
    color: #12a5cb
}

.sms_wrap .text {
    margin: 0 10px;
    padding: 10px 0 15px;
    border-top: 1px solid #eeeeee
}

.sms_wrap .text p {
    color: #898989;
    font-size: 14px;
}

/*@@@ 2015-04-07 팝업 폰트크기 변경*/

/* 상품상세 기본정보 */
.goods .goods_default h3 {
    border-top: 1px solid #d5d5d5;
    background: #f6f6f6;
    padding: 10px;
    position: relative;
}

.goods .goods_default h3.active {
    border-bottom: 1px solid #d5d5d5;
}

.goods .goods_default h3 em {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 17px;
    height: 9px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-position: -70px -30px;
    overflow: hidden;
    text-indent: -1000px;
}

.goods .goods_default h3.active em {
    background-position: -70px -40px;
    overflow: hidden;
    text-indent: -1000px;
}

.goods .goods_default .goos_info {
    padding: 10px;
}

.goods .goods_default .goos_info table {
    width: 100%
}

.goods .goods_default .goos_info th {
    width: 77px;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    color: #868686;
}

.goods .goods_default .goos_info td {
    padding-right: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 13px;
    padding: 5px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.goods .goods_default .goos_info td span {
    color: #12a5cb;
}

.goods .goods_default .goos_info tr:last-child td,
.goods .goods_default .goos_info tr:last-child th {
    border-bottom: none;
}

.goods .goods_default .goos_info th .info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

/* 상품상세 qna */
.goods_gna h3 {
    padding: 10px;
    position: relative;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #c5c5c5;
    font-size: 14px;
    font-weight: normal;
    position: relative;
}

.goods_gna h3 a {
    position: absolute;
    right: 10px;
    font-size: 12px;
    top: 16px;
}

.qna_wrap {}

.qna_wrap li {
    border-bottom: 1px solid #e5e5e5;
}

.qna_wrap li .qna_list {
    padding: 10px 50px 10px 10px;
    position: relative;
}

.qna_wrap li .qna_list em.arrow {
    position: absolute;
    right: 10px;
    top: 28px;
    display: inline-block;
    width: 19px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.qna_wrap li .qna_list.active em.arrow {
    background-position: -90px -41px;
}

.qna_wrap li .qna_list .answer {
    display: inline-block;
    border: 1px solid #cdcdcd;
    margin-right: 5px;
    font-size: 10px;
    color: #999;
    padding: 2px;
}

.qna_wrap li .qna_list.on .answer {
    border: 1px solid #12a5cb;
    background: #12a5cb;
    color: #fff;
}

/*@@@ 2015-04-21 border변경*/
.qna_wrap li .qna_list p {
    color: #747474;
}

.qna_wrap li .qna_list p span {
    color: #747474;
    font-size: 12px
}

.qna_wrap li .qna_list p span:nth-child(2) {
    padding-right: 5px;
}

.qna_wrap li .qna_list p span:last-child {
    padding-left: 5px;
}

.qna_wrap li .qna_list p em {
    font-size: 10px;
    color: #d5d5d5
}

.qna_wrap li .qna_list .title {
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 5px;
    font-size: 14px
}

.qna_wrap li .qna_cons {
    display: none;
    background: #f9f9f9;
}

.qna_wrap li .qna_cons .question {
    padding: 15px 10px;
    background: #f9f9f9;
    position: relative;
}

.qna_wrap li .qna_cons .question .btn_wrap {
    text-align: center;
    padding-top: 10px;
}

.qna_wrap li .qna_cons .answer {
    padding: 15px 0;
    margin: 10px 10px 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
}

.qna_wrap li .qna_cons .question em {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 21px;
    height: 21px;
    background-position: -160px -125px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.qna_wrap li .qna_cons .question p {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 14px
}

.qna_wrap li .qna_cons .question p span {
    display: block;
    padding-right: 10px;
    padding-top: 10px;
}

.qna_wrap li .qna_cons .question p span img {
    width: 100%;
}

.qna_wrap li .qna_cons .answer em {
    position: absolute;
    left: 0px;
    top: 12px;
    width: 21px;
    height: 21px;
    background-position: -160px -150px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.qna_wrap li .qna_cons .answer span {
    display: block;
    color: #999;
    font-size: 12px;
    padding-left: 25px;
}

.qna_wrap li .qna_cons .answer p {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 14px;
    padding-bottom: 5px;
}

.page_nate {
    padding: 0;
    position: relative;
    background: #fff;
    border-top: 1px solid #aaa;
}

.page_nate p {
    text-align: center;
    background: #f9f9f9;
    height: 49px;
    font-size: 14px;
    line-height: 49px;
}

.page_nate p em {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -180px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.page_nate p span {
    color: #aaa;
}

/* 더보기 버튼 추가 2016-11-29 */
.page_nate.ver02 {
    margin: 10px 0 0;
}

/* 더보기 개선 2017-09-11 */
.page_nate.ver03 {
    border-bottom: 1px solid #ddd;
    border-top: none;
}

.page_nate.ver03 p {
    height: 34px;
    background: #f4f4f4;
    font-size: 13px;
    color: #222;
    font-weight: bold;
    letter-spacing: -0.25px;
    line-height: 36px;
}

.page_nate.ver03 p span {
    position: relative;
    display: inline-block;
    margin-left: 7px;
    font-size: 14px;
    color: #888;
    font-weight: normal;
}

.page_nate.ver03 p span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -17px;
    width: 10px;
    height: 6px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -180px -270px;
    background-size: 300px auto;
}

/* 더보기 개선 2023-10-31  */
.page_nate.ver04 {
    border-top: 1px solid #ccc;
    padding: 15px 40px 20px 40px;
}

.page_nate.ver04 .line-box {
    display: block;
    width: 100%;
    height: 40px;
    padding: 11px 0;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    box-sizing: border-box;
    line-height: initial;
}

.page_nate.ver04 .line-box span {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #111;
}

.page_nate.ver04 a.btn-more span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 7px;
    margin-left: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_arrow_12x7.png) 0 0 no-repeat;
    background-size: 12px auto;
    vertical-align: middle;
    margin-top: -2px;
}

.page_nate.ver04 a.btn-more em {
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.28px;
    color: #888;
}

/* 상품평 질문,답변 아이콘 수정 2016-06-08 */
.qna_wrap li .qna_cons .question em.type02,
.qna_wrap li .qna_cons .answer em.type02 {
    top: 13px;
    width: 23px;
    height: 23px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -180px -90px;
    background-size: 300px auto;
}

.qna_wrap li .qna_cons .answer em.type02 {
    background-position: -205px -90px;
}

/* 상품상세 상품평 */
.goods_comment .goods_point {
    padding: 0 0;
    position: relative;
}

.goods_comment .goods_point span {
    font-size: 16px;
}

.goods_comment .goods_point span strong {
    font-size: 16px;
    color: #e51937
}

.goods_comment .goods_point a {}

.goods_comment .goods_point img {
    width: 100%;
}

.comment_point {
    padding: 15px 0;
    overflow: hidden;
}

.comment_point div {
    float: left;
    margin-top: 12px;
    width: 23%;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/goods/line_comment.png) right center no-repeat;
    background-size: 1px 18px
}

.comment_point div:last-child {
    background: none;
}

.comment_point div p {
    font-size: 11px;
    font-weight: normal;
}

.comment_point div p strong {
    font-size: 13px;
    font-weight: normal;
}

.comment_line {
    border-top: 1px solid #cdcdcd;
}

.star_inline {
    display: inline-block;
    position: relative;
    width: 47px;
    height: 10px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: 0 -35px;
    overflow: hidden;
    text-indent: -1000px;
}

.star_inline em {
    position: absolute;
    left: 0;
    top: 0;
    height: 10px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: 0 -50px;
    overflow: hidden;
    text-indent: -1000px;
}

.comment_point .total {
    font-size: 13px;
    margin-top: 0;
    text-align: center;
    width: 31%;
    background: url(//image.hnsmall.com/images/mobile2014/goods/line_comment_total.png) right center no-repeat;
    background-size: 1px 45px
}

.comment_point .total strong {
    font-size: 27px;
    font-weight: normal;
}

.comment_point .total .star_inline {
    display: inline-block;
    position: relative;
    width: 79px;
    height: 16px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side2.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -100px 0px;
    overflow: hidden;
    text-indent: -1000px;
}

.comment_point .total .star_inline em {
    position: absolute;
    left: 0;
    top: 0;
    height: 18px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side2.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -100px -20px;
    overflow: hidden;
    text-indent: -1000px;
}

.comment_info {
    font-size: 11px;
    color: #666;
    padding: 0 10px;
}

.comment_info span {
    color: #12a5cb;
}

.comment_info em {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: 0 -65px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
    margin-right: 3px;
}

.goods_comment h3 {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.goods_comment h3 span {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}

.goods_comment h3 span:last-child {
    float: right;
    padding-right: 10px;
    padding-top: 0;
    font-weight: normal;
}

.comment_list {
    padding: 1px 10px 10px;
    background: #ebebeb;
}

.comment_list li {
    border: 1px solid #cdcdcd;
    margin-top: 10px;
    border-radius: 3px;
    background: #fff;
}

.comment_list li .star_view {
    padding: 10px 0;
    background: #f9f9f9;
    overflow: hidden;
}

.comment_list li .star_view p {
    float: left;
    width: 33%;
    text-align: center;
    border-right: 1px solid #eaeaea;
}

.comment_list li .star_view strong {
    padding-left: 5px;
}

.comment_list li .star_view strong:first-child {
    padding-left: 0;
}

.comment_list li .comment_cons {
    padding: 10px 20px 20px;
}

.comment_list li .comment_cons p {
    color: #898989;
}

.comment_list li .comment_cons p span {
    color: #898989;
    font-size: 12px
}

.comment_list li .comment_cons p span:first-child {
    padding-right: 5px;
}

.comment_list li .comment_cons p span:last-child {
    padding-left: 5px;
}

.comment_list li .comment_cons p em {
    font-size: 10px;
    color: #d5d5d5
}

.comment_list li .comment_cons .cons {
    padding-top: 5px;
    font-size: 14px
}

.comment_list li .comment_cons .btn_wrap {
    text-align: center;
    padding-top: 10px;
}

.comment_list li .comment_cons .img_wrap {
    padding: 10px 0 0;
}

.comment_list li .comment_cons .img_wrap img {
    width: 85px;
    height: 85px;
}

.banner.mycomment {
    display: block;
    background: #10b7c5;
    text-align: center;
}

.banner.mycomment img {
    width: auto;
    height: 50px;
    vertical-align: top;
}

.banner.mycomment~.list_none {
    border-bottom: none;
    letter-spacing: -0.5px;
}

.banner.mycomment.v2 {
    margin-bottom: 10px;
    background: #826cfa;
}

.banner.mycomment.v2 img {
    height: 60px;
}

.myPrd_comment .myGoodsList>li {
    position: relative;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.myPrd_comment .myGoodsList>li .dateBx {
    padding: 0 10px;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.5px;
    line-height: 32px;
}

.myPrd_comment .myGoodsList>li .imgBox {
    position: absolute;
    left: 10px;
    top: 32px;
    z-index: 10;
    width: 75px;
}

.myPrd_comment .myGoodsList>li .imgBox img {
    width: 100%;
    vertical-align: top;
}

.myPrd_comment .myGoodsList>li .prdCont {
    position: relative;
    min-height: 75px;
    padding: 0 10px 12px 95px;
}

.myPrd_comment .myGoodsList>li .prdCont .prdTit {
    display: block;
    width: 100%;
    margin-top: -1px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.myPrd_comment .myGoodsList>li .prdCont .option {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #888;
    line-height: 1.1;
    letter-spacing: -0.5px;
}

.myPrd_comment .myGoodsList>li .commentInfo {
    position: relative;
    margin-top: 7px;
}

.myPrd_comment .myGoodsList>li .commentInfo em {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction_v2.png) no-repeat;
    background-size: 231px 127px;
}

.myPrd_comment .myGoodsList>li .commentInfo .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.myPrd_comment .myGoodsList>li .commentInfo .verywell {
    width: 52px;
    background-position: 0 -69px;
}

.myPrd_comment .myGoodsList>li .commentInfo .well {
    width: 35px;
    background-position: -61px -69px;
}

.myPrd_comment .myGoodsList>li .commentInfo .normal {
    width: 35px;
    background-position: -105px -69px;
}

.myPrd_comment .myGoodsList>li .commentInfo .dissatisfaction {
    width: 43px;
    background-position: -149px -69px;
}

.myPrd_comment .myGoodsList>li .commentInfo .date {
    display: inline-block;
    margin-left: 1px;
    font-size: 12px;
    color: #aaa;
    letter-spacing: -0.5px;
    line-height: 1;
    vertical-align: middle;
}

.myPrd_comment .myGoodsList>li .commentInfo .picture {
    display: inline-block;
    width: 16px;
    height: 15px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -85px -185px;
    background-size: 200px auto;
    font-size: 0;
    line-height: 0;
    color: transparent;
    vertical-align: middle;
}

.myPrd_comment .myGoodsList>li .commentInfo .more {
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -3px;
    width: 25px;
    height: 25px;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

.myPrd_comment .myGoodsList>li .commentInfo .more:before {
    display: inline-block;
    content: '';
    width: 16px;
    height: 9px;
    margin: 8px 0 0 4px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -227px;
    background-size: 200px auto;
}

.myPrd_comment .myGoodsList>li .desc {
    width: 90%;
    margin-top: 7px;
    font-size: 12px;
    color: #666;
    letter-spacing: -1px;
    line-height: 1.1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.myPrd_comment .myGoodsList>li .detailView {
    margin: 0 10px;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
    font-size: 14px;
    color: #666;
    line-height: 21px;
    letter-spacing: -0.5px;
}

.myPrd_comment .myGoodsList>li .detailView img {
    width: 100%;
    height: auto;
    margin-top: 10px;
    vertical-align: top;
}

.myPrd_comment .myGoodsList>li .detailView .img {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 10px;
}

.myPrd_comment .myGoodsList>li .detailView .img img {
    display: block;
    width: 100%;
    margin-top: 0;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .qplayer_wrapper {
    width: 100%;
    height: 100%;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .player-box {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .vod_close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100001;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .vod_close:before {
    display: block;
    content: '';
    width: 13px;
    height: 13px;
    margin: 8px 0 0 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -315px;
    background-size: 300px auto;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .vod_close span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .mov {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.myPrd_comment .myGoodsList>li .detailView .mov-play .mov .play-ico {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    background: url(//image.hnsmall.com/images/mobile2014/category/icon_play_54x54.png) no-repeat 0 0;
    background-size: 54px auto;
    font-size: 1px;
    color: transparent;
}

.myPrd_comment .myGoodsList>li .btnRect {
    position: relative;
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #e8e8e8
}

.myPrd_comment .myGoodsList>li .btn_etc {
    display: inline-block;
    border: 1px solid #bbb;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    letter-spacing: -0.75px;
    vertical-align: middle;
}

.myPrd_comment .myGoodsList>li .btn_write {
    position: absolute;
    right: 10px;
    bottom: 12px;
    line-height: 30px;
    letter-spacing: -0.75px;
}

.myPrd_comment .myGoodsList>li .btn_rebuy {
    position: absolute;
    right: 0;
    bottom: 10px;
    border: 1px solid #bbb;
    background: #bbb;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    letter-spacing: -0.75px;
}

.myPrd_comment .myGoodsList>li.active .detailView {
    display: block !important;
}

.myPrd_comment .myGoodsList>li.active .commentInfo .more:before {
    background-position: -85px -227px;
}

.btn_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 4;
    padding: 10px;
    border-top: 1px solid #ccc;
    background: #fff;
}

.btn_fixed .btn01 {
    display: block;
}

/* 상세이미지 */
/*.relpang_bn {margin-top:20px}*/
.relpang_bn img {
    width: 100%;
    vertical-align: top
}

.goods_list {
    margin: 0 10px;
    padding-top: 10px;
}

/*@@@ 2015-04-20 ak상품주문시 추가*/
.goods_list p {
    font-size: 15px;
    color: #565656;
    padding-bottom: 10px;
}

/*@@@ 2015-04-20 ak상품주문시 추가*/
.goods_img .img_all {
    text-align: center;
    padding: 15px 10px 0;
}

.goods_img .img_all span {
    font-size: 11px;
    color: #898989
}

.goods_img .img_all a {
    display: block;
}

.goods_img .img_all a em {
    display: inline-block;
    width: 13px;
    height: 12px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -127px -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.goods_img .img_all+.img_wrap {
    margin-top: 15px;
}

.goods_img .ovh {
    height: 500px;
    overflow: hidden;
}

.goods_img .img_wrap img {
    width: 100%;
}

.goods_img .img_wrap h2 {
    padding: 5px 10px;
    color: #dd1032;
}

.goods_img .img_wrap p {
    padding: 5px 10px;
}

.goods_img .more {
    text-align: center;
    padding: 15px 10px;
}

.goods_img .more a {
    display: block;
}

.goods_img .more a em {
    display: inline-block;
    width: 7px;
    height: 4px;
    vertical-align: middle;
    margin-left: 5px;
    background-position: -182px -70px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px;
}

.goods_img h3.title {
    border-top: 1px solid #d5d5d5;
    background: #f6f6f6;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #d5d5d5;
}

.goods_img .goos_info {
    padding: 10px;
}

.goods_img .goos_info table {
    width: 100%
}

.goods_img .goos_info th {
    width: 85px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    color: #868686;
}

.goods_img .goos_info td {
    padding-right: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    padding: 5px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.goods_img .goos_info td span {
    color: #12a5cb;
}

.goods_img .goos_info tr:last-child td,
.goods_img .goos_info tr:last-child th {
    border-bottom: none;
}

/* 좋아요 기능 */
.goods_favorite {
    margin: 10px 10px 0;
    padding: 15px 0;
    background: #f4f4f4;
    text-align: center;
}

.goods_favorite .tits {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}

.goods_favorite .btns {
    width: 100px;
    height: 30px;
    padding: 1px 15px 0;
    border: 1px solid #bbb;
    background: #fff;
    line-height: 1;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    vertical-align: middle;
    box-shadow: none;
    box-sizing: border-box;
}

.goods_favorite .btns:focus {
    outline: 0;
}

.goods_favorite .btns.good .txts {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
    color: #666;
    line-height: 1;
}

.goods_favorite .btns.good .txts:after {
    position: absolute;
    right: 0;
    top: 1px;
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -30px;
    background-size: 300px auto;
    background-position: -110px -130px;
}

.goods_favorite .btns.bad .txts {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
    color: #666;
    line-height: 1;
}

.goods_favorite .btns.bad .txts:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    content: '';
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -30px;
    background-size: 300px auto;
    background-position: -130px -130px;
}

.goods_favorite .btns .cnt {
    display: inline-block;
    font-size: 13px;
    color: #333;
}

.goods_favorite .good.on {
    border: 1px solid #e51937;
    background: #e51937;
}

.goods_favorite .good.on .txts {
    color: #fff;
}

.goods_favorite .good.on .txts:after {
    background-position: -110px -145px;
}

.goods_favorite .bad.on {
    border: 1px solid #888;
    background: #888;
}

.goods_favorite .bad.on .txts {
    color: #fff;
}

.goods_favorite .bad.on .txts:after {
    background-position: -130px -145px;
}

.goods_favorite .btns.on .cnt {
    color: #fff;
    font-weight: bold;
}

/* 상품정보고시 테이블 수정 2016-08-02 */
.goods_img .goos_info.prdInfo th {
    width: 77px;
    font-size: 13px;
}

.goods_img .goos_info.prdInfo td {
    font-size: 13px;
}

.img_detail_wrap {
    position: relative;
}

.img_detail_wrap .img_detail img {
    width: 100%;
}

.img_detail_wrap .img_detail h2 {
    padding: 5px 10px;
    color: #dd1032;
}

.img_detail_wrap .img_detail p {
    padding: 5px 10px;
}

.img_detail_wrap h3.title {
    border-top: 1px solid #d5d5d5;
    background: #f6f6f6;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    border-bottom: 1px solid #d5d5d5;
}

.img_detail_wrap .goos_info {
    padding: 10px;
}

.img_detail_wrap .goos_info table {
    width: 100%
}

.img_detail_wrap .goos_info th {
    width: 85px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    padding: 5px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
    color: #868686;
}

.img_detail_wrap .goos_info td {
    padding-right: 10px;
    vertical-align: top;
    text-align: left;
    font-size: 14px;
    padding: 5px;
    color: #666;
    border-bottom: 1px solid #eee;
}

.img_detail_wrap .goos_info td span {
    color: #12a5cb;
}

.img_detail_wrap .goos_info tr:last-child td,
.img_detail_wrap .goos_info tr:last-child th {
    border-bottom: none;
}

.img_detail_wrap .arrow {}

.img_detail_wrap .arrow .prev a,
.img_detail_wrap .arrow .next a {
    z-index: 100;
    display: block;
    position: fixed;
    top: 50%;
    left: 0;
    width: 33px;
    height: 53px;
    margin-top: -45px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.img_detail_wrap .arrow .next a {
    left: auto;
    right: 0;
    background-position: -35px -30px;
}

.img_detail_wrap .bx-controls {
    display: none;
}

div.goods_info_size {
    padding: 0 8px;
}

div.goods_info_size h2 {
    padding-left: 0 !important;
}

div.goods_info_size .goodsinforBox {
    border: 1px solid #dddddd;
    background: #f5f5f5;
    padding: 15px 7px
}

div.goods_info_size .goodsinforBox h2 {
    padding-left: 0 !important;
}

div.goods_info_size .goodsinforBox h3 {
    color: #474b56;
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 10px
}

/*@@@ 2015-05-29 수정*/
div.goods_info_size .goodsinforBox h3 img {
    width: 191px;
    padding-bottom: 10px
}

div.goods_info_size .goodsinforBox ul.step3 {
    display: inline-block;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ffffff;
    margin-bottom: 10px;
    width: 100%
}

/*@@@ 2015-05-29 수정*/
div.goods_info_size .goodsinforBox ul.step3 li {
    float: left;
    font-size: 13px;
    width: 94px;
    text-align: center;
    color: #666;
    padding: 0;
    border-right: 1px solid #c5c5c5;
    width: 33%;
    line-height: 28px
}

/*@@@ 2015-05-29 수정*/
div.goods_info_size .goodsinforBox ul.step3 li:last-child {
    border-right: none;
}

div.goods_info_size .goodsinforBox ul.step3 li.chek {
    display: inline-block;
    color: #fff;
    background: #dd1032;
}

div.goods_info_size .goodsinforBox ul.step3 li:nth-child(1).chek {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

/*@@@ 2015-05-29 추가*/
div.goods_info_size .goodsinforBox ul.step3 li:nth-child(3).chek {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

/*@@@ 2015-05-29 추가*/

div.goods_info_size .goodsinforBox ul.step4 {
    display: inline-block;
    border: 1px solid #c5c5c5;
    background: #ffffff;
    margin-bottom: 10px;
    width: 100%
}

div.goods_info_size .goodsinforBox ul.step4 li {
    float: left;
    font-size: 11px;
    width: 70px;
    text-align: center;
    color: #666;
    padding: 0;
    border-right: 1px solid #c5c5c5;
    width: 33%;
    line-height: 20px
}

div.goods_info_size .goodsinforBox ul.step4 li:last-child {
    border-right: none;
}

div.goods_info_size .goodsinforBox ul.step4 li.chek {
    display: inline-block;
    color: #fff;
    background: #dd1032;
}

div.goods_info_size .goodsinforBox p.total {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    padding-left: 0 !important;
}

/*@@@ 상품사이즈, 소재정보 2015-05-29 추가 */
.goodsinfoTxt {
    background: #ffffff;
    padding: 15px 10px;
    margin: 10px 0;
    font-weight: bold;
}

.goodsinfoTxt em {
    display: inline-block;
    width: 22px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -150px -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.comment_info5 {
    font-size: 14px;
    color: #666;
    padding: 5px 10px 10px 20px;
    position: relative;
}

.comment_info5 em {
    position: absolute;
    top: 6px;
    left: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -75px -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
    margin-right: 3px;
}

/* 상품평 쓰기 */
.write_zone {
    margin: 0 10px;
}

.write_zone h3 {
    font-size: 13px;
}

.write_zone p {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #e1e1e1;
    padding: 5px 0 5px 10px;
    margin-top: 5px;
}

.write_zone p input {
    border: none;
    width: 100%;
    text-indent: 0;
    background: #fff;
}

.write_zone .wz_con {
    width: 100%;
    margin-top: 5px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.write_zone .wz_con .wz_textarea {
    padding: 10px;
}

.write_zone .wz_con textarea {
    width: 100%;
    min-height: 100px;
    text-align: justify;
    resize: none;
}

.list_thum_goods {}

.list_thum_goods {
    overflow: hidden;
    padding: 10px 0 6px;
}

.list_thum_goods li {
    position: relative;
    float: left;
    margin-right: 15px;
    font-size: 0
}

.list_thum_goods li:last-child {
    margin-right: 0;
}

.list_thum_goods li img {
    width: 90px;
    height: 90px;
}

.list_thum_goods li a:nth-child(1) {
    position: relative;
    display: block;
    width: 88px;
    height: 88px;
    border: 1px solid #eee;
    text-indent: -9999px;
}

.list_thum_goods li a:nth-child(1):before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -17px;
    width: 34px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat -30px 0;
    background-size: 200px auto;
}

.list_thum_goods li a:nth-child(2) {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -90px;
    background-size: 300px auto;
    text-indent: -9999px;
}

.list_thum_goods li input {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    cursor: pointer;
    opacity: 0;
}

/*@@@2015-05-29 상품평쓰기 V2*/
.comment_zone .goods_point2 img {
    width: 100%
}

.comment_zone .goods_point2.v2 {
    background: #826cfa;
    text-align: center;
}

.comment_zone .goods_point2.v2 img {
    width: auto;
    height: 60px;
}

.comment_zone h2 {
    padding: 20px 10px;
    font-size: 1.2em;
}

.comment_zone h2 span {
    font-size: 13px;
    font-weight: normal;
    color: #898989;
}

.comment_zone .info_txt {
    margin: 14px 10px 10px;
    border-top: 1px solid #ddd;
    text-align: left;
}

.comment_zone .info_txt .tit {
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.comment_zone .info_txt .tit:before {
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -50px -118px;
    background-size: 200px auto;
}

.comment_zone .info_txt .tit+.bulletTxt {
    margin-top: 6px;
}

.comment_zone .info_txt ul.bulletTxt li {
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.comment_zone .info_txt ul.bulletTxt li a {
    color: inherit;
}

.comment_tit {
    height: 40px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #565656;
    background: #f4f4f4;
    line-height: 40px;
}

.comment_st1 {
    padding: 15px 10px;
    text-align: center;
}

/*@@@ 2015-06-30 수정*/
.comment_st1 ul {
    display: inline-block;
}

.comment_st1 ul:after {
    display: block;
    clear: both;
    content: ""
}

.comment_st1 ul li {
    display: inline;
    float: left;
    width: 25%;
}

.comment_st1 ul li.on {
    color: #ffffff;
}

.comment_st1 ul li span {
    display: inline;
    float: left;
    width: 65px;
    height: 65px;
    margin: 0 2px;
    border: 1px solid #cdcdcd;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    text-align: center;
}

/*@@@ 2015-06-30 수정*/
.comment_st1 ul li span em {
    display: block;
    padding: 25px 0;
}

/*@@@ 2015-06-30 수정*/
.comment_st1 ul li:nth-child(1) span em {
    padding: 18px 0;
}

/*@@@ 2015-06-30 수정*/
.comment_st1 ul li.chek1.on span {
    border: 1px solid #e8404d;
    background: #e8404d;
}

.comment_st1 ul li.chek2.on span {
    border: 1px solid #f8b13f;
    background: #f8b13f;
}

.comment_st1 ul li.chek3.on span {
    border: 1px solid #12a5cb;
    background: #12a5cb;
}

.comment_st1 ul li.chek4.on span {
    border: 1px solid #898989;
    background: #898989;
}

.comment_st2 {
    padding: 20px 0 10px 10px;
}

/*@@@ 2015-07-14 수정*/
.comment_st2 div {
    padding-bottom: 15px;
}

/*@@@ 2015-07-14 수정*/
.comment_st2 div span {
    font-weight: bold;
    color: #898989;
}

/*@@@ 2015-07-14 수정*/
.comment_st2 div ul {
    padding-top: 10px;
}

.comment_st2 ul:after {
    display: block;
    clear: both;
    content: ""
}

.comment_st2 ul li {
    display: inline;
    float: left;
    width: 31%;
    margin: 0 2px;
    padding: 8px 0;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
}

/*@@@ 2015-07-14 수정*/
.comment_st2 ul li:last-child {
    margin: 0px 0px 0px 2px;
}

.comment_st2 ul li.ck {
    display: block;
    border: 1px solid #e51937;
    background: #e51937;
    color: #fff;
}

.comment_st2 ul li.txt {
    letter-spacing: -1px;
}

/*@@@ 2015-07-14 추가*/

.com_write {
    padding: 20px 10px;
}

.com_write .text_wrap {
    padding: 15px;
    border: 1px solid #cdcdcd;
    background: #ffffff;
}

.text_wrap textarea {
    width: 100%;
    min-height: 108px;
    font-size: 12px;
    text-align: justify;
    line-height: 18px;
    resize: none;
    background: #ffffff;
    color: #666;
}

.com_write .text_wrap .byte {
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    letter-spacing: -0.26px;
}

.com_write .text_wrap ::-webkit-input-placeholder::after {
    display: block;
    content: "* 개인정보(고객번호, 휴대폰번호, 송장번호)를 기재하지 마십시오.";
}

.com_write .text_wrap -input-placeholder::after {
    display: block;
    content: "* 개인정보(고객번호, 휴대폰번호, 송장번호)를 기재하지 마십시오.";
}

.com_write .text_wrap ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #aaa;
}

.com_write .text_wrap ::-moz-placeholder {
    /* Firefox 19+ */
    color: #aaa;
}

.com_write .text_wrap :-ms-input-placeholder {
    /* IE 10+ */
    color: #aaa;
}

.com_write .text_wrap :-moz-placeholder {
    /* Firefox 18- */
    color: #aaa;
}

.list_goods_zone {
    border-bottom: 4px solid #eeeeee;
    text-align: center;
}

.list_goods {
    display: inline-block;
    overflow: hidden;
    padding: 15px 10px 30px;
}

.list_goods li {
    position: relative;
    float: left;
    margin-right: 15px;
    font-size: 0
}

.list_goods li:last-child {
    margin-right: 0;
}

.list_goods li img {
    width: 90px;
    height: 90px;
}

.list_goods li a:nth-child(1) {
    display: block;
    width: 88px;
    height: 88px;
    border: 1px solid #eee;
    text-indent: -9999px;
}

.list_goods li a:nth-child(1):before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -17px;
    width: 34px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat -30px 0;
    background-size: 200px auto;
}

.list_goods li a:nth-child(2) {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -90px;
    background-size: 300px auto;
    text-indent: -9999px;
}

/*2015-11-27 background position 값 수정 */
.list_goods li input {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
}

.list_goods_zone.v2 .radio-box {
    margin: 20px 15px 0;
    text-align: left;
}

.list_goods_zone.v2 .radio-box li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #333;
    vertical-align: top;
    box-sizing: border-box
}

.list_goods_zone.v2 .radio-box li+li {
    margin-left: 55px;
}

.list_goods_zone.v2 .radio-box li button {
    position: relative;
    border: 0;
    background-color: transparent;
}

.list_goods_zone.v2 .radio-box li button:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/category/icon_radio_20x20.png) 0 -25px no-repeat;
    background-size: 20px auto;
    vertical-align: top;
    border: 0;
}

.list_goods_zone.v2 .radio-box li button span {
    display: inline-block;
    line-height: 20px;
    color: #333;
}

.list_goods_zone.v2 .radio-box li.on button:before {
    background-position: 0 0;
}

.list_goods_zone.v2 .list_goods {
    display: flex;
    flex-wrap: wrap;
    margin: 0 11px;
    padding: 16px 0 36px;
}

.list_goods_zone.v2 .list_goods li {
    float: none;
    position: relative;
    width: 33.333%;
    padding-bottom: 33.333%;
    margin: 0;
    box-sizing: border-box;
}

.list_goods_zone.v2 .list_goods li:first-child {
    margin-left: 0;
}

.list_goods_zone.v2 .list_goods li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4px;
    object-fit: cover;
    box-sizing: border-box;
}

.list_goods_zone.v2 .list_goods li a:nth-child(1) {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4px;
    border: 0;
    box-sizing: border-box
}

.list_goods_zone.v2 .list_goods li a:nth-child(1):before {
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    margin: 0;
    background: url(//image.hnsmall.com/images/mobile2014/category/icon_camera_50x50.png) no-repeat 0 0;
    background-size: 50px auto;
}

.list_goods_zone.v2 .list_goods li a:nth-child(1):after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid #ddd;
}

.list_goods_zone.v2 .list_goods.upload-box {
    display: none;
    margin: 0 15px;
}

.list_goods_zone.v2 .list_goods.upload-box .upload {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 54.78%;
    border: 1px solid #eee;
    box-sizing: border-box
}

.list_goods_zone.v2 .list_goods.upload-box .upload .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.list_goods_zone.v2 .list_goods.upload-box .upload i.icon-mov {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/category/icon_vod_50x50.png) center center no-repeat;
    background-size: 50px auto;
}

.list_goods_zone.v2 .list_goods.upload-box .upload span {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.28px;
    color: #888;
}

.list_goods_zone.v2 .list_goods.upload-box .upload input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play img {
    display: block;
    width: 100%;
    height: 100%;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .mov {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .mov .play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    background: url(//image.hnsmall.com/images/mobile2014/category/icon_play_54x54.png) no-repeat 0 0;
    background-size: 54px auto;
    font-size: 1px;
    color: transparent;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .del-btn {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -90px;
    background-size: 300px auto;
    font-size: 1px;
    color: transparent
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .player-box {
    display: none;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .qplayer_wrapper {
    width: 100%;
    height: 100%;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .qplayer_wrapper video {
    display: block;
    width: 100%;
    height: 100%;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .vod_close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100001;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .vod_close:before {
    display: block;
    content: '';
    width: 13px;
    height: 13px;
    margin: 8px 0 0 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -315px;
    background-size: 300px auto;
}

.list_goods_zone.v2 .list_goods.upload-box .mov-play .vod_close span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.list_goods_zone.v2 .list_goods.upload-box .bulletTxt {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.24px;
    color: #888;
    text-align: left;
}

.list_goods_zone.v2 .list_goods.upload-box .bulletTxt:before {
    top: 7px;
    width: 4px;
    height: 4px;
    background-color: #888;
}

/* 상품점수 */
.grade_zone {
    padding: 4px 4px 3px 15px;
    margin: 0 10px;
    border-top: 5px solid #eee;
    border-bottom: 5px solid #eee;
}

.grade_zone.food {
    margin-top: 0 !important;
}

.grade_zone dl {
    overflow: hidden;
    margin: 0 0 1px 0;
}

.grade_zone dl:after {
    content: '';
    display: block;
    clear: both;
}

.grade_zone dl dt {
    float: left;
    width: 18%;
    font-size: 14px;
    line-height: 28px;
    vertical-align: middle;
    color: #898989;
    padding-top: 3px;
}

.grade_zone dl dd {
    float: left;
    width: 82%;
    height: 25px;
    background: #fff;
    padding: 5px 0;
}

.grade_zone dl ul li {
    float: left;
    width: 20%;
}

.grade_zone dl li span {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -30px -90px;
    background-size: 300px auto;
    text-indent: -9999px;
    cursor: pointer;
}

.grade_zone dl li .on {
    background-position: -60px -90px;
}

/* 개발팀 추가요청 css */
.goods .txt_btn .input_file1 {
    float: right;
    margin-right: 10px;
}

.goods .txt_btn .input_file {
    position: absolute;
    overflow: hidden;
    width: 110px;
    height: 40px;
}

.goods .txt_btn .input_file_type {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40px;
    width: 97px;
    opacity: 0;
}

/* button */
.btn_center_zone {
    text-align: center;
}

.btn_center_zone a:last-child {
    margin-left: 2px;
}

.btn_center_zone20 {
    text-align: center;
    padding-top: 20px
}

/* 고객상품평 */
.goods .txt_btn {
    overflow: hidden;
    margin: 8px 10px 0;
    position: relative;
}

.goods .txt_btn span {
    float: left;
    font-size: 11px;
    line-height: 11px;
    vertical-align: top;
}

.goods .txt_btn a {
    float: right;
    vertical-align: top;
}

.goods .txt_btn input[type="file"] {
    position: absolute;
    right: 0px;
    top: 0;
    width: 97px;
    height: 40px;
    opacity: 0
}

.goods .grade_zone {
    margin-bottom: 15px;
}

.goods .nomt {
    margin-top: 0 !important;
}

.goods .btn_center_zone {
    padding: 8px 0 26px;
}

.write_tit {
    padding: 5px 10px;
}

/* 고객 성별, 연령대 노출 2015-03-05 추가 , 2015-03-06 추가수정*/
.goods .gender_zone {
    margin: 0 10px;
}

.goods .gender_view {
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.gender_check_wrap {
    padding-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden
}

.gender_check_wrap .gender_box {
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    padding: 12px;
    margin-bottom: 5px;
    ;
}

.gender_check_wrap .gender_box span {
    padding-left: 50px;
}

.gender_check_wrap table th {
    width: 90px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: middle;
}

.gender_check_wrap table td {
    text-align: left;
    font-size: 14px;
}

.goods .gender_zone span {
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

.goods .gender_zone .gender_option_in {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
}

/*2015-11-27 gender_option_in css추가 -> display 문구 추가*/
.goods .gender_zone .gender_w_m {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 5px;
}

/*2015-11-27 gender_w_m css추가 -> padding-bottom 문구 추가*/
.goods .gender_zone span.gender_checkS {
    font-size: 12px;
    color: #898989;
}

.goods .gender_zone span.gender_checkS input {
    vertical-align: bottom;
}

/*.goods .gender_zone span.gender_checkS input[type="checkbox"]{width:20px;height:20px;border:none !important;border-radius:0;background-image:url(//image.hnsmall.com/images/mobile2014/member/ico_member.png); background-position: 0 0; background-repeat: no-repeat; background-size:300px 200px}
.goods .gender_zone span.gender_checkS input:checked[type="checkbox"]{width:20px;height:20px;border:none !important;background-image:url(//image.hnsmall.com/images/mobile2014/member/ico_member.png); background-position: 0 -20px; background-repeat: no-repeat; background-size:300px 200px;background-color:#fff}*/
.goods .gender_zone input {
    vertical-align: middle;
}

.goods .gender_zone .bt {}


/* 장바구니 */
.order {
    background: #fff;
}

.cart {
    padding-bottom: 0 !important;
    background: #eee;
}

.cart_use_guide {
    padding: 20px 10px 0;
}

.cart_use_guide dt {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}

.cart_use_guide dt:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

.cart_use_guide dd {
    padding: 0;
}

.cart_use_guide dd .sale_info {
    font-size: 14px;
    color: #898989;
    padding-bottom: 3px;
    position: relative;
    padding-left: 8px;
}

/*@@@ 2015-04-07 팝업 폰트크기 변경*/
.cart_use_guide dd .sale_info em {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.cart_use_guide dd .sale_info span {
    color: #12a5cb
}

.order h1 .info {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -120px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.btn_top_wrap {
    height: 51px;
    overflow: hidden;
}

.order .cart_btn {
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}

.order .cart_btn.active {
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #cdcdcd;
}

.order .cart_btn li {
    float: left;
    height: 40px;
    overflow: hidden;
    width: 33%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    line-height: 40px
}

.order .cart_btn li input {
    vertical-align: middle;
}

.order .cart_btn li:nth-child(2) {
    width: 34%;
}

.order .cart_btn li a {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
    color: #565656;
}

.order .cart_btn li:nth-child(2) a em {
    display: inline-block;
    width: 15px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -180px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.order .cart_btn li:nth-child(3) a em {
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -20px -180px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

/* 위시리스트 히든처리 */
.order .cart_btn li:nth-child(1) {
    width: 50%;
    padding-left: 21px;
    text-align: left;
}

.order .cart_btn li:nth-child(2) {
    display: none;
}

.order .cart_btn li:nth-child(3) {
    width: 50%;
    padding-right: 21px;
    text-align: right;
}

.order .wish_btn {
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}

.order .wish_btn.active {
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #cdcdcd;
}

.order .wish_btn li {
    float: left;
    height: 40px;
    overflow: hidden;
    width: 30%;
    text-align: center;
    line-height: 40px
}

.order .wish_btn li input {
    vertical-align: middle;
}

.order .wish_btn li:nth-child(3) {
    width: 40%;
}

.order .wish_btn li a {
    display: block;
    font-size: 14px;
    color: #565656;
}

.order .wish_btn li:nth-child(2) a em {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.order .wish_btn li:nth-child(3) a em {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.order .new_pd_btn {
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;
}

.order .new_pd_btn.active {
    position: fixed;
    left: 0;
    top: 45px;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #cdcdcd;
}

.order .new_pd_btn li {
    float: left;
    height: 40px;
    overflow: hidden;
    width: 33.333%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    line-height: 40px
}

.order .new_pd_btn li input {
    vertical-align: middle;
}

.order .new_pd_btn li a {
    display: block;
    font-size: 14px;
    color: #565656;
    padding: 0;
}

.order .new_pd_btn li:nth-child(2) a em {
    display: inline-block;
    width: 15px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -120px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.order .new_pd_btn li.basket {
    display: block;
}

.order .new_pd_btn li.basket a em {
    display: inline-block;
    overflow: hidden;
    width: 14px;
    height: 14px !important;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -60px;
    background-size: 200px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

/* 위시리스트 히든처리 */
.order .new_pd_btn li:nth-child(1) {
    width: 50%;
    padding-left: 21px;
    text-align: left;
}

.order .new_pd_btn li:nth-child(2) {
    display: none;
}

.order .new_pd_btn li:nth-child(3) {
    width: 50%;
    padding-right: 21px;
    text-align: right;
}

.order .info_wrap {
    padding: 10px 10px 0;
    background: #fff;
}

.order .inner_bx {
    border: 1px solid #ddd;
    padding: 10px 0;
    font-size: 13px;
    color: #666;
    text-align: center;
}

.order .info_wrap+.btn_top_wrap .new_pd_btn li:nth-child(1) {
    padding-left: 10px;
}

.order .info_wrap+.btn_top_wrap .new_pd_btn li:nth-child(3) {
    padding-right: 10px;
}

.order_list_wrap.payment li {
    /*margin-bottom: 5px !important;*/
    margin-top: 15px;
}

/* @@@ 2015-06-11 수정*/
.order_list_wrap.payment .order_list:first-child li {
    margin-top: 0;
}

.order_list_wrap.detail {
    padding-bottom: 1px;
}

.order_list {
    padding: 0 10px;
}

.order_list li {
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #cdcdcd;
}

.order_list li ul li {
    background: #fff;
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
    border: none
}

.order_list .bundle {
    margin-bottom: 0 !important;
    border-bottom: 1px solid #aaa;
}

.order_list li .checkbox {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 2
}

.order_list li .checkbox span {
    float: left;
    height: 20px;
}

.order_list li .checkbox a {
    float: right;
    margin-top: 4px;
    width: 13px;
    height: 12px;
    vertical-align: -2px;
    margin-right: 3px;
    background-position: -166px -60px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px;
}

.order_list li .product_box {
    padding: 10px;
}

.order_list li .product_box.bdt1 {
    border-top: 1px solid #ddd;
}

.order_list li .product_box .product_tit {
    font-size: 16px;
    display: block;
    overflow: hidden;
    /*text-overflow:ellipsis;white-space:nowrap;*/
    color: #232323;
}

/*@@@2015-06-11 padding 삭제 */
.order_list li .product_box .product_tit input {
    vertical-align: middle;
}

.order_list li .product {
    position: relative;
    padding-left: 87px;
    min-height: 75px;
    overflow: hidden;
}

.order_list li .product .text {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    margin-bottom: 5px;
}

.order_list li .product .img {
    position: absolute;
    left: 0;
    top: 0;
}

.order_list li .product .img img {
    width: 75px;
    height: 75px;
}

.order_list li .product .sale {
    font-size: 12px;
    color: #e51937;
}

.order_list li .product .price {
    font-size: 14px;
    padding-bottom: 5px;
}

.order_list li .product .price strong {
    font-size: 18px
}

.order_list li .product .price del {
    font-size: 12px;
    color: #565656;
    display: block;
}

.order_list li .product .pd_op {
    color: #898989;
    font-size: 12px;
    padding: 0 0 5px;
    line-height: 16px
}

.order_list li .product .benefit {
    font-size: 12px;
    padding-bottom: 5px;
    color: #666;
    position: relative;
    padding-top: 1px;
}

.order_list li .product .benefit span:first-child {
    margin-left: 0 !important;
}

.order_list li .product .benefit .save {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
}

.order_list li .product .benefit .noint {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
}

.order_list li .product .benefit .delivery {
    border: 1px solid #19bfbf;
    padding: 0 1px;
    color: #19bfbf;
    font-size: 12px;
    margin-right: 3px;
    margin-left: 3px;
}

.order_list li .product .benefit .comment {
    position: absolute;
    right: 0;
}

.order_list li .product .benefit .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 12px;
}

.order_list li .product .benefit .soldout {
    border: 1px solid #e51937;
    background: #e51937;
    padding: 0 1px;
    color: #fff;
    font-size: 12px;
}

.order_list li .btn_whis {
    position: absolute;
    top: 75px;
    right: 10px;
}

.order_list li .btn_whis em {
    display: inline-block;
    width: 15px;
    height: 12px;
    vertical-align: middle;
    margin-right: 3px;
    background-position: -92px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px;
}

/*
.order_list li .gift{position: relative;padding-left: 70px;min-height: 47px;overflow: hidden;}
.order_list li .gift .text_g{font-size: 12px;display:block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; margin-top: 15px;}
.order_list li .gift .text_g span{display: inline-block;color: #fff;margin-right: 3px;background: #bbb;font-size: 11px;padding: 2px;}
.order_list li .gift .img_g{position: absolute;left: 20px;top: 6px;}
.order_list li .gift .img_g img{width: 40px}
.order_list li .gift em{position: absolute;left: 3px;top: 2px;display: block;width: 12px;height: 12px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);background-repeat: no-repeat;background-size:200px 100px;background-position: -180px -60px;overflow: hidden;text-indent: -1000px}
*/
.order_list li .option {
    margin: 10px;
    padding-left: 75px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.order_list li .option p {
    font-size: 11px;
    color: #898989;
    position: absolute;
    left: 5px;
    top: 1px;
}

.order_list li .option div {
    font-size: 12px;
    color: #565656;
}

.order_list li .option select {
    width: 100%;
    min-width: 110px;
    -webkit-appearance: none;
    height: 32px;
    overflow: hidden;
    padding-right: 25px;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
}

.order_list li .option_sel {
    border-top: 1px solid #cdcdcd;
}

.order_list li .option_sel .option {
    border-bottom: 1px solid #ddd;
}

.order_list li .option_sel .option p {
    top: 8px;
}

.order_list li .option_sel .option em:first-child {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: 0 0;
    overflow: hidden;
    text-indent: -1000px
}

.order_list li .option_sel .option em:last-child {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    background-position: -35px 0;
    overflow: hidden;
    text-indent: -1000px
}

.order_list li .option_sel .option span {
    vertical-align: middle;
    font-size: 15px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    background: #f9f9f9;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 3px;
}

.order_list li .option_sel .option input {
    margin: 0 3px;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    text-indent: 0
}

.order_list li .option_sel .btn_con {
    text-align: center;
    padding-bottom: 10px;
}

.order_list li .option_new {
    border-top: 1px solid #cdcdcd;
    padding: 10px;
}

.order_list li .option_new .options {
    padding-bottom: 5px;
}

.order_list li .option_new .options.num {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.order_list li .option_new .options em:first-child,
.order_list li .option_new .options em:last-child {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -1000px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
}

.order_list li .option_new .options em:first-child:before,
.order_list li .option_new .options em:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -60px;
    background-size: 300px auto;
}

.order_list li .option_new .options em:last-child:before {
    background-position: -90px -60px;
}

.order_list li .option_new .options span {
    vertical-align: middle;
    font-size: 15px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    background: #f9f9f9;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 3px;
}

.order_list li .option_new .options input {
    margin: 0 3px;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    text-indent: 0
}

.order_list li .option_new .btn_con {
    text-align: center;
    padding-bottom: 10px;
}

.order_list li .price_wrap {
    margin: 0 10px;
    padding-left: 75px;
    position: relative;
    padding-bottom: 10px;
}

.order_list li .price_wrap p {
    font-size: 11px;
    color: #898989;
    position: absolute;
    left: 5px;
    top: 1px;
}

.order_list li .price_wrap div {
    font-size: 12px;
    color: #232323;
}

.order_list li .price_wrap span {
    font-size: 15px;
    color: #e51937;
    display: block;
}

.order_list li .btn_area {
    background: #f9f9f9;
    padding: 15px;
}

.order_list li .btn_area li {
    float: left;
    margin-bottom: 0;
}

.order_list li .btn_area li:nth-child(1) {
    width: 25%;
}

.order_list li .btn_area li:nth-child(2) {
    width: 45%;
}

.order_list li .btn_area li:nth-child(3) {
    width: 30%;
}

.order_list li .btn_area li a {
    display: block;
    border-radius: 3px
}

.order_list li .btn_area li a.on {
    color: #fff !important;
    background: #898989 !important;
    border: 1px solid #898989 !important;
}

.order_list li .bundle_wrap {
    padding-left: 85px;
    position: relative;
    padding-bottom: 10px;
    border-top: 1px solid #aaa;
    padding-right: 10px;
    padding-top: 15px;
}

.order_list li .bundle_wrap p {
    font-size: 11px;
    color: #898989;
    position: absolute;
    left: 15px;
    top: 16px;
}

.order_list li .bundle_wrap div {
    font-size: 12px;
    color: #232323;
}

.order_list li .bundle_wrap span {
    font-size: 18px;
    color: #e51937;
    display: block;
}

.order_list li .btn_bundle {
    text-align: center;
    padding-bottom: 15px;
}

.order_list li .btn_bundle a.on {
    color: #fff !important;
    background: #898989 !important;
    border: 1px solid #898989 !important;
}

.order_list li .product .option_num.on {
    color: #fff !important;
    background: #898989 !important;
    border: 1px solid #898989 !important;
}

.order_list li .out {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    height: 100%;
    width: 100%;
}

.order_list li .out .bg {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    opacity: 0.7
}

.order_list li .out p {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    z-index: 6;
    height: 37px;
    line-height: 37px;
    border-radius: 20px;
    width: 100px;
    text-align: center;
    margin-left: -50px;
    margin-top: -18px;
    font-size: 16px
}

.order_list li .out .black {
    background: #444;
}

.order_list li .out .red {
    background: #e83a54;
}

.order_list li .order_price {
    position: relative;
    padding: 12px 100px 14px 10px;
    background: #f9f9f9;
    border-top: 1px solid #cdcdcd;
    border-radius: 0 0 3px 3px;
}

.order_list li .order_price a {
    position: absolute;
    right: 10px;
    top: 15px;
}

.order_list li .order_price .top {
    font-size: 12px
}

.order_list li .order_price .bot {
    font-size: 18px;
    color: #e51937;
}

.order_list li .order_price .bot span {
    font-size: 18px
}

/* 총주문금액 천만단위 적용 2016-11-07 */
.order_list li .order_price.type02 .bot {
    font-size: 16px;
}

.order_list li .order_price.type02 .bot span {
    font-size: 16px
}

.order .btn_order {
    padding: 4px 10px 25px;
    background: #fff;
}

.order .btn_order p {
    padding-bottom: 5px;
}

.order .btn_order p a {
    display: block;
    border-radius: 3px
}

.order .btn_order p.com {
    text-align: center;
    color: #898989;
    font-size: 12px
}

.order .bdt1 {
    border-top: 1px solid #aaa;
}

.detail li {
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

/* 주문상품내역*/

.total_wrap {
    background: #fff;
    padding: 5px 0;
}

.total_wrap.bgn {
    background: #eee;
    padding: 0 0 20px;
}

.total_wrap .total_price {
    overflow: hidden;
    margin: 10px 10px 0;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 10px;
    border-radius: 3px 3px 0 0;
}

.total_wrap.bgn .total_price {
    margin: 0 10px 0 !important;
}

.total_wrap .total_price li {
    float: left;
    text-align: center;
}

.total_wrap .total_price li em.plus,
.total_wrap .total_price li em.minus {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    background: #e51937;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
}

.total_wrap .total_price li em.plus:before,
.total_wrap .total_price li em.minus:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -40px -180px;
    background-size: 300px auto;
}

.total_wrap .total_price li em.minus:before {
    background-position: -55px -180px;
}

.total_wrap .total_price li p span {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #565656;
}

.total_wrap .total_price li p strong {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
}

.total_wrap .total_price li:nth-child(1),
.total_wrap .total_price li:nth-child(5) {
    width: 28%;
}

.total_wrap .total_price li:nth-child(3) {
    width: 24%;
}

.total_wrap .total_price li:nth-child(2) {
    width: 10%;
}

.total_wrap .total_price li:nth-child(4) {
    width: 10%;
}

.total_wrap .total_result {
    margin: 0 10px 0;
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    border-top: none;
    position: relative;
    background: #f9f9f9;
}

.total_wrap .total_result p {
    position: absolute;
    left: 10px;
    top: 15px;
    font-size: 16px;
}

.total_wrap .total_result span {
    display: block;
    text-align: right;
    color: #e51937;
    font-size: 20px
}

.total_wrap .total_result span strong {
    font-weight: normal;
    font-size: 20px
}

/* 2015-11-20 장바구니 예외처리 */

.event_bx {
    padding: 5px 10px 6px;
    background: #fff;
}

.event_bx .myBuddyEventWrap {
    margin: 0;
}

.cart .order_list li .product .product_stop,
.cart .order_list li .product .product_stop span,
.cart .order_list li .product .product_soldout,
.cart .order_list li .product .product_soldout span {
    width: 60px;
    height: 60px;
    top: 2px;
}

.order_list li .product .product_soldout {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
}

.order_list li .product .product_soldout span {
    background: #fff;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
}

.order_list li .product .product_soldout p {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    z-index: 6;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    width: 60px;
    text-align: center;
    margin-left: -30px;
    margin-top: -11px;
    font-size: 11px;
    background: #e83a54;
}

.order_list li .product .product_stop {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
}

.order_list li .product .product_stop span {
    background: #fff;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 75px;
}

.order_list li .product .product_stop p {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    z-index: 6;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    width: 60px;
    text-align: center;
    margin-left: -30px;
    margin-top: -11px;
    font-size: 11px;
    background: #565656;
}

.btn_cart {
    overflow: hidden;
    background: #f9f9f9;
    border-top: 1px solid #ddd;
}

.btn_cart li {
    float: left;
    width: 50%;
}

.btn_cart li a {
    display: block;
    text-align: center;
    line-height: 39px;
    color: #565656;
    font-size: 14px
}

.btn_cart li a:first-child {
    border-right: 1px solid #ddd;
}

/* order - 주문서 작성 */
.order .order_tit {
    font-size: 15px;
    background: #f4f4f4;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    position: relative;
    border-top: 1px solid #cdcdcd;
}

/*@@@ 2015-06-11 수정*/
/* .order .order_tit:nth-child(2){border-top: none;} */
.contents h1+.order_tit {
    border-top: none;
}

/* sub title 다음에 오는 주문서 타이틀 border-top 값 삭제 2018-08-01 */
.contents h1+.hiddenPayment .order_tit:nth-child(1) {
    border-top: none;
}

/* sub title 다음에 오는 주문서 타이틀 border-top 값 삭제 2018-08-01 */
.order .order_tit em {
    position: absolute;
    right: 10px;
    top: 19px;
    display: inline-block;
    width: 19px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -41px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.order .order_tit.active em {
    background-position: -90px -30px;
}

.order .order_tit.active {
    border-bottom: none;
}

.order .order_tit .quantity {
    color: #e51937;
}

.order .order_tit.dey_change a {
    position: absolute;
    right: 10px;
    top: 8px;
}

.order .order_tit.dey_change a span {
    display: inline-block;
    width: 7px;
    height: 5px;
    margin-left: 5px;
    background-position: -80px -80px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
}

.order .order_tit.dey_change a.btn_gray2 span {
    background-position: -80px -100px;
}

.order .order_tit.dey_change a.btn_gray2 {
    padding: 0 30px;
}

.order .order_tit.exchange_radio span {
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 13px
}

.order .order_tit.exchange_radio span input {
    vertical-align: middle;
}

.order .order_tit.exchange_radio span input:nth-child(3) {
    margin-left: 10px;
}

/* 옵션/결제수단 추가  2016-03-07 */
.order .order_tit.orderTitBtn {
    position: relative;
}

.order .order_tit.orderTitBtn .titBtn01 {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    box-sizing: border-box;
    height: 23px;
    padding: 1px 8px 0;
    margin-top: -12px;
    line-height: 22px;
    font-size: 11px;
    font-weight: normal;
    color: #565656;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    background: #f9f9f9;
}

/* .order .order_tit.orderTitBtn .titBtn01:after {display:block; content:""; position:absolute; right:10px; top:50%; width: 7px;height: 5px; margin-top:-1px; margin-left: 5px;background-position:-80px -80px;vertical-align: middle;background-image:url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);background-repeat:no-repeat;background-size:300px 200px;} */

/* 결제수닽 변경 버튼 추가 */
.order .order_table .btnChgPay {
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 23px;
    padding: 1px 8px 0;
    line-height: 22px;
    font-size: 11px;
    font-weight: normal;
    color: #565656;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    background: #f9f9f9;
}

.order .order_table td.dey_change {
    position: relative;
    padding-right: 120px;
}

.order .order_table td.dey_change a {
    position: absolute;
    right: 10px;
    top: 8px;
}

.order .order_table td.dey_change a span {
    display: inline-block;
    width: 7px;
    height: 5px;
    margin-left: 5px;
    background-position: -80px -80px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
}

.order .order_table td.dey_change a.btn_gray2 span {
    background-position: -80px -100px;
}

.order .order_table td.dey_change a.btn_gray2 {
    padding: 0 28px;
}

.order .multiTit {
    border-bottom: 1px solid #ddd;
    padding: 10px 0
}

/* 배송지 변경 수정 2016-10-07 */
.order .order_table td.dey_change02 {
    position: relative;
    padding: 15px 0 15px;
}

.order .order_table td.dey_change02 .divTxt {
    padding: 0 120px 0 0;
}

.order .order_table td.dey_change02 .btnChbox {
    display: block;
    position: relative;
    top: -15px;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.order .order_table td.dey_change02 .btnChbox a {
    position: absolute;
    right: 10px;
    top: 8px;
}

.order .order_table td.dey_change02 .btnChbox span {
    display: inline-block;
    width: 7px;
    height: 4px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -100px -180px;
    background-size: 300px auto;
}

.order .order_table td.dey_change02 .btnChbox .btn_gray2 span {
    background-position: -100px -184px
}

.order .order_table td.dey_change02 .btnChbox .btn_gray2 {
    padding: 0 28px;
    background: #898989 !important;
    border-color: #898989;
}

.order .order_table td.dey_change02 .btnChbox .btn_gray3 span {
    background-position: -100px -184px
}

.order .order_table td.dey_change02 .btnChbox .btn_gray3 {
    padding: 0 22px;
    background: #898989 !important;
    border-color: #898989;
    color: #fff !important
}

.order .order_table ::-webkit-input-placeholder {
    letter-spacing: -1px;
}

.order .orderbanner {
    padding: 10px 10px 0;
}

.order .orderbanner p {
    background: #d4e2fc;
    text-align: center
}

.order .orderbanner p img {
    width: 320px;
}

.order_open_wrap.bdb5 {
    border-bottom: 5px solid #ebebeb
}

/* 결제수단변경 추가 2016-03-07 */
.order .order_open_wrap .cautionComtWrap02 {
    margin: 10px 10px 0;
    padding: 10px;
    font-size: 13px;
    color: #656565;
    border-radius: 2px;
    background: #ddd;
}

.order .order_open_wrap .cautionComtWrap02 .dotComt {
    padding: 0 0 0 7px;
    text-indent: -6px;
}

.order .order_open_wrap .cautionComtWrap02 .pointT01 {
    text-decoration: underline;
    font-weight: bold;
}

.order .order_open_wrap .dot-list {
    padding: 12px 10px 16px;
}

.order .order_open_wrap .dot-list li {
    position: relative;
    padding-left: 6px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #888;
}

.order .order_open_wrap .dot-list li+li {
    margin-top: 6px;
}

.order .order_open_wrap .dot-list li::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #888;
    border-radius: 50%;
}

/* 결제수단변경 결제버튼 2016-04-06 */
.orderChangeBox .btn_mem {
    padding: 10px 10px 30px 10px;
}

.order .pd_tit {
    padding: 10px 0;
    font-weight: normal;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
}

.order .pd_tit span {
    color: #979797;
}

.order_table {
    padding: 5px 10px;
}

.order_table.bdb6 {
    border-bottom: 6px solid #ebebeb;
}

.order_table .text {
    padding: 10px 0 15px;
    border-bottom: 1px solid #ddd;
    color: #565656;
    font-size: 12px;
}

/* 2016-03-23 추가 */
.order_table .text span {
    margin-right: 5px;
    color: #f00;
    vertical-align: middle;
}

/* 2016-03-23 추가 */
.order_table table {
    width: 100%;
}

.order_table table tr {
    border-bottom: 1px solid #ddd;
}

.order_table table th {
    width: 96px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
    padding: 15px 0;
}

/*@@@ 2015-09-09 수정*/
.order_table table th.lh {
    color: #888;
    letter-spacing: -0.5px;
}

.order_table table td {
    text-align: left;
    font-size: 14px;
    padding: 7px 0 10px;
}

.order_table table tr.bd1:last-child,
.order_table table tr:last-child {
    border: none;
}

.order_table table tr.bdbn {
    border-bottom: none;
}

.order_table table tr.bdbn.borN {
    border: none;
}

.order_table table tr.bdbn.borN .save_point {
    margin-top: -5px;
}

.order_table table tr.bdbn.borN .save_point.single .btnTip {
    position: relative;
    left: 2px;
    margin-left: -1px;
}

.order_table table tr.bdbn.borN .tipLayerWrap .tipLayerBox {
    top: -5px;
    right: -2px;
}

.order_table table tr.bdbn th,
.order_table table tr.bdbn td {
    padding-bottom: 0 !important;
}

.order_table table td .empt {
    color: #898989 !important;
}

.order_table table td .empt2 {
    color: #aaaaaa !important;
}

/*@@@ 2015-02-25 추가*/
.order_table table td.tv_receive_zone p {
    float: left;
    width: 50%;
}

/*@@@ 2015-04-09 추가*/
.order_table table td.tv_receive_zone p:last-child {
    padding-top: 10px;
}

/*@@@ 2015-04-09 추가*/
.order_table table th input,
.order_table table td input {
    vertical-align: middle;
}

.order_table table tr.bd1 {
    border-bottom: 1px solid #ddd;
}

.order_table table tr.bd2 {
    border-bottom: 2px solid #ddd;
}

.order_table table tr.bdb3 {
    border-bottom: 2px solid #ddd;
}

.order_table table tr.bdt3 {
    border-top: 2px solid #ddd;
}

.order_table table tr.bdt1 {
    border-top: 1px solid #ddd;
}

.order_table table tr.first th {
    vertical-align: top;
    padding: 15px 0 10px;
}

.order_table table td select {
    vertical-align: middle;
}

.order_table table td .mt5 {
    margin-top: 5px;
}

.order_table table td .bgW {
    background-color: #fff;
}

/* 2016-05-20 추가 */
.order_table table td .sum {
    font-size: 17px;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.order_table table td .won {
    font-size: 14px;
    color: #222;
    letter-spacing: -0.5px;
    font-weight: bold;
    vertical-align: 1px;
}

.order_table table td .txts {
    font-size: 13px;
    color: #4d4d4d;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.order_table table .tit {
    color: #000;
    font-size: 14px
}

.order_table table .info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

/*방송알림관련 */
.order_arimi_list {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px 10px 0;
}

.del_modify {
    padding: 5px 10px;
}

/*주문서 작성 배송지 수정 테이블*/
.del_modify.bdb6 {
    border-bottom: 6px solid #ebebeb;
}

.del_modify table {
    width: 100%;
}

.del_modify table tr {
    border-bottom: 1px solid #ddd;
}

.del_modify table th {
    width: 90px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
    padding: 13px 0 10px;
}

.del_modify table td {
    text-align: left;
    font-size: 14px;
    padding: 10px 0;
}

.del_modify table tr.first th {
    vertical-align: top;
    padding: 15px 0 10px;
}


.catalog_table table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.order_table table th span {
    color: #e51937;
    vertical-align: -3px;
}

.order_table.exchg table th {
    font-size: 12px;
    color: #232323;
    font-weight: normal;
}

.order_table.exchg table td {
    font-size: 12px;
    color: #565656
}

.order_table.exchg table td p:last-child {
    font-size: 12px;
    color: #898989;
    padding-top: 5px;
}

.order_table.exchg table td p:last-child em {
    font-size: 10px;
    vertical-align: middle;
    color: #ddd
}

.textaera_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    padding: 10px;
    background: #f9f9f9;
}

.textaera_wrap textarea {
    width: 100%;
    min-height: 60px;
    font-size: 12px;
    line-height: 1.5;
    font-family: 'Malgun Gothic', arial, sans-serif, Helvetica;
    /*text-align:justify;2018-09-05 삭제*/
    resize: none;
    background: #f9f9f9;
}

.order_table .del_sel {
    position: relative;
}

/*.order_table .del_sel p{position: absolute;right: 0;top: 0;} 2015-12-17 삭제 */
.order_table .del_sel.pr125 {
    padding-right: 115px;
}

.order_table .del_sel.pr127 {
    padding-right: 127px;
}

.order_table .del_sel.pr150 {
    padding-right: 165px;
}

.order_table .del_sel.pr80 {
    padding-right: 80px;
}

.order_table .del_sel.pr100 {
    padding-right: 145px;
}

.order_table .del_sel input {
    width: 100%
}

.order_table .del_sel .time_down {
    padding-right: 3px;
    color: #e51937;
}

.order_table .point_input {
    position: relative;
}

.order_table .point_input p {
    position: absolute;
    right: 0;
    top: 0;
}

.order_table .point_input .input {
    padding-right: 15px;
    position: relative;
}

.order_table .point_input .input div {
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
    line-height: 28px;
    /*padding-right: 10px;*/
}

.order_table .point_input .input div input {
    border: none;
    text-align: right;
    height: 25px
}

/*@@@ 2015-02-25 height 수정*/
.order_table .point_input .input span {
    position: absolute;
    right: 0;
    top: 6px;
}

.order_table .point_input.pr75 {
    padding-right: 60px;
}

.order_table .total_point_area .total_point {
    font-size: 12px;
    padding: 5px 0 0 0;
    color: #565656;
    text-align: left;
}

/* 2015-10-22 수정및 추가 */
.order_table .save_point {
    font-size: 12px;
    text-align: right;
}

.order_table .save_point_txt {
    font-size: 12px;
    color: #da0f2d;
    text-align: right;
}

.order_table .save_point_txt .info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    background-position: -125px 0;
    overflow: hidden;
    text-indent: -1000px;
    font-size: 0;
}

.order_table .save_point_txt a {
    margin-left: 5px;
}

.order_table .save_point.single {
    padding-bottom: 10px;
}

.order_table .total_point.pr75 {
    padding-right: 78px;
}

.order_table .total_point span {
    color: #232323;
}

.order_table .ar {
    text-align: right !important;
}

.order_table .al {
    text-align: left !important;
}

.order_table .ac {
    text-align: center !important;
}

.order_table .c_blue {
    color: #12a5cb !important;
}

.order_table .c_red {
    color: #e51937 !important;
}

.order_table .c_black {
    color: #000 !important;
}

.order_table.pt0 {
    padding-top: 0 !important;
}

.order_table .pt0 {
    padding-top: 0 !important;
}

.order_table .pt5 {
    padding-top: 5px !important;
}

.order_table .mt5 {
    margin-top: 5px !important;
}

.order_table.vam th,
.order_table.vam td {
    vertical-align: middle !important;
}

.order_table.vam2 th {
    vertical-align: top !important;
    padding-top: 17px;
}

.order_table.vam2 td {
    vertical-align: middle !important;
}

.order_table.vam3 th {
    width: 87px;
    vertical-align: top !important;
    padding-top: 17px;
}

.order_table.vam3 td {
    vertical-align: middle !important;
}

.order_table .vat {
    vertical-align: top !important;
}

.order_table th.vam3 {
    padding-top: 12px;
}

.order_table .tax {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    padding: 15px 10px 10px;
}

.order_table .tax p {
    margin-bottom: 10px;
}

.order_table .tax select {
    margin-bottom: 5px;
}

.order_table .tax input[type="radio"]:last-child {
    margin-left: 10px;
}

.order_table .tax input[type="tel"] {
    width: 100%;
    margin-bottom: 5px;
}

.order_table .tax .sale_info {
    padding-bottom: 5px;
    margin-bottom: 0;
}

/*2018-03-30 수정*/
.order_table .join_arm {
    font-size: 12px;
    color: #e51937;
    display: block;
    padding-top: 3px;
}

.order_table.btline {
    border-top: 1px solid #ddd;
}

.order_table.my_od_list {
    border-top: 1px solid #cdcdcd;
    border-bottom: 5px solid #eee;
}

.order_table.my_od_list.type2 {
    border-bottom: none
}

.order_table.my_od_list .btn_fix_size {
    padding: 10px;
}

.order_table.my_od_list.del_new {
    border-bottom: none;
}

.order .sale_info {
    font-size: 14px;
    color: #888;
    padding-bottom: 8px;
    position: relative;
    padding-left: 8px;
}

/*@@@ 2015-04-07 팝업 폰트크기 변경*/
.order .sale_info em {
    position: absolute;
    left: 0;
    top: 7px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background-color: #888;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px
}

.order .sale_info span {
    color: #12a5cb
}

.order .sale_info .sale_infoTit {
    color: #565656
}

.order .sale_info .referTxt {
    color: #aaa;
    font-size: 11px;
}

.order .sale_info.redTxt {
    color: #f51d2c;
}

.dey_cation {
    font-size: 12px;
    color: #898989;
    position: relative;
    margin: 10px 0 0;
    border-bottom: 2px solid #ddd;
    padding: 0 10px 10px 30px;
}

.dey_cation em {
    position: absolute;
    left: 10px;
    top: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px;
}

.dey_cation_new {
    font-size: 12px !important;
    color: #898989 !important;
    position: relative;
    padding: 0 10px 10px 20px;
}

.dey_cation_new em {
    position: absolute;
    left: 0px;
    top: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    text-indent: -1000px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #ffc586;
}

.dey_cation_new em:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 6px;
    width: 2px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -200px;
    background-size: 300px 390px;
}

.dey_cation_new2 {
    font-size: 12px !important;
    color: #898989 !important;
    position: relative;
    text-align: center;
}

.dey_cation_new2 em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px;
}

.dey_cation.customer {
    border-bottom: 1px solid #ddd;
}

.dey_cation_new span {
    color: #12a5cb;
}

.dey_cation_new.txtbold {
    font-weight: bold;
    color: #000 !important;
}

/*@@@ 2015-07-16 추가*/

/* 2016-03-21 배송취소 경고 문구 수정  */
.dey_cation_new.type02 {
    padding-bottom: 0;
    color: #000 !important;
}

.dey_cation_new.type02 em {
    background: #e51937;
}

.order_table.total th {
    color: #000
}

.order_table.total td {
    text-align: right;
}

.order_table.total tr:last-child {
    border-top: 3px solid #ebebeb;
}

.order_table.total tr:last-child th {
    font-size: 16px
}

.order_table.total tr:last-child td {
    font-size: 25px;
    color: #e51937;
    font-weight: bold;
}

.order_table.total tr:last-child td span {
    font-size: 15px
}

.order_table.exch tr:last-child td {
    font-size: 25px;
    color: #e51937;
    font-weight: bold;
}

.order_table.exch tr:last-child td span {
    font-size: 20px
}

.order_table .pd_box {
    background: #f9f9f9;
    padding: 10px;
}

.order_table .product {
    position: relative;
    padding-left: 75px;
    min-height: 60px;
    overflow: hidden;
    padding-right: 35px;
}

.order_table .product .text {
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 46px;
}

.order_table .product .img {
    position: absolute;
    left: 5px;
    top: 3px;
}

.order_table .product .img img {
    width: 60px
}

.order_table .product .price {
    font-size: 16px;
    color: #e51937
}

.order_table .product em {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.order_table .product em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -110px -180px;
    background-size: 300px auto;
}

.order_table .imgup_box {
    overflow: hidden;
}

.order_table .imgup_box .img {
    float: left;
}

.order_table .imgup_box .img img {
    width: 50px;
    height: 50px;
}

.order_table .imgup_box .btn {
    float: left;
    padding-left: 5px;
    padding-top: 20px;
}

.order_table.total .bdbn:nth-last-child(2) th {
    padding-bottom: 10px !important;
}

.order_table.total .bdbn:nth-last-child(2) td {
    padding-bottom: 10px !important;
}

/*@@@ 2015-02-26 추가*/
.order_table.total2 {
    padding: 5px 0
}

.order_table.total2 td {
    text-align: right;
}

.order_table.total2 tr:last-child {
    border-top: 3px solid #ebebeb;
}

.order_table.total2 tr:last-child th {
    font-size: 15px;
    color: #000;
}

.order_table.total2 tr:last-child td {
    font-size: 20px;
    color: #e51937;
    font-weight: bold;
}

.order_table.total2 tr:last-child td span {
    font-size: 15px;
}

.order_table.total3 td {
    text-align: right;
    /*width:300px*/
}

.order_table.total3 .priceGuide {
    text-align: left;
    color: #898989;
    font-size: 14px;
    margin-top: -7px
}

.order_table.total4 {
    padding: 5px 10px
}

.order_table.total4 tr:last-child th {
    font-size: 16px
}

.order_table.total4 tr:last-child td {
    font-size: 25px;
    color: #e51937;
    font-weight: bold;
}

.order_table.total4 tr.last {
    border-top: 2px solid #ddd;
}

.order_table.total4 tr.last th {
    font-size: 14px;
    color: #000;
}

.order_table.total4 tr.last td {
    font-size: 25px;
    color: #e51937;
    font-weight: bold;
}

.order_table.total4 tr.last td .totalSaleTxt {
    position: relative;
    padding-right: 29px;
    margin-top: 8px;
    margin-bottom: 10px;
    font-size: 0;
}

.order_table.total4 tr.last td .totalSaleTxt .txt {
    display: inline-block;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: bold;
}

.order_table.total4 tr.last td .totalSaleTxt .txt b {
    display: inline-block;
    margin: -3px 2px 0 4px;
    font-weight: bold;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: -0.36px;
    color: #5579c8;
    vertical-align: middle;
}

.order_table.total4 tr.last td .totalSaleTxt .txt em {
    display: inline-block;
    margin-top: -2px;
    font-size: 14px;
    color: #5579c8;
    vertical-align: middle;
}

.order_table.total4 tr.last td .totalSaleTxt .btn_tip.v2 {
    position: absolute;
    right: 0;
    top: -2px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_q_cir_30_v2.png) no-repeat right top;
    background-size: 25px;
}

.order_table.total4 tr.last.v2 th {
    padding: 22px 0 0 0;
    vertical-align: top !important;
}

.order_table.total4 tr.last.v2 td {
    padding: 13px 0 13px;
}

/* //@@@ 2015-02-26 추가*/

.order_table.calculator {
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 10px;
}

.order_table.calculator tr th {
    width: 170px;
    color: #898989;
}

.order_table.calculator tr td {
    text-align: right;
}

.order_table.calculator tr:first-child {
    border-bottom: 1px solid #aaa;
}

.order_table.calculator tr:first-child th {
    color: #000;
}

.order_table.calculator tr:first-child td {
    color: #000;
}

/* 입금예정일 추가 2016-04-15 */
.order_table .duePayment td .txtRed {
    color: #e51937;
}

.order_table .duePayment td .duePayTxt {
    color: #898989;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -1px;
}

/* 2015-10-22 수정및 추가 */
.order_table.cp_sel {
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 10px;
}

.order_table.cp_sel.bdn {
    border-bottom: none;
}

.order_table.cp_sel tr {
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.order_table.cp_sel tr.bdn {
    border: none;
}

.order_table.cp_sel tr.opened th,
.order_table.cp_sel tr.opened td {
    padding-bottom: 0;
}

.order_table.cp_sel tr.opened+tr {
    border-top: none;
}

.order_table.cp_sel tr.opened+tr td {
    padding-top: 10px;
}

.order_table.cp_sel tr:first-child {
    border: none;
}

.order_table.cp_sel tr:last-child {
    border-top: 1px solid #ddd;
}

.order_table.cp_sel tr th {
    width: 170px;
    color: #898989;
}

.order_table.cp_sel tr th strong {
    color: #e51937;
}

.order_table.cp_sel tr td {
    text-align: right;
}

.order_table.cp_sel tr td input {
    text-align: right;
    padding-right: 10px
}

.order_table.cp_sel input[type="checkbox"]:disabled {
    background: #eee;
    color: #aaa;
    border: 1px solid #eee;
    border-radius: 2px;
}

.order_table.cp_sel tr td input[disabled] {
    background: #eee;
    color: #aaa;
}

.order_table.cp_sel .noti {
    margin-top: -10px;
    color: #e51937;
    font-size: 12px;
}

.order_table.cp_sel tr td .cp_sel2 {
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.order_table.cp_sel tr td .cp_sel2 li {
    padding: 15px 10px 10px;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
    line-height: 1;
}

.order_table.cp_sel tr td .cp_sel2 li:last-child {
    border-bottom: none;
}

.order_table.cp_sel tr td .cp_sel2 li label {
    float: left;
    width: 100%;
    text-align: left;
}

.order_table.cp_sel tr td .cp_sel2 li input {
    float: right;
    margin-top: -16px;
}

.order_table.cp_sel tr td .cp_sel2 li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.order_table.cp_sel tr td .cp_sel2 li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.order_table.total_pay {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.order_table.total_pay tr th {
    width: 170px;
    color: #000;
}

.order_table.total_pay tr th strong {
    color: #12a5cb;
}

.order_table.total_pay tr td {
    text-align: right;
}

.order_table.total_pay tr:last-child td {
    color: #e51937;
    font-size: 20px
}

.order_table.sale_pay {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

.order_table.sale_pay tr th {
    width: 170px;
    color: #898989;
}

.order_table.sale_pay tr td {
    text-align: right;
}

.order_table .kakaopay_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

/*2014-12-11 kakaopay*/
.order_table .kakaopay_wrap .kakopay_sect {
    margin: 10px 10px;
    position: relative;
}

.order_table .kakaopay_wrap .kakopay_sect span {
    display: inline-block;
    width: 88px;
    height: 21px;
    background-image: url(//image.hnsmall.com/images/mobile2014/order/ico_order.png);
    background-repeat: no-repeat;
    background-position: 0px 0;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle
}

.order_table .kakaopay_wrap .kakopay_sect span.type02 {
    width: 50px;
    height: 20px;
    background-position: -40px -30px;
}

.order_table .kakaopay_wrap .kakopay_comm {
    margin: 10px 10px;
}

.order_table .kakaopay_wrap .kakopay_comm li:last-child .sale_info {
    padding-bottom: 0;
}

.order_table .kakaopay_wrap .kakopay_comm .view_info {
    position: relative;
    z-index: 50;
    float: right;
    margin-top: -16px;
    font-size: 12px;
    color: #565656;
    letter-spacing: -0.5px;
    font-weight: normal;
}

.order_table .kakaopay_wrap .kakopay_comm .view_info:after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 7px;
    margin-left: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-position: -95px -85px;
    background-size: 150px auto;
}

.order_table .kakaopay_wrap .kakopay_comm .view_info>a {
    text-decoration: underline;
}

.order_table .kakaopay_wrap .kakopay_infor {
    border-top: 1px solid #cdcdcd;
    padding: 10px 10px;
}

.order_table .kakaopay_wrap .kakopay_sect .btn_click {
    position: absolute;
    top: 0;
    right: 0
}

.order_table .kakaopay_wrap .kakopay_sect .btn_click em {
    display: inline-block;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-position: -25px -80px;
    background-size: 300px 200px;
}

.order_table .kakaopay_wrap .kakopay_sect .btn_click em.more {
    width: 7px;
    height: 5px;
    margin-left: 10px;
}

.order_table .kakaopay_wrap .kakopay_sect .btn_white em.more {
    background-position: -80px -80px;
}

.order_table .kakaopay_wrap .kakopay_sect .btn_white2 {
    background: #fff !important;
    color: #565656 !important;
    text-align: center;
    border: 1px solid #ccc;
}

.order_table .kakaopay_wrap .kakopay_sect .btn_white2 em.more {
    background-position: -80px -100px;
}

/* 현대카드 청구할인 추가  2016-06-14 */
.order_table .hdCardSaleWrap {
    padding: 13px 10px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.order_table .hdCardSaleWrap .salePrice {
    display: block;
    margin: 0 0 7px;
    font-size: 13px;
    color: #e51937;
}

.order_table .hdCardSaleWrap .sale_info {
    padding-bottom: 5px;
}

.order_table .hdCardSaleWrap .linkDetail {
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 11px;
    font-weight: normal;
    color: #565656;
    background: url(//image.hnsmall.com/images/mobile2014/order/btn_link_detail.gif) no-repeat right center;
    background-size: 4px 7px;
    text-decoration: underline;
}

.selectGoods {
    padding: 5px 0;
}

.selectGoods .tit {
    padding: 5px 0;
    color: #898989;
    font-size: 14px;
    font-weight: bold
}

.selectGoods li {
    position: relative;
    overflow: hidden
}

.selectGoods .volumeName p {
    padding: 9px 100px 9px 0;
    color: #000;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.selectGoods .volumeSel {
    position: absolute;
    right: 0;
    top: 0;
}

.pop_loading {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 20000;
    width: 100%;
}

.pop_loading img {
    width: 100%
}

.order .order_agree {
    padding: 10px 10px 30px 10px;
    border-top: 1px solid #ebebeb
}

.order .order_agree p {
    font-size: 13px;
}

.order .order_agree div {
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 25px;
}

.order .order_agree div input {
    vertical-align: middle;
}

.order .order_agree div span {
    font-size: 13px;
    color: #898989;
    font-weight: normal;
}

.order .order_agree a {
    display: block;
    border-radius: 3px
}

/*코멘트 박스 추가 2016-02-26*/
.order .order_agree div.cautionComtWrap {
    padding: 0;
    margin: 10px 0 20px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -0.3px;
}

/* 개인정보 수집항목 추가 2018-08-29 */
.order .order_agree .chk_area {
    padding-top: 0;
    padding-left: 25px;
    padding-bottom: 0;
    position: relative;
}

.order .order_agree .chk_area+.chk_area {
    margin-top: 5px;
}

.order .order_agree .chk_area input {
    position: absolute;
    top: 0;
    left: 0;
}

.order .order_agree .btn_toggle {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_toggle_arrow_sp.png') 0 0 no-repeat;
    background-size: 40px auto;
    border: none;
    vertical-align: top;
}

.order .order_agree.active .btn_toggle {
    background-position: -20px 0;
}

.order .order_agree .order_agree_box {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    display: none;
}

.order .order_agree.active .order_agree_box {
    display: block;
}

.order .order_agree .order_agree_box .chk_area {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.order .order_agree .order_agree_box .chk_area+.chk_area {
    margin-top: 5px;
}

.order .order_agree .order_agree_box .chk_area label {
    font-size: 13px;
    color: #666;
    line-height: 20px;
}

.order .order_agree .order_agree_box .btn_area {
    margin-top: 10px;
    padding: 0;
    text-align: center;
}

.order .order_agree .order_agree_box .btn_area .btn_arrow_r {
    margin: 0;
    display: inline-block;
}

.order .order_agree .order_agree_box .btn_area .btn_arrow_r span {
    line-height: 26px;
}

/* 2016-0-21 추가 */
.order_table .save_point.single .btnTip {
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin: -1px 0 0;
    color: transparent;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px 0;
    background-size: 300px auto;
}

.order_table .point_warning_toast,
.order_list_wrap .point_warning_toast {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/toast_pointWarning.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_table .point_warning_toast.view,
.order_list_wrap .point_warning_toast.view {
    width: 260px;
    height: 57px;
    top: 220px;
    margin-left: -130px;
    background-size: 260px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_table .point_warning_toast.type2 {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/toast_pointWarning2.png)
}

.order_list_wrap .cancel_warning_toast {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/toast_cancelWarning.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_list_wrap .cancel_warning_toast.view {
    width: 260px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    margin-left: -130px;
    background-size: 260px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_sch_wrap .cancel_warning_toast {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/toast_cancelWarning.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_sch_wrap .cancel_warning_toast.view {
    width: 260px;
    height: 60px;
    top: 50%;
    margin-top: -30px;
    margin-left: -130px;
    background-size: 260px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}


/* 2015-11-04 수정및 추가 */
.order_table.save {
    padding-bottom: 15px;
}

.order_table.save tr.bdbn td {
    text-align: right;
}

.order_table.save .point_input.pr75 {
    padding-right: 70px;
}

.order_table.save .point_input .input {
    padding-right: 5px;
}

.order_table.save .save_point.single {
    padding-bottom: 0;
}

.order_table.save .none_user_info3 {
    padding-bottom: 0;
}

.order_table.save .dey_cation_new {
    padding-bottom: 0;
}

.order_table.save .point_input p {
    width: 70px;
}

.order_table.save .point_input p>a {
    display: block;
}

/* 2016-09-21 추가 */
.order_table .tipLayerWrap {
    font-weight: normal;
    text-align: left;
}

.order_table .tipLayerWrap .tipLayerBox {
    left: auto;
    width: 75%;
    padding: 15px 15px 13px;
}

.order_table .tipLayerWrap .tipLayerBox .tit {
    margin: 0 0 3px;
}

.order_table .tipLayerWrap .tipLayerBox .tipConts {
    padding: 2px 0;
    word-break: keep-all;
}

.order_table .tipLayerWrap .tipLayerBox .btnClose {
    top: 8px;
}

.order_table .tipLayerWrap .tipLayerBox .tipConts ul {
    margin-top: 8px;
}

.order_table .tipLayerWrap .tipLayerBox .tipConts ul li {
    position: relative;
    margin-bottom: 2px;
    padding-left: 7px;
    color: #898989;
    font-size: 11px;
}

.order_table .tipLayerWrap .tipLayerBox .tipConts ul li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.order_table .tipLayerWrap.type02 .tipLayerBox {
    width: 192px;
    left: 75px;
    top: 6px;
    padding: 6px 25px 5px 5px;
    border: 1px solid #666;
}

.order_table .tipLayerWrap.type04 {}

.order_table .tipLayerWrap.type04 .tipLayerBox {
    top: 8px;
    right: -30px;
    width: 100%;
    min-width: 271px;
    padding: 15px 14px 15px 15px;
    border-color: #000;
    border-radius: 4px;
    box-sizing: border-box
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tit {
    margin: 0;
    color: #333;
    background-color: transparent;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tipConts {
    margin-top: 10px;
    padding: 0;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tipConts ul {
    margin-top: 0;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tipConts ul li {
    font-size: 13px;
    color: #333;
    margin-bottom: 0;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tipConts ul li+li {
    margin-top: 5px;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .tipConts ul li:before {
    top: 5px;
    background-color: #333;
}

.order_table .tipLayerWrap.type04 .tipLayerBox .btnClose {
    top: 10px;
    right: 10px;
    width: 12px;
    height: 12px;
    background-position: -70px -150px;
}

.order .orderbirth_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 10px 0 2px;
    padding: 4px 10px;
}

.order .orderTotal_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 10px 0 2px;
    padding: 4px 0;
}

/* 2015-11-05 수정 */
.order .orderTotal_wrap th {
    padding-left: 10px
}

.order .orderTotal_wrap td {
    padding-right: 10px
}

.order .orderTotal_wrap tr:last-child {
    border-top: 1px solid #cdcdcd;
}

.pay_sel {
    overflow: hidden;
    padding: 10px 0;
    border-bottom: 2px solid #ddd;
    margin: 0 10px
}

.pay_sel li {
    float: left;
    width: 40%;
    padding-bottom: 5px;
}

.pay_sel li:nth-child(even) {
    width: 60%;
}

.pay_sel li input {
    vertical-align: middle;
}

.order .btn_pay {
    padding: 15px 10px;
}

.order .btn_isp {
    padding: 15px 10px;
}

.order .pay_text {
    padding: 0 10px;
}

.order .pay_text div {
    padding: 20px 10px 15px;
    text-align: center;
}

.order .pay_text div p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.order .pay_text div p span.fcred {
    font-size: 18px;
    font-weight: bold;
    color: #e51937
}

.order .pay_text div span {
    color: #898989;
    display: block;
    padding-top: 5px;
    font-size: 14px
}

.order .pay_text div span strong {
    color: #e51937
}

.order .pay_text ul {
    padding: 10px 0 0;
}

.order .pay_text2 {
    padding: 0 10px;
}

/*모바일적립금 자동 */
.order .pay_text2 div {
    padding: 20px 10px 15px;
    text-align: center;
}

.order .pay_text2 div p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.order .pay_text2 div p .fcred {
    color: #e51937
}

.order .pay_text2 div p.stext {
    color: #898989;
    font-size: 14px;
    font-weight: bold;
}

/*@@@ 2015-06-11수정*/

.payment_guide_info {
    padding-bottom: 15px;
    /*border-top:1px solid #aaaaaa*/
}

/*@@@ 2015-06-11 border 삭제,padding수정*/
.payment_guide_info p {
    border: none !important;
    color: #898989;
    margin: 0 !important;
    padding-bottom: 5px !important;
}

.payment_guide_info p span {
    color: #12a5cb;
}

.payment_assure {
    margin: 15px 10px 25px
}

.payment_assure img {
    width: 100%
}

.order .sagagbox_wrap {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin: 10px;
}

.order .sagagbox_wrap tr {
    border-bottom: 1px solid #eee !important;
}

.order .sagagbox_wrap tr:last-child {
    border: none !important;
}

.order .isp_text {
    padding: 25px 10px;
}

.order .isp_text {
    padding: 20px 10px;
    text-align: center;
}

.order .isp_text p {
    font-size: 18px;
    font-weight: bold;
}

.order .isp_text p strong {
    color: #12a5cb
}

.order .isp_text span {
    color: #898989;
    display: block;
    padding-top: 5px;
    font-size: 14px
}

.btn_card_sel {
    overflow: hidden;
    padding-bottom: 5px;
}

.btn_card_sel li {
    float: left;
    width: 33%;
}

.btn_card_sel li a {
    display: block;
    border-radius: 3px;
}

.btn_card_sel li:nth-child(2) {
    width: 34%;
}

.btn_card_sel li:nth-child(2) a {
    margin: 0 5px;
}

.btn_card_sel li a.on {
    background: #fff !important;
    color: #e51937 !important;
    border: 1px solid #e51937;
}


.order_btn_wrap2 {
    text-align: center;
    padding: 10px 0 0
}

.order_btn_wrap {
    overflow: hidden;
    background: #f9f9f9;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #cdcdcd;
}

.order_btn_wrap p {
    float: left;
    text-align: center;
}

.order_btn_wrap p a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 40px;
}

.order_btn_wrap p+p a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px;
    width: 1px;
    height: 11px;
    background: #e5e5e5;
    font-size: 0;
    line-height: 0;
}

.order_btn_wrap.len1 p {
    width: 100%;
}

.order_btn_wrap.len2 p {
    width: 50%;
}

.order_btn_wrap.len3 p {
    width: 33%;
}

.order_btn_wrap.len3 p:nth-child(2) {
    width: 34%;
}

.order_btn_wrap.len4 p {
    width: 25%;
}

.gift_wrap {
    border-top: 1px solid #cdcdcd;
    padding: 0 10px;
}

.gift_wrap p {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}

.gift_wrap p:last-child {
    border: none;
}

.gift_wrap p a {
    font-size: 13px;
    display: block;
    position: relative;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;
}

.gift_wrap p a em {
    position: absolute;
    right: 10px;
    top: 13px;
    width: 6px;
    height: 11px;
    background-position: -30px -21px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.ask_product {
    padding: 0;
    background: #f9f9f9;
    padding: 10px;
    border-top: 1px solid #aaa;
}

.ask_guide_line {
    border-top: 1px solid #ddd;
    padding: 10px;
}

/*주문완료 2015-07-08 추가*/
.order .pay_text2 .pay_push {
    padding: 15px 0;
    margin-bottom: 20px;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 3px;
}

.order .pay_text2 .pay_push p.pay_pushtxt {
    font-size: 15px;
    font-weight: normal;
}

.order .pay_text2 .pay_push p.pay_push_btn {
    text-align: center;
    padding-top: 5px;
}

.order .pay_text2 .pay_push p .push_btn {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

/* 에러화면 2016-11-21 수정 */
.fail_wrap {
    text-align: center;
    padding: 60px 0 20px;
}

.fail_wrap em {
    position: relative;
    display: inline-block;
    width: 83px;
    height: 83px;
    overflow: hidden;
    text-indent: -1000px;
    border: 5px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
}

.fail_wrap em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat 0 0;
    background-size: 200px auto;
}

.fail_wrap p.goodsview {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-top: 20px
}

.fail_wrap .alarmbox {
    border: 1px solid #bbbbbb;
    margin: 10px;
    padding: 10px
}

.fail_wrap .alarmbox p.com {
    font-size: 13px;
    color: #565656;
    text-align: left;
    line-height: 18px;
    margin-top: 0
}

.fail_wrap .alarmbox p.com span {
    font-size: 11px;
    color: #898989;
    text-align: left;
    line-height: 13px
}

.fail_wrap .alarmbox p.member_btn {
    margin-top: 0
}

.fail_wrap span {
    font-size: 14px;
    color: #898989;
    line-height: 16px;
    display: block;
    padding-top: 5px;
}

.fail_wrap .failComt {
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin-top: 20px
}

.fail_wrap .codeTxt {
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    text-align: center;
}

.fail_wrap .failTxt {
    display: block;
    margin: 20px 0 0;
    font-size: 12px;
    color: #898989;
}

.fail_wrap.type02 {
    padding: 30px 0 20px;
}

.fail_wrap.type02 em {
    width: 22px;
    height: 22px;
    border: 2px solid #aaa;
}

.fail_wrap.type02 em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -1px;
    width: 3px;
    height: 11px;
    background-position: -30px -30px;
}

.fail_wrap.type02 .failComt {
    margin: 10px 0 0;
}

/* 버튼 정렬 2개 2016-11-23 */
.member_btn.typeCol2>a {
    width: 116px;
}

/* 배송정보관련 추가*/
.order_tab_wrap .tt_tab {
    overflow: hidden;
    padding-top: 15px;
    background: #f9f9f9;
}

.order_tab_wrap .tt_tab li {
    float: left;
    width: 50%;
}

.order_tab_wrap .tt_tab li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px 0;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
    font-size: 14px;
    color: #898989;
    text-align: center;
}

.order_tab_wrap .tt_tab .on a {
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    background: #fff;
    color: #000;
}

.order_tab_wrap .tt_tab li:nth-child(2).on a {
    border-radius: 3px 0 0 0;
}

.order_table .order_save {
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 20px;
}

.order_table .order_save input {
    vertical-align: middle;
}

.order_table .order_save span {
    font-size: 13px;
    color: #898989;
    font-weight: normal;
}

.order_save2 {
    position: relative;
    font-size: 14px;
    border: 1px solid #cdcdcd;
    margin: 12px 0 5px;
    border-radius: 5px;
}

.order_save2 input {
    vertical-align: middle;
}

.order_save2 span {
    display: block;
    font-size: 12px;
    color: #898989;
    margin-left: 26px;
}

.order_save2 .ordersave_sub {
    padding: 10px 0
}

.order_save2 .ordersave_sub li {
    position: relative;
    padding: 5px 0 5px 15px;
    overflow: hidden;
}

.order_save2 .ordersave_sub li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.order_save2 .ordersave_sub li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

/*@@@ 2015-03-10 수정*/
.oredertextaera_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
    background: #f9f9f9;
}

/*.oredertextaera_wrap textarea {width: 100%;min-height: 60px;text-align: justify;resize: none;background: #f9f9f9;font-size: 12px;}*/
.oredertextaera_wrap input[type="text"] {
    width: 100%;
    text-align: justify;
    resize: none;
    background: #f9f9f9;
    font-size: 12px;
    border: none;
}

/*//@@@ 2015-03-10 수정*/

/* 회원가입 - 로그인 */
.login_wrap {
    padding: 10px;
}

.login_wrap .kor_key {
    text-align: right;
    padding: 10px 0 5px;
}

.login_wrap .kor_key em {
    display: inline-block;
    width: 11px;
    height: 6px;
    vertical-align: 1px;
    margin-right: 3px;
    background-position: 0 -57px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.login_wrap .kor_key.on em {
    background-position: 0 -75px;
}

.login_wrap .img_key {
    padding: 0 5px 15px
}

.login_wrap .img_key img {
    width: 100%;
}

.login_wrap .login {
    padding-right: 105px;
    position: relative;
}

.login_wrap .login ul {}

.login_wrap .login ul li {
    font-size: 0;
    padding: 6px 10px;
}

.login_wrap .login ul li input {
    width: 100%
}

.login_wrap .login ul li:first-child {
    border: 1px solid #c5c5c5;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.login_wrap .login ul li:last-child {
    border: 1px solid #c5c5c5;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}

.login_wrap .login .btn_login {
    display: inline-block;
    width: 100px;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
    line-height: 80px;
    font-weight: bold;
}

.login_wrap .login input {
    background: none;
    border: none;
    padding: 0;
    text-indent: 0;
    height: 28px;
}

.login_wrap .check {
    padding: 10px 0 15px;
}

.login_wrap .check input {
    vertical-align: -3px;
}

.login_wrap .check label {
    padding-right: 15px;
}

.login_wrap2 {
    padding: 10px 10px 15px;
    background-size: 4px 4px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/tv/line_cate.png) 0 bottom repeat-x;
}

.login_wrap2.bgn {
    background: none;
}

.login_wrap2 .kor_key {
    text-align: right;
    padding: 10px 0 5px;
}

.login_wrap2 .kor_key em {
    display: inline-block;
    width: 11px;
    height: 6px;
    vertical-align: 1px;
    margin-right: 3px;
    background-position: 0 -57px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.login_wrap2 .kor_key.on em {
    background-position: 0 -75px;
}

.login_wrap2 .img_key {
    padding: 0 5px 15px
}

.login_wrap2 .img_key img {
    width: 100%;
}

.login_wrap2 .login {
    position: relative;
}

.login_wrap2 .login ul li {
    font-size: 0;
    padding: 6px 10px;
}

.login_wrap2 .login ul li input {
    width: 100%
}

.login_wrap2 .login ul li:first-child {
    border: 1px solid #c5c5c5;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.login_wrap2 .login ul li:last-child {
    border: 1px solid #c5c5c5;
    border-top: 0;
}

.login_wrap2 .btn_login {
    display: block;
    border-radius: 3px;
    margin-bottom: 10px;
}

.login_wrap2 .login input {
    background: none;
    border: none;
    padding: 0;
    text-indent: 0;
    height: 28px;
}

.login_wrap2 .btn_login2 {
    overflow: hidden;
    padding: 0 0 18px 0;
}

/*2014-11-26 btn_login2 로그인 카카오로그인 부분만 사용*/
.login_wrap2 .btn_login2 li {
    float: left;
    width: 50%;
}

.login_wrap2 .btn_login2 li a {
    display: block;
}

.login_wrap2 .btn_login2 li a.btn_black {
    background: #3b3b3b !important;
}

.login_wrap2 .btn_login2 li a em {
    display: inline-block;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png) no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.login_wrap2 .btn_login2 li:first-child a {
    margin-right: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.login_wrap2 .btn_login2 li:first-child a em {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-position: -185px 0
}

.login_wrap2 .btn_login2 li:last-child a {
    margin-left: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.login_wrap2 .btn_login2 li:last-child a em {
    display: inline-block;
    width: 15px;
    height: 29px;
    vertical-align: middle;
    background-position: -185px -26px
}

.login_wrap2 .check {
    padding: 8px 10px;
    border: 1px solid #c5c5c5;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 25px;
    overflow: hidden;
}

.login_wrap2 .check p {
    float: left;
    width: 50%;
    text-align: center;
}

.login_wrap2 .check input {
    vertical-align: -3px;
}

.login_wrap2 .check label {
    padding-right: 15px;
}

.login_wrap2 .dey_cation {
    border-bottom: none;
    padding-left: 18px;
}

.login_wrap2 .dey_cation em {
    left: 0;
}

.login_etc2 {
    padding: 0 10px;
    margin-top: 10px;
}

.login_etc2 .btn_find {
    overflow: hidden;
    margin-bottom: 10px;
}

.login_etc2 .btn_find li {
    float: left;
    width: 28%;
    text-align: center;
}

.login_etc2 .btn_find li:nth-child(1) {
    width: 32%;
}

.login_etc2 .btn_find li:nth-child(2) {
    width: 40%;
}

.login_etc2 .btn_find li a {
    display: block;
    position: relative;
}

.login_etc2 .btn_find li a em:first-child {
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.login_etc2 .btn_find li a em:last-child {
    position: absolute;
    right: 0;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.login_etc2 .order_hide {
    overflow: hidden;
    padding: 0 0 18px 0;
}

.login_etc2 .order_hide li {
    float: left;
    width: 50%;
}

.login_etc2 .order_hide li a {
    display: block;
}

.login_etc2 .order_hide li:first-child a {
    margin-right: 3px;
}

.login_etc2 .order_hide li:last-child a {
    margin-left: 3px;
}

.login_etc2 .bdt1 {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.login_etc2 .info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.login_etc2 .info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.btn_mem {
    overflow: hidden;
}

.btn_mem li {
    float: left;
    width: 33%;
}

.btn_mem li a {
    display: block;
    border-radius: 3px;
}

.btn_mem li:nth-child(2) {
    width: 34%
}

.btn_mem li:nth-child(2) a {
    margin: 0 5px;
}

.btn_mem2 {
    padding: 10px;
}

.btn_mem2 a {
    display: block;
    border-radius: 3px;
}

.li2 li {
    width: 50% !important
}

.li2 li:nth-child(1) a {
    margin: 0 3px 0 0 !important;
}

.li2 li:nth-child(2) a {
    margin: 0 0 0 3px !important;
}

.li2x li {}

.li2x li:nth-child(1) {
    width: 30% !important
}

.li2x li:nth-child(2) {
    width: 70% !important
}

.li2x li:nth-child(1) a {
    margin: 0 3px 0 0 !important;
}

.li2x li:nth-child(2) a {
    margin: 0 0 0 3px !important;
}

.login_etc {
    background: #ebebeb;
    padding: 15px 10px;
    margin-top: 10px;
}

.login_etc .order_hide {
    overflow: hidden;
    padding: 0 0 18px 0;
    background: #ebebeb;
}

.login_etc .order_hide li {
    float: left;
    width: 50%;
}

.login_etc .order_hide li a {
    display: block;
    text-align: center;
    height: 16px;
    overflow: hidden;
    line-height: 16px;
    color: #898989;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}

.login_etc .order_hide li:first-child a {
    border-right: 1px solid #898989;
}

.login_etc .order_hide li a em {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 3px;
    background-position: 0 -40px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.login_etc .info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.login_etc .info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

/*@@@ 2015-03-31 회원가입 - 로그인 V2 */
.login_wrap3 {
    padding: 10px 10px 5px;
    position: relative;
}

.login_wrap3.bgn {
    background: none;
}

.login_wrap3 .kor_key {
    padding: 10px 0;
}

.login_wrap3 .kor_key em {
    display: inline-block;
    width: 20px;
    height: 10px;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -110px 0;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.login_wrap3 .kor_key.on em {
    background-position: -110px -15px;
}

.login_wrap3 .img_key {
    padding: 0 5px 15px;
}

.login_wrap3 .img_key img {
    width: 100%;
}

.login_wrap3 .login {
    padding-right: 100px;
    position: relative;
}

.login_wrap3 .login ul li {
    position: relative;
    font-size: 0;
    padding: 6px 10px;
    border: 1px solid #c5c5c5;
}

.login_wrap3 .login ul li input {
    width: 100%;
}

.login_wrap3 .login ul li:first-child {
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.login_wrap3 .login ul li:last-child {
    border-top: 0;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}

.login_wrap3 .login ul li .btn_id_del {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: none;
    background: #ddd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}

.login_wrap3 .login ul li .btn_id_del:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -110px -180px;
    background-size: 300px auto;
}

.login_wrap3 .login input {
    background: none;
    border: none;
    padding: 0;
    text-indent: 0;
    height: 28px;
}

.login_wrap3 .login_btnL {
    position: absolute;
    top: 22px;
    right: 0;
}

.login_wrap3 .login_btnL a {
    padding: 31px 25px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
}

/* 2016-03-07 속성추가 */
.login_wrap3 .check {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    overflow: hidden;
}

.login_wrap3 .check p {
    float: left;
    text-align: center;
    font-size: 13px;
    color: #565656;
}

.login_wrap3 .check input {
    vertical-align: middle;
}

.login_wrap3 .check label {
    padding-right: 15px;
    vertical-align: middle;
}

.login_wrap4 {
    margin: 10px;
}

.login_wrap4 .login_form {
    padding: 20px 0 5px;
    margin-top: 10px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.login_wrap4 .login_etc3 {
    margin-top: 5px;
}

.login_wrap4 .login_etc3 .btn_find li a em:last-child {
    position: absolute;
    right: 0;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods1.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px
}

.login_wrap4 .login_etc3 .order_hide {
    overflow: hidden;
    padding: 0 0 18px 0;
    margin: 0 10px;
}

.login_wrap4 .login_etc3 .order_hide li {
    float: left;
    width: 50%;
}

.login_wrap4 .login_etc3 .order_hide li a {
    display: block;
    border-radius: 3px;
}

.login_wrap4 .login_etc3 .order_hide li:first-child a {
    margin-right: 3px;
}

.login_wrap4 .login_etc3 .order_hide li:last-child a {
    margin-left: 3px;
}

.login_wrap4 .login_etc3 .order_hide li a em {
    display: inline-block;
    width: 18px;
    height: 22px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat 0 0;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.login_wrap4 .login_etc3 .order_hide li:first-child a em {
    background-position: 0 0
}

.login_wrap4 .login_etc3 .order_hide li:last-child a em {
    background-position: -20px 0
}

.login_wrap4 .login_etc3 .bdt2 {
    padding-top: 25px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/tv/line_cate.png) 0 top repeat-x;
    background-size: 4px;
}

.login_wrap4 p .alink {
    display: inline;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 5px;
    color: #12a5cb;
    font-size: 11px;
    border-radius: 2px;
}

.login_wrap4 .btn_login {
    display: block;
    border-radius: 3px;
    margin: 5px 10px 15px;
    font-weight: bold;
}

.login_wrap4 .btn_login em {
    display: inline-block;
    width: 18px;
    height: 19px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -40px 0;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.login_wrap4 .btn_login3 {
    overflow: hidden;
    padding: 0 0 18px 0;
    margin: 5px 10px 0;
}

.login_wrap4 .btn_login3 li {
    float: left;
    width: 50%;
    text-align: center;
}

.login_wrap4 .btn_login3 li a {
    display: block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
}

.login_wrap4 .btn_login3 li a em {
    display: inline-block;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -40px 0;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.login_wrap4 .btn_login3 li:first-child a {
    margin-right: 3px;
    color: #fff;
    background: #12a5cb;
}

.login_wrap4 .btn_login3 li:first-child a em {
    width: 16px;
    height: 25px;
    background-position: -60px 0
}

.login_wrap4 .btn_login3 li:last-child a {
    margin-left: 3px;
    color: #3b1e1e;
    background: #feea0f;
}

.login_wrap4 .btn_login3 li:last-child a em {
    width: 23px;
    height: 23px;
    background-position: -80px 0
}

/* 2016-03-07 회원가입 - ios앱 심사관련  */
.login_wrap4.ios p .alink {
    top: -5px;
}

.login_wrap4.ios .btn_login3 li {
    width: 100%;
}

.login_wrap4.ios .btn_login3 li:last-child a {
    margin: 0;
}

/*// 2016-03-07 회원가입 - ios앱 심사관련  */

.btn_login4 {
    display: block;
    margin: 5px 10px 15px;
    border: 1px solid #dd1032;
    border-radius: 3px;
    text-align: center;
    color: #dd1032;
}

.member_btn .btn_login4 {
    margin: 0
}

.sch_tab .none_user {
    padding-top: 20px;
    border-top: 5px solid #eeeeee;
}

.login_info {
    position: relative;
    padding-left: 8px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #565656;
    margin: 0 10px;
}

.login_info em {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -1000px
}

.login_info span {
    color: #12a5cb
}

/*@@@// 2015-03-31 회원가입 - 로그인 V2 */



/* 회원가입 - 아이디 찾기 */
.id_sch_wrap {
    padding: 20px 10px
}

.id_sch_wrap .id_sch_sel {
    overflow: hidden;
}

.id_sch_wrap .id_sch_sel li {
    float: left;
    width: 50%;
}

.id_sch_wrap .id_sch_sel li a {
    display: block;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    position: relative;
    height: 65px;
    padding-top: 23px;
    padding-left: 63px;
    font-weight: bold
}

.id_sch_wrap .id_sch_sel li a span {
    position: absolute;
    right: 5px;
    top: 35px;
    width: 6px;
    height: 11px;
    background-position: 0 -82px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.id_sch_wrap .id_sch_sel li:first-child a {
    margin-right: 2px;
}

.id_sch_wrap .id_sch_sel li:last-child a {
    margin-left: 2px;
}

.id_sch_wrap .id_sch_sel li:first-child a em {
    position: absolute;
    left: 22px;
    top: 23px;
    width: 25px;
    height: 43px;
    vertical-align: middle;
    margin-right: 3px;
    background-position: -25px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.id_sch_wrap .id_sch_sel li:last-child a em {
    position: absolute;
    left: 15px;
    top: 28px;
    width: 38px;
    height: 36px;
    vertical-align: middle;
    margin-right: 3px;
    background-position: -55px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.id_info {
    padding: 25px 10px 0;
}

.id_sch_wrap .info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.id_sch_wrap .info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.news_info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.news_info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.id_sch_wrap .id_text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 20px;
}

.id_sch_wrap .id_text span {
    display: block;
    color: #12a5cb;
}

.id_sch_wrap .id_text em {
    display: block;
    padding-top: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #898989;
}

.id_sch_wrap .mt10 {
    margin-top: 10px !important;
}

.member_btn_single {
    text-align: center;
}

.member_btn_single>a {
    vertical-align: top;
    white-space: nowrap
}


.btn_mem {
    overflow: hidden;
}

.btn_mem li {
    float: left;
    width: 33%;
}

.btn_mem li a {
    display: block;
    border-radius: 3px;
}

.btn_mem li:nth-child(2) {
    width: 34%
}

.btn_mem li:nth-child(2) a {
    margin: 0 5px;
}

/*@@@ 아이디 찾기 새로운 버전 2015-03-20*/
.sch_info {
    padding: 20px 10px 10px;
}

.sch_info .dey_cation_new span {
    color: #333;
    font-weight: bold;
}

.sch_wrap {
    padding: 5px 10px 20px;
    ;
    margin-bottom: 20px;
    border-top: 3px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.sch_wrap table {
    width: 100%;
}

.sch_wrap table tr {
    border-bottom: 1px solid #ddd;
}

.sch_wrap table tr:last-child {
    border: none;
}

.sch_wrap table th {
    width: 105px;
    padding: 10px 0;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
}

.sch_wrap table td {
    padding: 10px 0;
    text-align: left;
    font-size: 14px;
}

.sch_wrap table th input,
.sch_wrap table td input {
    vertical-align: middle;
}

.sch_wrap table tr.first th {
    padding: 15px 0 10px;
    vertical-align: top;
}

.sch_wrap table td select {
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    height: 30px;
    padding-right: 12px;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat center right;
    background-size: 22px auto;
    -webkit-background-size: 22px auto;
    vertical-align: middle;
}

.sch_wrap .join_arm {
    display: block;
    padding-top: 3px;
    font-size: 12px;
    color: #e51937;
}

.sch_wrap table th span {
    color: #e51937;
    vertical-align: -3px;
}

.sch_wrap .email_wrap2 {
    position: relative;
}

.sch_wrap .email_wrap2 p:nth-child(2) span em {
    position: absolute;
    left: 1px;
    top: 5px;
}

.sch_wrap.bt_n {
    border-top: none;
}

.sch_tab_wrap .tt_tab {
    overflow: hidden;
    padding-top: 15px;
    background: #f9f9f9;
}

.sch_tab_wrap .tt_tab li {
    float: left;
}

.sch_tab_wrap .tt_tab li:nth-child(1) {
    width: 50%;
}

.sch_tab_wrap .tt_tab li:nth-child(2) {
    width: 50%;
}

.sch_tab_wrap .tt_tab li:nth-child(2).on a {
    border-radius: 3px 0 0 0;
}

.sch_tab_wrap .tt_tab li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 12px 0;
    border-bottom: 1px solid #cdcdcd;
    font-weight: bold;
    font-size: 14px;
    color: #898989;
    text-align: center;
    background: #f9f9f9;
}

.sch_tab_wrap .tt_tab .on a {
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    color: #000;
    background: #fff;
}

.id_sch_check {
    overflow: hidden;
    padding: 20px 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.id_sch_check p {
    float: left;
    width: 50%;
}

.id_sch_check input {
    vertical-align: middle;
}

.id_sch_btn {
    height: 30px;
    padding: 7px 0 10px;
    text-align: center;
}

.id_sch_btn p em {
    display: inline-block;
    width: 9px;
    height: 6px;
    margin-left: 5px;
    vertical-align: middle;
    width: 14px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat 0 -30px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.id_sch_btn p em.more {
    display: inline-block;
    background-position: 0 -40px;
    overflow: hidden;
    text-indent: -9999px;
}

.id_sch_btn p a {
    font-weight: bold;
}

.id_list {
    padding: 15px 10px;
    margin: 15px 10px 0;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
}

.id_list_no {
    padding: 0;
    border: none;
}

.id_list_zone {
    line-height: 30px;
}

.btn_sch {
    padding: 0 10px;
}

/*@@@ 아이디 찾기-본인인증 2015-03-20*/
.total_sch_wrap {
    padding: 0 10px 40px
}

.total_sch_wrap p {
    padding-bottom: 8px;
    font-size: 16px;
}

.total_sch_wrap .id_sch_sel li {
    margin-bottom: 10px;
}

.total_sch_wrap .id_sch_sel li a {
    display: block;
    position: relative;
    height: 65px;
    padding: 20px 20px 20px 85px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    font-weight: bold;
    font-size: 16px
}

.total_sch_wrap .id_sch_sel li:nth-child(3) a {
    padding: 28px 20px 12px 85px;
}

.total_sch_wrap .id_sch_sel li a em {
    overflow: hidden;
    position: absolute;
    top: 23px;
    left: 16px;
    width: 55px;
    height: 55px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member3.png);
    background-repeat: no-repeat;
    background-size: 330px auto;
    vertical-align: middle;
}

.total_sch_wrap .id_sch_sel li:nth-child(1) a em {
    background-position: 0 0px;
}

.total_sch_wrap .id_sch_sel li:nth-child(2) a em {
    background-position: 0 -55px;
}

.total_sch_wrap .id_sch_sel li:nth-child(3) a em {
    background-position: 0px -165px;
}

.total_sch_wrap .id_sch_sel li a div {
    padding: 5px 10px 0 0;
    font-size: 12px;
    color: #898989;
    font-weight: normal;
}

/*@@@ 비밀번호찾기 새로운 버전 2015-03-20*/
.sch_zone {
    padding-top: 20px;
}

.total_sch_wrap01 {
    padding: 10px 10px 0;
}

.total_sch_wrap01:after {
    content: "";
    display: block;
    clear: both;
}

.total_sch_wrap01 p {
    font-size: 16px;
    padding-bottom: 8px;
}

.total_sch_wrap01 .id_sch_sel li {
    float: left;
    width: 49%;
    margin-bottom: 5px;
}

.total_sch_wrap01 .id_sch_sel li:nth-child(1),
.total_sch_wrap01 .id_sch_sel li:nth-child(3) {
    margin-right: 5px;
}

.total_sch_wrap01 .id_sch_sel li a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.total_sch_wrap01 .id_sch_sel li a em {
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -30px;
    width: 55px;
    height: 55px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member3.png);
    background-repeat: no-repeat;
    background-size: 330px auto;
    vertical-align: middle;
}

/*@@@ 2015-04-14 수정*/
.total_sch_wrap01 .id_sch_sel li a span {
    display: inline-block;
    margin-top: 45px;
}

.total_sch_wrap01 .id_sch_sel li:nth-child(1) a em {
    background-position: 0 0px;
}

.total_sch_wrap01 .id_sch_sel li:nth-child(2) a em {
    background-position: 0 -55px;
}

.total_sch_wrap01 .id_sch_sel li:nth-child(3) a em {
    background-position: 0 -110px;
}

.total_sch_wrap01 .id_sch_sel li:nth-child(4) a em {
    background-position: 0px -165px;
}

/*@@@ 2015-04-14 수정*/

.total_sch_wrap01 .id_sch_sel li.on a {
    display: block;
    border-radius: 3px;
    border: 1px solid #444444;
}

.total_sch_wrap01 .id_sch_sel li.on:nth-child(1) a em {
    background-position: -110px 0px;
}

.total_sch_wrap01 .id_sch_sel li.on:nth-child(2) a em {
    background-position: -110px -55px;
}

.total_sch_wrap01 .id_sch_sel li.on:nth-child(3) a em {
    background-position: -110px -110px;
}

.total_sch_wrap01 .id_sch_sel li.on:nth-child(4) a em {
    background-position: -110px -165px;
}

/*@@@ 2015-04-14 수정*/

.total_sch_wrap01 .id_sch_sel li.off a {
    display: block;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.total_sch_wrap01 .id_sch_sel li.off a span {
    color: #898989;
}

.total_sch_wrap01 .id_sch_sel li.off:nth-child(1) a em {
    background-position: -55px 0px;
}

.total_sch_wrap01 .id_sch_sel li.off:nth-child(2) a em {
    background-position: -55px -55px;
}

.total_sch_wrap01 .id_sch_sel li.off:nth-child(3) a em {
    background-position: -55px -110px;
}

.total_sch_wrap01 .id_sch_sel li.off:nth-child(4) a em {
    background-position: -55px -165px;
}

/*@@@ 2015-04-14 수정*/

.total_sch_wrap01 .info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.total_sch_wrap01 .info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.total_sch_wrap01 .id_sch_sel li a div {
    font-size: 12px;
    color: #898989;
    padding: 5px 10px 0 0;
    font-weight: normal;
}


/* 회원가입 - 비밀번호 변경 */
.pw_sch_wrap {
    padding: 40px 0 0
}

.pw_sch_wrap.pt15 {
    padding-top: 15px !important;
}

.pw_sch_wrap h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}

.member_write {
    padding: 10px 10px 5px;
    border: 2px solid #ddd;
    border-right: none;
    border-left: none;
    margin-bottom: 20px;
}

.member_write li {
    position: relative;
    padding-left: 85px;
    padding-bottom: 5px;
}

.member_write li span {
    display: block;
}

.member_write li span:first-child {
    position: absolute;
    left: 0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #898989;
}

.member_write li span input {
    width: 100%
}

.member_write li .member_arm {
    font-size: 12px;
    color: #e51937;
    display: block;
    padding-top: 3px;
}

/*2015-02-13 추가*/

/*  회원가입 - 비밀번호 찾기 */
.common_tab {
    overflow: hidden;
    background: #f9f9f9;
    padding-top: 10px;
}

.common_tab li {
    float: left;
    width: 50%;
}

.common_tab li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
    font-weight: bold;
    color: #898989;
    text-align: center;
}

.common_tab .active a {
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    background: #fff;
    font-weight: bold;
    color: #000;
}

.common_tab li:nth-child(2).active a {
    border-left: 1px solid #cdcdcd;
    border-right: none;
    border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
}

.tab_num2 li {
    width: 50%
}

.tab_num3 li {
    width: 33%
}

.tab_num3 li:nth-child(2) {
    width: 34%;
}

.tab_num4 li {
    width: 25%
}

.tab_num5 li {
    width: 20%
}

.pw_write {
    padding-top: 10px;
}

.pw_write li {
    font-size: 0;
    padding: 5px 10px;
}

.pw_write li input {
    width: 100%
}

.pw_write li:first-child {
    border: 1px solid #c5c5c5;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.pw_write li:last-child {
    border: 1px solid #c5c5c5;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}

.pw_write li input {
    background: none;
    border: none;
    padding: 0;
    text-indent: 0;
    height: 28px;
}

.pw_check {
    padding-top: 10px;
}

.pw_check li {
    padding-bottom: 5px;
}

.pw_check li input {
    vertical-align: -5px
}

.emil_write {
    padding: 15px 0 30px;
}

.member_write2 {
    padding-top: 15px;
    padding-bottom: 10px;
}

.member_write2 li {
    overflow: hidden;
    position: relative;
    padding-left: 90px;
    padding-bottom: 5px;
}

.member_write2 li span {
    position: absolute;
    left: 0;
    height: 30px;
    line-height: 30px
}

.member_write2 li div p {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    display: block;
    padding: 5px;
    margin-bottom: 5px;
}

.member_write2 li div p input {
    width: 100%;
}

.member_write2 li div select {
    width: 100%;
    -webkit-appearance: none;
    height: 32px;
    overflow: hidden;
    padding-right: 25px;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    font-size: 12px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
}

.pw_sch_wrap .id_text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 0 10px 40px;
    line-height: 19px;
    letter-spacing: -1px;
}

.pw_sch_wrap .id_text span {
    color: #12a5cb;
}

.pw_sch_wrap .id_text em {
    display: block;
    padding-top: 4px;
    font-size: 14px;
    font-weight: normal;
    color: #888;
    line-height: 17px;
}

/*@@@ 2015-03-20 color추가*/
.pw_sch_wrap .id_text em a {
    color: #898989;
}

.pw_sch_wrap .mt10 {
    margin-top: 10px !important;
}

.pw_sch_wrap .btn_zone {
    text-align: center;
    padding-bottom: 5px;
}

.pw_sch_wrap .btn_zone a {
    width: 140px
}

.pw_sch_wrap .pb10 {
    padding-bottom: 10px !important;
}

.pw_sch_wrap .pb40 {
    padding-bottom: 40px !important;
}

.pw_sch_wrap .tab_cons {
    padding: 0 10px;
}

.pw_sch_wrap.ver02 {
    padding: 40px 10px 0;
}

.pw_sch_wrap.ver02 .id_text {
    padding-bottom: 30px;
    font-size: 16px;
    color: #000;
}

.pw_sch_wrap.ver02 .regIptBox {
    position: relative;
    margin: 0;
}

.pw_sch_wrap.ver02 .regIptBox ul {
    border: 1px solid #ddd;
}

.pw_sch_wrap.ver02+.member_btn_single {
    margin-top: 20px;
}

.bulletTxt.btline {
    margin: 40px 10px 20px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.bulletTxt.btline:before {
    top: 20px;
}

.pw_sch_wrap.ver03 {
    padding: 60px 15px 0;
}

.pw_sch_wrap.ver03 .id_text {
    font-size: 20px;
    line-height: 26px;
    color: #111;
    font-weight: bold;
}

.pw_sch_wrap.ver03 .regIptBox {
    position: relative;
    margin: 0;
}

.pw_sch_wrap.ver03 .regIptBox ul {
    border: 1px solid #ddd;
    overflow: hidden;
    border-radius: 4px;
}

.pw_sch_wrap.ver03 .regIptBox ul li {
    padding: 10px 15px;
}

.pw_sch_wrap.ver03 .regIptBox .btnIptDel {
    top: 1px;
}

.pw_sch_wrap.ver03 .placeholderWrap {
    height: 19px;
}

.pw_sch_wrap.ver03 .placeholderWrap input[type="password"] {
    height: 19px;
    font-size: 14px;
    line-height: 21px;
    font-weight: normal;
    color: #111;
}

.pw_sch_wrap.ver03 .placeholderWrap .labelTit {
    font-size: 14px;
    line-height: 19px;
    color: #888;
    letter-spacing: initial
}

.pw_sch_wrap.ver03+.member_btn_single {
    margin-top: 40px;
}

.pw_sch_wrap.ver03+.member_btn_single .btn_ib40 {
    border-radius: 4px;
    padding: 0 45px;
}


/* 회원가입 - 상단 로케이션 */
.member_location {
    height: 35px;
    line-height: 35px;
    background: #f4f4f4;
    overflow: hidden;
}

.member_location li {
    float: left;
    width: 34%;
    color: #898989;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.member_location li em {
    position: absolute;
    right: -1px;
    top: 0;
    width: 16px;
    height: 35px;
    background-position: -120px 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.member_location li span {
    padding-right: 16px;
}

.member_location li.active {
    color: #fff;
    background: #565656;
}

.member_location li.active em {
    background-position: -100px 0;
}

.member_location li.active2 em {
    background-position: -140px 0;
}

.member_location li:last-child {
    width: 32%;
}

/* 회원가입 */
.agree_area {
    background: #fff;
    padding: 0;
    margin: 35px 10px 10px;
    border-radius: 3px;
    border: 1px solid #c5c5c5;
}

.agree_area li {
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    padding: 10px;
    padding-left: 35px;
}

.agree_area li:last-child {
    border-bottom: none;
}

.agree_area li input {
    position: absolute;
    left: 10px;
    top: 10px;
}

.agree_area li p {
    font-size: 14px;
}

.agree_area li a {
    color: #898989;
    font-size: 14px
}

.agree_area li a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0px;
    background-position: 0px -110px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_wrap3 {
    margin: 0 10px 10px 20px;
    position: relative;
    font-size: 15px;
}

.agree_wrap3 p {
    padding-left: 28px;
}

.agree_wrap3 input {
    position: absolute;
    left: 1px;
    top: 0;
}

.member_btn {
    text-align: center;
    padding-top: 10px;
}

.member_btn2 {
    padding: 10px;
}

/* 결제수단 변경 버튼 추가 2016-03-08 */
.btnPayChgBox {
    overflow: hidden;
    padding: 0 10px 10px;
}

.btnPayChgBox span,
.btnPayChgBox li {
    float: left;
    width: 35%;
    box-sizing: border-box;
}

.btnPayChgBox span:first-child,
.btnPayChgBox li:first-child {
    width: 65%;
    padding: 0 10px 0 0;
}

.btnPayChgBox span a,
.btnPayChgBox li a {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    text-align: center;
}

.btnPayChgBox.one span:first-child {
    width: 100%;
    padding: 0
}

.order .btn_pay.btnPayChgBox {
    padding: 20px 0;
    margin: 0 10px;
}

.btn_mem.btnPayChgBox li:nth-child(2) {
    width: 35%;
}

.btn_mem.btnPayChgBox li:nth-child(3) {
    width: 100%;
    margin: 15px 0 0;
    padding: 15px 0 0;
    text-align: center;
    border-top: 1px solid #eee;
}

.btn_mem.btnPayChgBox li a {
    margin: 0;
}

.btn_mem.btnPayChgBox li:nth-child(3) a {
    display: inline-block;
    width: auto;
    padding: 0 16px;
}

.mem_sch_wrap {
    padding: 25px 10px 20px
}

.mem_sch_wrap p {
    font-size: 16px;
    padding-bottom: 8px;
}

.mem_sch_wrap .id_sch_sel {}

.mem_sch_wrap .id_sch_sel li {
    margin-bottom: 10px;
}

.mem_sch_wrap .id_sch_sel li a {
    display: block;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    position: relative;
    height: 65px;
    padding: 20px 20px 20px 85px;
    font-weight: bold;
    font-size: 16px
}

.mem_sch_wrap .id_sch_sel li a span {
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    vertical-align: -1px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -80px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.mem_sch_wrap .id_sch_sel li:first-child a {
    margin-right: 2px;
}

.mem_sch_wrap .id_sch_sel li:last-child a {
    margin-left: 2px;
}

.mem_sch_wrap .id_sch_sel li:first-child a em,
.mem_sch_wrap .id_sch_sel li:last-child a em {
    position: absolute;
    left: 16px;
    top: 23px;
    width: 55px;
    height: 55px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_member3.png) no-repeat 0 0;
    background-size: 330px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.mem_sch_wrap .id_sch_sel li:last-child a em {
    background-position: 0 -55px;
}

.mem_sch_wrap .info {
    position: relative;
    font-size: 11px;
    color: #898989;
    padding-left: 15px;
    padding-bottom: 10px;
}

.mem_sch_wrap .info em {
    position: absolute;
    left: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    vertical-align: -2px;
    background-position: 0 -64px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.mem_sch_wrap .id_sch_sel li a div {
    font-size: 12px;
    color: #898989;
    padding: 5px 10px 0 0;
    font-weight: normal;
}

.btn_join_step {
    padding: 30px 10px;
    border-top: 1px solid #ddd;
}

/*@@@ 2015-02-13 회원가입 부분 추가*/
.join_text {
    padding: 8px 10px;
    margin: 5px 10px;
    background: #f4f4f4;
}

.join_text p {
    font-weight: bold;
}

.join_text span {
    display: block;
    margin-top: 8px;
    font-weight: normal;
}

.join_text2 {
    position: relative;
    padding: 20px 32px;
    margin-top: 10px;
    border-top: 1px solid #ddd;
    font-weight: bold;
    font-size: 15px;
    color: #e51937;
}

.join_text2 em {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    left: 12px;
    top: 25px;
    width: 16px;
    height: 12px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -60px -30px;
    background-size: 200px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

.join_info {
    padding: 2px 10px;
}

.gender_check {
    overflow: hidden;
    font-size: 15px;
    font-weight: bold;
}

.gender_check p {
    float: left;
    width: 40%;
}

.gender_check input {
    vertical-align: middle;
}

.agree_table2 table td {
    padding: 10px 0;
}

.agree_table2 .age14 {
    margin-top: 10px;
    font-size: 13px;
    color: #000;
    margin-bottom: -15px;
}

.agree_table2 .age14 label {
    vertical-align: -1px;
}

.fb {
    font-weight: bold;
}

.agree_table .tableSt3 thead tr th,
.agree_table .tableSt3 tbody tr td {
    font-size: 12px;
}

.kakao_sel .sale_info2,
.phone_sel .sale_info2 {
    position: relative;
    padding-bottom: 8px;
    font-size: 12px;
    color: #898989;
}

.info_table {
    padding: 5px 10px;
    margin-top: 2px;
    margin-bottom: 0px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    position: relative;
    font-size: 15px;
}

.info_table table {
    width: 100%;
}

.info_table table tr {
    border-bottom: none;
    ;
}

.info_table table th {
    width: 100px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
    padding: 10px 0;
}

.info_table table td {
    text-align: left;
    font-size: 15px;
    padding: 4px 0;
}

.info_table table tr:last-child {
    border: none;
}

.info_table table tr.first th {
    vertical-align: top;
    padding: 15px 0 10px;
}

.info_table table td select {
    vertical-align: middle;
}

.info_table table td .mt5 {
    margin-top: 5px;
}

.info_table table .tit {
    color: #000;
    font-size: 14px
}

.info_table input {
    vertical-align: middle;
}

.info_table .agree_sub {
    padding: 5px 0
}

.info_table .agree_sub li {
    position: relative;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.info_table .agree_sub li:last-child {
    border-bottom: none;
}

.info_table .agree_sub li span {
    float: left;
    width: 50%;
}

.info_table .agree_sub li.widthN span {
    float: left;
    width: 100%;
}

.info_table .agree_sub li span.marketing3 {
    width: 100%;
    margin-top: 10px;
}

.order_table.vam .info_table table th {
    vertical-align: top !important;
}


/*// @@@ 2015-02-13 회원가입부분 추가*/
.join_sch_wrap {
    padding: 40px 10px 0;
}

.join_sch_wrap .id_text {
    font-size: 18px;
    color: #666;
    font-weight: bold;
    text-align: center;
    padding-bottom: 20px;
}

.join_sch_wrap .id_text span {
    color: #12a5cb;
}

.join_sch_wrap .id_text em {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    font-weight: normal;
    color: #666
}

.join_sch_wrap .dey_cation_new2 {
    padding-bottom: 5px;
}

.join_sch_wrap .id_text.type2 {
    font-size: 17px;
    color: #000;
}

.join_sch_wrap .id_text.type3 {
    padding-bottom: 35px
}

.join_sch_wrap .id_text.type4 {
    padding-bottom: 7px;
    font-size: 17px;
}

.join_sch_wrap .id_text.type4+.txts {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.5px;
    text-align: center;
}

.join_sch_wrap .id_text.type4+.txts .sum {
    color: #e51937;
}

.join_sch_wrap .id_text.type4+.txts .sum em {
    font-size: 17px;
}

.join_confirm_wrap.type2 .join_sch_wrap .id_text {
    font-size: 17px
}

.join_confirm_wrap.type2 .join_sch_wrap .id_text em {
    font-size: 13px;
    padding: 10px 0 0 0
}

/* 본인인증 (릴팡 간편결제) 추가 2016-02-18 */
.join_sch_wrap.join_sch_wrap_v2 .id_text {
    letter-spacing: -0.5px;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap {
    position: relative;
    box-sizing: border-box;
    margin: 0 15px 20px;
    padding: 13px 155px 13px 25px;
    border: 1px solid #eee;
    border-radius: 2px;
    z-index: 1;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .idSelectBox {
    width: 100%;
    height: 40px;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .idSelectBox span {
    display: block;
    overflow: hidden;
    padding: 0;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .idSelectBox select {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .goodsview_option {
    padding: 0;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .goodsview_option .select_box {
    margin: 0;
    padding: 10px 14px;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .goodsview_option .select_box h2 {
    color: #000;
    font-weight: bold;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .goodsview_option .select_list {
    position: absolute;
    top: 36px;
    left: 0;
    right: 0;
    margin: 0;
    border-top: 1px solid #f61706;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .confirmBtn {
    position: absolute;
    right: 25px;
    top: 13px;
    width: 125px;
    padding: 0 0 0 5px;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap .confirmBtn a {
    box-sizing: border-box;
    width: 125px;
    height: 40px;
    padding: 0;
    text-align: center;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap.type02 {
    padding: 13px 145px 13px 15px;
}

.join_sch_wrap.join_sch_wrap_v2 .certifiLoginWrap.type02 .confirmBtn {
    right: 15px;
}

.join_sch_wrap.join_sch_wrap_v2+.btn_area {
    margin-top: 30px;
    padding: 0 10px;
}

.join_sch_wrap.join_sch_wrap_v2+.btn_area .btn01 {
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.join_sch_wrap.join_sch_wrap_v2+.btn_area .btn02 {
    display: block;
    text-align: center;
}

.join_tab {
    overflow: hidden;
    padding-top: 5px;
    background: #e4e4e4;
}

.join_tab li {
    float: left;
    width: 50%;
}

.join_tab li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #cdcdcd;
    background: #e4e4e4;
    font-size: 13px;
    color: #565656;
    text-align: center;
}

.join_tab .on a {
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    background: #fff;
    font-weight: bold;
    color: #000;
}

.join_tab li:nth-child(2).on a {
    border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
}

.join_tab.col3 li {
    width: 33.333%;
}

/* 휴면 고객 안내 */
.dormant-wrap {
    margin-bottom: -40px;
    padding: 40px 15px 40px;
    background-color: #f6f6f6;
}

.dormant-wrap .top {
    text-align: center;
}

.dormant-wrap .top .txt1 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    font-weight: bold;
    color: #111;
}

.dormant-wrap .top .txt2 {
    margin-top: 12px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    font-weight: bold;
    color: #111;
    word-break: keep-all;
}

.dormant-wrap .push-guide {
    margin: 30px 0 0;
    padding: 25px 20px 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
}

.dormant-wrap .push-guide .tit {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    font-weight: bold;
    color: #111;
    word-break: keep-all;
}

.dormant-wrap .push-guide .txt1 {
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #666;
    word-break: keep-all;
}

.dormant-wrap .push-guide .noti {
    margin-top: 16px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #888;
    text-align: left;
}

.dormant-wrap .push-guide .bg {
    margin: 12px auto 0;
    width: 245px;
    height: 123px;
    background: url(//image.hnsmall.com/images/mobile2014/member/img_push.png) no-repeat;
    background-size: 100%;
}

.dormant-wrap .push-guide .check-box {
    display: inline-block;
    padding-top: 2px;
}

.dormant-wrap .push-guide .check {
    margin-top: 8px;
    text-align: left;
}

.dormant-wrap .push-guide .check-cir {
    vertical-align: middle;
    margin-top: -3px;
}

.dormant-wrap .push-guide .check span {
    display: inline-block;
    margin-left: 1px;
    word-break: keep-all;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #666;
}

.dormant-wrap .push-guide .btn {
    display: block;
    height: 40px;
    margin: 20px 5px 0;
    padding-top: 0.5px;
    border: 1.5px solid #111;
    text-align: center;
    border-radius: 4px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #111;
    box-sizing: border-box;
}

.dormant-wrap .push-guide .btn::after {
    display: inline-block;
    content: '';
    height: 40px;
    vertical-align: middle;
    width: 1px;
}

.dormant-wrap .btn-ok {
    margin: 40px 20px 0;
}

.dormant-wrap .btn-red-large {
    font-weight: bold;
}

@media all and (max-width:340px) {
    .dormant-wrap .push-guide .check span {
        display: inline;
    }
}

/* 2022-07-12 #7603 이용약관 테이블 추가 */
.tbl_wrap .tbl {
    width: 100%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tbl_wrap .tbl thead th {
    padding: 7px 10px 6px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #f4f4f4;
    text-align: center;
}

.tbl_wrap .tbl tbody td {
    padding: 7px 10px 6px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
    vertical-align: top;
}

.tbl_wrap .tbl tbody td:first-child {
    text-align: center;
    vertical-align: middle
}

.tbl_wrap .noti {
    margin-top: 10px;
}


div.contIn h4 {
    color: #444;
}

div.contIn h3 {
    margin-bottom: 13px;
    color: #444;
}

div.contIn p {
    margin-bottom: 26px;
    color: #888
}

div.contIn table.memTable {
    width: 100%;
    margin: 5px 0;
    background: #fff;
    font-size: 11px
}

div.contIn table.memTable th {
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd
}

div.contIn table.memTable td {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center
}

div.contIn table.memTable td.emphasisTxt {
    font-size: 13px;
    font-weight: bold;
}

div.contIn table.memTable td.emphasisTxt2 {
    font-size: 12px;
    font-weight: bold;
}

div.contIn table.memTable td.al {
    text-align: left
}

div.contIn table.memTable td p {
    margin-bottom: 0;
}

div.contIn table.memTable.vt td {
    vertical-align: top;
}

div.contIn table.memTable.vt table.memTable td {
    vertical-align: middle;
}

div.contIn.type2 h4 {
    margin-bottom: 6px;
    font-size: 13px
}

div.contIn table.memTable td.blank {
    text-align: center;
    vertical-align: middle;
}

div.contIn p {
    height: auto;
    overflow: inherit;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

div.contIn p.emphasisTxt,
div.contIn p span.emphasisTxt {
    font-size: 14px;
    font-weight: bold;
}

div.contIn span.blue {
    color: #5785b9;
}

div.contIn span.blue {
    color: #5785b9;
}

/* 개인정보처리방침 */
.buList li {
    padding: 0 0 0 7px;
    background: url('//image.hnsmall.com/images/img2014/category/bu_circle4x4_2.gif') no-repeat 0 6px
}

p.buList {
    padding: 0 0 0 9px;
    background: url('//image.hnsmall.com/images/img2014/category/bu_circle4x4_2.gif') no-repeat 0 6px;
    color: #888
}

.personal-terms .memJoin {
    padding: 20px 0 0;
    font-size: 12px;
}

.personal-terms .table.memTable.ac {
    text-align: center;
}

.personal-terms .buList {
    padding: 0 15px;
}

.personal-terms .buList li+li {
    margin-top: 10px;
}

.personal-terms .label-box {
    margin: 30px 15px;
}

.personal-terms .label-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: top;
    padding: 0 0 30px;
    background-color: #f9f9f9;
    box-sizing: border-box;
}

.personal-terms .label-box ul li {
    width: 50%;
    flex-shrink: 0;
    margin-top: 30px;
}

.personal-terms .label-box ul li a {
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    color: #444;
    line-height: 17px;
}

.personal-terms .label-box ul li a:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_policy_sprite.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
}

.personal-terms .label-box ul li a.label1:before {
    background-position: 0 0;
}

.personal-terms .label-box ul li a.label2:before {
    background-position: -75px 0;
}

.personal-terms .label-box ul li a.label3:before {
    background-position: -150px 0;
}

.personal-terms .label-box ul li a.label4:before {
    background-position: -225px 0;
}

.personal-terms .label-box ul li a.label5:before {
    background-position: 0 -75px;
}

.personal-terms .label-box ul li a.label6:before {
    margin-bottom: 13px;
    background-position: -75px -75px;
}

.personal-terms .label-box .txt {
    margin-top: 15px;
    text-align: right;
    font-size: 12px;
    line-height: 24px;
    color: #888;
}

.personal-terms .termsTab {
    margin: 30px 15px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.personal-terms .termsTab ol {
    border: 0;
    box-sizing: border-box
}

.personal-terms .termsTab ol li {
    margin-top: 8px;
}

.personal-terms .termsTab ol li a {
    width: auto;
    color: #444;
    font-size: 13px;
    letter-spacing: -0.26px
}

.personal-terms .contIn {
    padding: 0 15px;
    margin: 40px 0;
}

.personal-terms .contIn .terms+.terms {
    margin-top: 40px;
}

.personal-terms .contIn .terms h4 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #444;
    font-weight: bold;
    letter-spacing: -0.36px
}

.personal-terms .contIn .terms h4:before {
    content: '';
    display: block;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_policy_sprite.png) 0 0 no-repeat;
    background-size: 300px auto;
    vertical-align: middle;
    margin-right: 5px;
}

.personal-terms .contIn .terms1 h4:before {
    background-position: 0 -150px;
}

.personal-terms .contIn .terms2 h4:before {
    background-position: -50px -150px;
}

.personal-terms .contIn .terms3 h4:before {
    background-position: -100px -150px;
}

.personal-terms .contIn .terms4 h4:before {
    background-position: -150px -150px;
}

.personal-terms .contIn .terms5 h4:before {
    background-position: -200px -150px;
}

.personal-terms .contIn .terms6 h4:before {
    background-position: -250px -150px;
}

.personal-terms .contIn .terms7 h4:before {
    background-position: -0px -200px;
}

.personal-terms .contIn .terms8 h4:before {
    background-position: -50px -200px;
}

.personal-terms .contIn .terms9 h4:before {
    background-position: -100px -200px;
}

.personal-terms .contIn .terms10 h4:before {
    background-position: -150px -200px;
}

.personal-terms .contIn .terms11 h4:before {
    background-position: -200px -200px;
}

.personal-terms .contIn .terms12 h4:before {
    display: none;
}

.personal-terms .contIn .terms13 h4:before {
    background-position: -200px -200px;
}

.personal-terms .contIn .terms14 h4:before {
    background-position: -250px -200px;
}

.personal-terms .contIn .terms15 h4:before {
    background-position: -0px -250px;
}

.personal-terms .contIn .terms16 h4:before {
    background-position: -50px -250px;
}

.personal-terms .contIn .terms17 h4:before {
    background-position: -100px -250px;
}

.personal-terms .contIn .terms18 h4:before {
    background-position: -150px -250px;
}

.personal-terms .contIn .terms19 h4:before {
    display: none;
}

.personal-terms .contIn .terms20 h4:before {
    background-position: -200px -250px;
}

.personal-terms .contIn select.sel-box {
    overflow: hidden;
    width: 91.3%;
    height: 36px;
    margin-top: -6px;
    padding: 0 0 0 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #444;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_arrow_16.png) right 10px no-repeat;
    background-size: auto 16px;
    appearance: none;
}

.personal-terms .revise-box {
    margin: 20px 0 30px;
}

.personal-terms .revise-box h4 {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: -0.28px;
    color: #333;
}

.personal-terms .revise-box span.txt {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

.personal-terms .revise-box .memTable td {
    padding: 5px 8px;
}

.personal-terms .compare-box {
    padding: 0 15px;
    margin: 30px 0;
}

.personal-terms .compare-box .num {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 16px;
}

.personal-terms .compare-box .txt {
    display: block;
    font-size: 12px;
    line-height: 16px;
}

.personal-terms .compare-box table.memTable {
    width: 100%;
    margin: 5px 0;
    background: #fff;
    font-size: 11px
}

.personal-terms .compare-box table.memTable th {
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ddd
}

.personal-terms .compare-box table.memTable td {
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center
}

.personal-terms .compare-box table.memTable td.emphasisTxt {
    font-size: 13px;
    font-weight: bold;
}

.personal-terms .compare-box table.memTable td.emphasisTxt2 {
    font-size: 12px;
    font-weight: bold;
}

.personal-terms .compare-box table.memTable td.al {
    text-align: left
}


.login_boxs {
    padding: 10px 10px 0;
    background: #fff;
    border-radius: 3px 3px 0 0;
    margin: 10px 10px 0;
    border: 1px solid #cdcdcd;
}

.phone_sel {
    background: #f9f9f9;
    padding: 10px;
    margin: 0 10px 30px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #cdcdcd;
    border-top: none;
}

.phone_sel div {
    font-size: 14px;
    color: #565656;
    padding-bottom: 5px;
    font-weight: bold;
}

/*@@@ 2015-02-13 수정*/
.phone_sel div input {
    vertical-align: middle;
}

.phone_sel .sale_info {
    padding: 0 10px;
}

/*@@@ 2015-02-13 수정*/

.kakao_sel {
    background: #fff;
    padding: 10px;
    margin: 0 10px 30px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

/*@@@ 2015-02-13 수정*/
.kakao_sel div {
    font-size: 14px;
    color: #565656;
    padding-bottom: 5px;
    font-weight: bold;
}

/*@@@ 2015-02-13 수정*/
.kakao_sel div input {
    vertical-align: middle;
}

.login_phone_wrap table td:last-child {
    margin-bottom: 30px;
}

.login_phone_wrap {
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
}

.login_phone_wrap2 {
    border-bottom: 2px solid #cdcdcd;
}

.login_phone_wrap3 {
    border-bottom: 2px solid #cdcdcd;
    border-top: 2px solid #cdcdcd;
}

.login_phone_wrap4 {
    border-top: 2px solid #cdcdcd;
}

/*@@@ 2015-02-13 추가*/

.agree_check {
    position: relative;
    padding: 10px;
    font-size: 15px
}

.agree_check input {
    vertical-align: middle;
}

.agree_check a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #565656;
}

.agree_check a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -90px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_check2 {
    position: relative;
    padding: 10px;
    font-size: 15px
}

.agree_check2 input {
    vertical-align: middle;
}

.agree_check2 a {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
    color: #565656;
}

.agree_check2 a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -90px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_check2 .agree_sub {
    padding-top: 5px;
}

.agree_check2 .agree_sub li {
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
}

.agree_check2 .agree_sub li input {}

.agree_check2 .agree_sub li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.agree_check2 .agree_sub li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.agree_check3 {
    position: relative;
    margin: 0 10px;
    padding: 10px 0;
    font-size: 15px;
    border-top: 1px solid #eee;
}

.agree_check3 input {
    vertical-align: middle;
}

.agree_check3 .agree_sub {
    padding-top: 5px;
    overflow: hidden;
}

.agree_check3 .agree_sub li {
    position: relative;
    padding-top: 5px;
    float: left;
    width: 50%;
}

.agree_check3 .agree_sub li input {
    margin-left: 10px;
}

.agree_check3 .agree_sub li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.agree_check3 .agree_sub li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.agree_check4 {
    position: relative;
    font-size: 15px;
    border: 1px solid #cdcdcd;
    margin: 15px 10px;
    border-radius: 5px;
}

.agree_check4 p {
    background: #f4f4f4;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}

.agree_check4 input {
    vertical-align: middle;
}

.agree_check4 a {
    display: block;
    font-size: 14px;
    color: #565656;
    margin-left: 26px;
}

.agree_check4 a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -90px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_check4 .agree_sub {
    padding: 5px 0
}

.agree_check4 .agree_sub li {
    position: relative;
    padding-left: 10px;
    padding: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.agree_check4 .agree_sub li:last-child {
    border-bottom: none;
}

.agree_check4 .agree_sub li input {}

.agree_check4 .agree_sub li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.agree_check4 .agree_sub li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.agree_check4 .agree_sub li span {
    float: left;
    width: 50%;
}

.agree_check5 {
    position: relative;
    font-size: 15px;
    border: 1px solid #cdcdcd;
    margin: 15px 10px;
    border-radius: 5px;
}

.agree_check5 p {
    background: #f4f4f4;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}

.agree_check5 input {
    vertical-align: middle;
}

.agree_check5 a {
    display: inline-block;
    font-size: 14px;
    color: #565656;
}

.agree_check5 .order_table tr {
    border-bottom: none
}

.agree_check5 .vam2 tr th {
    width: 80px;
}

.agree_check6 {
    position: relative;
    font-size: 15px;
    border: 1px solid #cdcdcd;
    margin: 10px;
    border-radius: 5px;
}

.agree_check6 .order_table tr {
    border-bottom: none;
}

.agree_check6 .order_table td {
    padding: 0;
}

.agree_check6 p {
    background: #f4f4f4;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px 5px 0 0;
}

.agree_check6 input {
    vertical-align: middle;
}

.agree_check6 a {
    display: block;
    font-size: 14px;
    color: #565656;
    margin-left: 26px;
}

.agree_check6 a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -90px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_check6 .agree_sub {
    padding: 5px 0
}

.agree_check6 .agree_sub li {
    position: relative;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.agree_check6 .agree_sub li:last-child {
    border-bottom: none;
}

.agree_check6 .agree_sub li input {}

.agree_check6 .agree_sub li input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 20px;
    height: 20px;
}

.agree_check6 .agree_sub li input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.agree_check6 .agree_sub li span {
    float: left;
    width: 50%;
}


.letter_wrap {
    padding: 0 0;
}

.letter_sch {
    padding: 10px 10px 0;
}

.letter_wrap .adress_info {
    height: 30px;
    line-height: 30px;
    background: #f9f9f9;
    font-size: 11px;
    color: #898989;
    padding-left: 10px;
}

.letter_wrap .dey_cation {
    border: none;
    margin: 0;
    padding: 0 0 8px 18px;
    margin-top: 5px;
}

.letter_wrap .dey_cation em {
    left: 0;
}

.letter_wrap .del_sel {
    position: relative;
    padding-bottom: 27px;
}

.letter_wrap .del_sel p {
    position: absolute;
    right: 0;
    top: 0;
}

.letter_wrap .del_sel .pr75 {
    padding-right: 70px;
}

.letter_wrap .del_sel input {
    width: 100%;
}

.letter_wrap .del_sel div {
    position: relative;
}

.letter_wrap .del_sel ul {
    overflow: hidden;
}

.letter_wrap .del_sel ul li {
    float: left;
    width: 50%;
}

.letter_wrap .del_sel ul li:first-child {
    width: 100%;
}

.letter_wrap .del_sel ul li:nth-child(2) span {
    padding-right: 3px;
    display: block;
}

.letter_wrap .del_sel ul li:last-child span {
    padding-left: 3px;
    display: block;
}

.letter_wrap .del_sel select {
    margin-bottom: 5px;
}

.letter_wrap .btn_search em {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: -1px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -110px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.road_name {
    overflow: hidden;
}

.road_name div {
    width: 50%;
    float: left;
}

.road_name div {
    width: 50%;
    float: left;
}

.road_name div:first-child span {
    padding-right: 5px;
    display: block;
}

.agree_wrap {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    margin: 10px;
    border: 1px solid #cdcdcd;
}

.agree_wrap.scroll_y {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 170px;
}

.address_box {
    background: #fff;
}

.address_box li {
    border-bottom: 1px solid #eee;
    padding: 7px 10px;
    position: relative;
    padding-left: 70px;
    font-size: 12px
}

.address_box li:last-child {
    border: none;
}

.address_box li span {
    position: absolute;
    left: 10px;
    top: 9px;
}

.address_box li strong {
    font-weight: normal;
    display: block;
    font-size: 13px
}

.address_box li em {
    display: block;
    color: #565656;
}

.address_box2 {
    background: #fff;
}

.address_box2 li {
    border-bottom: 1px solid #eee;
    padding: 10px;
    position: relative;
    padding-left: 10px;
    font-size: 12px
}

.address_box2 li:last-child {
    border: none;
}

.address_box2 li strong {
    font-weight: normal;
    display: block;
    font-size: 13px
}

.address_box2 li em {
    display: block;
    color: #565656;
}

.btn_letter_sch {
    padding: 0 10px;
}

.none_user {
    padding-top: 30px;
    padding-bottom: 15px;
}

.none_user h2 {
    padding: 0 10px;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

.none_user h2 a {
    position: absolute;
    right: 10px;
    top: 0;
}

.none_user p {
    color: #898989;
    font-size: 12px;
    padding: 10px;
}

.none_user.type2 h2 {
    font-size: 14px;
    padding-bottom: 6px
}

.none_user.type2 p {
    padding-top: 0
}

.none_user.type2 p.member_btn {
    padding-top: 20px;
    padding-bottom: 0;
    margin-bottom: 15px
}

.none_user.type2 p.member_btn a {
    font-weight: bold;
    font-size: 14px
}

.none_user input {
    vertical-align: middle;
    margin-left: 10px;
}

.none_user_info {
    padding: 10px;
    border-top: 2px solid #ddd;
}

.none_user_info span {
    color: #898989;
    font-size: 12px
}

.none_user_info .dey_cation_new {
    margin-bottom: 0;
}

.none_user.type2 label {
    color: #000
}

.none_user_info2 {
    padding: 10px;
}

.none_user_info2 span {
    color: #898989;
    font-size: 12px
}

.none_user_info2 .dey_cation_new {
    margin-bottom: 0;
}

.none_user_info3 {
    padding: 10px 0;
}

.none_user_info4 {
    padding: 10px 0 0;
}

.none_user h2 a {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 14px;
    color: #898989;
}

.none_user h2 a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background-position: 0px -110px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.agree_wrap2 {
    padding: 10px;
    background: #fff;
    border-radius: 3px;
    margin: 10px;
    border: 1px solid #cdcdcd;
}

.agree_change {
    padding-top: 30px;
}

.agree_change h2 {
    padding: 0 10px;
    font-size: 18px;
    position: relative;
    padding-bottom: 10px;
}

.road_bnr img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: -10px;
}

/*우편번호 찾기 배너 @@@2015-07-27 추가*/

/* 비회원 본인인증 약관동의 2016-07-18 */
.none_user .agree_wrap .contIn p {
    padding: 0;
    margin-bottom: 10px
}

/*본인인증 2015-03-05 @@@ 2015-03-30 수정*/
.join_confirm_wrap {
    padding: 25px 10px 20px;
}

.join_confirm_wrap .confirm_list {
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    padding: 15px 0;
}

.join_confirm_wrap .id_sch_sel li {
    margin-bottom: 10px;
}

.join_confirm_wrap .id_sch_sel li a {
    display: block;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    position: relative;
    height: 65px;
    padding: 20px 20px 20px 85px;
    font-weight: bold;
    font-size: 16px
}

.join_confirm_wrap .id_sch_sel li a span {
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    vertical-align: -1px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -80px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.join_confirm_wrap .id_sch_sel li:first-child a {
    margin-right: 2px;
}

.join_confirm_wrap .id_sch_sel li:last-child a {
    margin-left: 2px;
}

.join_confirm_wrap .id_sch_sel li:first-child a em,
.join_confirm_wrap .id_sch_sel li:last-child a em {
    position: absolute;
    left: 16px;
    top: 23px;
    width: 55px;
    height: 55px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_member3.png) no-repeat 0 0;
    background-size: 330px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.join_confirm_wrap .id_sch_sel li:last-child a em {
    background-position: 0 -55px;
}

.join_confirm_wrap .id_sch_sel li a div {
    font-size: 12px;
    color: #898989;
    padding: 5px 10px 0 0;
    font-weight: normal;
}

.join_confirm_wrap .join_sch_wrap {
    padding: 20px 10px 10px;
}

.join_confirm_wrap .join_sch_wrap .id_text em {
    display: block;
    padding: 10px 10px 0;
    font-size: 14px;
    font-weight: normal;
    color: #898989;
}

.pop_agree .agree_che {
    width: 100%;
    height: 30px;
    ;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 0 10px;
    position: relative;
}

.pop_agree .agree_che input {
    vertical-align: middle;
}

.pop_agree .agree_che span {
    position: absolute;
    top: 0;
    right: 20px;
}


/*본인인증-19금 2015-06-17추가*/
.ageguide {
    padding: 40px 0 30px;
}

.ageguide .age_txt {
    text-align: center;
}

.ageguide .age_txt em {
    display: inline-block;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -150px 0;
    background-size: 200px auto;
    vertical-align: top;
    text-indent: -1000px;
}

.ageguide .age_txt span {
    display: inline-block;
    margin-top: 4px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: justify;
}

.ageguide .age_info {
    margin-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #898989;
}

/*2015-02-13 약관중요사항안내*/
h2.tit2 {
    position: relative;
    padding: 0 10px;
    height: 40px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
    color: #000;
    background: #f4f4f4;
    line-height: 40px;
}

h2.tit2 span a {
    position: absolute;
    top: 0;
    right: 7px;
    font-size: 12px;
    font-weight: normal;
    color: #898989;
}

.agree_infotop {
    padding: 12px 10px 5px;
}

.agree_infotop p {
    color: #000 !important;
}

.agree_info .cont {
    padding: 10px 10px 0;
}

.agree_info .cont p {
    color: #898989;
    line-height: 18px;
    font-family: Malgun Gothic, arial, sans-serif, Helvetica;
    font-size: 12px;
}

.agree_info h2 span a {
    font-size: 12px;
    font-weight: normal;
    color: #898989;
}

.agree_table {
    width: 100%;
}

.agree_table thead tr th {
    padding: 10px 0 10px;
    border-bottom: 1px solid #565656;
    font-size: 12px;
    color: #565656;
    line-height: 18px;
    vertical-align: middle;
}

.agree_table thead tr th span {
    font-size: 12px;
    color: #898989
}

.agree_table tbody tr td {
    padding: 10px 10px 30px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 12px;
    color: #565656;
    line-height: 18px;
    vertical-align: middle;
}

.email_zone {
    position: relative;
    margin: 15px 10px;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    font-size: 15px;
}

.email_zone .email_tit {
    padding: 10px;
    margin-bottom: 12px;
    border: 1px solid #eee;
    border-radius: 5px 5px 0 0;
    background: #f4f4f4;
}

.email_zone .order_table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.email_zone .email_zonebtn {
    padding: 10px 0 15px;
}

.email_border {
    padding: 10px 0;
    margin-top: 30px;
    border-top: 1px solid #ddd;
}

.agree_border {
    padding: 10px 0;
    margin-top: 15px;
    border-top: 1px solid #ddd;
}

.agree_table.type2 tbody tr td {
    padding: 10px
}

/*@@@2015-07-30 추가 약관중요사항*/
.agree_info_list h3 {
    padding: 10px 10px 0;
}

.agree_info_list p {
    padding: 0 10px;
}

.agree_info_btn {
    height: 15px;
    padding: 10px 0 12px;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
    background: #bbbbbb;
}

.agree_info_btn p em {
    display: inline-block;
    overflow: hidden;
    width: 9px;
    height: 8px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -20px -30px;
    background-size: 200px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

.agree_info_btn p em.more {
    background-position: -20px -40px;
}

.agree_info_btn p a {
    font-family: Malgun Gothic, arial, sans-serif, Helvetica;
    font-size: 13px;
    color: #fff;
}

/*개인정보 수정 @@@2015-07-29 추가*/
h2.tit4 {
    position: relative;
    padding: 0 10px;
    height: 40px;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
    color: #000;
    background: #f4f4f4;
    line-height: 40px;
}

h2.tit4 div {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: normal;
    font-size: 12px;
}

h2.tit4 div span {
    margin-right: 5px;
    color: #f00;
    vertical-align: middle;
}


/***** 마이쇼핑 *****/
/* 배송상태 배너 */
.ban_order {
    display: inline-block;
    padding: 0 3px;
    background: #28bdbf;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_delivery {
    display: inline-block;
    padding: 0 5px;
    background: #ff6449;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_delivered {
    display: inline-block;
    padding: 0 3px;
    background: #95a6bb;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_exchg {
    display: inline-block;
    padding: 0 3px;
    background: #737373;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_ready {
    display: inline-block;
    padding: 0 3px;
    background: #688db8;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_progress {
    display: inline-block;
    padding: 0 3px;
    background: #ff616f;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

.ban_payment {
    display: inline-block;
    padding: 0 3px;
    background: #656e79;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    line-height: 15px;
    vertical-align: middle;
}

/* button */
.btn_check_deli {
    height: 25px;
    padding: 0 10px;
    border-radius: 3px;
    line-height: 25px;
}

.order_list li .ba_type02 li:nth-child(1) {
    width: 33%;
}

.order_list li .ba_type02 li:nth-child(2) {
    width: 34%;
}

.order_list li .ba_type02 li:nth-child(3) {
    width: 33%;
}

.order_list li .btn_num1 li:nth-child(1) {
    width: 100%;
}

.order_list li .btn_num2 li:nth-child(1) {
    width: 50%;
}

.order_list li .btn_num2 li:nth-child(2) {
    width: 50%;
}

.order_list li .btn_num3 li:nth-child(1) {
    width: 33%;
}

.order_list li .btn_num3 li:nth-child(2) {
    width: 34%;
}

.order_list li .btn_num3 li:nth-child(3) {
    width: 33%;
}

.order_list li .btn_num4 li:nth-child(1) {
    width: 24%;
}

.order_list li .btn_num4 li:nth-child(2) {
    width: 23%;
}

.order_list li .btn_num4 li:nth-child(3) {
    width: 23%;
}

.order_list li .btn_num4 li:nth-child(4) {
    width: 30%;
}

.order_list li .btn_num5 li:nth-child(1) {
    width: 25%;
}

.order_list li .btn_num5 li:nth-child(2) {
    width: 13%;
}

.order_list li .btn_num5 li:nth-child(3) {
    width: 13%;
}

.order_list li .btn_num5 li:nth-child(4) {
    width: 20%;
}

.order_list li .btn_num5 li:nth-child(5) {
    width: 29%;
}

/* 조회 tap */
.order_search_area .osa_tap:after {
    content: "";
    display: block;
    clear: both;
}

.osa_tap {
    background: #fff;
}

.osa_tap li {
    position: relative;
    float: left;
    width: 25%;
}

.osa_tap li a {
    display: inline-block;
    width: 100%;
    line-height: 45px;
    font-size: 16px;
    color: #565656;
    text-align: center;
    border-bottom: 2px solid #000;
}

.osa_tap li .on {
    font-weight: bold;
    color: #e51937;
    border-bottom: 2px solid #e51937;
}

.osa_tap li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 16px;
    width: 1px;
    height: 16px;
    border-right: 1px solid #ddd;
    line-height: 0;
    font-size: 0;
}

.osa_tap li:last-child a:after {
    display: none;
}

.osa_bar {
    position: relative;
    padding: 10px;
    background: #444;
}

.osa_bar label {
    position: absolute;
    left: 10px;
    top: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    vertical-align: middle;
}

.osa_bar span {
    display: block;
    padding: 0 67px 0 60px;
}

.osa_bar input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #232323;
    vertical-align: middle;
}

.osa_bar a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}

.osa_bar.faq_search span {
    display: block;
    padding: 0 87px 0 0;
}

.osa_bar.faq_search a em {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: -1px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -110px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.saved_money_wrap {
    position: relative;
    padding: 13px 10px 11px;
    background: #fff;
}

.saved_money_wrap .txts {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.saved_money_wrap .sum {
    color: #e51937;
}

.saved_money_wrap .btn_getall {
    position: absolute;
    right: 10px;
    top: 16px;
}

.saved_money_wrap.ver2 {
    padding: 13px 10px 15px;
    text-align: center;
}

.saved_money_wrap.ver2 .txts {
    margin-bottom: 10px;
    line-height: 1;
}

.saved_money_wrap.ver2 .sum em {
    font-size: 19px;
    vertical-align: -1px;
}



/* 주문상세내역 */
.order_list_wrap {
    padding: 10px 0;
    background: #eee;
}

.order_list_wrap.title_true {
    padding: 10px 0 0;
}

.order_list_wrap.title_true .order_list li {
    border-radius: 0 0 3px 3px;
    margin-bottom: 0;
}

.order_list_tit {
    position: relative;
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    background: #f9f9f9;
    margin: 0 10px;
}

.olt_p {
    padding: 5px 0 10px 10px;
}

.order_list_tit a {
    display: block;
    padding: 10px 0 10px 10px;
}

.order_list_tit p {
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
}

.order_list_tit strong {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: #898989;
}

.order_list_tit em {
    display: block;
    position: absolute;
    right: 10px;
    top: 16px;
    width: 6px;
    height: 10px;
    text-indent: -9999px;
}

/*.order_list_wrap .order_list{padding:0;border:1px solid #cdcdcd;border-bottom-width:2px;border-top:none;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}
.order_list_wrap .order_list>li:last-child{border-bottom:0;}*/
.order_list_tit {
    font-size: 18px;
    color: #232323;
}

.order_list_tit span {
    position: relative;
    top: -2px;
    font-size: 12px;
    color: #565656;
    font-weight: normal;
}

.order_list_tit2 {
    position: relative;
    background: #fff;
    font-size: 16px;
    color: #232323;
    border-top: 1px solid #bbb;
}

.order_list_tit2.first {
    border-top: none !important;
}

.order_list_tit2 a {
    display: block;
    line-height: 40px;
    height: 40px;
    padding-left: 10px;
}

.order_list_tit2 span {
    font-size: 12px;
    color: #565656;
    font-weight: normal;
    vertical-align: middle;
}

.order_list_tit2 span.ord_dtail {
    position: absolute;
    right: 28px;
    top: 0;
    font-size: 12px;
    color: #565656;
    font-weight: normal;
    vertical-align: middle;
}

/*@@@ 2015-06-11 주문상세 추가*/
.order_list_tit2 em {
    display: block;
    position: absolute;
    right: 15px;
    top: 14px;
    width: 6px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -100px -195px;
    background-size: 300px auto;
    text-indent: -9999px;
}

/*@@@ 2015-06-11 수정*/

.price_wrap .pw_txt_blue {
    display: block;
    color: #12a5cb;
}

.price_wrap .btn_check_deli {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.order_list .gift {
    position: relative;
}

.order_list .gift .btn_check_deli {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.exchg_sel {
    padding: 10px 10px 15px;
    background: #fff;
    text-align: center;
}

.exchg_sel p {
    padding-bottom: 5px;
}

.exchg_sel p input {
    vertical-align: middle;
}

.exchg_sel p input:last-child {
    margin-left: 10px;
}

/* 주문 배송조회 화면 상품재주문 기능 버튼 추가 2016-07-18 */
.order_list_wrap .btnReorder {
    padding: 0 10px 10px;
    background: #f9f9f9;
}

.order_list_wrap .btnReorder a {
    display: block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #e51937;
    text-align: center;
    border: 1px solid #e51937;
    border-radius: 3px;
    background: #fff;
}

/*@@@ 2015-02-06 추가*/
.order .exchgorder_tit {
    font-size: 15px;
    background: #f4f4f4;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
    position: relative;
    border-top: 1px solid #cdcdcd;
}

.order .exchgorder_tit:nth-child(2) {
    border-top: none;
}

.exchg_sel2 {
    padding: 10px 10px 0;
    background: #fff;
}

.exchg_sel2 p {
    padding-bottom: 5px;
}

.exchg_sel2 p input {
    vertical-align: middle;
}

.exchg_sel2 p input:last-child {
    margin-left: 10px;
}

.exchg_sel2 .exchg_txt {
    font-size: 13px;
}

/*@@@ 2015-02-11 추가*/
.exchgtextaera_wrap {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin-bottom: 30px;
    background: #f9f9f9;
}

.exchgtextaera_wrap textarea {
    width: 100%;
    min-height: 60px;
    text-align: justify;
    resize: none;
    background: #f9f9f9;
    font-size: 12px;
}

/*@@@ 2015-02-11 수정*/
/*//@@@ 2015-02-06 추가*/

/*주문/배송 조회 추가 @@@ 2015-06-11*/
.order_list li.gift_box {
    margin-top: -10px;
    border-top: 0;
    border-radius: 0 0 3px 3px;
}

.order_list li .product_box .gift_zone .product_tit {
    margin-bottom: 3px
}

.order_list li .product_box .gift_zone {
    overflow: hidden;
    position: relative;
    padding-left: 67px;
}

.order_list li .product_box .gift_zone span {
    display: inline-block;
    padding: 1px 4px;
    border: 1px solid #898989;
    background: #898989;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.order_list li .product_box .gift_zone .img {
    position: absolute;
    left: 0;
    top: 4px;
}

.order_list li .product_box .gift_zone .img img {
    width: 60px;
    height: 60px;
}

.order_list li .product .product_area {
    padding-bottom: 10px;
}

.order_list li .product .pd_op2 {
    padding: 0 0 5px;
    margin-top: -5px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
}

.order_red {
    position: relative;
    padding: 0 0 10px 67px;
    font-size: 13px;
    font-weight: bold;
    color: #e51937;
    line-height: 22px;
}

.order_red .today_round {
    padding: 0 7px;
    border: 1px solid #e51937;
    border-radius: 12px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

.order_mint {
    position: relative;
    padding: 0 0 10px 67px;
    font-size: 13px;
    font-weight: bold;
    color: #19bfbf;
    line-height: 22px;
}

.order_btn_wrap3 {
    position: absolute;
    top: -8px;
    right: 0;
    font-weight: normal;
}

.order_list li .product .price_txt {
    margin-top: 5px;
}

.order_list li .product .price_txt del {
    margin-bottom: -5px;
}

/*// 주문/배송 조회 추가 @@@ 2015-06-11*/

#orderDetail {
    display: table-cell;
    height: 100%;
    left: 0;
    right: 0;
}

#cultureGuide .txts {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.order .refund {
    padding: 10px;
}

.order .refund input {
    width: 100%;
    margin-top: 5px;
}

/*@@@ 2015-06-11 수정*/

.result_text {
    text-align: center;
    padding: 20px 10px 10px;
}

.result_text em {
    display: inline-block;
    width: 69px;
    height: 69px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png) no-repeat 0 0;
    background-size: 300px 200px;
    text-indent: -9999px;
}

.result_text p {
    font-size: 18px;
}

.result_text p span {
    color: #28a6ae;
}

.result_text strong {
    color: #aaa;
    font-size: 11px;
    display: block;
    padding-bottom: 20px;
}


/*고객센터 메인 */
.customer_menu {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 10px;
    background: #f6f6f6;
}

.customer_menu li {
    width: 50%;
    padding: 5px;
    text-align: center;
    box-sizing: border-box
}

.customer_menu li a {
    display: block;
    height: 98px;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    letter-spacing: -.32px;
    color: #111;
    overflow: hidden;
}

.customer_menu li span {
    display: block;
    width: 40px;
    height: 40px;
    margin: 17px auto 5px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_order01.png) no-repeat 0 0;
    background-size: 40px auto;
}

.customer_menu li:nth-child(2) span {
    background-image: url(//image.hnsmall.com/images/mobile2014/customer/ico_order02.png);
}

.customer_menu li:nth-child(3) span {
    background-image: url(//image.hnsmall.com/images/mobile2014/customer/ico_order03.png);
}

.customer_menu li:nth-child(4) span {
    background-image: url(//image.hnsmall.com/images/mobile2014/customer/ico_order04.png);
}

.customer_menu li:nth-child(1) span {
    transform: translateX(-1px);
}

.customer_main_con {
    padding-bottom: 25px;
}

.customer_main_con .cmc_banarea {
    padding: 0;
}

.customer_main_con .cmc_quick {
    border-bottom: 10px solid #eee;
}

.customer_main_con .cmc_quick a {
    display: block;
    position: relative;
    height: 52px;
    padding: 18px 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #111;
    line-height: 16px;
    letter-spacing: -0.32px;
    box-sizing: border-box;
}

.customer_main_con .cmc_quick li:last-child a {
    border-bottom: 0;
}

.customer_main_con .cmc_quick a::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_arrow_12.png) no-repeat;
    background-size: 12px;
}

.customer_main_con .tt_con {
    position: relative;
    margin: 40px 15px 0;
}

.customer_main_con .tt_con .tit {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.34px;
    color: #111;
    line-height: 25px;
}

.customer_main_con .tt_con li {
    margin-top: 10px;
}

.customer_main_con .tt_con li a {
    display: block;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #111;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.customer_main_con .tt_con~.tt_con {
    margin-top: 45px;
}

.customer_main_con .tt_con>a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 7px 12px 6px 0;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: -0.26px;
    color: #111;
}

.customer_main_con .tt_con>a em {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: -3px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_arrow_12.png) no-repeat;
    background-size: 12px;
}

.customer-main-wrap {
    background-color: #f6f6f6;
    padding-bottom: 90px;
    margin-bottom: -40px;
}

.customer-main-wrap h2 {
    position: relative;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 21px;
    line-height: 29px;
    letter-spacing: -0.42px;
    color: #111;
    text-align: left;
}

.customer-main-wrap h2 .sub {
    display: block;
    margin-top: 4px;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.36px;
    white-space: nowrap;
}

.customer-main-wrap h3.tit {
    display: block;
    padding: 0 55px 10px 0;
    margin-top: 3px;
    font-size: 17px;
    line-height: 25px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
}

.customer-main-wrap .customer-top {
    padding: 30px 15px;
    background-color: #fff;
}

.customer-main-wrap .customer-top .top-tit {
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-top: 2px;
}

.customer-main-wrap .customer-top .top-tit .bg {
    display: flex;
    flex-shrink: 0;
    width: 76px;
    height: 61px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/bn_top_img.png) 0 0 no-repeat;
    background-size: 100%;
}

.customer-main-wrap .customer-top .inp-search-box {
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
    height: 49px;
    margin-top: 30px;
    border-radius: 24.5px;
}

.customer-main-wrap .customer-top .inp-search-box .inp-box {
    display: flex;
    width: 100%;
}

.customer-main-wrap .customer-top .inp-search-box .inp-box input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 50px 0 20px;
    font-size: 15px;
    line-height: 48px;
    letter-spacing: -0.3px;
    color: #888;
    border: 0;
    background: #f6f6f6;
    box-sizing: border-box;
    text-indent: 0
}

.customer-main-wrap .customer-top .inp-search-box button {
    position: absolute;
    top: 0;
    right: 10px;
    width: 34px;
    height: 100%;
    border: 0;
    background: none;
}

.customer-main-wrap .customer-top .inp-search-box button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 12px 5px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_search_24.png) center center no-repeat;
    background-size: 24px auto;
}

.customer-main-wrap .customer-top .inp-search-box button span {
    font-size: 0;
    color: transparent;
}

.customer-main-wrap .customer-box {
    position: relative;
    padding: 15px 15px 20px;
    margin: 15px;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box
}

.customer-main-wrap .quick-list {
    margin-top: 20px;
}

.customer-main-wrap .quick-list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 20px;
    margin: 10px 3px 0;
}

.customer-main-wrap .quick-list ul li {
    max-width: 16vw
}

.customer-main-wrap .quick-list ul li:nth-last-child(-n+4) {
    margin-bottom: 5px;
}

.customer-main-wrap .quick-list ul li a {
    display: block;
    text-align: center;
}

.customer-main-wrap .quick-list ul li .text {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #111;
    white-space: nowrap
}

.customer-main-wrap .quick-list .ico {
    display: block;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/sprite_customer.png) 0 0 no-repeat;
    background-size: 250px auto;
    margin: 0 auto;
}

.customer-main-wrap .quick-list .ico.member {
    background-position: 0 0;
}

.customer-main-wrap .quick-list .ico.order {
    background-position: -40px 0;
}

.customer-main-wrap .quick-list .ico.return {
    background-position: -80px 0;
}

.customer-main-wrap .quick-list .ico.save {
    background-position: -120px 0;
}

.customer-main-wrap .quick-list .ico.pay {
    background-position: 0 -40px;
}

.customer-main-wrap .quick-list .ico.delivery {
    background-position: -40px -40px;
}

.customer-main-wrap .quick-list .ico.common {
    background-position: -80px -40px;
}

.customer-main-wrap .quick-list .ico.coupon {
    background-position: -120px -40px;
}

.customer-main-wrap .tt-con ul {
    border-top: 1px solid #eee;
    padding-top: 7px;
}

.customer-main-wrap .tt-con ul li a {
    display: block;
    padding: 5px 0 5px 0;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
    color: #111;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.customer-main-wrap .cmc-quick {
    padding: 0;
    background-color: #f6f6f6;
}

.customer-main-wrap .cmc-quick ul {}

.customer-main-wrap .cmc-quick ul li {
    margin-top: 10px;
    background-color: #fff;
    border-radius: 4px;
}

.customer-main-wrap .cmc-quick ul li:first-child {
    margin-top: 0;
}

.customer-main-wrap .cmc-quick ul li a {
    position: relative;
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #111;
}

.customer-main-wrap .cmc-quick ul li a:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_arr_right_16.png) center center no-repeat;
    background-size: 100%;
}

.customer-main-wrap .cmc-quick ul li a:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/sprite_customer.png) no-repeat;
    background-size: 250px auto;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}

.customer-main-wrap .cmc-quick ul li a.write:before {
    background-position: 0 -80px;
}

.customer-main-wrap .cmc-quick ul li a.counsel:before {
    background-position: -40px -80px;
}

.customer-main-wrap .cmc-quick ul li a.call:before {
    background-position: -160px -80px;
}

.customer-main-wrap .cmc-quick ul li a.ccm:before {
    background-position: -80px -80px;
}

.customer-main-wrap .cmc-quick ul li a.omb:before {
    background-position: -120px -80px;
}

.customer-main-wrap .btn-more {
    position: absolute;
    top: 13px;
    right: 5px;
    width: auto;
    height: auto;
    padding: 10px;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #111;
    border: 0;
}

.customer-main-wrap .btn-more:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_arr_right_12.png) center center no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 3px;
}

/* 2025-06-27 ITSRI-25057 고객센터 안내배너 신설 (홍보용) */
.customer-main-wrap .customer-bnr {
    margin-top: 30px;
}

.customer-main-wrap .customer-bnr a {
    display: block;
}

.customer-main-wrap .customer-bnr a img {
    display: block;
    width: 100%;
}

/* 고객센터  - 이용안내 동영상 */
.cmcGuideVideo {
    padding: 10px 10px 0;
}

.cmcGuideVideo a {
    display: block;
    padding: 0 0 0 15px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    background: #fff;
}

.cmcGuideVideo a span {
    display: inline-block;
    height: 52px;
    padding: 1px 0 0;
    line-height: 52px;
}

.cmcGuideVideo a span:before {
    display: inline-block;
    content: "";
    margin: -5px 4px 0 0;
    vertical-align: middle;
    width: 18px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_mainx2.png) no-repeat -120px -35px;
    background-size: 165px auto;
}

.cmcGuideVideo a.ccm span:before {
    display: inline-block;
    content: "";
    margin: -5px 4px 0 0;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_mainx2.png) no-repeat -0.5px -56.7px;
    background-size: 165px auto;
}

/* 고객센터 */
.btn_fix_size {
    text-align: center;
}

.catal_wrap {
    padding: 30px 10px;
}

.catal_wrap p {
    padding-bottom: 30px;
}

.catal_wrap p img {
    width: 100%
}

.catal_wrap .catal_guide {
    padding-top: 15px;
}

.cate_bottom {
    padding: 15px 10px;
}

.cate_bottom .dey_cation_new {
    margin-bottom: 30px;
}

.cate_bottom .dey_cation_new span {
    color: #12a5cb;
}

.cate_bottom.type02 {
    padding-top: 0;
}

.cate_bottom.type02 .btn_fix_size {
    margin-top: 30px;
}

.cate_bottom.type02 .dey_cation_new {
    margin-top: 15px;
    margin-bottom: 0;
}

.catal_wrap .id_text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 25px;
}

.catal_wrap .id_text span {
    display: block;
    color: #12a5cb;
}

.catal_wrap .id_text strong {
    color: #e51937;
}

.catal_wrap .id_text em {
    display: block;
    padding-top: 15px;
    font-size: 12px;
    font-weight: normal;
    color: #898989;
}

.catal_wrap .mt10 {
    margin-top: 10px !important;
}

.order_list_wrap .dey_cation {
    padding-left: 20px;
    padding-right: 0;
}

.order_list_wrap .dey_cation em {
    left: 0px;
}

.bge4 {
    background: #e4e4e4 !important;
}

.bulletTxt.info2 {
    margin: 10px 0 0 10px;
    color: #888;
}

.bulletTxt.info2+.bulletTxt.info2 {
    margin-top: 4px;
}

.list_none {
    text-align: center;
    padding: 30px 0;
    background: #fff;
}

.list_none em {
    position: relative;
    display: inline-block;
    width: 82px;
    height: 83px;
    overflow: hidden;
    text-indent: -9999px;
    border: 5px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
}

.list_none em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat 0 0;
    background-size: 200px auto;
}

.list_none p {
    padding-top: 10px;
    font-size: 17px;
    font-weight: bold;
}

/*@@@ 2015-07-29 수정*/
.list_none span {
    color: #565656;
}

.list_none.type02 {
    padding: 10px 0 50px;
}

.list_none.type03 {
    padding: 90px 0;
    border-bottom: 1px solid #d5d5d5;
}

.list_none .info {
    margin: 0 0 50px 10px;
    padding-top: 0;
    font-size: 12px;
    color: #888;
    font-weight: normal;
    text-align: left;
}

.list_none2 {
    text-align: center;
    padding: 35px 0;
    background: #fff;
}

.list_none2 strong {
    font-size: 17px;
}

.list_none2 em {
    position: relative;
    display: inline-block;
    width: 82px;
    height: 83px;
    overflow: hidden;
    text-indent: -9999px;
    border: 5px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
}

.list_none2 em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat 0 0;
    background-size: 200px auto;
}

.list_none2 p {
    color: #898989;
    font-size: 13px;
    padding-top: 12px;
}

.list_none2 span {
    display: block;
    padding-top: 10px;
    font-size: 17px;
    font-weight: bold;
}

.list_none3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
    background: #fff;
}

.list_none3 em {
    display: block;
    width: 50px;
    height: 50px;
}

.list_none3 em:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_nodata_50x50.png) no-repeat center center;
    background-size: 50px auto;
}

.list_none3 span {
    display: block;
    margin-top: 13px;
    font-size: 18px;
    line-height: 25px;
    color: #333;
}

/*@@@ 2017-11-14 고객센터-옴부즈맨정보방송 다시보기 추가 */
.cmcGuideVideo.cmc_ombudsman a {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.cmcGuideVideo.cmc_ombudsman a.link_omb {
    border: 1px solid #cdcdcd;
    border-top: 1px solid #eeeeee;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cmcGuideVideo.cmc_ombudsman a.link_omb span:before {
    display: inline-block;
    content: "";
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_mainx2.png) no-repeat -145px -35px;
    background-size: 165px auto;
}

/* //@@@ 2017-11-14 고객센터-옴부즈맨정보방송 다시보기 추가 */

/*@@@ 2017-11-14 옴부즈맨정보방송 다시보기 추가 */
.contents.ombuds_wrap {
    background-color: #ebebeb;
}

.ombuds_cont {
    width: 100%;
    padding: 12px 10px 40px 10px;
    margin: 0 0 -20px 0;
    background-color: #ebebeb;
    box-sizing: border-box;
}

.ombuds_cont .ombuds_select select.selectBox01 {
    width: 100%;
    padding: 0 20px 0 3px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    color: #000;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box.gif) no-repeat 99.4% center;
    background-size: 16px 20px;
}

.ombuds_cont .ombuds_tit {
    font-size: 16px;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.ombuds_cont .ombuds_tit .omb_txt {
    position: relative;
}

.ombuds_cont .ombuds_tit .omb_txt:after {
    content: '';
    width: 5px;
    height: 2px;
    background-color: #000;
    display: inline-block;
    margin: -2px 0 0 4px;
    vertical-align: middle;
}

.ombuds_cont .ombuds_video {
    padding-top: 20px
}

.ombuds_cont .ombuds_video_cont {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.ombuds_cont .ombuds_video_cont iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*@@@ 2017-11-14 옴부즈맨정보방송 다시보기 추가 */

/*방송알림 설정*/
.best_tit {
    position: relative;
    height: 45px;
    padding: 0 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    background: #f4f4f4;
    line-height: 48px;
}

.best_tit a {
    position: absolute;
    right: 10px;
    top: 0;
    color: #565656;
    font-weight: normal;
    font-size: 14px;
}

.best_tit a em {
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png) no-repeat -190px -150px;
    background-size: 300px 200px;
    text-indent: -9999px;
    vertical-align: middle;
}

.best_list ul li {
    position: relative;
    padding: 14px 10px 12px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.best_list ul li span {
    width: 70px;
    height: 40px;
    position: absolute;
    right: 65px;
    top: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/best_bg.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px;
}

.best_list ul li em {
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 17px;
    margin-right: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_num.png) no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -9999px
}

.best_list ul li em.best1 {
    background-position: 0 0;
}

.best_list ul li em.best2 {
    background-position: -20px 0;
}

.best_list ul li em.best3 {
    background-position: -40px 0;
}

.best_list ul li em.best4 {
    background-position: -60px 0;
}

.best_list ul li em.best5 {
    background-position: -80px 0;
}

.best_list ul li a {
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 11px;
    vertical-align: middle;
    line-height: 30px;
}

.best_list ul li a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 14px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -40px -150px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -9999px
}

/* 방송알림 UI변경 */
.best_list.type02 ul li {
    padding: 14px 100px 12px 34px;
}

.best_list.type02 ul li em {
    position: absolute;
    left: 10px;
    top: 50%;
    margin: -8px 0 0;
}

.best_list.type02 ul li strong {
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    width: 100%;
    font-weight: normal;
}

.best_list.type02 ul li span {
    right: 75px;
}

.best_list.type02 ul li .btnArimi {
    display: inline-block;
    height: auto;
    padding: 0 10px;
    line-height: 0;
    font-size: 0;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    background: #fff;
}

.best_list.type02 ul li .btnArimi span {
    display: inline-block;
    position: static;
    width: auto;
    height: auto;
    padding: 1px 0 0 18px;
    line-height: 27px;
    font-size: 12px;
    color: #333;
    text-indent: initial;
}

.best_list.type02 ul li .btnArimi span:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 6px;
    left: 10px;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -150px;
    background-size: 200px auto;
}

.best_list.type02 ul li .btnArimi.on {
    border: 1px solid #e51937;
}

.best_list.type02 ul li .btnArimi.on span {
    color: #e51937;
}

.best_list.type02 ul li .btnArimi.on span:before {
    background-position: -20px -150px;
}

/*@@@ 2015-02-04 상품평 없을시 추가 */
.comlist_none {
    text-align: center;
    background: #fff;
}

.comlist_none p {
    color: #000;
    font-size: 14px;
    padding-top: 10px;
}

.comlist_none span {
    text-align: center;
}

.comlist_none a {
    margin: 30px 0;
}

/* //@@@ 2015-02-04 상품평 없을시 추가 */

.board_list {}

.board_list li {
    border-bottom: 1px solid #ddd;
}

.board_list li .tit {
    position: relative;
    font-size: 14px;
    padding: 15px 40px 15px 10px
}

.board_list li .tit em {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 16px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -90px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.board_list li.active .tit em {
    background-position: -130px -100px
}

.board_list li .con {
    background: #f9f9f9;
    padding: 20px 10px;
    font-size: 14px;
    padding-bottom: 20px;
    display: none;
}

.board_list li .con span {
    display: block;
    padding-bottom: 10px;
    color: #898989;
    font-size: 12px
}

.board_list li.active p em {
    background-position: -130px -100px;
}

.board_list.win {
    border-top: 1px solid #ddd;
}

.board_list.win li p em {
    top: 18px;
    width: 8px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -90px;
    background-size: 200px auto;
}

.board_list li .con_faq {
    min-height: 16px;
    padding: 15px 10px;
    margin: 0;
    position: relative;
    background: #f9f9f9;
    display: none;
    border-top: 1px solid #eee;
}

.board_list li .con_faq em {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 23px;
    height: 23px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -175px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.board_list li .con_faq span {
    display: block;
    color: #999;
    font-size: 11px;
}

.board_list li .con_faq p {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 14px;
    padding-bottom: 5px;
}

.board_list li .tit span {
    display: block;
    color: #898989;
    font-size: 12px;
    padding-bottom: 5px;
}

.board_list li .tit span strong {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #cdcdcd;
    font-weight: normal;
    padding: 1px;
}

.board_list li .tit span:nth-child(2) {
    color: #666;
    display: inline;
    font-size: 12px;
}

.board_list.v2 {
    border-top: 0;
}

.board_list.v2 i {
    font-style: normal;
}

.board_list.v2 li {
    position: relative;
    border-color: #eee;
}

.board_list.v2 li>a {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 25px 0 25px 0;
}

.board_list.v2 li .tit {
    padding: 0;
    margin-right: 31px;
    font-size: 15px;
    line-height: 21px;
    color: #111;
}

.board_list.v2 li .tit+i {
    display: inline-block;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_right_16x16.png) 0 0 no-repeat;
    background-size: 16px auto;
}

.board_list.v2 li .detail {
    display: none;
    border-top: 1px solid #eee;
    padding: 30px 25px;
    background-color: #fafafa;
    line-height: 23px;
    color: #111;
}

.board_list.v2 li .detail p:first-child {
    margin-top: 0;
}

.board_list.v2 li .detail p {
    margin-top: 5px;
}

.board_list.v2 li .detail .txt-dot {
    display: inline-block;
    margin-top: 4px;
    vertical-align: middle;
    line-height: 14px;
}

.board_list.v2 li .detail b {
    font-weight: 500;
}

.board_list.v2 li .detail .ico-o,
.board_list.v2 li .detail .ico-x {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 0;
    background-size: 20px;
    background-repeat: no-repeat;
    font-size: 1px;
    color: transparent;
}

.board_list.v2 li .detail .ico-o {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/ico_o.png);
}

.board_list.v2 li .detail .ico-x {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/ico_x.png);
}

.board_list.v2 li.on .detail {
    display: block;
}

.event-winner-box .event-history .ico-arr {
    transform: rotate(90deg);
}

.one_ask {
    padding-bottom: 15px;
}

.one_ask li .tit span:nth-child(2) {
    display: block;
    padding-bottom: 0;
}

.one_ask li .tit span {
    color: #898989 !important;
}

.one_ask li .tit span strong {
    display: inline-block;
    font-size: 11px;
    border: 1px solid #cdcdcd !important;
    font-weight: normal;
    padding: 1px;
}

.one_ask li .tit span:first-child {
    display: inline-block;
    color: #e51937 !important;
}

.board_list li .tit_faq {
    position: relative;
    font-size: 14px;
    padding: 15px 40px 15px 10px
}

.board_list li .tit_faq em {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 14px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -90px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.board_list li .tit_faq span {
    position: absolute;
    left: 10px;
    top: 17px;
    width: 16px;
    height: 16px;
    background-position: 0px -140px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.board_list li .tit_faq strong {
    color: #e51937;
    font-weight: normal;
}

.board_list li .con_quest {
    min-height: 16px;
    padding: 15px 10px;
    position: relative;
    background: #f9f9f9;
    display: none;
}

.board_list li .con_quest em {
    position: absolute;
    left: 10px;
    top: 12px;
    width: 23px;
    height: 23px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -150px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.board_list li .con_quest p {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 14px
}

.board_list li .con_quest span {
    display: block;
    padding-right: 10px;
    padding-top: 10px;
}

.board_list li .con_quest span img {
    width: 100%;
}

.board_list li .con_quest ul {
    padding-left: 25px;
    padding-top: 10px;
}

.board_list li .con_quest li {
    position: relative;
    border-bottom: 0;
    font-size: 14px;
    padding-left: 7px;
}

.board_list li .con_quest li i {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #333;
}

.board_list li .ask_wrap {
    display: none;
    background: #f9f9f9;
}

.board_list li .ask_wrap .con_quest {
    display: block;
}

.board_list li .ask_wrap .con_faq {
    display: block;
}

.board_list li .ask_wrap .btn_center_zone {
    padding-bottom: 15px;
}

.board_list li .ask_wrap .btn_center_zone .btn_black {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 13px;
    padding-top: 5.5px !important;
}

.board_view {}

.board_view .tit {
    padding: 10px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    background: #f9f9f9;
}

.board_view .tit span {
    display: block;
    color: #898989;
    font-size: 12px;
    padding-top: 8px;
    font-weight: normal;
}

.board_view div {
    font-size: 14px;
    padding: 15px 10px;
    color: #565656;
    line-height: 18px
}

.board_view .win_tit {
    margin: 0 10px;
    padding: 10px 0;
}

.board_view.win div {
    border: none;
}

.board_view.win table {
    width: 100%
}

.board_view.win .win_con {
    padding: 10px;
}

.tableSt2 {
    width: 100%;
    padding-bottom: 1px;
    border: 1px solid #e4e4e4;
}

.tableSt2 thead th {
    padding: 7px 0 6px;
    border: 1px solid #ddd;
    border-top: 1px solid #bbb;
    border-right: none;
    background: #f4f4f4;
}

.tableSt2 thead th.first {
    border-left: none
}

.tableSt2 tr {
    border: 0;
    background: none
}

.tableSt2 tbody td {
    padding: 6px 0 5px;
    text-align: center;
    border: 0;
    background: none;
    border: 1px solid #ddd;
    border-top: 1px solid #bbb;
    border-right: none;
}

.delicery_info {}

.delicery_info table {
    width: 100%;
    padding-bottom: 1px;
    border-bottom: 1px solid #e4e4e4
}

.delicery_info table thead th {
    padding: 10px 0 9px;
    background: #fff;
    color: #565656;
    border-bottom: 1px solid #565656;
    font-size: 14px;
    font-weight: normal;
}

.delicery_info table tr {
    border: 0;
    background: none
}

.delicery_info table tbody tr td {
    padding: 10px 0;
    text-align: center;
    border: 0;
    background: none;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    border-right: 1px solid #eee;
    color: #232323
}

.delicery_info table tbody tr td:last-child {
    border-right: none;
}

.delicery_info table tbody tr .finish {
    color: #db0c68;
}

.delicery_info table tbody tr td.no_data {
    color: #999;
}

.btn_one {
    padding: 15px 10px;
    position: relative;
    overflow: hidden;
}

.btn_one a {
    display: block;
    border-radius: 3px
}

.btn_one .dey_cation {
    border: none;
}

.btn_one .dey_cation {
    padding-left: 20px;
    padding-right: 0;
}

.btn_one .dey_cation em {
    left: 0px;
}

.btn_one input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    opacity: 0
}

.btn_one.p0 {
    padding: 0;
}

.btn_one2 {
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.btn_one2.btn_goodsqna {
    margin-bottom: 20px;
}

.btn_one2 .dey_cation {
    border: none;
    text-align: left;
}

.btn_one2 .dey_cation {
    padding-left: 20px;
    padding-right: 0;
    margin-bottom: 10px;
}

.btn_one2 .dey_cation em {
    left: 0px;
}

.faq_state {
    font-size: 14px;
    border-bottom: 1px solid #565656;
    background: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
}

.faq_state span {
    color: #e51937;
}

.faq_state em {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -120px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.faq_nav {
    overflow: hidden;
    padding: 15px 10px 20px 10px;
    background-size: 4px 4px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/tv/line_cate.png) 0 bottom repeat-x;
}

.faq_nav li {
    float: left;
    width: 25%;
    margin-bottom: 3px;
}

.faq_nav li a {
    display: block;
    border-radius: 3px;
    margin-right: 3px;
}

.faq_nav li:nth-child(4) a {
    margin-right: 0;
}

.faq_nav li:nth-child(8) a {
    margin-right: 0;
}

.faq_nav li.active a {
    border: 1px solid #e51937;
    color: #e51937 !important
}


.pdsearch_wrap {}

.board_product {}

.board_product li {
    border-bottom: 1px solid #ddd;
    padding: 15px 10px;
}

.board_product li:last-child {
    border: none;
}

.board_product li .product {
    position: relative;
    padding-left: 75px;
    min-height: 60px;
    overflow: hidden;
    padding-right: 60px;
}

.board_product li .product .text {
    font-size: 14px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 46px;
}

.board_product li .product .img {
    position: absolute;
    left: 0;
    top: 3px;
}

.board_product li .product .img img {
    width: 60px
}

.board_product li .product .price {
    font-size: 16px;
    color: #e51937
}

.board_product li .product .btn {
    position: absolute;
    right: 0;
    top: 15px;
}


.cmc_quick2 {
    padding: 20px 0 0
}

.cmc_quick2 ul:after {
    content: "";
    display: block;
    clear: both;
}

.cmc_quick2 ul li {
    float: left;
    width: 33%;
    background: #fff;
}

.cmc_quick2 ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 40px;
    text-align: center;
    border-right: 1px solid #cdcdcd;
}

.cmc_quick2 ul li span {
    display: inline-block;
    width: 21px;
    height: 18px;
    margin-right: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/customer/ico_mainx2.png) no-repeat 0 -35px;
    background-size: 165px auto;
    vertical-align: middle;
}

.cmc_quick2 ul li:nth-child(2) span {
    width: 21px;
    height: 18px;
    background-position: 0px -35px;
}

.cmc_quick2 ul li:nth-child(1) span {
    width: 16px;
    height: 21px;
    background-position: -50px -35px;
}

.cmc_quick2 ul li:nth-child(3) span {
    width: 21px;
    height: 21px;
    background-position: -75px -35px;
}

.cmc_quick2 ul li:nth-child(3) {
    width: 34%;
}

.cmc_quick2 ul li:nth-child(3) a {
    border-right: none;
    text-align: center;
}

/* 마이페이지 메인 */
.my_state {
    padding-left: 137px;
    position: relative;
    background: #f9f9f9;
    min-height: 203px;
    border-bottom: 1px solid #aaa;
}

.my_state .my_class {
    position: absolute;
    left: 0;
    top: 0;
    width: 137px;
    text-align: center;
    padding-top: 20px;
}

.my_state .my_class p {
    font-size: 12px;
    padding-top: 9px;
    line-height: 16px;
    padding-bottom: 20px;
}

.my_state .my_class em {
    display: block;
    width: 81px;
    height: 86px;
    margin: 0 auto;
    background-position: 0px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my2.png);
    background-repeat: no-repeat;
    background-size: 350px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.my_state .my_class span {
    color: #089dc4;
}

.my_state .my_class a:first-child {
    margin-right: 3px;
}

.my_state .my_class div a {
    position: relative;
}

.my_state .my_class div span {
    position: absolute;
    right: -3px;
    top: -3px;
    display: block;
    width: 17px;
    height: 17px;
    background-position: -280px -30px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.my_state .my_class.family em {}

.my_state .my_class.family span {}

.my_state .my_class.new em {
    background-position: 0 -86px;
}

.my_state .my_class.new span {
    color: #953f9f;
}

.my_state .my_class.silver em {
    background-position: -81px 0;
}

.my_state .my_class.silver span {
    color: #a0a0a0;
}

.my_state .my_class.gold em {
    background-position: -162px 0;
}

.my_state .my_class.gold span {
    color: #ff8707;
}

.my_state .my_class.diamond em {
    background-position: -243px 0;
}

.my_state .my_class.diamond span {
    color: #4fafe8;
}

.my_state .my_class.umbrella em {
    background-position: -243px -86px;
}

.my_state .my_class.umbrella span {
    color: #ffa316;
}

.my_state .my_class.staff em {
    background-position: -81px -86px;
}

.my_state .my_class.staff span {
    color: #464f92;
}

.my_state .my_class.vip em {
    background-position: -162px -86px;
}

.my_state .my_class.vip span {
    color: #069889;
}

.my_state .state {
    border-left: 1px solid #ddd;
    min-height: 203px;
    background: #fff;
}

.my_state .state li {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    padding-left: 75px;
    position: relative;
    border-bottom: 1px solid #eee;
}

.my_state .state li:last-child {
    border-bottom: none;
}

.my_state .state li span {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 10px;
    font-size: 14px
}

.my_state .state li strong {
    display: block;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #e51937;
}

.my_order_state {}

.my_order_state .my_order {
    overflow: hidden;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #cdcdcd;
    margin-top: 9px;
}

.my_order_state .my_order li {
    float: left;
    width: 25%;
    text-align: center;
}

.my_order_state .my_order li span {
    display: block;
    font-size: 16px
}

.my_order_state .my_order li strong {
    color: #565656;
    font-size: 12px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.my_order_state .my_order li em {
    display: block;
    width: 27px;
    height: 23px;
    margin: 0 auto;
    background-position: -60px -177px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.my_order_state .my_order li:nth-child(1) em {
    width: 27px;
    height: 23px;
    background-position: -60px -177px;
}

.my_order_state .my_order li:nth-child(2) em {
    width: 24px;
    height: 23px;
    background-position: -90px -177px;
}

.my_order_state .my_order li:nth-child(3) em {
    width: 26px;
    height: 23px;
    background-position: -115px -177px;
}

.my_order_state .my_order li:nth-child(4) em {
    width: 23px;
    height: 23px;
    background-position: -145px -177px;
}

.my_order_state .state {
    overflow: hidden;
    background: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #cdcdcd;
    margin-top: 9px;
}

.my_order_state .state li {
    float: left;
    width: 20%;
    text-align: center;
}

.my_order_state .state li span {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto 8px;
    border-radius: 18px;
    font-size: 16px;
    color: #e51937
}

.my_order_state .state li strong {
    color: #565656;
    font-size: 12px;
    font-weight: normal;
    position: relative;
}

.my_order_state .state li span.none {
    color: #aaa;
}

.my_order_state .state li strong em {
    position: absolute;
    right: -15px;
    top: 2px;
    display: block;
    width: 12px;
    height: 11px;
    margin: 0 auto;
    background-position: -280px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.my_order_state .state.none li {
    width: 100%;
    color: #aaa;
    padding: 20px 0;
}

.my_quick_nav {
    background: #fff;
    margin-top: 10px;
    overflow: hidden;
}

.my_quick_nav li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
}

.my_quick_nav li a {
    display: block;
    line-height: 50px;
    height: 50px;
    padding: 0 10px;
    position: relative;
}

.my_quick_nav li:nth-child(odd) a {
    border-right: 1px solid #eee;
}

.my_quick_nav li a em {
    position: absolute;
    right: 10px;
    top: 19px;
    display: inline-block;
    width: 7px;
    height: 13px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px -45px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.my_quick_nav li:nth-child(9),
.my_quick_nav li:nth-child(10) {
    border-bottom: 1px solid #cdcdcd;
}

/* 2016-03-07 추가 */
/* 2016-03-07 회원가입 - ios앱 심사관련  */
.my_quick_nav.ios {
    border-bottom: 1px solid #cdcdcd;
}

.my_quick_nav.ios li:nth-child(9) {
    border-bottom: none;
}

/*// 2016-03-07 회원가입 - ios앱 심사관련  */

/* 마이페이지 메인 V2 2014-12-10 2015-01-21 */
.mysave_wrap {
    background: #fff;
    padding: 10px
}

.mysavebox {
    border: 1px solid #c9d9de
}

.mysavebox li {
    padding: 13px 10px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
}

.mysavebox li strong {
    position: absolute;
    top: 13px;
    right: 10px;
    text-align: right
}

.mysavebox li:nth-child(1) {
    background: #dff6f6;
    color: #000;
}

.mysavebox li:nth-child(1) strong.red {
    color: #e51937;
}

.mysavebox li:nth-child(1) strong.blue {
    color: #12a5bc;
}

.mysavebox li:nth-child(2) {
    background: #f5fcfc;
    font-size: 14px;
    color: #565656;
    font-weight: normal;
    border-top: 1px solid #c9d9de
}

.mysavebox li:nth-child(2) strong {
    color: #898989;
    font-weight: normal
}

.mysavebox li:nth-child(2) strong span {
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.mybanner {
    background: #fff;
    padding: 0 10px 10px;
}

/*@@@2015-04-19 릴레이팡팡배너추가*/
.mybanner img {
    width: 100%;
}

/*@@@2015-04-19 릴레이팡팡배너추가*/

/* 마이페이지 홈 - 배너 20160511 */
.mybanner02 {
    padding: 0 10px 10px;
    margin: -15px 0 0;
    background: #fff;
}

.mybanner02 a {
    display: block;
}

.mybanner02 img {
    width: 100%;
    vertical-align: top;
}

.mysavebox2 {
    background: #f5fcfc;
    margin-bottom: 10px;
    overflow: hidden;
}

.mysavebox2 li {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    font-size: 14px;
    overflow: hidden;
}

.mysavebox2 li:nth-child(1) {
    border-bottom: 1px solid #c9d9de;
}

.mysavebox2 li:nth-child(2) {
    border-bottom: 1px solid #c9d9de
}

.mysavebox2 li:nth-child(1) p {
    border-right: 1px solid #c9d9de;
    border-left: 1px solid #c9d9de
}

.mysavebox2 li:nth-child(2) p {
    border-right: 1px solid #c9d9de;
}

.mysavebox2 li p.tit {
    color: #565656;
    text-align: left;
    padding: 10px
}

.mysavebox2 li p.tit span {
    font-size: 10px;
    color: #898989
}

.mysavebox2 li p.num {
    color: #000;
    text-align: right;
    font-weight: bold;
    padding: 0 10px 10px
}

.mysavebox2 li p.tit_mon {
    color: #000;
    text-align: left;
    font-weight: bold;
    padding: 12px 10px
}

.mysavebox3 {
    margin-bottom: 10px;
    overflow: hidden;
}

.mysavebox3 .save_info {
    font-size: 12px;
    color: #565656;
    position: relative;
    margin: 8px 0 2px;
    padding: 0 10px 0 25px;
}

.mysavebox3 .save_info em {
    position: absolute;
    left: 5px;
    top: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -85px -85px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side.png);
    background-repeat: no-repeat;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px;
}

.mystate_wrap {
    border-top: 1px solid #dddddd;
    background: #fff;
}

/*주문상황*/
.mystate_wrap .state {
    overflow: hidden;
    padding: 10px 0 3px;
}

/*@@@ 2015-03-27 수정*/
.mystate_wrap .state li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative
}

.mystate_wrap .state li strong {
    display: block;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    position: relative;
}

.mystate_wrap .state li span {
    line-height: 36px;
    margin: 0 auto;
    font-size: 20px;
    color: #e51937
}

.mystate_wrap .state li span.none {
    color: #aaaaaa;
}

.mystate_wrap .state li em {
    position: absolute;
    right: -1px;
    top: 30px;
    width: 7px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.mystate_btn {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    width: 100%;
    overflow: hidden;
}

.mystate_btn li {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}

.mystate_btn li a {
    display: block;
    position: relative;
    height: 40px;
    line-height: 41px;
    padding-bottom: 3px;
    padding-right: 22px;
}

.mystate_btn li:nth-child(odd) a {
    border-right: 1px solid #eee;
}

.mystate_btn li em {
    display: inline-block;
    overflow: hidden;
    width: 19px;
    height: 18px;
    vertical-align: middle;
    margin: -2px 3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -30px;
    background-size: 200px auto;
}

.mystate_btn li:nth-child(1) em {
    background-position: -40px -30px;
}

.mystate_btn li:nth-child(2) em {
    background-position: -60px -30px;
}

.mystate_btn li span {
    position: absolute;
    right: 10px;
    top: 15px;
    display: inline-block;
    width: 7px;
    height: 15px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px -45px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.my_quick_nav1 {
    border-bottom: 1px solid #cdcdcd;
    background: #fff;
    margin-top: 10px;
    overflow: hidden;
}

/*쿠폰/쇼핑포인트/예치금/장바구니/최근본상품/위시리리트 */
.my_quick_nav1 li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
}

.my_quick_nav1 li:nth-child(odd) p {
    border-right: 1px solid #eee;
}

.my_quick_nav1 li:nth-child(5),
.my_quick_nav1 li:nth-child(6) {
    border-bottom: none;
}

.my_quick_nav1 p.quick_tit {
    color: #000;
    padding: 15px 10px 0;
}

.my_quick_nav1 p.quick_num {
    padding: 0 10px 15px;
    color: #e52e37;
    font-size: 15px;
    text-align: right;
    font-weight: bold;
    line-height: 20px
}

.my_quick_nav1 li:nth-child(6) {
    display: none;
}

/* 위시리스트 히든처리 */

.memo_list {
    background: #fff;
    padding: 0 10px 10px;
}

/*메세지함*/
.memo_list li {
    border-bottom: 1px solid #eeeeee
}

.memo_list li:last-child {
    border-bottom: none
}

.memo_list .memo_tit {
    font-size: 14px;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.memo_list .memo_tit strong {
    color: #12a5cb
}

.memo_list .memo_none {
    font-size: 14px;
    text-align: center;
    padding: 30px 0 50px;
}


/* 나의쇼핑정보 */
.mypage h2.goods {
    padding: 10px 10px 5px;
    color: #666;
    font-size: 12px;
}

.mypage .btn_center_zone {
    padding: 8px 0 26px;
}

.status {
    color: #e51937;
    font-size: 14px;
}

/* 나의쇼핑정보 - 릴팡페이 배너 추가 2016-0217 */
.rylpangGuideLink {
    padding: 0 10px;
    margin: 10px 0 0;
}

.rylpangGuideLink a {
    display: block;
    overflow: hidden;
    border: 2px solid #ff3da1;
    background: #fff;
}

.rylpangGuideLink a img {
    width: 100%;
    vertical-align: top;
}

/* 조회기간 수정 */
.period {
    position: relative;
    display: block;
    padding: 10px;
    background: #444;
}

.period label {
    position: absolute;
    left: 10px;
    top: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    vertical-align: middle;
}

.period ul {
    display: block;
    height: 30px;
    padding: 0 67px 0 60px;
}

.period ul li {
    float: left;
    width: 46%;
}

.period ul li input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #232323;
    text-align: center;
    text-indent: 0;
    vertical-align: middle;
}

.period ul li.finishDate {
    position: relative;
    width: 54%;
}

.period ul li.finishDate span {
    display: block;
    padding-left: 19px;
}

.period ul li.finishDate span em {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #898989;
    text-align: center;
    vertical-align: middle;
}

.period a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 15px;
    line-height: 29px;
    height: 29px;
    border-radius: 3px;
    vertical-align: middle;
}

.period.faq_search span {
    display: block;
    padding: 0 67px 0 0;
}

.period2 {
    position: relative;
    display: block;
    padding: 10px;
    background: #444;
}

.period2 ul {
    display: block;
    height: 30px;
    padding: 0 103px 0 0;
}

.period2 ul li {
    float: left;
    width: 46%;
}

.period2 ul li input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #232323;
    text-align: center;
    text-indent: 0;
    vertical-align: middle;
}

.period2 ul li.finishDate {
    position: relative;
    width: 54%;
}

.period2 ul li.finishDate span {
    display: block;
    padding-left: 19px;
}

.period2 ul li.finishDate span em {
    position: absolute;
    left: 6px;
    top: 5px;
    font-size: 15px;
    font-weight: bold;
    color: #898989;
    text-align: center;
    vertical-align: middle;
}

.period2 a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 15px;
    line-height: 29px;
    height: 29px;
    border-radius: 3px;
    vertical-align: middle;
}

.period2.faq_search span {
    display: block;
    padding: 0 67px 0 0;
}

.board_list2 {}

.board_list2 li {
    border-bottom: 1px solid #ddd;
}

.board_list2 li .tit {
    position: relative;
    font-size: 14px;
    padding: 15px 40px 15px 10px
}

.board_list2 li .tit em {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -90px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.board_list2 li.active p em {
    background-position: -130px -100px;
}

.board_list2 li .con {
    background: #f9f9f9;
    padding: 20px 10px;
    font-size: 14px;
    padding-bottom: 20px;
    display: none;
}

.board_list2 li .con span {
    display: block;
    padding-bottom: 10px;
    color: #898989;
    font-size: 12px
}

.evt_lsit li .flag {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
}

.evt_lsit li .flag.tv {
    background: #db0c68;
}

.evt_lsit li .flag.internet {
    background: #5fc69d;
}

/* 수정 2016-04-01 */
.msg_list li .tit {
    display: block;
    font-size: 14px;
}

.msg_list li .tit .status {
    display: inline-block;
}

.msg_list li .tit .date {
    display: block;
    padding-top: 5px;
    padding-bottom: 0;
    color: #898989;
    font-size: 12px;
}

.msg_list li .tit em {
    top: 50%;
    width: 8px;
    height: 14px;
    margin-top: -7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -90px;
    background-size: 200px auto;
}

.msg_list li .tit .dashTxt {
    display: block;
}

.msg_list li .tit.fontB {
    font-weight: bold;
}

.qna_list li .tit {
    padding: 10px 40px 10px 80px;
}

.qna_list li .tit span {
    padding: 3px 0 2px 0;
}

.qna_list li .tit span:nth-child(2) {
    display: block;
}

.qna_list li .tit p {
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.qna_list li .tit .img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    padding: 0;
    background: #adadad;
}

.qna_list li .tit .img img {
    width: 60px;
    height: 60px;
}

.qna_list li .tit em {
    top: 50%;
    width: 14px;
    height: 8px;
    margin-top: -4px;
}

.qna_list li .con_quest .btn_center_zone {
    padding-top: 15px;
}

.qna_list li .con_answer {
    padding: 15px 0;
    margin: 0 10px;
    position: relative;
    background: #f9f9f9;
    display: none;
    border-top: 1px solid #eee;
}

.qna_list li .con_answer em {
    position: absolute;
    left: 0px;
    top: 12px;
    width: 23px;
    height: 23px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -175px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.qna_list li .con_answer span {
    display: block;
    color: #999;
    font-size: 12px;
}

.qna_list li .con_answer p {
    padding-top: 0px;
    padding-left: 25px;
    font-size: 14px;
    padding-bottom: 5px;
}

.board_list li .ask_wrap .con_answer {
    display: block;
}

/* 상품평 */
.myComment_list {
    padding: 10px 10px 15px;
    background: #e4e4e4;
}

.myComment_list li {
    margin-top: 15px;
    border: 1px solid #cdcdcd;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

/*2015-11-27 border-radius 추가*/
.myComment_list li:first-child {
    margin-top: 0px;
}

.myComment_list li .goods_name {
    font-size: 15px;
    padding: 9px 10px 8px;
    background: #f9f9f9;
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

/*2015-11-27 border-radius 추가*/
.myComment_list li .star_view {
    padding: 5px 10px 7px;
    background: #f9f9f9;
}

.myComment_list li .star_view strong {
    padding-left: 5px;
    font-size: 12px;
}

.myComment_list li .star_view strong:first-child {
    padding-left: 0;
}

.myComment_list li .comment_cons {
    padding: 10px;
}

.myComment_list li .comment_cons p {
    color: #747474;
}

.myComment_list li .comment_cons p span {
    color: #747474;
    font-size: 12px
}

.myComment_list li .comment_cons p em {
    font-size: 10px;
    color: #d5d5d5
}

.myComment_list li .comment_cons .cons {
    padding-top: 5px;
    font-size: 13px;
    line-height: 20px;
}

/*2015-12-01 line-height 문구 추가*/
.myComment_list li .comment_cons .btn_wrap {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*2015-11-27 padding-bottom 추가*/
.myComment_list li .comment_cons .img_wrap {
    padding: 10px 0 0;
}

.myComment_list li .comment_cons .img_wrap img {
    width: 85px;
    height: 85px;
}

.myComment_list li .comment_cons .comment_very {
    font-size: 13px;
    color: #898989;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_very .verywell {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png) no-repeat 0 -70px;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: middle;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_very .well {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png) no-repeat -45px -70px;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: middle;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_very .normal {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png) no-repeat -90px -70px;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: middle;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_very .complaint {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png) no-repeat -135px -70px;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: middle;
}

/*2015-12-03 css추가*/
.myComment_list li .comment_cons .comment_stain_op {
    color: #898989;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_stain_op0 {
    color: #12a5cb;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 13px;
}

/*2015-11-27 css추가*/
.myComment_list li .comment_cons .comment_stain_op strong {
    margin: 0 2px;
}

.qna_write {
    padding: 10px 10px 20px;
}

.qna_write h2 {
    padding-bottom: 10px;
    font-size: 16px;
    color: #666;
}

.qna_write input {
    width: 100%;
    font: 13px 'Malgun Gothic', arial, sans-serif, Helvetica;
}

.qna_write .textaera_wrap {
    margin-top: 5px;
}

.qna_write .textaera_wrap textarea {
    font: 13px 'Malgun Gothic', arial, sans-serif, Helvetica;
}

.qna_table {
    padding: 0 10px;
}

.qna_table table {
    width: 100%;
    border-top: 1px solid #ddd;
}

.qna_table table tr {}

.qna_table table th {
    width: 90px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
    padding: 10px 0;
}

.qna_table table td {
    text-align: left;
    font-size: 14px;
    padding: 10px 0;
}

.check-push-alert {
    margin-top: 25px;
    padding-bottom: 10px;
}

.check-push-alert .tit {
    display: block;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #666;
    font-weight: normal;
}

.check-push-alert .btn-line-large {
    height: 40px;
    margin-top: 12px;
    border: 1.5px solid #111;
    color: #111;
    font-weight: bold;
    letter-spacing: -0.3px;
}

.check-push-alert .noti {
    margin-top: 8px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #666;
}

.order_table table tr.bdbn th,
.order_table table tr.bdbn td {
    padding-bottom: 0 !important;
}

.order_table table tr.bdt1 {
    border-top: 1px solid #ddd;
}

.order_table table td select {
    vertical-align: middle;
    padding-right: 22px;
}

.order_table table td .mt5 {
    margin-top: 5px;
}

.order_table table .tit {
    color: #000;
    font-size: 14px
}

.catalog_table table tr:last-child {
    border-bottom: 1px solid #ddd;
}

.order_table table th span {
    color: #e51937;
    vertical-align: -3px;
}

.order_table table th span.st {
    font-size: 12px;
    color: #898989;
    vertical-align: 0;
    font-weight: normal
}

.comment_write {
    padding: 10px 10px 10px;
}

.comment_write h2 {
    padding-bottom: 5px;
    font-size: 16px;
    color: #565656;
}

.comment_write input {
    width: 100%;
}

.comment_write .textaera_wrap {
    margin-top: 5px;
}

.my-qna-wrap {
    padding: 30px 15px 0;
}

.my-qna-wrap input.write-box {
    width: 100%;
    height: 40px;
    padding-right: 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
}

.my-qna-wrap input::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.my-qna-wrap .text-box {
    position: relative;
    min-height: 210px;
    padding: 15px;
    margin-top: 8px;
    border-color: #ddd;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.my-qna-wrap .text-box textarea {
    display: block;
    width: 100%;
    min-height: 150px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
}

.my-qna-wrap .text-box textarea::placeholder {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.my-qna-wrap .text-box .byte {
    margin-top: 5px;
    text-align: right;
    font-size: 13px;
    line-height: 24px;
    color: #888;
    letter-spacing: -0.26px;
}

.my-qna-wrap .qna-form {
    margin-top: 10px;
}

.my-qna-wrap .qna-form .check {}

.my-qna-wrap .qna-form .check label {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #111;
}

.my-qna-wrap .qna-form .check label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -50px -150px no-repeat;
    background-size: 300px auto;
    vertical-align: middle;
}

.my-qna-wrap .qna-form .check label input[type="checkbox"]:checked {
    background-position-x: 0;
}

.my-qna-wrap .qna-form .noti {
    padding-left: 25px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #666;
}

.my-qna-wrap .btn-box {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.my-qna-wrap .btn-box a {
    display: block;
    width: 100%;
    height: 53px;
    padding-top: 14px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 19px;
    box-sizing: border-box
}

.my-qna-wrap .btn-box a.btn-cancel {
    border: 1.5px solid #ddd;
    background-color: #fff;
    color: #111;
}

.my-qna-wrap .btn-box a.btn-submit {
    border: 1.5px solid #f51d2c;
    background-color: #f51d2c;
    color: #fff;
}

.my-qna-wrap .btn-box a+a {
    margin-left: 5px;
}

.my-qna-wrap .qna_write {
    padding: 0;
}

/* 1:1문의하기 */
.ask_wrap {}

.ask_wrap .must_write {
    font-size: 13px;
    padding: 12px 10px 0;
    height: 26px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.ask_wrap .must_write span {
    color: #e51937;
}

.img_view {
    max-height: 300px;
    padding: 20px;
    padding-bottom: 0;
    overflow-y: scroll;
}

.img_view img {
    width: 100%;
}

.ask_wrap.v2 input[type="text"],
.ask_wrap.v2 input[type="email"] {
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    color: #111;
    text-indent: 0
}

.ask_wrap.v2 input[disabled],
.ask_wrap.v2 select[disabled] {
    background-color: #f6f6f6;
}

.ask_wrap.v2 input::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.ask_wrap.v2 select {
    display: inline-block;
    height: 40px;
    padding: 10px 30px 10px 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #111;
    text-indent: 0;
    box-sizing: border-box;
    background: #fff url(//image.hnsmall.com/images/mobile2014/order/icon_select_bg.png) right 8px no-repeat;
    background-size: 100px auto;
}

.ask_wrap.v2 .text-box {
    position: relative;
    min-height: 210px;
    padding: 15px;
    margin-top: 8px;
    border-color: #ddd;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.ask_wrap.v2 .text-box textarea {
    display: block;
    width: 100%;
    min-height: 150px;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
}

.ask_wrap.v2 .text-box textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.ask_wrap.v2 .text-box .byte {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
    line-height: 24px;
    color: #888;
}

.ask_wrap.v2 .noti-box {
    position: relative;
    padding: 14px 15px 14px 38px;
    background-color: #ecf1fe;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    box-sizing: border-box
}

.ask_wrap.v2 .noti-box:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 15px;
    width: 18px;
    height: 18px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -75px;
    background-size: 150px;
}

.ask_wrap.v2 .prod-info {
    padding: 0 15px 30px;
    margin-top: 30px;
    border-bottom: 1px solid #ddd;
}

.ask_wrap.v2 .prod-info .tit {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #666;
}

.ask_wrap.v2 .prod-info .btn-bold {
    display: block;
    width: 100%;
    height: 40px;
    padding: 12px 0 10px;
    border-radius: 4px;
    border: 1.5px solid #111;
    color: #111;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: -0.3px;
    font-weight: bold;
}

.ask_wrap.v2 .prod-info .ask_product {
    position: relative;
    display: flex;
    padding: 12px 43px 13px 12px;
    background-color: #f8f8f8;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 20px;
    border-top: 0;
}

.ask_wrap.v2 .prod-info .ask_product .img {
    flex-shrink: 0;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    margin: 0 10px 0 0;
}

.ask_wrap.v2 .prod-info .ask_product .img img {
    display: block;
    width: 100%;
    height: 100%;
}

.ask_wrap.v2 .prod-info .ask_product .info {
    position: relative;
}

.ask_wrap.v2 .prod-info .ask_product .info .tit {
    display: block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.32px;
    height: 38px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #111;
    margin-bottom: 5px;
}

.ask_wrap.v2 .prod-info .ask_product .info .price {
    display: block;
    margin-top: 6px;
}

.ask_wrap.v2 .prod-info .ask_product .info .price strong {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.28px;
    color: #111;
}

.ask_wrap.v2 .prod-info .ask_product .info .price em {
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #111;
}

.ask_wrap.v2 .prod-info .ask_product .btn-del {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    display: block;
    font-size: 0;
    color: transparent;
}

.ask_wrap.v2 .prod-info .ask_product .btn-del:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -225px -400px no-repeat;
    background-size: 300px auto;
    vertical-align: middle;
}

.ask_wrap.v2 .ask-form-box {
    padding: 0 15px;
    margin-top: 30px;
}

.ask_wrap.v2 .ask-write> :first-child~* {
    margin-top: 8px;
}

.ask_wrap.v2 .ask-form {
    margin-top: 10px;
}

.ask_wrap.v2 .ask-form .tit {
    display: block;
    margin-top: 25px;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #666;
    font-weight: normal;
}

.ask_wrap.v2 .ask-form .check {
    margin-top: 20px;
}

.ask_wrap.v2 .ask-form .check:first-child {
    margin-top: 0;
}

.ask_wrap.v2 .ask-form .check label {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.28px;
    color: #111;
}

.ask_wrap.v2 .ask-form .check label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -50px -150px no-repeat;
    background-size: 300px auto;
    vertical-align: middle;
    vertical-align: -4px;
}

.ask_wrap.v2 .ask-form .check label input[type="checkbox"]:checked {
    background-position-x: 0;
}

.ask_wrap.v2 .ask-form .noti {
    padding-left: 25px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #666;
}

.ask_wrap.v2 .check-push-alert .noti {
    margin-top: 8px;
    padding-left: 0;
}

.ask_wrap.v2 .ask-form .email-area {
    display: flex;
    align-items: center;
    padding-left: 25px;
    margin-top: 12px;
}

.ask_wrap.v2 .ask-form .email-area .inp {
    width: 40%;
}

.ask_wrap.v2 .ask-form .email-area .form-atsign {
    width: 25px;
    text-align: center;
    color: #111;
}

.ask_wrap.v2 .ask-form .email-area .form-item {
    width: 51.5625%;
}

.ask_wrap.v2 .ask-form .email-area .form-item .form-st {
    display: none;
}

.ask_wrap.v2 .ask-form .email-area .form-item.insert select {
    display: none;
}

.ask_wrap.v2 .ask-form .email-area .form-item.insert .form-st {
    display: block;
}

.ask_wrap.v2 .btn-box {
    display: flex;
    align-items: center;
    margin-top: 60px;
    padding: 0 15px;
}

.ask_wrap.v2 .btn-box a {
    display: block;
    width: 100%;
    height: 53px;
    padding-top: 14px;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 19px;
    box-sizing: border-box
}

.ask_wrap.v2 .btn-box a.btn-cancel {
    border: 1.5px solid #ddd;
    background-color: #fff;
    color: #111;
}

.ask_wrap.v2 .btn-box a.btn-submit {
    border: 1.5px solid #f51d2c;
    background-color: #f51d2c;
    color: #fff;
}

.ask_wrap.v2 .btn-box a+a {
    margin-left: 5px;
}

.ask_wrap .hr {
    height: 1px;
    margin: 15px 0;
    background-color: #eee;
    overflow: hidden;
}

.ask_wrap .dot-list {
    margin-top: 10px;
}

.ask_wrap .dot-list li {
    position: relative;
    padding-left: 9px;
    text-indent: 0;
    font-size: 13px;
    line-height: 19px;
    color: #666;
}

.ask_wrap .dot-list li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background-color: #666;
}

.ask_wrap .dot-list li+li {
    margin-top: 6px;
}

/* 사진첨부 */
.ask_wrap.v2 .upload-img {
    margin-top: 25px;
}

.ask_wrap.v2 .upload-img .tit {
    display: block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
}

.ask_wrap.v2 .list_goods {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 0;
    margin: 12px 0 0;
}

.ask_wrap.v2 .list_goods li {
    float: none;
    position: relative;
    padding-bottom: 100%;
    margin: 0;
}

.ask_wrap.v2 .list_goods li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #eee;
    overflow: hidden;
    box-sizing: border-box;
}

.ask_wrap.v2 .list_goods li a:nth-child(1) {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1.2px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.ask_wrap.v2 .list_goods li a:nth-child(1):before {
    width: 33px;
    height: 33px;
    margin-top: -16.5px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -250px -75px no-repeat;
    background-size: 300px auto;
}

.ask_wrap.v2 .list_goods li a:nth-child(2) {
    z-index: 1;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -175px -150px no-repeat;
    background-size: 300px auto;
}

.ask_wrap.v2 .list_goods li .btn-play,
.ask_wrap.v2 .list_goods li a:nth-child(3) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1px;
    color: transparent;
}

.ask_wrap.v2 .list_goods li .btn-play::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    transform: translate(-50%, -50%);
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) no-repeat -75px 0;
    background-size: 300px;
}

.ask_wrap.v2 .upload-img .noti {
    margin-top: 8px;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #666;
    line-height: 18px;
}

/* 최근본상품,위시리스트 */
/* 최근 본 상품 */
.mygoods_list {
    margin: 0 5px;
    background: #e4e4e4;
}

.mygoods_list li {
    margin-top: 10px;
    padding: 0;
    border: 1px solid #999;
    background: #fff;
}

.mygoods_list li .product {
    position: relative;
    padding: 15px 10px 15px 110px;
    min-height: 90px;
}

.mygoods_list li .product .text {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
}

.mygoods_list li .product .img {
    position: absolute;
    left: 10px;
    top: 15px;
}

.mygoods_list li .product .img img {
    width: 90px
}

.mygoods_list li .product .benefit {
    font-size: 11px;
    padding-top: 5px;
    color: #666;
}

.mygoods_list li .product .benefit span:first-child {
    margin-left: 0 !important;
}

.mygoods_list li .product .benefit .save {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 10px;
    margin-right: 3px;
    margin-left: 3px;
}

.mygoods_list li .product .benefit .noint {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 10px;
    margin-right: 3px;
    margin-left: 3px;
}

.mygoods_list li .product .benefit .delivery {
    border: 1px solid #19bfbf;
    padding: 0 1px;
    color: #19bfbf;
    font-size: 10px;
    margin-right: 3px;
    margin-left: 3px;
}

.mygoods_list li .product .price {
    font-size: 12px;
    margin-top: 10px;
    position: relative;
    min-height: 35px;
}

.mygoods_list li .product .price .sale2 {
    display: inline-block;
}

.mygoods_list li .product .price .sale2 del {
    text-decoration: line-through;
    font-size: 11px;
    line-height: 10px;
    color: #666
}

.mygoods_list li .product .price .sale2 strong {
    font-size: 15px;
    line-height: 16px;
}

.mygoods_list li .product .price .sale {
    display: inline-block;
    color: #e51937;
    width: 29px;
    height: 27px;
    font-size: 17px;
    line-height: 15px;
    text-align: center;
    border: 1px solid #e51937;
    border-radius: 18px;
    padding-top: 2px;
}

.mygoods_list li .product .price .sale em {
    display: block;
    font-size: 9px;
    line-height: 9px
}

/* 릴레이 팡팡 2014-12-08 */
h2.tit a {
    position: absolute;
    top: 0;
    right: 10px;
    color: #565656;
    font-size: 13px
}

h2.tit a em {
    display: inline-block;
    width: 8px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -90px -30px;
    background-size: 200px auto;
    margin-left: 5px;
    vertical-align: middle
}

.relay {
    padding-bottom: 0 !important;
    background: #f8f8f8;
}

.relay_pang_status {
    margin-bottom: 30px;
}

.relay_pang_status table {
    width: 100%;
    margin-bottom: 15px;
    background: #fff;
}

.relay_pang_status table tr td {
    width: 16.6%;
    height: 14px;
    padding: 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    border-right: 1px solid #ddd;
    text-align: center;
    color: #333;
    font-weight: bold
}

.relay_pang_status table tr td:last-child {
    box-flex: 1;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    border-right: 0
}

.relay_pang_status table tr:nth-child(even) td {
    padding: 20px 0 10px;
    font-size: 0;
    line-height: 0;
    border-bottom: 1px solid #ddd;
}

.relay_pang_status table tr:last-child td {
    border-bottom: 1px solid #ddd
}

.relay_pang_status table tr td em {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -30px -75px;
    background-size: 200px auto;
}

.relay_pang_status table tr td em.join {
    background-position: -45px -75px;
}

.relay_pang_status table tr td em.current {
    background-position: -60px -75px;
}

.relay_pang_status table tr td.on {
    background-color: #cafcf4;
}

/*
.pang_status{position:relative;margin:0 10px;padding:10px 10px 10px 50px;background:#19bfbf;}
.pang_status em{position:absolute;top:14px;left:17px;width:23px;height:26px;background:url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);background-repeat:no-repeat;background-position:-35px -153px;background-size:300px 200px;}
.pang_status p{padding:2px 0;color:#cbefef;font-size:12px;line-height:16px;}
.pang_status p span{color:#fff;}
.pang_status p:last-child span{border-bottom:1px solid #fff;}
 */
.relay_pang {
    margin-bottom: 30px;
}

.relay_pang table {
    margin-bottom: 15px;
    width: 100%
}

.relay_pang td {
    padding-right: 10px;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    padding: 11px 10px;
    color: #000;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

.relay_pang td:first-child {
    border-left: 0;
}

.relay_pang td:nth-child(1) {
    width: 25%;
}

.relay_pang td:nth-child(2) {
    width: 50%;
}

.relay_pang td:nth-child(3) {
    width: 25%;
}

.relay_pang td.tal {
    text-align: left;
}

.relay_pang td span {
    color: #898989;
}

.relay_pang td span.txtBlue {
    color: #12a5cb;
}

.relay_pang .banner {
    text-align: center;
}

.relay_pang .banner img {
    width: 100%;
}

.relay_pang2 {
    margin-bottom: 20px;
}

.relay_pang2>ul.myInfo_box {
    overflow: hidden;
}

.relay_pang2>ul.myInfo_box li {
    padding: 8px 0 9px;
    border-bottom: 1px solid #ddd;
}

.relay_pang2>ul.myInfo_box li:first-child {
    border-top: 0;
}

.relay_pang2>ul.myInfo_box li dl {
    overflow: hidden;
    min-height: 23px;
    padding: 0 10px;
}

.relay_pang2>ul.myInfo_box li dl dt {
    float: left;
    padding: 2px 0;
    color: #565656;
    font-size: 14px;
    line-height: 19px;
    vertical-align: middle;
}

.relay_pang2>ul.myInfo_box li dl dd {
    float: right;
    padding: 2px 0;
    color: #898989;
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    ;
    vertical-align: middle;
}

.relay_pang2>ul.myInfo_box li dl dd span {
    margin-right: 5px;
    color: #000;
    font-weight: bold
}

.relay_orderList_wrap {
    background: #f8f8f8;
    padding: 10px 0
}

.relay_list {
    padding: 0 10px;
}

.relay_list li {
    background: #fff;
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.relay_list li .list_title {
    font-size: 13px;
    padding: 12px 10px;
    color: #232323;
    font-weight: bold;
    background: #f9f9f9;
    border-bottom: 1px solid #cdcdcd;
    position: relative
}

.relay_list li .list_title .ordertime {
    position: absolute;
    right: 10px;
    top: 12px;
    color: #898989
}

.relay_list li .product_box {
    padding: 10px;
}

.relay_list li .product_box .product_tit {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    color: #232323;
}

.relay_list li .list_payment {}

.relay_list li .list_payment table {
    width: 100%
}

.relay_list li .list_payment td {
    padding-right: 10px;
    vertical-align: top;
    font-size: 13px;
    padding: 11px 5px;
    color: #000;
    border-top: 1px solid #d5d5d5;
}

/*@@@2015-06-01수정*/
.relay_list li .list_payment td:first-child {
    border-left: 0;
}

.relay_list li .list_payment td:nth-child(1) {
    width: 29%;
    padding: 11px 0 11px 10px;
}

/*@@@2015-06-01수정*/
.relay_list li .list_payment td:nth-child(2) {
    width: 30%;
    text-align: right;
    color: #e51937;
}

.relay_list li .list_payment td:nth-child(3) {
    position: relative;
    width: 25%;
}

.relay_list li .list_payment td:nth-child(3):before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    width: 1px;
    height: 15px;
    background: #eee;
    font-size: 0;
    line-height: 0;
}

.relay_list li .list_payment td:nth-child(4) {
    width: 16%;
    text-align: right;
    text-indent: -1000px;
    color: #12a5cb;
    padding: 11px 10px 11px 50px;
}

/*@@@2015-06-01수정*/
.relay_list li .list_payment td:nth-child(4) em {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -30px -75px;
    background-size: 200px auto;
    color: transparent
}

.relay_list li .list_payment td:nth-child(4) em.ok {
    background-position: -30px -60px;
}

.relay_no_order {
    padding: 45px 0;
    text-align: center;
    color: #898989;
    font-weight: bold
}

.relay_list li .product_box.bdt1 {
    border-top: 1px solid #ddd;
}

.order_list li .product_box .product_tit input {
    vertical-align: middle;
}

.order_list li .product {
    position: relative;
    padding-left: 67px;
    min-height: 75px;
    overflow: hidden;
}

/*@@@ 2015-06-11 수정*/

/* 2016-04-11 추가 */
.order_list li .product.type02 {
    padding-top: 11px;
}

.order_list li .product.type02 .img {
    top: 15px;
    font-size: 0;
}

.order_list li .product.type02 .product_soldout,
.order_list li .product.type02 .product_stop {
    height: 75px;
    z-index: 2;
}

.order_list li .product.type02 .product_soldout span,
.order_list li .product.type02 .product_stop span {
    height: 75px;
}

.order_list li .product.type02 .product_soldout p,
.order_list li .product.type02 .product_stop p {
    top: 33px;
    margin-top: 0;
}

/* //2016-04-11 추가 */

.order_list li .product .text {
    font-size: 12px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    margin-bottom: 5px;
}

.order_list li .product .img {
    position: absolute;
    left: 0;
    top: 4px;
}

/*@@@ 2015-06-11 수정*/
.order_list li .product .img img {
    width: 60px;
    height: 60px;
}

/*@@@ 2015-06-11 수정*/
.order_list li .product .sale {
    font-size: 12px;
    color: #e51937;
}

.order_list li .product .pd_op {
    color: #898989;
    font-size: 12px;
    padding: 0 0 5px;
    line-height: 16px
}

.order_list li .product .seloption {
    width: 100%;
    position: relative;
    overflow: hidden
}

.order_list li .product .seloption .ot {
    position: absolute;
    top: 0;
    left: 0;
    color: #898989;
    font-size: 12px;
}

.order_list li .product .seloption .otlist {
    margin-left: 30px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
}

.order_list.v2 li .product_box {
    padding: 10px 10px 15px;
}

.order_list.v2 li .product_box .product_tit {
    display: -webkit-box;
    max-height: 42px;
    overflow: hidden;
    line-height: 19px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.order_list.v2 li .product.type02 .flagDown_s {
    right: 0;
    bottom: 4px;
}

.order_list.v2 li .product.type02 .priceInfoBox {
    position: relative;
}

.order_list.v2 li .product.type02 .priceInfoBox>p {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #000;
}

.order_list.v2 li .product.type02 .priceInfoBox>p.discountPrice {
    line-height: 12px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    letter-spacing: -0.5px;
}

.order_list.v2 li .product.type02 .priceInfoBox>p.discountPrice .wonBox {
    font-size: 11px;
}

.order_list.v2 li .product.type02 .priceInfoBox>p span {
    display: inline-block;
    vertical-align: 0;
}

.order_list.v2 li .product.type02 .priceInfoBox>p .tit {
    width: 75px;
    font-weight: normal;
    vertical-align: -1px;
    letter-spacing: -0.5px;
}

.order_list.v2 li .product.type02 .priceInfoBox>p .txt {
    margin-top: 2px;
}

.order_list.v2 li .product.type02 .priceInfoBox>p .mTitGray {
    color: #666;
}

.order_list.v2 li .product.type02 .priceInfoBox>p .priceGray {
    color: #666;
}

.order_list.v2 li .product.type02 .priceInfoBox>p span em {
    display: inline-block;
    font-size: 1.455em;
    vertical-align: top;
}

.order_list.v2 li .product.type02 .priceInfoBox>p span .wonBox {
    display: inline-block;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: normal;
}

.order_list.v2 li .product.type02 .pd_op {
    margin-top: 8px;
    padding-bottom: 15px;
    color: #888;
    letter-spacing: -0.5px;
}

.order_list.v2 li .product_box .btn_r {
    overflow: hidden;
    text-align: right;
}

.order_list.v2 li .product_box .btn_r .del {
    float: left;
    font-size: 13px;
}

.order_list.v2 li .product_box .btn_r .hns_cart_direct_order {
    font-size: 13px;
}

.order_list.v2 li .product_box .btn_r .option_num {
    font-size: 13px;
}

.order_list.v2 li .product_box.bdt1 {
    margin-top: -5px;
}

.order_list.v2 li .order_price {
    margin-top: -5px;
}

.order_list.v2 li .order_price .package {
    font-size: 13px;
}

.order_list.v2 li .option_num.on {
    color: #fff !important;
    background: #898989 !important;
    border: 1px solid #898989 !important;
}

.order_list.v2 li .btn_con {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
}

/*2016-01-28 주문상세내역 옵션변경 기능 추가*/
.order_list li .product .seloption.select {
    margin: 5px 0 8px;
    padding-right: 70px;
    box-sizing: border-box;
}

.order_list li .product .seloption.select .btn_mem2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    padding: 0;
}

.order_list_wrap .option_mod {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_optionMod.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_list_wrap .option_mod.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.order_red.marg .order_btn_wrap3 .btn_gray {
    margin-left: 2px;
}

/* 거래명세서 버튼 추가 2016-07-15 */
.order_list_wrap .orderStatBox {
    padding: 0 0 10px 67px;
}

.order_list_wrap .orderStatBox:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
}

.order_list_wrap .orderStatBox .orderStat {
    margin-left: 5px;
    float: left;
    font-size: 13px;
    font-weight: bold;
    color: #e51937;
    display: block;
    line-height: 22px;
}

.order_list_wrap .orderStatBox .orderStat:first-child {
    margin-left: 0;
}

.order_list_wrap .orderStatBox .orderStat.round {
    padding: 0 7px;
    border: 1px solid #e51937;
    border-radius: 12px;
    font-size: 12px;
}

.order_list_wrap .orderStatBox .btnWrap {
    float: right;
    margin: -5px 0 0;
}

.order_list_wrap .orderStatBox .btnWrap a.btnStatement {
    display: block;
    margin: 5px 0 0;
}

.order_list_wrap .orderStatBox .btnWrap a.btn_get {
    height: 24px;
    background: #f35169;
    font-size: 12px;
    color: #fff;
    line-height: 24px;
}

.relay_save {
    position: relative
}

.saveok {
    position: absolute;
    top: 10px;
    right: 10px;
    ;
    color: #e51937;
    font-size: 13px;
    font-weight: bold
}

.saveimg {
    position: absolute;
    top: 10px;
    right: 10px;
    ;
    color: #12a5bc;
    ;
    font-size: 13px;
    font-weight: bold
}

.relay_pushZone {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    margin: 0 10px 20px;
    position: relative;
    padding: 14px 14px 14px;
    font-size: 14px;
}

.relay_pushZone p.com2 {
    font-size: 12px;
    color: #898989;
    margin-top: 3px
}

.relay_pushZone a {
    display: block;
    padding: 0 15px;
    width: 215px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 15px auto 0
}

/* 쇼핑포인트,적립금,예치금 */
h1+.tit.mypoint {
    border-top: none;
}

.tit.mypoint {
    height: 40px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    line-height: 42px;
    letter-spacing: -0.5px;
}

.tit.mypoint+.txts {
    position: relative;
    z-index: 10;
    margin-top: -39px;
    padding-right: 10px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 40px;
    text-align: right;
}

.mypoint_bx {}

.mypoint_bx ul>li {
    padding: 9px 10px 8px;
    border-bottom: 1px solid #ddd;
    /*line-height:38px;*/
}

.mypoint_bx ul>li:last-child {
    padding: 10px;
    border-bottom: none;
}

.mypoint_bx ul>li .lh {
    display: table-cell;
    width: 80px;
    font-size: 14px;
    color: #000;
    letter-spacing: -0.5px;
}

.mypoint_bx ul>li .sum_info {
    display: table-cell;
}

.mypoint_bx ul>li .sum_info .num {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    color: #e51937;
    letter-spacing: -0.5px;
    font-weight: bold;
    vertical-align: middle;
}

.mypoint_bx ul>li .sum_info .txts {
    display: inline-block;
    font-size: 12px;
    color: #222;
    letter-spacing: -0.5px;
    vertical-align: middle;
}

.mypoint_bx ul>li .input_ui {
    position: relative;
    display: table-cell;
    border-top: none;
}

.mypoint_bx ul>li .input_ui .input_area {
    margin-bottom: 10px;
    padding-right: 70px;
}

.mypoint_bx ul>li .input_ui .input_area .ipt {
    padding-right: 10px;
    border: 1px solid #ddd;
    line-height: 30px;
}

.mypoint_bx ul>li .input_ui .input_area .ipt input {
    border: none;
    width: 100%;
    text-indent: 0;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: right;
}

.mypoint_bx ul>li .input_ui .input_area .btn06 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 19px 0 18px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    vertical-align: middle;
}

.mypoint_bx ul>li .input_ui .chk_ui input[disabled="disabled"] {
    border: 1px solid #ddd !important;
}

.mypoint_bx ul>li .input_ui .chk_ui label {
    font-size: 13px;
    color: #333;
}

.mypoint_bx ul>li .input_ui .chk_ui label span {
    font-size: 12px;
    color: #222;
}

.mypoint_bx ul>li .input_ui .chk_ui label em {
    font-size: 12px;
    color: #e51937;
}

.mypoint_bx+.tits {
    position: relative;
    height: 34px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #f4f4f4;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: normal;
    line-height: 36px;
}

.mypoint_bx+.tits:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 6px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -180px -270px;
    background-size: 300px auto;
}

.mypoint_bx+.tits.active {
    margin-bottom: 0;
}

.mypoint_bx+.tits.active:after {
    background-position: -180px -280px;
}

.mypoint_bx+.tits.active+.point_note {
    display: block;
}

.point_note {
    display: none;
    margin: 10px 0 20px;
    padding: 0 10px;
}

.point_note>li {
    position: relative;
    padding-bottom: 7px;
    padding-left: 8px;
    font-size: 11px;
    color: #888;
}

.point_note>li:last-child {
    padding-bottom: 0;
}

.point_note>li:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.point_note>li span {
    color: #12a5cb
}

.point_note.v2>li {
    padding: 0 0 5px 13px;
    text-indent: 0;
}

.point_note.v2>li:before {
    left: 5px;
    margin-right: 0;
    background-color: #888;
    border-radius: 10px;
    background-image: none;
}

ul.myInfo_box {
    overflow: hidden;
}

ul.myInfo_box li {
    padding: 8px 0 9px;
    border-top: 1px solid #ddd;
}

ul.myInfo_box li:first-child {
    border-top: 0;
}

ul.myInfo_box li dl {
    overflow: hidden;
    min-height: 23px;
    padding: 0 10px;
}

ul.myInfo_box li dl dt {
    float: left;
    padding: 2px 0;
    color: #565656;
    font-size: 14px;
    line-height: 19px;
    vertical-align: middle;
}

ul.myInfo_box li dl dd {
    float: right;
    padding: 2px 0;
    color: #e51937;
    font-size: 14px;
    line-height: 19px;
    font-weight: bold;
    vertical-align: middle;
}

ul.myInfo_box li dl dd span {
    margin-right: 5px;
}

ul.myInfo_box li dl .btn {
    padding: 0;
}

ul.myInfo_box li dl .btn_click {
    position: relative;
}

ul.myInfo_box li dl .btn_click em {
    display: inline-block;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -60px;
    background-size: 200px auto;
}

ul.myInfo_box li dl .btn_click em.change {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

ul.myInfo_box li dl .btn_white em.change {
    background-position: 0 -60px;
}

ul.myInfo_box li dl .btn_gray2 em.change {
    background-position: 0 -70px;
}

ul.myInfo_box li dl .btn_click em.more {
    width: 7px;
    height: 5px;
    margin-left: 10px;
}

ul.myInfo_box li dl .btn_white em.more {
    background-position: 0 -80px;
}

ul.myInfo_box li dl .btn_gray2 em.more {
    background-position: 0 -85px;
}

ul.myInfo_box li.banner {
    padding: 15px 10px;
}

ul.myInfo_box li.banner a img {
    width: 100%;
}

ul.myInfo_box li .pushZone {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    margin: 10px;
    position: relative;
    padding: 14px 14px 14px;
    font-size: 14px;
}

ul.myInfo_box li .pushZone p.com2 {
    font-size: 12px;
    color: #898989;
    margin-top: 3px
}

ul.myInfo_box li .pushZone a {
    display: block;
    padding: 0 15px;
    width: 215px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 15px auto 0
}

.info_detail {
    margin-top: 9px;
    padding: 10px 10px 0;
    border-top: 1px solid #565656;
}

.info_detail .write_zone {
    position: relative;
    margin: 0;
    margin-bottom: 10px;
    padding-right: 100px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.info_detail .write_zone a {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 3px 15px;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}

.info_detail .write_zone .point_info {
    display: block;
}

.info_detail .write_zone.ver2 {
    padding-right: 0;
}

.info_detail .write_zone.ver2 .inputArea {
    padding-right: 100px;
}

.info_detail input {
    background: #fff;
    text-indent: 0
}

.dot_info {
    font-size: 11px;
    color: #898989;
    padding-bottom: 8px;
    position: relative;
    padding-left: 8px;
}

.dot_info em {
    position: absolute;
    left: 0;
    top: 4px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.dot_info span {
    color: #12a5cb
}

.point_info,
.point_infoRed {
    font-size: 12px;
    color: #565656;
    position: relative;
    margin: 10px 0 0;
    padding: 0 10px 10px 30px;
}

.point_info.bot_line {
    border-bottom: 1px solid #ddd;
}

.point_info em,
.point_infoRed em {
    position: absolute;
    left: 5px;
    top: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -180px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.point_infoRed {
    color: #e51937;
    padding: 0 10px 5px 22px;
}

.point_infoRed span {
    color: #9a9a9a
}

.tableSt3 {
    width: 100%;
}

.tableSt3 thead tr th {
    padding: 10px 0 10px;
    color: #565656;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #565656;
    vertical-align: middle;
}

.tableSt3 thead tr th span {
    font-size: 12px;
    color: #898989
}

.tableSt3 tbody tr td {
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    vertical-align: middle;
}

.tableSt3 tbody tr td:nth-child(1) {
    width: 25%;
    text-align: center;
}

.tableSt3 tbody tr td:nth-child(1) span {
    font-size: 13px;
    color: #898989
}

.tableSt3 tbody tr td:nth-child(2) {
    width: 45%;
    text-align: left;
}

.tableSt3 tbody tr td:nth-child(3) {
    width: 30%;
    text-align: center;
}

.tableSt3 tbody tr td p {
    padding: 0 10px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
}

.tableSt3 tbody tr td .reserve {
    color: #e51937;
    text-align: right;
}

.tableSt3 tbody tr td .deduct {
    color: #12a5cb;
    text-align: right;
}

.tableSt3 tbody tr td .recovery {
    color: #12a5cb;
}

.tableSt3 tbody tr td .price {
    text-align: right;
}

.tableSt3 tbody tr td .flag {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    margin-right: 5px;
}

.tableSt3 tbody tr td .flag.mobile {
    background: #ff657b;
}

.tableSt3 tbody tr td .flag.internet {
    background: #5fc69d;
}

.tableSt3 tbody tr td .status {
    padding-top: 20px;
    color: #565656;
    text-align: center;
}

.tableSt3 tbody tr td .status em {
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -30px -75px;
    background-size: 200px auto;
}

.tableSt3 tbody tr td .status em.circle {
    background-position: -30px -60px;
}

.apply_state {}

.apply_state .none {
    text-align: center;
    padding: 15px 0 15px;
}

.apply_state .none p {
    margin-bottom: 5px;
    color: #565656;
    font-size: 14px;
}

.apply_state .none p.stext {
    margin-bottom: 5px;
    color: #898989;
    font-size: 13px;
}

.apply_state .request_go {
    padding-top: 15px;
}

.apply_state .request_go a {
    display: inline-block;
    border-bottom: 1px solid #999;
    padding-bottom: 1px;
}

.apply_state .request_go a em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: middle;
    background-position: 0px -110px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.apply_state dl {
    padding-left: 40px;
    position: relative;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    height: 40px
}

.apply_state dl dt {
    position: absolute;
    left: 10px;
    top: 0;
    font-size: 13px
}

.apply_state dl dd {}

.apply_state dl dd ul {
    overflow: hidden;
}

.apply_state dl dd ul li {
    float: left;
    width: 50%;
    color: #565656;
    font-size: 13px
}

.apply_state dl dd ul li a {
    margin-left: 3px;
    font-size: 12px;
    line-height: 20px
}

.apply_state dl dd ul li span {
    margin-left: 3px;
    color: #12a5cb;
}

.apply_state dl dd ul li.on_btn span {
    color: #e51937;
}

.apply_state dl:last-child {
    border-bottom: none;
}

.my_pop {
    padding: 0 10px 10px;
}

.saveSort {
    position: absolute;
    top: 10px;
    right: 10px;
}

/*적립금 조회*/
.saveSort span {
    color: #ddd;
    padding: 0 5px;
}

.saveSort a {
    display: inline-block;
    color: #565656;
    font-size: 13px
}

.saveSort a em {
    display: none;
    width: 12px;
    height: 10px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -15px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
    position: relative;
    top: -1px
}

.saveSort a.on em {
    display: inline-block;
}

/* 나의 적립혜택 개선 */
.mySavingInfo .savedInfo {
    position: relative;
    padding: 17px 10px 18px;
    background: #e8e8e8;
    border-bottom: 1px solid #fff;
}

.mySavingInfo .savedInfo h2 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    letter-spacing: -0.5px;
    text-align: center;
}

.mySavingInfo .savedInfo h2 span {
    font-weight: normal;
}

.mySavingInfo .savedInfo .usable_money {
    margin-bottom: 10px;
    text-align: center;
}

.mySavingInfo .savedInfo .usable_money .sum {
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.mySavingInfo .savedInfo .usable_money .sum em {
    font-size: 22px;
    color: #e51937;
    letter-spacing: -0.25px;
    line-height: 1;
    vertical-align: -2px;
}

.mySavingInfo .savedInfo .usable_money .sum .cnt:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 16px;
    margin: 0 10px 0;
    background: #bbb;
    vertical-align: -1px;
}

.mySavingInfo .savedInfo .usable_money .info {
    position: absolute;
    right: -23px;
    top: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -227px;
    background-size: 200px auto;
    font-size: 0;
    color: transparent;
    line-height: 0
}

.mySavingInfo .savedInfo .details {
    margin: 0 -10px;
    text-align: center;
}

.mySavingInfo .savedInfo .details .saved_money,
.mySavingInfo .savedInfo .details .saved_coupon {
    display: inline-block;
    font-size: 13px;
    color: #4d4d4d;
    letter-spacing: -0.5px;
    line-height: 1;
    vertical-align: middle;
}

.mySavingInfo .savedInfo .details .saved_money em,
.mySavingInfo .savedInfo .details .saved_coupon em {
    font-size: 15px;
    color: #000;
    line-height: 1;
}

.mySavingInfo .savedInfo .details .plus {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -23px -227px;
    background-size: 200px auto;
    font-size: 0;
    color: transparent;
    line-height: 0;
    vertical-align: middle;
}

.mySavingInfo .plannedInfo {
    overflow: hidden;
}

.mySavingInfo .plannedInfo .pay_info {
    float: left;
    position: relative;
    width: 50%;
}

.mySavingInfo .plannedInfo .pay_info>a {
    display: block;
    height: 39px;
    padding: 0 10px;
    border-right: 1px solid #fff;
    background: #f4f4f4;
}

.mySavingInfo .plannedInfo .pay_info .txt {
    display: inline-block;
    font-size: 13px;
    color: #4d4d4d;
    letter-spacing: -0.5px;
    line-height: 40px;
}

.mySavingInfo .plannedInfo .pay_info .sum {
    position: absolute;
    right: 10px;
    top: 9px;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.5px;
}

.mySavingInfo .plannedInfo .pay_info .sum:after {
    display: inline-block;
    content: '';
    width: 7px;
    height: 16px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -45px -227px;
    background-size: 200px auto;
    vertical-align: middle;
}

.mySavingInfo .plannedInfo .pay_info .sum em {
    font-size: 16px;
}

.mySavingInfo .plannedInfo .pay_info:last-child>a {
    border-right: none;
}

.mySavingInfo .plannedInfo .pay_info:last-child .txt {
    margin-top: 6px;
    line-height: 1;
}

.mySavingInfo .plannedInfo .pay_info:last-child .txt .etc {
    font-size: 11px;
    color: #888;
    letter-spacing: -0.75px;
}

.mySavingInfo .btnWrap {
    padding: 10px;
}

.mySavingInfo .btnWrap .btn01,
.btnWrap .btn02 {
    display: block;
}

.mySavingInfo .btnWrap+.tits {
    position: relative;
    height: 37px;
    margin-bottom: 10px;
    padding: 0 10px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: bold;
    line-height: 39px;
}

.mySavingInfo .btnWrap+.tits:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 9px;
    margin: -5px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -227px;
    background-size: 200px auto;
}

.mySavingInfo .btnWrap+.tits.active {
    margin-bottom: 0;
}

.mySavingInfo .btnWrap+.tits.active:after {
    background-position: -85px -227px;
}

.mySavingInfo .btnWrap+.tits.active+.saving_note {
    display: block;
}

.mySavingInfo .saving_note {
    display: none;
    margin-bottom: 10px;
    padding: 15px 10px 12px;
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
}

.mySavingInfo .saving_note>li {
    position: relative;
    padding-bottom: 7px;
    padding-left: 10px;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.mySavingInfo .saving_note>li:last-child {
    padding-bottom: 0;
}

.mySavingInfo .saving_note>li:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.mySavingInfo .saving_note>li span {
    color: #12a5cb
}

.type_list {
    position: relative;
    min-height: 28px;
    padding: 6px 10px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #ddd;
    background: #e8e8e8;
}

.type_list .selectBox01 {
    width: 120px;
    height: 28px;
    margin: 0;
    padding-top: 2px;
}

.type_list .saveSort.ver02 {
    top: 14px;
    letter-spacing: -0.5px;
}

.type_list .saveSort.ver02 a {
    font-size: 12px;
}

.type_list .saveSort.ver02 a:after {
    height: 11px;
    margin-top: -6px;
    background: #bbb;
}

.order_search_area.ver02 .osa_tap {
    padding: 0 10px;
    border-bottom: 1px solid #eee;
}

.order_search_area.ver02 .osa_tap li a {
    border-bottom: none;
    font-size: 14px;
    color: #000;
    letter-spacing: -0.5px;
}

.order_search_area.ver02 .osa_tap li a:after {
    display: none;
}

.order_search_area.ver02 .osa_tap li .on {
    border-bottom: 2px solid #e51937;
    color: #e51937;
}

.order_search_area.ver02 .period2 {
    background: #fff;
}

.order_search_area.ver02 .period2 ul {
    height: 28px;
    padding-right: 92px;
}

/* 디자인과 상이하여 수정 2020-03-30 */
.order_search_area.ver02 .period2 ul li input {
    height: 26px;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 15px;
    color: #000;
    letter-spacing: -0.5px;
}

.order_search_area.ver02 .period2 .btn_gray {
    height: 26px;
    border-radius: 2px;
    font-size: 13px;
    line-height: 27px;
    letter-spacing: -0.75px;
}

.tableSt31.ver02 {
    border-top: 1px solid #bbb;
}

.tableSt31.ver02 .tableSt3.ver02 thead tr th {
    height: 37px;
    padding: 2px 0 0;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background: #f9f9f9;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.5px;
    font-weight: normal;
}

.tableSt31.ver02 .tableSt3.ver02 thead tr th span {
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.tableSt31.ver02 .tableSt3 tbody tr td {
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    letter-spacing: -0.5px;
}

.tableSt31.ver02 .tableSt3.ver02 thead tr th>span,
.tableSt31.ver02 .tableSt3 tbody tr td:nth-child(1) span {
    font-size: 12px;
    color: #888;
    font-weight: normal;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .tit_text {
    color: #888;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .reserve,
.tableSt31.ver02 .tableSt3.ver02 tbody tr td .deduct {
    font-size: 15px;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .won {
    font-size: 13px;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .status {
    color: #666;
    letter-spacing: -0.5px;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .status em.circle {
    width: 20px;
    height: 20px;
    background-position: -253px 0;
}

.tableSt31.ver02 .tableSt3.ver02 tbody tr td .status em {
    width: 17px;
    height: 17px;
    margin: 0 auto 4px;
    background-position: -278px 0;
}

.tableSt31.ver02 .bulletTxt.ver02 {
    margin-top: -1px;
    padding: 12px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
}

.tableSt31.ver02 .bulletTxt.ver02 li {
    margin-top: 7px;
    letter-spacing: -0.5px;
}

.tableSt31.ver02 .bulletTxt li:first-child {
    margin-top: 0;
}

.tableSt31.ver02 .type_bx {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 5px;
    padding: 3px 6px 1px;
    background: #aaa;
    border-radius: 7px;
    font-size: 10px;
    color: #fff;
    line-height: 1;
    white-space: nowrap;
}

.tooltip.savemoney_info {
    position: absolute;
    top: 25px;
    right: -23px;
    z-index: 10;
    width: 210px;
    border: 1px solid #222;
    background: #fff;
}

.tooltip.savemoney_info .inner {
    position: relative;
    padding: 15px 22px 15px 18px;
    text-align: left;
}

.tooltip.savemoney_info .inner h3 {
    margin-bottom: 4px;
    font-size: 13px;
    color: #222;
    letter-spacing: -0.25px;
    font-weight: bold;
}

.tooltip.savemoney_info .inner .txt {
    font-size: 11px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: normal;
}

.tooltip.savemoney_info .inner .close {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 11px;
    height: 11px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -317px;
    background-size: 300px auto;
    -webkit-appearance: none;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

.popMyPointInfo .savedInfo {
    border-bottom: none;
}

.popMyPointInfo .btnArea {
    padding: 10px;
}

.popMyPointInfo .tableSt31 {
    display: block !important;
}

.popMyPointInfo .tableSt31 .tableSt3 {
    border-top: none;
}

/* my적립금 V2 2014-12-10 */
.mypage h1 .info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.saveM_my {}

/* 나의적립금*/
.saveM_my {
    background: #fff;
    overflow: hidden;
}

/*쿠폰/쇼핑포인트/예치금/장바구니/최근본상품/위시리리트 */
.saveM_my li {
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
}

.saveM_my li:nth-child(1) p {
    border-right: 1px solid #eee;
}

.saveM_my p.saveM_tit {
    color: #000;
    padding: 15px 10px
}

.saveM_my p.saveM_tit span {
    font-size: 10px;
    color: #898989;
}

.saveM_my p.saveM_num {
    padding: 0 10px 15px;
    color: #e52e37;
    font-size: 15px;
    text-align: right;
    font-weight: bold
}

.saveM_my table {
    width: 100%;
}

.saveM_my table thead tr th {
    width: 50%;
    padding: 10px;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid #eeeeee;
}

.saveM_my table thead tr th span {
    font-size: 10px;
    color: #565656
}

.saveM_my table tbody tr td {
    width: 50%;
    padding: 5px 10px 10px;
    color: #e51937;
    font-size: 17px;
    font-weight: bold;
    vertical-align: middle;
    text-align: right;
    border-right: 1px solid #eeeeee;
}

.saveM_apply {}

/* 지급예정 적립금*/
.saveM_apply table {
    width: 100%;
    background: #f9f9f9
}

.saveM_apply table tbody tr td {
    padding: 10px 5px 10px 10px;
    line-height: 18px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
}

.saveM_apply table tbody tr td:nth-child(1) {
    width: 27%;
    color: #898989;
    padding-right: 0
}

.saveM_apply table tbody tr td:nth-child(2) {
    width: 48%;
    color: #000;
    padding-left: 5px
}

.saveM_apply table tbody tr td:nth-child(3) {
    width: 25%;
    color: #565656;
    text-align: right
}

.saveM_apply table tbody tr td p.text {
    width: 100%;
    height: 40px;
    max-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px
}

.case_apply {
    color: #e51937
}

.mypage h2.tit2 {
    color: #000;
    font-size: 14px;
    background: #fff;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
}

.mypage h2.tit2 em {
    position: absolute;
    right: 10px;
    top: 15px;
    display: inline-block;
    width: 19px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -41px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.mypage h2.tit2.active em {
    background-position: -90px -30px;
}

.mypage h2.tit3 {
    color: #000;
    font-size: 14px;
    background: #fff;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.saveM_ask {}

/* 적립금 신청*/
.saveM_ask table {
    width: 100%;
}

.saveM_ask table tbody tr td {
    padding: 10px;
    line-height: 18px;
    border-bottom: 1px solid #eeeeee;
    vertical-align: middle;
}

.saveM_ask table tbody tr td:nth-child(odd) {
    width: 20%;
    font-weight: bold;
    padding-left: 15px
}

.saveM_ask table tbody tr td:nth-child(even) {
    width: 30%;
    padding-left: 5px
}

.saveM_ask table tbody tr td:nth-child(4) em {
    display: inline-block;
    ;
    width: 13px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: -245px -43px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.saveM_ask table tbody tr td a.btn_h23 {
    font-size: 13px
}

.saveM_ask .save_info {
    font-size: 12px;
    color: #565656;
    position: relative;
    margin: 13px 0;
    padding: 0 10px 0 30px;
}

.saveM_ask .save_info em {
    position: absolute;
    left: 10px;
    top: 0px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: 0 -80px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.saveM_ask .save_info span {
    color: #898989
}

.saveM_ask .save_info2 {
    text-align: right;
    font-size: 12px;
    color: #898989;
    position: relative;
    padding: 0 10px 13px 30px;
}

.saveM_ask .save_info2 em {
    display: inline-block;
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: 0;
    background-position: 0 -110px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_member.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.save_info2.bot_line {
    border-bottom: 1px solid #ddd;
}

ul.saveM_etc {
    overflow: hidden;
}

/* 푸시알람 및 배너*/
ul.saveM_etc {
    padding: 20px 10px
}

ul.saveM_etc li.banner {
    padding: 20px 0 0;
}

ul.saveM_etc li.banner a img {
    width: 100%;
}

ul.saveM_etc li .pushZone {
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    position: relative;
    padding: 14px 14px 14px;
    font-size: 14px;
}

ul.saveM_etc li .pushZone p.com2 {
    font-size: 12px;
    color: #898989;
    margin-top: 3px
}

ul.saveM_etc li .pushZone a {
    display: block;
    padding: 0 15px;
    width: 215px;
    border-radius: 3px;
    vertical-align: middle;
    margin: 15px auto 0
}

/* 적립금 20160511 */
ul.saveM_etc.type02 {
    padding: 15px 10px;
}

ul.saveM_etc.type02 li.banner {
    padding: 10px 0 0;
}

.my_line_bn {
    padding: 15px 10px
}

.my_line_bn img {
    width: 100%;
    vertical-align: top
}

/* 팝업 */
.pop_wrap .pop_contents02 {
    position: relative;
    padding-bottom: 30px;
    margin: 0 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}

.pop_wrap .pop_contents02 h3 {
    padding: 8px 10px 7px;
    background: #e51937;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}

.pop_wrap .pop_close02 {
    display: block;
    position: absolute;
    right: 11px;
    top: 11px;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -300px;
    background-size: 300px auto;
    text-indent: -9999px;
}

/* 위시리스트 종료 안내 팝업 추가 2016.07.07 */
/* 위시리스트 페이지 내 */
.pop_wrap.wish {
    padding-bottom: 40px;
}

.pop_wrap.wish .pop_contents02 {
    height: 100%;
    padding-bottom: 0;
    border-radius: 0;
}

.pop_wrap.wish .pop_contents02 h3 {
    height: 40px;
    padding: 0 10px;
    border-radius: 0;
    line-height: 40px;
}

.pop_wrap.wish .wish_delete {
    overflow: hidden;
    position: absolute;
    top: 40px;
    bottom: 42px;
    left: 0;
    right: 0;
    color: #898989;
    font-size: 13px;
    line-height: 17px;
    z-index: 1;
}

.pop_wrap.wish .wish_delete>div {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.pop_wrap.wish .wish_delete p {
    padding: 0 20px;
}

.pop_wrap.wish .wish_delete p.title {
    margin: 20px 0 10px;
    color: #3a3a3a;
}

.pop_wrap.wish .wish_delete em {
    display: block;
    padding: 0 20px 0 30px;
    color: #e51937;
    background: url(//image.hnsmall.com/images/mobile2014/pop/bl_dot.gif) no-repeat 22px 8px;
    background-size: 3px;
}

.pop_wrap.wish .wish_delete em>span {
    display: block;
    margin-bottom: 7px;
    color: #858585;
    font-size: 10px;
}

.pop_wrap.wish .wish_delete div>span {
    display: block;
    padding: 0 20px;
    margin: 17px 0;
    color: #444;
    font-size: 12px;
}

.pop_wrap.wish .wish_delete img {
    width: 100%;
}

.pop_wrap.wish .wish_delete .iScrollVerticalScrollbar {
    width: 3px !important;
}

.pop_wrap.wish .wish_delete .iScrollIndicator {
    border: 0 !important;
}

/* 단독 페이지 */
.popWish.contents {
    position: absolute;
    top: 0;
    height: 100%;
    padding-bottom: 0;
    background-color: #ececec;
}

.pop_wrap.wishDel {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1001;
}

.pop_wrap.wishDel .pop_contents02 {
    margin: 0;
    padding-bottom: 0;
    background-color: #ececec;
}

.pop_wrap.wishDel .wish_delete {
    color: #898989;
    font-size: 13px;
    line-height: 17px;
}

.pop_wrap.wishDel .wish_delete p {
    padding: 0 20px;
    background-color: #fff;
}

.pop_wrap.wishDel .wish_delete p.title {
    margin: 0;
    padding: 20px 20px 7px;
    color: #3a3a3a;
    background-color: #fff;
}

.pop_wrap.wishDel .wish_delete em {
    position: relative;
    display: block;
    padding: 0 20px 0 30px;
    color: #e51937;
    background-color: #fff;
}

.pop_wrap.wishDel .wish_delete em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    left: 22px;
    width: 3px;
    height: 3px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: #e51937;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.pop_wrap.wishDel .wish_delete em>span {
    display: block;
    padding-bottom: 7px;
    color: #858585;
    font-size: 10px;
}

.pop_wrap.wishDel .wish_delete div>span {
    display: block;
    padding: 17px 20px;
    background-color: #fff;
    color: #444;
    font-size: 12px;
}

.pop_wrap.wishDel .wish_delete img {
    width: 100%;
    vertical-align: top;
}

/*// 위시리스트 종료 안내 팝업 추가 2016.07.07 */

.mytbl_tdView {
    padding: 15px;
}

.mytbl_tdView p {
    color: #000;
    font-size: 12px;
    margin-bottom: 15px;
}

.mytbl_tdView ul {
    overflow: hidden;
    border-top: 1px solid #565656;
    border-bottom: 1px solid #565656;
}

.mytbl_tdView ul li {
    padding: 8px 0;
    text-align: center;
    background-size: 4px 4px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/tv/line_cate.png) 0 bottom repeat-x;
}

.mytbl_tdView ul li.expire_date {
    padding: 15px 0;
    background: none;
}

.mytbl_tdView ul li p {
    font-size: 12px;
}

.mytbl_tdView ul li p span {
    margin-right: 10px;
    font-size: 22px;
    font-weight: bold;
}

.mytbl_tdView ul li .reserve {
    color: #e51937;
}

.mytbl_tdView ul li .deduct {
    color: #12a5cb;
}

.pop_border {
    border-top: 1px solid #dddddd;
    margin-bottom: 15px;
}

/*@@@ 2015-04-29 추가*/

/* 마이페이지 등급혜택 */
.level_info {
    border-bottom: 2px solid #ddd;
    font-size: 14px;
    padding: 0 10px;
    background: #fff;
    position: relative;
    padding-left: 44px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.level_info em {
    position: absolute;
    left: 10px;
    top: 12px;
    display: inline-block;
    width: 24px;
    height: 26px;
    vertical-align: middle;
    margin-right: 5px;
    background-position: 0px 0px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefit.png);
    background-repeat: no-repeat;
    background-size: auto 52px;
    overflow: hidden;
    text-indent: -1000px;
}

.level_info span {
    color: #e51937;
}

.level_info p {
    color: #898989;
    font-size: 12px;
    padding-top: 3px
}

.level_info.new span {
    color: #9741a1;
}

.level_info.new em {
    background-position: 0 -26px
}

.level_info.family span {
    color: #2c93d7;
}

.level_info.family em {
    background-position: 0 0
}

.level_info.gold span {
    color: #ff8707;
}

.level_info.gold em {
    background-position: -48px 0
}

.level_info.silver span {
    color: #a0a0a0;
}

.level_info.silver em {
    background-position: -24px 0
}

.level_info.diamond span {
    color: #52b1e9;
}

.level_info.diamond em {
    background-position: -72px 0
}

.level_info.umbrella span {
    color: #ffa516;
}

.level_info.umbrella em {
    background-position: -72px -26px
}

.level_info.staff span {
    color: #475193;
}

.level_info.staff em {
    background-position: -24px -26px
}

.level_info.vip span {
    color: #06998b;
}

.level_info.vip em {
    background-position: -48px -26px
}

.contents.bg_eb {
    background: #ebebeb !important;
}

.contents.bg_e8 {
    background: #e8e8e8 !important;
}

.contents.pb0 {
    padding-bottom: 0;
}

.contents.type02 {
    padding-top: 0;
    background: #ececec;
}

.contents.type02 h1 .allpop_close {
    top: 50%;
    margin-top: -6px;
}

.level_wrap {
    margin: 15px 10px 5px;
    background: #fff;
    padding: 15px 10px 30px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.level_wrap .top {
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.level_wrap .top h2 {
    font-size: 14px
}

.level_wrap .top p {
    font-size: 12px;
    color: #565656;
    padding-top: 5px;
}

.level_wrap .top p span {
    color: #12a5cb;
}

.level_wrap .top:last-child {
    border: none;
    padding-bottom: 0;
}

.level_wrap .con {}

.level_wrap .con .plus {
    text-align: center;
    padding: 5px;
}

.level_wrap .con .plus em {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #565656;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -1000px
}

.level_wrap .con .plus em:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat -45px -60px;
    background-size: 200px auto;
}

.level_wrap .con .gift {
    overflow: hidden;
    margin-top: 18px;
}

.level_wrap .con .gift li {
    float: left;
    width: 100%;
}

.level_wrap .con .gift li div {
    position: relative;
}

.level_wrap .con .gift li div em {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
    margin-right: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat -60px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.level_wrap .con .gift li div p {
    display: inline-block;
}

.level_wrap .con .gift div p {
    color: #565656;
    font-size: 12px
}

.level_wrap .con .gift div span {
    font-size: 12px;
    font-weight: bold;
}

.mypage .dey_cation {
    border: none;
    margin-left: 5px;
}

.con .sale_coupon {
    text-align: center;
    padding-top: 20px;
}

.con .sale_coupon .coupon {
    display: inline-block;
    border: 1px solid #d6d6d6;
    width: 82px;
    height: 44px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat 0 0;
    background-size: 200px auto;
    overflow: hidden;
}

.con .sale_coupon .coupon.point {
    background-position: -90px 0;
}

.con .sale_coupon .coupon p {
    font-size: 10px;
    padding-top: 5px;
    color: #4d4c45;
}

.con .sale_coupon .coupon span {
    font-size: 14px;
    display: inline-block;
    line-height: 20px;
    padding-top: 3px;
    color: #4d4c45;
}

.con .sale_coupon .coupon span strong {
    font-size: 23px;
    color: #4d4c45;
}

.con .sale_coupon .coupon.db span {
    padding-top: 2px;
}

.con .sale_coupon .coupon.db span strong {
    font-size: 18px
}

.con .sale_coupon .coupon.db span em {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    margin-right: 1px;
    vertical-align: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat -10px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.con .sale_coupon .coupon.point span em {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 13px;
    margin-left: 3px;
    vertical-align: 0px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat -30px -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.con .sale_coupon .coupon.point span strong {
    font-size: 18px
}

.con .none {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #898989;
    text-align: center;
    padding-top: 30px;
}

.level_wrap.con_none {
    padding-bottom: 15px;
}

.btn_coupon {
    text-align: center;
    padding-top: 20px;
}

.btn_coupon a {
    padding: 0;
    width: 135px;
}

.btn_coupon a em {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 11px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_benefits.png) no-repeat 0 -60px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px
}

.current_class {
    padding: 17px 10px;
    background: #fff;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.current_class h2 {
    padding-bottom: 10px;
    font-size: 13px
}

.current_class p {
    color: #565656;
    font-size: 11px
}

.current_class ul {
    color: #565656;
    font-size: 11px
}

.current_class .pt20 {
    padding-top: 20px;
}

.current_class.mt0 {
    margin-top: 0 !important;
}

.current_class .sale_info {
    padding-bottom: 3px;
}

.level_gd {
    padding: 10px;
}


/* 쿠폰리스트 */
.coupon_list {
    overflow: hidden;
    padding: 10px 5px 0;
}

.coupon_list li {
    float: left;
    width: 50%;
    position: relative;
    margin-bottom: 15px;
}

.coupon_list li:nth-child(2n+1) {
    clear: both;
}

.coupon_list li .top {
    height: 68px;
    background: #ff6355;
    text-align: center;
    color: #fff;
    margin: 0 5px;
    overflow: hidden;
    position: relative;
}

.coupon_list li .top p {
    font-size: 22px;
    padding-top: 12px;
}

.coupon_list li .top span {
    font-size: 12px;
    color: #ffd3cf;
}

.coupon_list li .top span em {
    position: relative;
    display: inline-block;
    vertical-align: -2px;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px
}

.coupon_list li .top span em:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -110px -110px;
    background-size: 200px auto;
    vertical-align: middle;
}

.coupon_list li .bottom {
    background: #fff;
    min-height: 86px;
    margin: 0 5px;
    padding: 15px 10px 10px;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    z-index: 3
}

.coupon_list li .bottom p {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 30px;
    line-height: 15px;
}

.coupon_list li .bottom span {
    font-size: 10px;
    color: #898989;
    display: block;
    padding-top: 5px;
    letter-spacing: -0.5px;
    line-height: 13px;
}

.coupon_list li .bottom .left {
    position: absolute;
    left: -4px;
    top: -3px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ebebeb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px;
}

.coupon_list li .bottom .right {
    position: absolute;
    right: -4px;
    top: -3px;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ebebeb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px;
}

.coupon_list li .num {
    background: #545454;
    color: #fff;
    position: absolute;
    left: 13px;
    top: 60px;
    padding: 1px 7px 0;
    border-radius: 12px;
    font-size: 9px;
    line-height: 18px;
    z-index: 5
}

/* 쿠폰리스트 V2 */
.coupon_count {
    padding: 7px 10px 5px;
    background: #f4f4f4;
    font-size: 15px;
    color: #222;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.coupon_count em {
    font-size: 17px;
    color: #e51937;
}

.coupon_type_list {
    margin-bottom: 10px;
}

.coupon_type_list>li {
    position: relative;
    min-height: 100px;
    margin-bottom: 6px;
    padding: 15px 10px;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
    overflow: hidden;
}

.coupon_type_list>li .coupon_tit {
    width: 90%;
    margin-bottom: 12px;
    font-size: 15px;
    color: #222;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.coupon_type_list>li .coupon_tit em {
    font-size: 17px;
}

.coupon_type_list>li .coupon_num {
    position: absolute;
    top: 17px;
    right: 10px;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.coupon_type_list>li .coupon_num em {
    font-size: 13px;
}

.coupon_type_list>li .coupons {
    position: absolute;
    left: 10px;
    top: 50px;
    display: inline-block;
    width: 135px;
    height: 65px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/bg_discount_coupon.png) 0 0 no-repeat;
    background-size: 135px auto;
    text-align: center;
}

.coupon_type_list>li .coupons .txt {
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.coupon_type_list>li .coupons p {
    position: relative;
    display: inline-block;
    margin-top: 12px;
    margin-left: 12px;
    padding-right: 13px;
    font-size: 26px;
    color: #4d4d4d;
    letter-spacing: -1px;
    line-height: 1;
    font-weight: bold;
}

.coupon_type_list>li .coupons p span {
    font-size: 14px;
    position: absolute;
    bottom: 4px;
    right: 0
}

.coupon_type_list>li .coupons p.per {
    margin-top: 8px;
    padding-right: 16px;
    font-size: 32px;
}

.coupon_type_list>li .coupons p.per span {
    font-size: 20px;
    bottom: 3px;
}

.coupon_type_list>li .coupon_info {
    min-height: 65px;
    margin-left: 142px;
}

.coupon_type_list>li .coupon_info .remain_time {
    margin-bottom: 7px;
    font-size: 14px;
    color: #4d4d4d;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.coupon_type_list>li .coupon_info .remain_time .time {
    position: relative;
    padding-left: 17px;
    color: #e51937;
}

.coupon_type_list>li .coupon_info .remain_time .time:before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -205px;
    background-size: 200px auto;
}

.coupon_type_list>li .coupon_info .remain_time .time em {
    font-size: 15px;
}

.coupon_type_list>li .coupon_info .bulletTxt.ver03 {
    margin-top: 0;
    margin-left: 5px;
    font-size: 12px;
    color: #666;
    letter-spacing: -0.75px;
}

.coupon_type_list>li .coupon_info .bulletTxt.ver03 li {
    margin: 0;
    padding-left: 7px;
}

.coupon_type_list>li .coupon_info .bulletTxt.ver03 li span {
    display: table-cell;
    width: 47px;
    vertical-align: top;
    white-space: nowrap;
}

.coupon_type_list>li .coupon_info .bulletTxt.ver03 li em {
    font-size: 13px;
}

.coupon_type_list>li .coupon_info .bulletTxt.ver03 li em.day {
    display: table-cell;
    letter-spacing: -1px;
    vertical-align: bottom;
    word-break: keep-all;
}

.coupon_type_list>li .coupon_info .bulletTxt li:before {
    top: 5px;
}

.coupon_type_list .btn_go_shop {
    display: block;
    height: 33px;
    margin-top: 10px;
    margin-bottom: -5px;
    border: 1px solid #e51937;
    border-radius: 2px;
    font-size: 14px;
    line-height: 35px;
}

.coupon_type_list~.btnMoreDefaultWrap {
    margin: 0 10px;
}

.coupon_type_list~.bulletTxt.info2 {
    margin: 10px;
    letter-spacing: -0.5px;
}

/* 에러페이지 */
.error_wrap {
    text-align: center;
    padding: 60px 0 20px;
}

.error_wrap em {
    position: relative;
    display: inline-block;
    width: 82px;
    height: 83px;
    overflow: hidden;
    text-indent: -1000px;
    border: 5px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
}

.error_wrap em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_nodata.png) no-repeat 0 0;
    background-size: 200px auto;
}

.error_wrap p {
    font-size: 18px;
}

.error_wrap span {
    font-size: 14px;
    color: #898989;
    line-height: 16px;
    display: block;
    padding-top: 5px;
}

.error_wrap .time {
    font-size: 14px;
    padding-top: 10px;
}

.error_wrap .time strong {
    color: #fff;
    font-weight: normal;
    background: #ff616f;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 4px;
}

/* 로딩페이지 kakoapey */
.loading_wrap {
    text-align: center;
    padding: 60px 0 20px;
}

.loading_wrap p {
    font-size: 18px;
    color: #000;
    font-weight: bold
}

.loading_wrap span {
    font-size: 14px;
    color: #898989;
    line-height: 16px;
    display: block;
    padding-top: 5px;
}

.app_down_wrap {}

.app_down_wrap p img {
    width: 100%
}

.app_down_wrap div {
    overflow: hidden;
}

.app_down_wrap div a {
    width: 50%;
    float: left;
}

.app_down_wrap div a img {
    width: 100%;
}

/* email 입력 유동적으로 변경 */
.email_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.email_wrap p {
    float: left;
}

.email_wrap p input {
    width: 100%;
}

.email_wrap p span {
    display: block;
    padding-right: 5px;
}

.email_wrap p:nth-child(1) {
    width: 30%;
}

.email_wrap p:nth-child(2) {
    width: 37%;
}

.email_wrap p:nth-child(3) {
    width: 33%;
}

.email_wrap p:nth-child(2) span {
    padding-left: 17px;
    position: relative;
    padding-right: 8px;
}

.email_wrap p:nth-child(2) span em {
    position: absolute;
    left: 0;
    top: 5px;
}

.email_wrap p:nth-child(3) span {
    padding-right: 0;
}

/* ios 라이브방송 연결 후 이전 화면 이동시 백화현상 대응 안내 */
.ios-live-white-page {
    width: 100%;
    margin-top: 130px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ios-live-white-page em {
    position: relative;
    display: block;
    font-size: 0;
}

.ios-live-white-page em:before {
    content: '';
    display: inline-block;
    margin: 0 0 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_nodata.png);
    background-size: 50px auto;
    width: 50px;
    height: 50px;
}

.ios-live-white-page .text {
    margin-top: 15px;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.34px;
    color: #111;
    text-align: center;
}

.ios-live-white-page .btn-home {
    margin: 30px 0 0;
}

.ios-live-white-page .btn-home a {
    overflow: hidden;
    display: block;
    width: 175px;
    height: 40px;
    padding: 11px 0 10px;
    border-radius: 8px;
    background-color: #f51d2c;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box
}

.ios-live-white-page .btn-home a:after {
    content: '>';
    display: inline-block;
    margin-left: 5px;
}


/*@@@ 2015-02-13 email 입력 추가 */
.email_wrap2:after {
    content: "";
    display: block;
    clear: both;
}

.email_wrap2 p {
    float: left;
}

.email_wrap2 p input {
    width: 100%;
}

.email_wrap2 p span {
    display: block;
    padding-right: 7px;
}

.email_wrap2 p:nth-child(1) {
    width: 47%;
}

.email_wrap2 p:nth-child(2) {
    width: 53%;
}

.email_wrap2 p:nth-child(3) {
    width: 100%;
}

.email_wrap2 p:nth-child(2) span {
    padding-left: 20px;
    position: relative;
    padding-right: 2px;
}

.email_wrap2 p:nth-child(2) span em {
    position: absolute;
    left: 0;
    top: 5px;
}

.email_wrap2 p:nth-child(3) span {
    padding-top: 5px;
    padding-right: 0;
}

.email_wrap3 {
    width: 100%;
}

.email_wrap3 input {
    width: 100%;
}

.email_wrap3 input.email {
    width: 45%;
}

.email_wrap3 select {
    margin-top: 8px;
}

/* phone 입력 유동적으로 변경 */
.phoen_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.phoen_wrap p {
    float: left;
}

.phoen_wrap p input {
    width: 100%;
}

.phoen_wrap p span {
    display: block;
    padding-right: 5px;
}

.phoen_wrap p:nth-child(1) {
    width: 32%;
}

.phoen_wrap p:nth-child(2) {
    width: 34%;
}

.phoen_wrap p:nth-child(3) {
    width: 34%;
}

.phoen_wrap p:nth-child(2) span {
    padding-left: 10px;
    position: relative;
    padding-right: 5px;
}

.phoen_wrap p:nth-child(2) span em {
    position: absolute;
    left: 0;
    top: 5px;
}

.phoen_wrap p:nth-child(3) span {
    padding-left: 10px;
    position: relative;
    padding-right: 5px;
}

.phoen_wrap p:nth-child(3) span em {
    position: absolute;
    left: 0;
    top: 5px;
}

.phoen_wrap p:nth-child(3) span {
    padding-right: 0;
}

.day_write_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.day_write_wrap p {
    float: left;
    width: 33%
}

.day_write_wrap p input {
    width: 100%;
}

.day_write_wrap p span {
    display: block;
    padding-right: 5px;
}

.day_write_wrap p:nth-child(2) {
    width: 34%;
}

.day_txt {
    display: inline-block;
    padding-top: 7px;
    font-size: 13px;
}

/*생년 추가 @@@ 2015-07-30 추가*/

/* event sns */
section.popup_layer.on {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

/* 팝업 */
section.popup_layer {
    z-index: 9999;
    width: 100%;
    height: 100%;
}

div.popup_layer_bg {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
}

article.goods_detail_page div.popup_layer1 {
    z-index: 10;
    position: relative;
    width: 280px;
    padding: 35px 15px 15px;
    border-radius: 15px;
    background: #fff;
    margin: auto auto
}

div.popup_layer1 {
    z-index: 10;
    position: relative;
    width: 260px;
    padding: 20px 15px 15px;
    border-radius: 15px;
    background: #fff;
    margin: auto auto
}

ul.popup_sns li img {
    width: 48px
}

ul.popup_sns li {
    border-bottom: 1px solid #c5c5c5;
    padding: 10px 0
}

ul.popup_sns li:last-child {
    border-bottom: 0
}

ul.popup_sns li img {
    vertical-align: middle;
}

div.popup_layer1 button.btn_layer_close {
    position: absolute;
    border: 0;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: transparent;
    background: url("//image.hnsmall.com/images/mobile2013/goods/btn_layer_close.png") no-repeat center center;
    background-size: 15px auto;
    -webkit-background-size: 15px auto;
}

section.order_show table.table_typeC tr:last-child td.order_btn2 {
    text-align: center
}

section.order_show table.table_typeC tr:last-child td.order_btn2 button {
    width: 70px
}

span.order_btn_icon {
    position: absolute;
    bottom: -15px;
    left: 40%;
    width: 72px;
    height: 20px
}

div.popup_layer1 div.url_message>h2 {
    font: bold 16px arial;
    color: #464b55;
    padding: 10px 0
}

div.popup_layer1 div.url_message textarea.url_text {
    background: #e8ebef;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 15px;
    font: normal 12px arial;
    color: #666;
    text-align: left;
    width: 230px;
    height: 60px;
}

section.popup_layer {
    display: none;
    overflow-x: auto;
    overflow-y: scroll;
}

section.popup_layer.on {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6)
}

section.popup_layer.popup_layer_img.on {
    background-color: rgba(0, 0, 0, 0.3)
}

div.popup_layer1,
div.popup_layer2 {
    margin-left: auto;
    margin-right: auto
}

div.photo_comment_page section.popup_layer div.popup_layer1 {
    padding: 40px 15px 15px;
}

div.my_comment_page section.popup_layer div.popup_layer1 {
    padding: 40px 15px 15px;
}

ul.goods_about1 li {
    overflow: hidden;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-user-select: none;
    user-select: none
}

.delivery_detail_wrapper {
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.7s ease;
    transition: height 0.7s ease
}

/* new */

ul.item_list2 li {
    height: 40px;
    overflow: hidden;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
    -webkit-user-select: none;
    user-select: none
}

section.btn_order_always {
    padding: 0 9.375%;
    /* 30/320 */
    width: 82.25%;
    /* 260/320+1 */
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0 2px 5px;
    -webkit-transform: translate3d(0, -500px, 0);
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-duration: 0.5s;
    transform: translate3d(0, -500px, 0);
    transition-property: -webkit-transform, opacity;
    transition-duration: 0.5s;
}

section.btn_order_always.on {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 1
}

section.goods_info_detail.floating {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 0;
    width: 100%
}

div.popup_layer1 .btn_layer_close {
    position: absolute;
    border: 0;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    color: transparent;
    background: url("//image.hnsmall.com/images/mobile2013/goods/btn_layer_close.png") no-repeat center center;
    background-size: 15px auto;
    -webkit-background-size: 15px auto;
}

/* new 현재 css에서는 button.btn_layer_close만 되어 있어서 태그가 안붙은 형태를 추가 */

/*************타임쿠폰 2013-09-30 *************/
.dayTime {
    position: relative
}

.dayTime .cupon {
    position: absolute;
    bottom: 44.3%;
    right: 35%;
    font-family: Tahoma;
    color: #fcff00;
    font-size: 19px;
    font-weight: bold;
    z-index: 10000
}

.dayTime .deem {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 93%;
    height: 92%;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    background: #000;
    opacity: 0.75;
    z-index: 100000;
}

.dayTime .deem2 {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 93%;
    height: 92%;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    background: #000;
    opacity: 0.75;
    z-index: 100000;
}

.beforehand_calculator {}

.beforehand_calculator .pay_select_wrap {
    border-bottom: 2px solid #cdcdcd;
    padding-bottom: 10px;
}

.beforehand_calculator .pay_select_wrap p {
    text-align: center;
    padding: 10px;
    padding-bottom: 0;
}

.beforehand_calculator .pay_select_wrap p input {
    vertical-align: middle;
}

.beforehand_calculator .pay_select_wrap.type02 {
    padding: 15px 10px 10px;
}

.beforehand_calculator .pay_select_wrap.type02 .ipt {
    padding: 0;
    margin-bottom: 10px;
}

.beforehand_calculator .pay_select_wrap.type02 .ipt label {
    margin-right: 17px;
}

.beforehand_calculator .pay_select_wrap.type02 .ipt label:last-child {
    margin-right: 0;
}

.beforehand_calculator .pay_select_wrap.type02 .conts_bx img {
    width: 100%;
    height: auto;
}

/* 상품상세 상품평 V2  2015-01-22*/
.goods_comment2 .goods_point2 {
    padding: 20px 0 15px;
    position: relative;
}

.goods_comment2 .goods_point2 span {
    font-size: 16px;
}

.goods_comment2 .goods_point2 span strong {
    font-size: 16px;
    color: #e51937
}

.goods_comment2 .goods_point2 img {
    width: 100%;
}

.goods_comment2 .goods_point3 {
    padding: 0 0 15px;
    position: relative;
}

.goods_comment2 .goods_point3 img {
    width: 100%;
}

.goods_satisfaction {
    width: 100%;
}

.goods_satisfaction .total {
    margin: auto;
    width: 161px;
    height: 53px;
    position: relative
}

.goods_satisfaction .total em {
    float: left;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png) no-repeat;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: bottom;
}

.goods_satisfaction .total em:after {
    content: "";
    display: block;
    clear: both;
}

.goods_satisfaction .total em.verywell {
    background-position: 0 0;
}

.goods_satisfaction .total em.well {
    background-position: -60px 0;
}

.goods_satisfaction .total em.normal {
    background-position: -120px 0;
}

.goods_satisfaction .total em.dissatisfaction {
    background-position: -180px 0;
}

/* 2015-10-15 수정*/
.goods_satisfaction .total .com_point div.score * {
    vertical-align: middle;
}

.goods_satisfaction .total .com_point div.score .scoreNum {
    display: inline-block;
    /*line-height:26px;height:24px;margin-top:-24px;*/
    font-size: 40px;
    color: #000;
    margin-top: -6px;
}

.goods_satisfaction .total .com_point div.score strong {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-position: 0 0;
    margin-top: -6px;
    margin-left: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -270px -60px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
    /*margin-top:8px;*/
}

/* //2015-10-15 수정*/
.goods_satisfaction .total .scorebase {
    position: absolute;
    bottom: 0px;
    left: 55px;
    width: 200px;
    padding-top: 3px;
    font-size: 13px;
    color: #939393;
}


.goods_satisfaction .total .com_point em {
    display: inline-block;
    width: 26px;
    height: 32px;
    margin-right: 1px;
    overflow: hidden;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/comment_point.png);
    background-size: 600px 32px;
    text-indent: -1000px;
}

.goods_satisfaction .total .com_point em.cpoint1 {
    background-position: 0 0;
    width: 18px;
}

.goods_satisfaction .total .com_point em.cpoint2 {
    background-position: -60px 0;
}

.goods_satisfaction .total .com_point em.cpoint3 {
    background-position: -120px 0;
}

.goods_satisfaction .total .com_point em.cpoint4 {
    background-position: -180px 0;
}

.goods_satisfaction .total .com_point em.cpoint5 {
    background-position: -240px 0;
}

.goods_satisfaction .total .com_point em.cpoint6 {
    background-position: -300px 0;
}

.goods_satisfaction .total .com_point em.cpoint7 {
    background-position: -360px 0;
}

.goods_satisfaction .total .com_point em.cpoint8 {
    background-position: -420px 0;
}

.goods_satisfaction .total .com_point em.cpoint9 {
    background-position: -480px 0;
}

.goods_satisfaction .total .com_point em.cpoint0 {
    background-position: -540px 0;
}

.comment_point2_line {
    padding: 0 0 15px;
    overflow: hidden;
    border-bottom: 1px solid #565656;
}

.comment_point2,
.comment_point3 {
    margin: 15px 35px;
}

.comment_point2 div {
    float: left;
    width: 33%;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/goods/line_comment.png) right center no-repeat;
    background-size: 1px 18px
}

.comment_point2 div:last-child {
    background: none;
}

.comment_point3 div {
    float: left;
    background: url(//image.hnsmall.com/images/mobile2014/goods/line_comment.png) right center no-repeat;
    background-size: 1px 18px
}

.comment_point3 div:nth-child(1) {
    width: 28%;
    text-align: center;
}

.comment_point3 div:nth-child(2) {
    width: 37%;
    text-align: center;
}

.comment_point3 div:last-child {
    background: none;
    text-align: center;
    width: 31%;
}

.comment_point2 div p,
.comment_point3 div p {
    font-size: 14px;
    font-weight: normal;
}

.comment_point2 div p strong,
.comment_point3 div p strong {
    font-size: 15px;
    font-weight: bold;
    margin-left: 4px;
}

.comment_info2 {
    font-size: 14px;
    color: #666;
    padding: 20px 10px 20px 28px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.comment_info2 em {
    position: absolute;
    top: 24px;
    left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -75px -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
    margin-right: 3px;
}

.goods_comment2 h3 {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.goods_comment2 h3 span {
    float: left;
    padding-left: 8px;
    padding: 8px 0 5px;
}

.goods_comment2 h3 span:last-child {
    float: right;
    padding-right: 10px;
    padding-top: 0;
    font-weight: normal;
}

.goods_comment2 .comment_total {
    position: relative;
}

.goods_comment2 .comment_total p {
    position: absolute;
    top: 18px;
    left: 10px;
}

.goods_comment2 .comment_total p a {
    display: inline-block;
    font-size: 15px;
    color: #a5a5a5;
    font-weight: normal;
}

.goods_comment2 .comment_total p a.on {
    display: inline-block;
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.goods_comment2 .comment_total p span {
    float: none;
    color: #ddd;
    padding: 0 4px;
}

.comment_list2 {
    padding: 1px 10px 10px;
    background: #ebebeb;
}

.comment_list2 li {
    border: 1px solid #cdcdcd;
    margin-top: 10px;
    border-radius: 3px;
    background: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.comment_list2 li .comment_cons2 {
    padding: 10px 20px 20px;
    position: relative;
}

.comment_list2 li .comment_cons2 p {
    color: #898989;
    overflow: hidden;
    font-size: 13px;
    padding-top: 2px;
}

.comment_list2 li .comment_cons2 .cons_stain_op {
    padding-top: 10px;
    font-size: 13px;
    color: #898989;
}

/*2015-11-27 cons_stain_op css추가*/
.comment_list2 li .comment_cons2 .cons_stain_op span {
    margin: 0 5px;
    color: #ddd;
}

/*2015-11-27 cons_stain_op span css추가*/
.comment_list2 li .comment_cons2 .cons_stain_op0 span {
    margin: 0 2px;
    color: #ddd;
}

/*2015-11-27 cons_stain_op0 span css추가*/
.comment_list2 li .comment_cons2 p em {
    display: inline-block;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction.png);
    background-repeat: no-repeat;
    background-size: 230px 105px;
    text-indent: -1000px;
    vertical-align: middle;
}

.comment_list2 li .comment_cons2 p em.verywell {
    background-position: 0 -70px;
}

.comment_list2 li .comment_cons2 p em.well {
    background-position: -45px -70px;
}

.comment_list2 li .comment_cons2 p em.normal {
    background-position: -90px -70px;
}

.comment_list2 li .comment_cons2 p em.dissatisfaction {
    background-position: -135px -70px;
}

.comment_list2 li .comment_cons2 p span:first-child {
    padding-left: 10px;
}

.comment_list2 li .comment_cons2 p span:last-child {
    position: absolute;
    right: 16px;
    top: 19px;
}

.comment_list2 li .comment_cons2 .cons {
    padding-top: 10px;
    font-size: 14px
}

.comment_list2 li .comment_cons2 .btn_wrap {
    text-align: center;
    padding-top: 10px;
}

.comment_list2 li .comment_cons2 .img_wrap {
    padding: 10px 0 0;
}

.comment_list2 li .comment_cons2 .img_wrap img {
    width: 82px;
    height: 82px;
}

.comment_list2 li .comment_cons2 .cons2_stain_op {
    font-size: 12px;
    margin-top: 14px;
    padding-bottom: 6px;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op span {
    background-color: #eee;
    padding: 3px 7px 6px;
    position: relative;
    font-size: 12px;
    color: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op span em {
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/con2_ico_goods.png) no-repeat -2px -2px;
    background-size: 200px 100px;
    overflow: hidden;
    text-indent: -1000px;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op0 {
    font-size: 12px;
    margin-top: 14px;
    padding-bottom: 6px;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op0 span {
    padding: 3px 7px 6px;
    position: relative;
    font-size: 12px;
    border: 1px solid #ddd;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op0 .b {
    color: #12a5cb;
}

/*2015-11-27 css추가*/
.comment_list2 li .comment_cons2 .cons2_stain_op0 .r {
    color: #e8404d;
}

/*2015-11-27 css추가*/

/*@@@ 2015-05-29 상품평 그래프*/
.goods_graph {
    padding-top: 20px;
    margin: 20px 10px 20px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.goods_graph p {
    position: relative;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.goods_graph p span {
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -36px;
    font-size: 11px;
    font-weight: normal;
    color: #939393;
}

.goods_graph ul {
    height: 100px;
    margin: 30px 10px 40px;
    padding: 20px 10px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 13px;
    list-style: none;
}

.goods_graph ul:after {
    display: block;
    clear: both;
    content: ""
}

.goods_graph li {
    display: inline;
    float: left;
    position: relative;
    width: 21%;
    height: 100%;
    margin: 0 6%;
    background: #eeeeee;
    text-align: center;
    white-space: nowrap
}

.goods_graph em {
    position: absolute;
    bottom: 0;
    left: 0;
    ;
    width: 100%;
    background: #e51937
}

.goods_graph em.chek10 {
    height: 10%;
}

.goods_graph em.chek20 {
    height: 20%;
}

.goods_graph em.chek30 {
    height: 30%;
}

.goods_graph em.chek40 {
    height: 40%;
}

.goods_graph em.chek50 {
    height: 50%;
}

.goods_graph em.chek60 {
    height: 60%;
}

.goods_graph em.chek70 {
    height: 70%;
}

.goods_graph em.chek80 {
    height: 80%;
}

.goods_graph em.chek90 {
    height: 90%;
}

.goods_graph em.chek100 {
    height: 100%;
}

.goods_graph .g_txt {
    display: inline-block;
    position: absolute;
    width: 100%;
    position: absolute;
    bottom: -25px;
    left: 0;
    font-weight: bold;
    color: #767676;
}

.goods_graph .g_num {
    position: absolute;
    top: -22px;
    left: 0;
    width: 100%;
    color: #767676;
    font-weight: bold;
}

.goods_graph .g_numR {
    position: absolute;
    top: -22px;
    left: 0;
    width: 100%;
    color: #e51937;
    font-weight: bold;
}

/*@@@ 상품평 tip 2015-07-14 p->div 로 변경, css 추가,수정 */
.graph_tip,
.graph_tip2 {
    padding: 15px 0 18px;
    font-size: 13px;
    font-weight: bold;
    background: #f7f7f7;
}

.graph_tip div {
    position: relative;
    width: 73%;
    margin: 0 auto;
    text-align: justify;
}

.graph_tip div em {
    /*display: inline-block;overflow: hidden;position:relative;*/
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -240px -60px;
    background-size: 300px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

.graph_tip2 div em {
    position: absolute;
    left: 2px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -240px -60px;
    background-size: 300px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

.graph_tip div span {
    /*position:absolute;top:1px;left:34px;*/
    display: block;
    margin: 0;
    padding-left: 34px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.graph_tip div.tip_line {
    width: 80%;
    /*padding-bottom:15px;*/
}

.graph_tip2 {
    padding: 15px 0;
}

.graph_tip2 div {
    position: relative;
    text-align: center;
}

.graph_tip2 div span {
    display: block;
    padding-top: 4px;
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

/*@@@ Q&A 문의추가  2015-04-21*/
.comment_info3 {
    font-size: 13px;
    color: #666;
    padding: 20px 10px 30px 28px;
    border-bottom: 1px solid #565656;
    position: relative;
}

.comment_info3 em,
.comment_info4 em {
    position: absolute;
    top: 24px;
    left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -75px -180px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
    margin-right: 3px;
}

.comment_info4 {
    font-size: 13px;
    color: #666;
    padding: 20px 10px 80px 28px;
    position: relative;
}

/*개인정보 수집동의페이지 V.7 2015-03-09*/
.collection_list img {
    width: 100%;
}

/* 바로구매 탭  2015-05-14 */
.buy_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4
}

.buy_wrap .layer_head {
    position: relative;
    z-index: 2
}

.buy_wrap .layer_head a {
    display: block;
    width: 87px;
    height: 21px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -43px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 90px -120px;
    background-size: 300px auto;
    text-indent: -9999em;
    color: transparent
}

.buy_wrap .layer_head a.off {
    background-position: 0 -120px;
}

.buy_wrap .layer_head a.on {
    display: none
}

.buy_wrap .layer_head a.off_soldout {
    background-position: 90px -120px
}

.buy_wrap .layer_head a.on_soldout {
    background-position: 90px -120px
}

.layer_btnT_wrap {
    height: 40px;
    margin: 0 10px;
}

/*상단 btn : 구매하기*/
.layer_btnT_wrap .btn_buy {
    height: 40px;
    background: #dd1032;
    border-radius: 4px;
}

.layer_btnT_wrap .btn_buy p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 37px;
}

.layer_btnT_wrap .btn_soldout {
    height: 40px;
    background: #eeeeee;
    border-radius: 4px;
    border: 1px solid #cdcdcd
}

.layer_btnT_wrap .btn_soldout p {
    text-align: center;
    color: #aaaaaa;
    font-size: 18px;
    font-weight: bold;
    line-height: 42px;
}

.layer_btnB_wrap {
    height: 40px;
    margin: 0 10px;
    padding-top: 8px;
    background: #f9f9f9;
}

/*하단 btn : 장바구니/구매하기*/
.layer_btnB_wrap li {
    float: left;
    width: 50%;
}

.layer_btnB_wrap a {
    border-radius: 2px;
    display: block;
    margin-right: 10px;
    font-weight: bold;
}

.layer_btnB_wrap li:last-child a {
    margin-right: 0;
}

.layer_btnB_wrap a.btn_white {
    color: #dd1032 !important;
}

/* 주문결제 릴팡페이 버튼 수정 2016-04-11 */
.layer_btnB_wrap.type02 ul:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    line-height: 0;
    font-size: 0;
}

.layer_btnB_wrap.type02 li {
    box-sizing: border-box;
    width: 32.5%;
}

.layer_btnB_wrap.type02 li:nth-child(2) {
    width: 35%;
    padding: 0 5px;
}

.layer_btnB_wrap.type02 li a {
    margin: 0;
}

.layer_btnB_wrap.type02 li .btn_rylpang {
    position: relative;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
    background: -moz-linear-gradient(center right, #ff3654 30%, #ff3da1 70%);
    background: -webkit-gradient(linear, right bottom, left bottom, color-stop(0.3, #ff3654), color-stop(0.7, #ff3da1));
}

.layer_btnB_wrap.type02 li .btn_rylpang .txt {
    display: inline-block;
    min-width: 69px;
    height: 39px;
    line-height: 36px;
    padding: 1px 0 0;
    font-size: 14px;
    color: transparent;
    background: url('//image.hnsmall.com/images/mobile2014/order/btn_rylpang.png') no-repeat center;
    background-size: 69px 16px;
}

.layer_btnB_wrap.type02 li .btn_rylpang span.tooltip {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 85px;
    height: 29px;
    margin: 0 0 0 -43px;
}

.layer_btnB_wrap.type02 li .btn_rylpang span.tooltip img {
    width: 100%;
    height: 100%;
}

.layer_btnB_wrap.type02 li .btn_rylpang.disabled {
    border: 1px solid #cdcdcd;
    background: #eee;
}

.layer_btnB_wrap.type02 li .btn_rylpang.disabled .txt {
    background: url('//image.hnsmall.com/images/mobile2014/order/btn_rylpang_off.png') no-repeat center;
    background-size: 69px 16px;
}

.layer_btnB_wrap.type02 li .btn_pangpang {
    position: relative;
    box-sizing: border-box;
    text-align: center;
    height: 40px;
    border: 1px solid #4acff8;
    background: #fff;
}

.layer_btnB_wrap.type02 li .btn_pangpang .txt {
    display: inline-block;
    min-width: 70px;
    height: 39px;
    line-height: 36px;
    padding: 1px 0 0;
    font-size: 14px;
    color: transparent;
    background: url('//image.hnsmall.com/images/mobile2014/order/btn_pangpang.png') no-repeat center;
    background-size: 70px 23px;
}

.layer_btnB_wrap.type02 li .btn_pangpang span.tooltip {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 85px;
    height: 29px;
    margin: 0 0 0 -43px;
}

.layer_btnB_wrap.type02 li .btn_pangpang span.tooltip img {
    width: 100%;
    height: 100%;
}

.layer_btnB_wrap.type02 li .btn_pangpang.disabled {
    border: 1px solid #cdcdcd;
    background: #eee;
}

.layer_btnB_wrap.type02 li .btn_pangpang.disabled .txt {
    background: url('//image.hnsmall.com/images/mobile2014/order/btn_pangpang_off.png') no-repeat center;
    background-size: 70px 23px;
}

.btn_grayline {
    background: #eeeeee !important;
    border: 1px solid #cdcdcd;
    color: #aaaaaa !important;
    text-align: center;
}

.buy_wrap .layer_option_list {
    position: relative;
    border-top: 1px solid #cdcdcd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 0 10px;
    background: #fff;
}

.buy_wrap .layer_option_list .layer_height {
    max-height: 250px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.buy_wrap .layer_option_list .layer_height .inbox {
    overflow-y: visible;
    max-height: none;
    padding: 0 10px 10px;
}

.select_box {
    margin-bottom: 8px;
    border-radius: 2px;
    padding: 9px;
    position: relative;
}

.select_box.type1 {
    border: 1px solid #cdcdcd;
}

.select_box.type2 {
    border: 1px solid #f61706;
    background: #fff;
}

.select_box.type3 {
    border: 1px solid #f61706;
    background: #fff;
    border-radius: 3px 3px 0 0;
}

.select_box.type1 h2 {
    color: #000000;
    font-weight: normal;
    padding-right: 20px;
}

.select_box.type2 h2 {
    color: #000000;
    font-weight: normal;
    padding-right: 20px;
}

.select_box.type3 h2 {
    color: #000000;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
}

.select_box.type1 h2:after,
.select_box.type2 h2:after,
.select_box.type3 h2:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 10px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -70px;
    background-size: 300px auto;
}

.select_box.type2 h2:after {
    background-position: -70px -60px;
}

.select_box.type3 h2:after {
    background-position: -70px -60px;
}

.select_box.type3.over h2:after {
    background-position: -70px -60px;
}

.selected_option {
    position: relative;
    background: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.selected_option div {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.selected_option div:last-child {
    border-bottom: none
}

.selected_option p {
    color: #666;
    padding-right: 20px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.selected_option ul {
    overflow: hidden;
    padding-top: 10px;
}

.selected_option ul li {
    float: left;
    width: 50%;
}

.selected_option ul li:first-child em:first-child,
.selected_option ul li:first-child em:last-child {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -1000px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
}

.selected_option ul li:first-child em:first-child:before,
.selected_option ul li:first-child em:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -60px;
    background-size: 300px auto;
}

.selected_option ul li:first-child em:last-child:before {
    background-position: -90px -60px;
}

.selected_option ul li:first-child span {
    font-size: 15px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    background: #fff;
    line-height: 28px;
    vertical-align: -7px;
    padding: 0 10px;
    margin: 0 3px;
}

.selected_option ul li:first-child input {
    margin: 0 3px;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    text-indent: 0;
    background: #fff;
}

.selected_option ul li:last-child {
    font-size: 16px;
    text-align: right;
    margin-top: 5px;
    color: #000000
}

.selected_option ul li:last-child em {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    text-align: left;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -130px -60px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.selected_option .del {
    position: absolute;
    right: 14px;
    top: 14px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -185px -37px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -60px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.selected_option .bundleGoods p {
    padding-right: 20px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

/* 구매하기 - 옵션 선택 완료(여행상품 문구 추가) 2016-04-11 */
.selected_option .tourPrd {
    height: 24px;
    padding: 1px 0 0;
    margin: 10px 0 0;
    line-height: 24px;
    font-size: 12px;
    color: #6989ff;
    text-align: center;
    border-radius: 10px;
    background: #f5f5f5;
}

.selected_option .tourPrd.type02 {
    height: auto;
    padding: 7px 20px 6px;
    line-height: normal;
    font-size: 12px;
    color: #6989ff;
    text-align: left;
    border-radius: 0;
    background: #f5f5f5;
    text-overflow: initial;
    white-space: normal;
}

.selected_option .tourPrd02 {
    padding: 9px 10px 8px;
    margin: 10px 0 0;
    font-size: 14px;
    color: #6989ff;
    text-align: center;
    border-radius: 10px;
    background: #f5f5f5;
}

.selected_option .tourPrd02.type02 {
    color: #000;
}

.selected_option .tourPrd02.type03 {
    text-align: left;
    border-radius: 0;
    text-overflow: initial;
    white-space: normal;
}

.selected_option .tourPrd02.type04 {
    color: #000;
    text-align: left;
    border-radius: 0;
    text-overflow: initial;
    white-space: normal;
}

/* .selected_option .tourPrd {padding:9px 10px 8px; margin:10px 0 0;  font-size:14px; color:#666; text-align:center; border-radius:10px; background:#f5f5f5;}

.selected_option .tourPrd.type02{text-align:left; border-radius:0; text-overflow:initial; white-space:normal;}
.selected_option .tourPrd.type03 {color:#000; text-align:left; border-radius:0; text-overflow:initial; white-space:normal;}
.selected_option .tourPrd.type02{text-align:left; border-radius:0; text-overflow:initial; white-space:normal;}
.selected_option .tourPrd.type03 {color:#000; text-align:left; border-radius:0; text-overflow:initial; white-space:normal;}
 */
.layer_price {
    position: relative;
    border-top: 1px solid #eeeeee;
    background: #f9f9f9;
}

.total_price {
    padding: 10px 9px 0;
    text-align: right;
}

.total_price span {
    color: #000;
    font-weight: bold
}

.total_price span.label {
    float: left;
    line-height: 24px;
}

.total_price span.price {
    color: #e51937;
    font-size: 22px;
}

.total_price span.unit {
    color: #e51937;
}

.soldout {
    position: relative;
}

/*판매중지, 품절*/
.soldout .line1 {
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 15px;
    color: #898989;
    font-size: 17px
}

.soldout .line2 {
    text-align: center;
    vertical-align: middle;
    padding: 10px 0 0;
    color: #898989;
    font-size: 17px
}

.soldout .line2 p {
    font-size: 15px
}

.soldout .line2 span {
    display: inline-block;
    vertical-align: middle;
    color: #565656;
    font-size: 20px
}

.list_height {
    max-height: 340px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.list_height .inbox {
    overflow-y: visible;
    max-height: none;
    padding: 0 10px 2px;
}

.select_list {
    margin-top: -9px;
    border: 1px solid #f61706;
    border-top: 1px solid #eee;
    background: #fff;
    border-radius: 0 0 3px 3px;
}

.select_list li {
    padding: 10px;
    border-bottom: 1px solid #eeeeee
}

.select_list li:last-child {
    border-bottom: none
}

.select_list li .goodsPrice {
    color: #000;
    font-weight: bold
}

/* CSS Document */

/* 모바일 특가 추가 2015-07-27 */
.product_list li .product2 {
    position: relative;
    padding-left: 80px;
    min-height: 90px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.product_list li .product2 .text {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product_list li .product2 .img {
    position: absolute;
    left: 10px;
    top: 0;
}

.product_list li .product2 .img img {
    width: 60px
}

.product_list li .product2 .img .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -17px;
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png) no-repeat -225px 0;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px
}

.product_list li.img_s60 .product2 {
    padding-left: 80px;
}

.product_list li.img_s60 .product2 .img img {
    width: 60px
}

.product_list li.img_s60 .product2 .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: -265px 0;
}

.product_list li .product2 .benefit {
    position: relative;
    padding-bottom: 5px;
    font-size: 13px;
    color: #666;
}

.product_list li .product2 .benefit span:first-child {
    margin-left: 0 !important;
}

.product_list li .product2 .benefit .save {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 11px;
}

.product_list li .product2 .benefit .noint {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 11px;
    margin-right: 3px;
}

.product_list li .product2 .benefit .oil_tax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    color: #999;
    font-size: 11px;
}

.product_list li .product2 .benefit .delivery {
    border: 1px solid #19bfbf;
    padding: 0 1px;
    color: #19bfbf;
    font-size: 11px;
}

.product_list li .product2 .benefit .soldout {
    border: 1px solid #e51937;
    background: #e51937;
    padding: 0 1px;
    color: #fff;
    font-size: 11px;
}

.product_list li .product2 .benefit .comment {
    position: absolute;
    right: 0;
    font-size: 12px;
}

.product_list li .product2 .product_price {
    position: relative;
    margin-top: 5px;
}

/*왼쪽 할인율 없는 경우 2015-07-27*/
.product_list li .product2 .saleflagSL {
    padding-left: 45px;
    min-height: 50px
}

/*왼쪽 할인율 있는 경우 2015-07-27*/
.product_list li .product2 .btn_buy {
    margin-top: 9px;
    text-align: right;
}

/*바로가기 버튼*/

.product_list li .product2 .btn_buy .pd_ready {
    color: #999 !important;
    font-size: 12px !important
}

.product_list li .product2 .price_tv {
    position: relative;
    font-size: 12px;
    color: #898989
}

.product_list li .product2 .price_tv strong {
    font-size: 13px;
    color: #565656;
    font-weight: normal;
}

.product_list li .product2 .price_tv strong.won {
    margin-right: 2px;
    font-size: 12px;
    vertical-align: 1px
}

.product_list li .product2 .price_sale_wrap {
    position: relative;
    color: #000;
}

.product_list li .product2 .price_sale_wrap .priceRed {
    margin-left: 5px;
    font-size: 17px;
    color: #e51937;
    font-weight: bold;
    vertical-align: -1px
}

.product_list li .product2 .price_sale_wrap .textWonRed {
    margin-left: 2px;
    font-size: 13px;
    color: #e51937;
    font-weight: bold;
}

.product_list li .product2 .price_sale_wrap .priceBlack {
    margin-left: 5px;
    font-size: 17px;
    color: #333333;
    font-weight: bold;
    vertical-align: -1px
}

.product_list li .product2 .price_sale_wrap .textWonBlack {
    margin-left: 2px;
    font-size: 13px;
    color: #333333;
    font-weight: bold;
}

.product_list li .product2.type02 {
    letter-spacing: -0.5px;
}

.product_list li .product2.type02 .saleflagSL {
    padding-left: 50px;
}

.product_list3 {
    margin: 10px;
}

.product_list3 .flagLeft {
    padding-left: 68px;
}

.product_list3 .price {
    position: relative;
    font-size: 12px;
    color: #898989
}

.product_list3 .price strong {
    margin-right: 2px;
    font-size: 13px;
    color: #565656;
    font-weight: normal;
}

.product_list3 .price strong.won {
    margin-right: 2px;
    font-size: 12px;
}

.product_list3 .price_sale_wrap {
    position: relative;
    font-size: 14px;
    margin-top: -1px;
    color: #333
}

.product_list3 .price_sale_wrap .priceRed {
    margin-left: 5px;
    font-size: 19px;
    color: #e51937;
    font-weight: bold;
    vertical-align: -1px
}

.product_list3 .price_sale_wrap .textWonRed {
    margin-left: 2px;
    font-size: 14px;
    color: #e51937;
    font-weight: bold;
}

.product_list3 .price_sale_wrap .priceBlack {
    margin-left: 5px;
    font-size: 19px;
    color: #333333;
    font-weight: bold;
    vertical-align: -1px
}

.product_list3 .price_sale_wrap .textWonBlack {
    margin-left: 2px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.product_list3 .flagLeft.type02 {
    letter-spacing: -0.5px;
}

.product_list3 .flagLeft.type02 .price_sale_wrap .textWonBlack,
.product_list3 .flagLeft.type02 .price_sale_wrap .textWonRed {
    display: inline-block;
    width: 24px;
}

.Msale_MS.flag_s,
.Msale_NS.flag_s {
    width: 52px !important;
    height: 42px !important;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png) no-repeat !important;
    background-size: 400px 480px !important;
    background-position: -125px 0 !important;
}

.Msale_MS.flag_s:before,
.Msale_NS.flag_s:before {
    margin: 8px 0 0 8px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png);
}

.textLineM {
    text-decoration: line-through;
}

/*공통 바로구매 버튼*/
.right_away {
    color: #e51937;
    font-size: 13px
}

.right_away em {
    display: inline-block;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    vertical-align: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -230px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

/*공통 최종혜택가 버튼*/
.btn_info {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -120px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.btn_saleInfo {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    vertical-align: top;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-position: -20px -180px;
    overflow: hidden;
    text-indent: -1000px;
}

/* popup 최종혜태가 알림 */
.priceInfor_guide {
    margin: 10px;
}

.priceInfor_guide .guideInfor {
    color: #898989
}

.priceInfor_guide .tit {
    color: #000000;
    margin-top: 20px;
    margin-bottom: 5px
}

.priceInfor_guide .info {
    position: relative;
    font-size: 12px;
    color: #898989;
    padding-bottom: 8px;
    position: relative;
    padding-left: 8px;
}

.priceInfor_guide .info em {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    width: 3px;
    height: 3px;
    background-position: 0 bottom;
    margin-right: 3px;
    vertical-align: middle;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    text-indent: -1000px
}

.priceInfor_guide img {
    width: 100%
}

#finalBenefit {
    position: fixed;
    top: 90px;
    height: auto;
    overflow: hidden;
}

#finalBenefit .layerConts {
    height: 80%;
    overflow-y: scroll;
}

.layerPopWrap .layerConts .priceInfor_guide {
    margin: 0;
}

#savePoint {
    position: fixed;
    top: 110px;
}

#savePoint .layerConts .innerConts.scrollY {
    max-height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.fixedOpc .bgBox {
    opacity: 0 !important;
}

.fixedOpc .header_prd_detail_inner {
    opacity: 0 !important;
}

.fixedOpc .prdOpt {
    position: fixed !important;
    top: 40px !important;
    opacity: 0 !important;
}

.fixedOpc .prdOpt+.goods_tabs {
    height: 67px !important;
}

@media (orientation: landscape) {
    #finalBenefit {
        top: 20px;
        height: 70%;
    }

    #finalBenefit .layerConts {
        height: 70%;
    }

    #arimiSetPop01 {
        top: 20px !important;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }

    #arimiSetPop01 .layerConts .innerConts.scrollY {
        max-height: 160px;
    }

        /* #sharePop {
        position: fixed;
        top: 20px !important;
        left: 20px;
        right: 20px;
        bottom: 20px;
        width: auto;
        margin: 0;
    }

    #sharePop .layerConts {
        padding: 10px 15px;
    }

    #sharePop .snsList ul {
        margin: 0;
    }

    #sharePop .snsList ul li {
        margin-top: 5px;
    */

    #savePoint {
        position: fixed;
        top: 20px !important;
    }

    #savePoint .layerConts .innerConts.scrollY {
        max-height: 200px;
    }

    .sale_cp .sms_wrap {
        height: 125px;
    }

    #chungguPop {
        top: 20px !important;
    }
}



/*주문서작성페이지 추가 */
.order .orderTotal_wrap {
    position: relative;
    overflow: hidden;
    padding: 10px 10px 5px
}

.order .orderTotal_wrap ul li {
    float: left;
    display: inline-block
}

.order .orderTotal_wrap ul li:first-child {
    width: 28%;
    color: transparent
}

.order .orderTotal_wrap ul li:first-child em.Msale_NB {
    top: 15px;
    left: 13px
}

.order .orderTotal_wrap ul li:last-child {
    width: 70%;
}

.order .orderTotal_wrap ul li:last-child table {
    width: 100%
}

.order .orderTotal_wrap ul li:last-child th {
    width: 200px;
    padding: 7px 0;
}

.order .orderTotal_wrap ul li:last-child td {
    padding: 5px 0;
}

.order_table.total2 tr:last-child td span.benefit {
    margin-right: 5px;
    color: #565656;
}

.relaypang p {
    font-size: 16px;
    font-weight: 400;
}

.relaypang p.relaytxt {
    padding: 8px 10px 0;
    color: #898989;
    font-size: 15px;
}

.relaypang .relay_zone p {
    font-weight: bold;
    padding: 0 10px;
}

.relaypang .relay_zone p em {
    display: inline-block;
    width: 45px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_order.png) no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
}

.relaypang .relay_zone p.relay_s em {
    background-position: -100px 0;
}

.relaypang .relay_zone p.relay_c em {
    background-position: -150px 0;
}

.relaypang .relay_zone p.subText {
    padding-left: 60px;
    padding-bottom: 10px;
    font-size: 11px;
    color: #898989;
    font-weight: normal;
}

.relaypang2 {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 10px 0 2px;
    padding: 4px 10px;
    position: relative;
}

.relaypang2 p {
    font-size: 15px;
    font-weight: bold;
}

.relaypang2 p.relaytxt {
    padding: 8px 10px 0;
    color: #898989;
    font-size: 13px;
}

.relaypang2 .relay_zone {
    position: relative
}

.relaypang2 .relay_zone p {
    font-weight: bold;
    padding: 0 10px 0 50px;
}

.relaypang2 .relay_zone p.subText {
    padding-left: 50px;
    padding-bottom: 10px;
    font-size: 11px;
    color: #898989;
    font-weight: normal;
}

.relaypang2 .relay_zone em {
    position: absolute;
    top: 0;
    left: 10px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -130px -180px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
}

.relaypang2 .relay_zone em.relay_s {
    background-position: -130px -180px;
}

.relaypang2 .relay_zone em.relay_c {
    background-position: -160px -180px;
}

.pay_btn {
    padding: 15px 12px 12px;
    border-bottom: 2px solid #ddd;
}

.pay_btn:after {
    content: "";
    display: block;
    clear: both;
}

.pay_btn .pay_sel2 li {
    display: inline-block;
    overflow: hidden;
    float: left;
    width: 31%;
    height: 90px;
    margin-bottom: 7px;
    margin-right: 7px;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

.pay_btn .pay_sel2 li:nth-child(3) {
    margin-right: 0;
}

.pay_btn .pay_sel2 li input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 0;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay.png) no-repeat;
    background-size: 500px auto;
    background-color: #fff;
    text-align: center;
}

.pay_btn .pay_sel2 li:nth-child(1) input[type="radio"] {
    background-position: 0 0;
}

.pay_btn .pay_sel2 li:nth-child(2) input[type="radio"] {
    background-position: -90px 0;
}

.pay_btn .pay_sel2 li:nth-child(3) input[type="radio"] {
    background-position: -180px 0;
}

.pay_btn .pay_sel2 li:nth-child(4) input[type="radio"] {
    background-position: -270px -0;
}

.pay_btn .pay_sel2 li:nth-child(5) input[type="radio"] {
    background-position: -360px 0;
}

.pay_btn .pay_sel2 li input:checked[type="radio"] {}

.pay_btn .pay_sel2 li:nth-child(1) input:checked[type="radio"] {
    background-position: 0 -90px;
}

.pay_btn .pay_sel2 li:nth-child(2) input:checked[type="radio"] {
    background-position: -90px -90px;
}

.pay_btn .pay_sel2 li:nth-child(3) input:checked[type="radio"] {
    background-position: -180px -90px;
}

.pay_btn .pay_sel2 li:nth-child(4) input:checked[type="radio"] {
    background-position: -270px -90px;
}

.pay_btn .pay_sel2 li:nth-child(5) input:checked[type="radio"] {
    background-position: -360px -90px;
}

.pay_btn .pay_sel2 li label {
    text-indent: -1000px;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
}

/* 간편결제(릴팡페이)추가  2016-02-17 */
.pay_btn.pay_btn_v2 {
    overflow: hidden;
    position: relative;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}

.pay_btn.pay_btn_v2:after {
    display: none;
}

.pay_btn.pay_btn_v2 ul {
    margin: -1% -2% 0 0;
}

.pay_btn.pay_btn_v2 ul:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.pay_btn.pay_btn_v2 ul li {
    display: block;
    overflow: visible;
    position: relative;
    box-sizing: border-box;
    width: 32%;
    margin: 1% 1% 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

.pay_btn.pay_btn_v2 ul li:nth-child(3n) {
    margin: 1% 1% 0 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"] {
    box-sizing: border-box;
    width: 90px;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay.png) no-repeat;
    background-size: 500px auto;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay1 {
    background-position: 0 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay2 {
    background-position: -90px 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay3 {
    background-position: -180px 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay4 {
    background-position: -270px 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay5 {
    background-position: -360px 0;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay6 {
    background-position: 0 -180px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay1:checked {
    background-position: 0 -90px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay2:checked {
    background-position: -90px -90px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay3:checked {
    background-position: -180px -90px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay4:checked {
    background-position: -270px -90px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay5:checked {
    background-position: -360px -90px;
}

.pay_btn.pay_btn_v2 ul li input[type="radio"].pay6:checked {
    background-position: 0 -270px;
}

.pay_btn.pay_btn_v2 .pay_sel2 li label {
    width: 0;
    height: 0;
    line-height: 0;
}

.pay_btn.pay_btn_v2 .pay_sel2 li label .flagNew {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay.png) no-repeat -360px -180px;
    background-size: 500px auto;
}


/* 간편결제(릴팡페이)개선  2017-08-29 */
.pay_btn.pay_btn_v3 {
    overflow: hidden;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.pay_btn.pay_btn_v3 .pay_sel2 li {
    position: relative;
    width: 33%;
    height: 83px;
    margin: -1px 0 0 -1px;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    overflow: visible;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(1) {
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(3) {
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(4) {
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(6) {
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(n+4) {margin-top:-1px;}*/
.pay_btn.pay_btn_v3 .pay_sel2 li input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0 auto;
    width: 91px;
    height: 81px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay_new.png) no-repeat;
    background-size: 273px auto;
    /*background-color:#fff;*/
    text-align: center;
    position: relative;
    z-index: 10;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(1) input[type="radio"] {
    background-position: 0 0;
    margin-left: 0;
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(2) input[type="radio"] {
    background-position: -91px 0
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(3) input[type="radio"] {
    background-position: -182px 0
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(4) input[type="radio"] {
    background-position: 0 -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(5) input[type="radio"] {
    background-position: -91px -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li:nth-child(6) input[type="radio"] {
    background-position: -182px -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li.pangpangpay input[type="radio"] {
    background-position: 0 0;
    margin-left: 0;
}

.pay_btn.pay_btn_v3 .pay_sel2 li.nobankbook input[type="radio"] {
    background-position: -91px 0
}

.pay_btn.pay_btn_v3 .pay_sel2 li.creditcard input[type="radio"] {
    background-position: -182px 0
}

.pay_btn.pay_btn_v3 .pay_sel2 li.realtime input[type="radio"] {
    background-position: 0 -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li.cellphone input[type="radio"] {
    background-position: -91px -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li.creditandnobankbook input[type="radio"] {
    background-position: -182px -81px
}

.pay_btn.pay_btn_v3 .pay_sel2 li label .flagNew {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    color: transperant;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay_new.png) no-repeat -59px -324px;
    background-size: 273px auto;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap .rylpangTipIn {
    border: none;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap .tipTailBox {
    width: 33.3%
}

.pay_btn.pay_btn_v3 .rylpangTipWrap .tipTailBox:after {
    bottom: 2px;
    border-color: #d7f0f9;
    background: #d7f0f9;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap .btntipClose {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap .btntipClose:before {
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -210px;
    background-size: 300px auto;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay1:checked {
    background-position: -91px -162px;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay2:checked {
    background-position: -182px -162px;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay3:checked {
    background-position: 0 -243px;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay4:checked {
    background-position: -91px -243px;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay5:checked {
    background-position: -182px -243px;
}

.pay_btn.pay_btn_v3 ul li input[type="radio"].pay6:checked {
    background-position: 0 -162px;
}

.pay_pangpang {
    overflow: hidden;
    position: relative;
    padding: 10px 10px 0;
    border-bottom: 1px solid #ddd;
}

.pay_pangpang .rylpangTipWrap .rylpangTipIn {
    border: none;
}

.pay_pangpang .rylpangTipWrap .tipTailBox {
    width: 100px;
}

.pay_pangpang .rylpangTipWrap .tipTailBox:after {
    bottom: 2px;
    border-color: #d7f0f9;
    background: #d7f0f9;
}

.pay_pangpang .rylpangTipWrap .rylpangTipIn .btntipClose {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.pay_pangpang .rylpangTipWrap .rylpangTipIn .btntipClose:before {
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -210px;
    background-size: 300px auto;
}

.pay_pangpang .pay_info {
    position: relative;
    height: 60px;
    padding: 7px 0 15px 92px;
}

.pay_pangpang .pay_info:before {
    display: block;
    position: absolute;
    left: 25px;
    top: 10px;
    content: '';
    width: 53px;
    height: 53px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_pay_new.png) no-repeat -118px -324px;
    background-size: 273px auto;
}

.pay_pangpang .pay_info:after {
    display: inline-block;
    content: '';
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.pay_pangpang .pay_info .pay_txt {
    display: inline-block;
    vertical-align: middle;
}

.pay_pangpang .pay_info .tit {
    margin-bottom: 5px;
    font-size: 19px;
    color: #202f7d;
    letter-spacing: -0.5px;
    line-height: 1;
}

.pay_pangpang .pay_info .bank {
    margin-bottom: 10px;
    font-size: 14px;
    color: #4d4d4d;
    letter-spacing: -0.5px;
    font-weight: bold;
    line-height: 1;
}

.pay_pangpang .pay_info .account {
    font-size: 12px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 1;
}

.pay_pangpang .pay_info .account:after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -150px -130px;
    background-size: 300px auto;
    vertical-align: -2px;
}

.pay_pangpang .pay_info .account a {
    color: inherit;
}

.pay_pangpang .pay_info .otherPayView {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.pay_pangpang .pay_info .otherPayView .txt {
    position: relative;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    line-height: 16px;
    font-weight: bold;
}

.pay_pangpang .pay_info .otherPayView .txt:after {
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 50%;
    content: '';
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -195px -227px;
    background-size: 300px auto;
}

.pay_pangpang .pay_info .otherPayView .etc {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: #888;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 1;
}

/* 간편결제(릴팡페이) 가이드 배너 추가 2016-02-17 */
.rylpangTipWrap {
    position: relative;
    width: 100%;
    margin: 0 0 10px;
}

.rylpangTipWrap .rylpangTipIn {
    border: 2px solid #ddf7ff;
}

.rylpangTipWrap .rylpangTipIn>.tipCont {
    display: block;
    overflow: hidden;
    width: 100%;
}

.rylpangTipWrap .rylpangTipIn>.tipCont img {
    width: 100%;
    vertical-align: top;
}

.rylpangTipWrap .rylpangTipIn .btntipClose {
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 37px;
    height: 37px;
    color: transparent;
    border: none;
    -webkit-appearance: none;
    background: none;
}

.rylpangTipWrap .rylpangTipIn .btntipClose:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -180px;
    background-size: 300px auto;
}

.rylpangTipWrap .tipTailBox {
    overflow: hidden;
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 32%;
    height: 9px;
}

.rylpangTipWrap .tipTailBox:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 50%;
    width: 9px;
    height: 12px;
    margin: 0 0 0 -7px;
    padding: 0;
    border: 2px solid #ddf7ff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #f0fbff;
}

.rylpangTipWrap.type02 {
    margin-bottom: 2px;
    background: #fff;
}

.rylpangTipWrap.type02 .banImg {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.rylpangTipWrap.type02 .btntipClose {
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 0;
    width: 30px;
    height: 30px;
    color: transparent;
    border: none;
    -webkit-appearance: none;
    background: none;
}

.rylpangTipWrap.type02 .btntipClose:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -190px -210px;
    background-size: 300px auto;
}

.rylpangTipWrap.type03 .rylpangTipIn {
    border: none;
}

.rylpangTipWrap.type03 .tipTailBox {
    width: 100% !important;
}

.rylpangTipWrap.type03 .tipTailBox:after {
    bottom: 2px;
    border: none;
    background: #faf1e1 !important;
}

.rylpangTipWrap.type03 .tipTailBox.ver02 {
    width: 33.3% !important;
}

.rylpangTipWrap.type03 .tipTailBox.ver02:after {
    bottom: 2px;
    border-color: #d7f0f9 !important;
    background: #d7f0f9 !important;
}

.rylpangTipWrap.type03 .rylpangTipIn .btntipClose {
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
}

.rylpangTipWrap.type03 .rylpangTipIn .btntipClose:before {
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -210px;
    background-size: 300px auto;
}

/* 간편결제(릴팡페이) 등록전 가이드 팝업  2016-02-17 */
.notUseRylpangBox {
    overflow: hidden;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 10px;
    right: 10px;
    border: 2px solid #ddf7ff;
    background: #f0fbff;
}

.notUseRylpangBox .notUseRylpangIn .conts {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.notUseRylpangBox .notUseRylpangIn .conts img {
    height: 100%;
}

.notUseRylpangBox .notUseRylpangIn .rylpangLink {
    display: block;
    width: 125px;
    height: 22px;
    margin: 0 auto;
}

.notUseRylpangBox .notUseRylpangIn .rylpangLink img {
    width: 100%;
}

.notUseRylpangBox .btnRylpangPopClose {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px;
    color: transparent;
    border: none;
    -webkit-appearance: none;
    background: none;
}

.notUseRylpangBox .btnRylpangPopClose:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -180px;
    background-size: 300px auto;
}

/* 간편결제(릴팡페이) 등록전 안내 화면 2016-02-17 */
.rylpangComt {
    padding: 10px 0 7px;
}

/* 간편결제(릴팡페이) 가이드 배너(점검중) 추가 2016-02-19 */
.rylpangExamine .rylpangTipWrap .rylpangTipIn {
    border: 2px solid #ececec;
}

.rylpangExamine .rylpangTipWrap .rylpangTipIn .btntipClose {
    background: url('//image.hnsmall.com/images/mobile2014/order/btn_pangpang_examine_guide_close_off.gif') no-repeat center;
    background-size: 15px;
}

.rylpangExamine .rylpangTipWrap .tipTailBox:after {
    border: 2px solid #ececec;
    background: #fafafa;
}

/* 간편결제(릴팡페이) 결제수단 선택(점검중) 영역 추가 2016-02-19 */
.pay_btn.pay_btn_v2 .pay_sel2 li.disabled label .flagNew {
    background: url('//image.hnsmall.com/images/mobile2014/order/flag_payment_new.png') no-repeat left -33px;
    background-size: 33px 66px;
}

.pay_btn.pay_btn_v2 .pay_sel2 li.disabled .disableDeem {
    overflow: hidden;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border-radius: 2px;
}

.pay_btn.pay_btn_v2 .pay_sel2 li.disabled .disableDeem .opacityBg {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.5;
}

.pay_btn.pay_btn_v2 .pay_sel2 li.disabled .disableDeem .txtExamine {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 20px;
    margin: -5px 0 0 -25px;
    background: url('//image.hnsmall.com/images/mobile2014/order/txt_examine.png') no-repeat left top;
    background-size: 50px 20px;
}

.pay_btn.pay_btn_v2 .pay_sel2 li.disabled .disableDeem .txtExamine .blind {
    overflow: hidden;
    position: absolute;
    left: -999em;
    width: 0;
    height: 0;
    line-height: 0;
}

/* 간편결제(릴팡페이) 등록전 가이드(점검중) 팝업  2016-02-19 */
.rylpangExamine .notUseRylpangBox {
    border: 2px solid #000;
    background: #fff;
}

.rylpangExamine .notUseRylpangBox .notUseRylpangIn {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.rylpangExamine .notUseRylpangBox .notUseRylpangIn .conts {
    display: table-cell;
    position: static;
    width: 100%;
    height: 100%;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
    vertical-align: middle;
}

.rylpangExamine .notUseRylpangBox .notUseRylpangIn .conts .contsInner {
    padding: 100px 0 0;
    background: url('//image.hnsmall.com/images/mobile2014/order/ico_waring.gif') no-repeat center top;
    background-size: 82px;
}

.rylpangExamine .notUseRylpangBox .notUseRylpangIn .conts .contsInner .txtS {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    color: #565656;
    font-weight: normal;
}

/* 간편결제(릴팡페이) 등록이후 화면 2016-02-19 */
.order_table table td .btnBankSet {
    overflow: hidden;
    width: 100%;
}

.order_table table td .btnBankSet a {
    float: left;
    box-sizing: border-box;
    width: 49%;
    height: 30px;
    padding: 0;
    font-weight: normal;
    text-align: center;
}

.order_table table td .btnBankSet a:nth-child(2) {
    float: right;
}

/* 간편결제(팡팡페이) 결제은행 화면 수정 2016-06-21 */
.order_table table td .easyPayBank {}

.order_table table td .easyPayBank span {
    float: left;
    line-height: 28px;
}

.order_table table td .easyPayBank a {
    float: right;
    font-weight: normal;
}

/* 간편결제(릴팡페이) */
.order .order_table .sale_info {
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
}

.order .order_table .sale_info .highlight {
    color: #333;
    text-decoration: underline;
}

.boT {
    border-top: 1px solid #cdcdcd
}

.ship_wrap {
    padding: 8px 0;
}

.ship_wrap .addModifybox {
    border-top: 1px solid #cdcdcd;
    padding-bottom: 15px;
    margin: 0 10px
}

.ship_wrap table {
    width: 100%;
}

.ship_wrap table tr {
    border-bottom: 1px solid #eeeeee
}

.ship_wrap table th {
    width: 70px;
    vertical-align: top;
    padding-top: 16px;
    padding-left: 7px;
    color: #898989;
    font-size: 13px
}

.ship_wrap table th span.st {
    font-size: 12px;
    font-weight: normal
}

.ship_wrap table th span.red {
    color: #dd1032;
    margin-left: 3px
}

.ship_wrap table td {
    padding: 10px 10px 10px;
    font-size: 13px;
}

.ship_wrap table td.name {
    padding: 16px 10px 10px 22px;
    font-size: 13px;
}

.ship_wrap .addModifybox table th {
    text-align: left
}

.ship_wrap li {
    position: relative;
    border-bottom: 1px solid #eeeeee;
}

.ship_wrap li .addListbox {
    padding: 10px 10px 8px;
}

.ship_wrap li .btn_che {
    position: absolute;
    left: 10px;
    top: 8px
}

.ship_wrap li .btn_wrap {
    position: absolute;
    right: 10px;
    top: 10px
}

.ship_wrap li .addListbox p {
    padding-left: 30px;
}

.ship_wrap li .addNum {
    padding-left: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px
}

.ship_wrap li .addText {
    font-size: 13px;
    color: #565656;
    line-height: 17px
}

.ship_wrap li .addListbox .addNum.type02 {
    padding: 0 95px 0 30px;
}

.ship_wrap li .btn_wrap .addModify.on {
    color: #fff !important;
    ;
    background: #898989 !important;
    ;
    border: 1px solid #898989
}

/* 배송지 정보 - 목록 수정 */
.ship_wrap.type02 li .addListbox {
    padding: 8px 10px;
}

.ship_wrap.type02 li .addListbox .btn_wrap {
    top: 8px
}

.ship_wrap.type02 li .addListbox .btn_che {
    top: 10px;
    height: 20px;
}

.ship_wrap.type02 li .addListbox .addNum {
    -webkit-box-sizing: border-box;
    min-height: 24px;
    padding: 2px 95px 0 30px;
    margin: 0 0 3px;
}

.unitDeliveryBox .ship_wrap.type02.v3 .addListbox {
    padding: 15px 0;
}

.unitDeliveryBox .ship_wrap.type02.v3 .addListbox .btn_wrap {
    top: 15px;
}

.unitDeliveryBox .ship_wrap.type02.v3 .addListbox .btn_che {
    top: 15px;
}

.ship_wrap.type02.v3 li .addListbox .addNum {
    padding: 0 95px 0 30px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
}

.ship_wrap.v3 li .addListbox p {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

.ship_wrap.v3 .btn_white {
    border-radius: 4px;
    color: #333 !important;
}

/* 배송지 주소가 없을 경우 2016-06-17 */
.ship_wrap .noShipAddr {
    padding: 30px 0;
    text-align: center;
}

.ship_wrap .noShipAddr strong {
    display: block;
    margin: 0 0 3px;
    font-size: 14px;
    color: #000;
}

.ship_wrap .noShipAddr p {
    font-size: 12px;
    color: #565656;
}

/*
	신규배송지 추가팝업  2016-06-17
	table th 넓이값 수정 2017-01-09
	2021-02-09 #38526 편의점 택배 (pickup_add_ship)
 */
.pickup_add_ship.ship_wrap,
.add_ship_pop.ship_wrap {
    padding: 0;
}

.pickup_add_ship.ship_wrap .addModifybox,
.add_ship_pop.ship_wrap .addModifybox {
    border-top: none;
}

.pickup_add_ship.ship_wrap .addModifybox table th,
.add_ship_pop.ship_wrap .addModifybox table th {
    width: 80px;
}

.pickup_add_ship.ship_wrap .member_btn_single a,
.add_ship_pop.ship_wrap .member_btn_single a {
    box-sizing: border-box;
    width: 120px;
}

.btn_addMore {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    background: #f9f9f9;
}

.btn_addMore p {
    margin: 9px auto;
    text-align: center
}

.btn_addMore p a {
    color: #898989;
}

.btn_addMore p em {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png) no-repeat -150px -10px;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.btn_addMore p em.more {
    display: inline-block;
    background-position: -150px 0;
    overflow: hidden;
    text-indent: -1000px;
    margin-top: 2px;
}

.product_btn p a {
    color: #fff
}

.order_save {
    font-size: 14px;
    font-weight: bold;
    padding: 9px 10px 10px;
}

.order_save input {
    vertical-align: middle;
}

.order_save span {
    font-size: 12px;
    color: #898989;
    font-weight: normal;
    padding-left: 22px
}

/* 주문서 작성 옵션 수정 2015-09-18 */
.order_list li .goodsBox {
    padding: 15px 10px
}

.goods_bundle {
    border-top: 1px solid #cdcdcd
}

.order_list li .goodsBox .goodsTit {
    font-size: 14px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #232323;
}

.order_list li .goodsBox .pd_op {
    color: #898989;
    font-size: 12px;
    padding: 0 0 5px;
    line-height: 16px
}

.order_list li .goodsBox .pd_op2 {
    padding: 0 0 5px;
    margin-top: -5px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
}

.order_list li .goodsBox .goods {
    position: relative;
    padding-left: 70px;
    min-height: 60px;
    overflow: hidden;
}

.order_list li .goodsBox .goods .text {
    display: block;
    margin-bottom: 5px;
    min-height: 30px;
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order_list li .goodsBox .goods .img {
    position: absolute;
    left: 0;
    top: 0;
}

.order_list li .goodsBox .goods .img img {
    width: 60px;
    height: 60px;
}

/* 2016-04-11 수정 */
.order_list li .goodsBox .goods .priceZone {
    font-size: 14px;
    padding-bottom: 5px;
}

.order_list li .goodsBox .goods .priceZone strong {
    font-size: 18px
}

.order_list li .goodsBox .goods .priceZone del {
    font-size: 12px;
    color: #565656;
}

.order_list li .goodsBox .goods.type02 {
    overflow: visible;
}

.order_list li .goodsBox .prdFlagWrap {
    top: -10px;
}

.order_list li .goodsBox .refer {
    position: relative;
    margin: 10px 0;
    padding: 10px 10px 10px 31px;
    background-color: #f9f9f9;
    border-radius: 3px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.24px;
    color: #666;
}

.order_list li .goodsBox .refer:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -140px -180px;
    background-size: 300px auto;
}

.order_list li .option_modify {
    padding: 10px 0 0;
    position: relative
}

.order_list li .option_modify .options {
    padding-bottom: 5px;
}

.order_list li .option_modify .options em:first-child,
.order_list li .option_modify .options em:last-child {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -1000px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-sizing: border-box;
}

.order_list li .option_modify .options em:first-child:before,
.order_list li .option_modify .options em:last-child:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -110px -60px;
    background-size: 300px auto;
}

.order_list li .option_modify .options em:last-child:before {
    background-position: -90px -60px;
}

.order_list li .option_modify .person_txt {
    position: absolute;
    left: 125px;
    /*top:15px;*/
    bottom: 12px;
    font-size: 12px;
    color: #898989
}

/*2018-07-26 수정*/

.order_list li .option_modify .options span {
    vertical-align: middle;
    font-size: 15px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    background: #f9f9f9;
    line-height: 28px;
    padding: 0 10px;
    margin: 0 3px;
}

.order_list li .option_modify .options input {
    margin: 0 3px;
    vertical-align: middle;
    width: 50px;
    text-align: center;
    text-indent: 0
}

.order_list li .btn_con {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

.order_list li .goodsBox .gift_zone {
    overflow: hidden;
    position: relative;
    padding-left: 70px;
}

.order_list li .goodsBox .gift_zone span {
    display: inline-block;
    padding: 1px 4px;
    border: 1px solid #898989;
    background: #898989;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.order_list li .goodsBox .gift_zone .img {
    position: absolute;
    left: 0;
    top: 0;
}

.order_list li .goodsBox .gift_zone .img img {
    width: 60px;
    height: 60px;
}

.order_list li .goodsBox .pd_op {
    padding-top: 5px;
}

.order_list li .goodsBox .pd_op2 {
    padding: 0 0 5px;
    margin-top: -5px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
}

.order_list li .goodsBox .seloption {
    width: 100%;
    position: relative;
    overflow: hidden
}

.order_list li .goodsBox .seloption .ot {
    position: absolute;
    top: 0;
    left: 0;
    color: #898989;
    font-size: 12px;
}

.order_list li .goodsBox .seloption .otlist {
    margin-left: 35px;
    color: #898989;
    font-size: 12px;
    line-height: 16px;
}

.order_list li .goodsBox .gift_zone.type02 {
    overflow: visible;
}

/* 2016-04-11 추가 */

.order .order_tit .orderCondition {
    position: absolute;
    top: 0;
    right: 33px;
    display: inline-block;
    width: 45%;
    font-size: 12px;
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right
}

.order .order_tit .txt_default {
    font-size: 12px;
    color: #898989;
    font-weight: normal;
}

/*주문완료 페이지 추가*/
.pay_text3 {
    padding: 0 10px 20px;
}

.pay_text3.v2 {
    padding: 15px 10px 20px;
}

.pay_text3 div {
    padding: 20px 10px 0;
    text-align: center;
}

.pay_text3 div p {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.pay_text3 div p+.txts {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.pay_text3 p.pay_push_btn {
    text-align: center;
    padding-top: 5px;
}

.pay_text3 p .push_btn {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.pay_text3 .linkTxt01 {
    color: #e51937;
}

/*주문완료 앱버전추가 */
.pay_text3.app,
.pay_text3.web {
    text-align: center;
}

.pay_text3.app div p,
.pay_text3.web div p {
    font-size: 16px;
}

.pay_text3.app div p+.stxts,
.pay_text3.web div p+.stxts {
    display: block;
    padding-top: 2px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #888;
    letter-spacing: -0.5px;
}

.pay_text3.app p.pay_push_btn,
.pay_text3.web p.pay_push_btn {
    display: inline-block;
    overflow: hidden;
}

.pay_text3.app p.pay_push_btn .push_btn,
.pay_text3.web p.pay_push_btn .push_btn {
    background: #e51937 !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #dd1032;
}

.pay_text3.app p.pay_push_btn .like,
.pay_text3.web p.pay_push_btn .like {
    float: right;
    margin-left: 4px;
}

.pay_text3.app p.pay_push_btn .like+.view,
.pay_text3.web p.pay_push_btn .like+.view {
    background: #333 !important;
    border: 1px solid #333;
}

.pay_text3.app p.pay_push_btn .view:after,
.pay_text3.web p.pay_push_btn .view:after {
    display: inline-block;
    content: '';
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -180px -227px;
    background-size: 300px auto;
}

.pay_text3 .under_txt {
    margin: 5px 0;
    padding: 0;
    text-align: center;
}

.pay_text3 .under_txt p.point_txt {
    padding: 0;
    font-size: 14px;
    color: #e51937;
    line-height: 18px;
    font-weight: bold;
}

.pay_text3 .under_txt .btn_state_view {
    padding-right: 15px;
    display: inline-block;
    font-size: 14px;
    color: #666;
    line-height: 18px;
    text-decoration: underline;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_txt_arrow.png') 100% 50% no-repeat;
    background-size: 5px auto;
}

.paytotal_list {
    margin-bottom: 20px
}

.paytotal_list li {
    border-bottom: 1px solid #eeeeee;
}

.paytotal_list li:last-child {
    border-bottom: none;
}

.paytotal_list li .tit {
    font-size: 14px;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.paytotal_list li .tit span {
    margin-right: 5px;
    font-weight: bold
}

.pay_benefitBox {
    margin: 10px 10px 20px;
}

.pay_benefitBox .pay_benefit {
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    padding: 10px 10px;
    overflow: hidden;
    margin-bottom: 10px
}

.pay_benefitBox .pay_benefit li {
    float: left;
    font-weight: bold;
}

.pay_benefitBox .pay_benefit li:nth-child(1) {
    width: 40%;
    padding-top: 10px;
    padding-left: 5px;
    color: #e51937;
}

.pay_benefitBox .pay_benefit li:nth-child(1) em {
    display: inline-block;
    overflow: hidden;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -180px;
    background-size: 300px auto;
    text-indent: -1000px;
    vertical-align: middle;
}

.pay_benefitBox .pay_benefit li:nth-child(2) {
    width: 54%;
    padding-left: 10px
}

.pay_benefitBox .pay_benefit li:nth-child(2) span {
    display: block
}

.pay_benefitBox .pay_benefit li:nth-child(2) span.ben_tit {
    font-size: 13px;
    color: #898989;
}

.pay_benefitBox .pay_benefit li:nth-child(2) span.ben_pay {
    font-size: 14px;
    letter-spacing: -1px;
}

/* 2016-02-15 문구 추가로 인한 UI수정 */
.pay_benefitBox.ver160215 .pay_benefit {
    position: relative;
}

.pay_benefitBox.ver160215 .pay_benefit li:nth-child(1) {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    width: auto;
    height: 18px;
}

.pay_benefitBox.ver160215 .pay_benefit li:nth-child(2) {
    width: 60%;
    padding-left: 40%;
}

.pay_benefitBox.ver160215 .pay_benefit li:nth-child(2) span {
    padding-left: 12px;
}

/*// 2016-02-15 문구 추가로 인한 UI수정 */

.snews_bnr {
    padding: 30px 0 15px;
}

.payment_assure2 img {
    width: 100%;
}

/* 2018-03-15 문구 추가 */
.pay_text3.app div.pay_pw_text,
.pay_text3.web div.pay_pw_text {
    padding: 9px 10px 10px 10px;
}

.pay_text3.app div.pay_pw_text p,
.pay_text3.web div.pay_pw_text p {
    width: 251px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    padding-bottom: 0;
    line-height: 1.3;
    box-sizing: border-box;
}

.pay_text3.app div.pay_pw_text span,
.pay_text3.web div.pay_pw_text span {
    color: #666;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.pay_text3.app div.pay_pw_text span a,
.pay_text3.web div.pay_pw_text span a {
    position: relative;
    color: #666;
    display: inline-block;
}

.pay_text3.app div.pay_pw_text span a em,
.pay_text3.web div.pay_pw_text span a em {
    font-size: 13px;
    color: #666;
    margin-left: -1px;
}

.pay_text3.app div.pay_pw_text span a::after,
.pay_text3.web div.pay_pw_text span a::after {
    content: '';
    display: block;
    border-bottom: 1px solid #aaa;
    margin-top: -1px;
}

/*// 2018-03-15 문구 추가 */

/*서비스 이용 동의*/
.radiusBox {
    background: #fff;
    margin: 10px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.dotTit {
    position: relative;
    padding-left: 8px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #565656;
}

.dotTit em {
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
}

.dotText {
    padding-left: 8px;
    font-size: 13px;
    color: #898989;
}

/* 생방송참여하기 Live Talk btn */
.btn_tvAir,
.btn_tvAir2 {
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: 40px;
    width: 141px;
    height: 40px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/btn_livetalk.png);
    background-position: 0 0;
    background-size: 140px auto;
    overflow: hidden;
    text-indent: -1000px;
    z-index: 2000
}

.btn_tvAir {
    bottom: 40px;
}

.btn_tvAir2 {
    bottom: 15px;
}

/* tv View */

/* 주문결제 복수배송지 */
.multipleZon {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px
}

.multipleZon .multiBtn {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden
}

.multipleZon .multiBtn li {
    float: left;
    width: 25%;
    text-align: center
}

.multipleZon .multiBtn li a {
    display: block;
    width: 100%;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
}

.multipleZon .multiBtn li a:hover {
    color: #e51937;
    font-weight: bold
}

.multipleZon .multiBtn li a.on {
    color: #e51937;
    font-weight: bold
}

.multipleZon .multiBtn li:nth-child(9) a {
    border-bottom: none
}

.multipleZon .multiBtn li:nth-child(10) a {
    border-bottom: none
}

.multipleZon p {
    margin-left: 10px;
    padding: 18px 0 16px;
    font-weight: bold
}

.multipleZon p span {
    font-size: 12px;
    color: #898989;
    font-weight: normal
}

.multipleZon .localNum {
    position: absolute;
    right: 10px;
    top: 10px
}

.multipleZon .localNum span {
    display: inline-block
}

.multipleZon .localNum a {
    display: block;
    border-radius: 3px;
    width: 30px
}

.multipleZon .localNum a.on {
    background: #fff !important;
    color: #e51937 !important;
    border: 1px solid #e51937;
}

/* 대시보드 추가 2015-09-09 */
.mysave_wrap_v2 .mysavebox {
    border: 1px solid #ddd
}

.mysave_wrap_v2 .mysavebox li {
    font-weight: normal;
}

.mysave_wrap_v2 .mysavebox li:nth-child(1) {
    background: #dff6f6;
    color: #fff;
}

.mysave_wrap_v2 .mysavebox li:nth-child(1) strong.red {
    color: #fff;
}

.mysave_wrap_v2 .mysavebox li:nth-child(1) strong.blue {
    color: #fff;
}

.mysave_wrap_v2 .mysavebox li:nth-child(2) {
    background: #fff;
    color: #565656;
    border-top: 1px solid #ddd;
    font-size: 13px;
}

.mysave_wrap_v2 .mysavebox li:nth-child(2) strong {
    font-size: 15px;
    font-weight: bold;
}

.mysave_wrap_v2 .mysavebox li:nth-child(2) strong span {
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

.mysave_wrap_v2 .mysavebox2 li {
    background-color: #fff;
}

.mysave_wrap_v2 .mysavebox2 li:nth-child(1) {
    border-bottom: 1px solid #ddd;
}

.mysave_wrap_v2 .mysavebox2 li:nth-child(2) {
    border-bottom: 1px solid #ddd
}

.mysave_wrap_v2 .mysavebox2 li:nth-child(1) p {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd
}

.mysave_wrap_v2 .mysavebox2 li:nth-child(2) p {
    border-right: 1px solid #ddd;
}

.mysave_wrap_v2 .mysavebox2 li p.tit {
    padding: 13px 10px 4px;
    text-align: center;
    font-size: 13px;
}

.mysave_wrap_v2 .mysavebox2 li p.tit span {
    color: #565656
}

.mysave_wrap_v2 .mysavebox2 li p.num {
    color: #111;
    font-weight: bold;
    padding: 0 0 12px;
    font-size: 15px;
}

.mysave_wrap_v2 .mysavebox2 li p.tit_mon {
    text-align: center;
    padding: 12px 10px
}

.mysave_wrap_v2 .mysavebox2 li p.tit,
.mysave_wrap_v2 .mysavebox2 li p.num {
    text-align: center;
}

.mysave_wrap_v2 .mysavebox:nth-child(1) li:nth-child(1) {
    background: #4c64ab;
}

.mysave_wrap_v2 .mysavebox:nth-child(3) li:nth-child(1),
.mysave_wrap_v2 .mysavebox:nth-child(4) li:nth-child(1),
.mysave_wrap_v2 .mysavebox:nth-child(5) li:nth-child(1) {
    background: #6f3ea2;
}

.mysave_wrap_v2 ul:nth-child(4) li {
    background-color: #f8f8f8;
}

.mysave_wrap_v2 ul:nth-child(4) li p.tit {
    padding-top: 9px;
}

.mysave_wrap_v2 ul:nth-child(4) li p.num {
    padding-bottom: 8px;
}

.mysave_wrap_v2 .mysavebox li dl {
    margin-bottom: -5px;
}

.mysave_wrap_v2 .mysavebox li dl dd {
    position: relative;
    padding-left: 10px;
    margin-bottom: 7px;
}

.mysave_wrap_v2 .mysavebox li dl dd strong {
    top: -1px;
}

.mysave_wrap_v2 .btnRelaypangLink {
    display: block;
    padding: 12px 0 8px;
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
    background: #f8f8f8;
}

.mysave_wrap_v2 .btnRelaypangLink img {
    width: 181px;
    height: 18px;
    vertical-align: top;
}

/* 마이릴레이 팡팡 데시보드 수정 2015-09-10 */
.relayDashboard .mysavebox {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.relayDashboard .mysavebox li {
    background: #fff;
    color: #565656;
    border-top: 0;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;
    padding: 10px 0 4px;
}

.relayDashboard .mysavebox li strong {
    font-size: 15px;
    font-weight: bold;
}

.relayDashboard .mysavebox li strong span {
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

.relayDashboard .mysavebox li dl dd {
    position: relative;
    padding-left: 10px;
    margin-bottom: 7px;
    font-weight: normal;
}

.relayDashboard .mysavebox li dl dd strong {
    top: -1px;
    font-weight: bold;
}

.relayDashboard .mysavebox2 li {
    background-color: #f4f4f4;
}

.relayDashboard .mysavebox2 li p.tit {
    padding: 10px 10px 4px;
    text-align: center;
    font-size: 13px;
}

.relayDashboard .mysavebox2 li p.tit span {
    color: #565656
}

.relayDashboard .mysavebox2 li p.num {
    color: #111;
    font-weight: bold;
    padding: 1px 0 8px;
    font-size: 15px;
}

.relayDashboard .mysavebox2 li p.tit_mon {
    text-align: center;
    padding: 12px 10px
}

.relayDashboard .mysavebox2 li p.tit,
.relayDashboard .mysavebox2 li p.num {
    text-align: center;
}

.relayDashboard .mysavebox2 li {
    border-bottom: 1px solid #ddd;
}

.relayDashboard .mysavebox2 li:nth-child(1) p {
    border-right: 1px solid #ddd;
}

.relayDashboard .mysavebox2 li:nth-child(2) p {
    border-right: 0;
}

/* 상품 상세 묶음상품 2015-09-24, 2020-01-30 #30252 MEC상품 할인율 표기 */
.goods h2.tit span {
    display: block;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #dd1032;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.goodsBundle,
.goodsMC {
    margin: 0 10px 10px;
    padding-bottom: 10px;
    /*height:45px;*/
    overflow: hidden;
}

.goodsBundle .sale_bundle,
.goodsMC .sale_bundle {
    position: absolute;
    left: 0;
    top: 13px;
    display: block;
    width: 51px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_sale.png) no-repeat;
    background-size: 750px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.goodsBundle .sale_hns,
.goodsMC .sale_hns {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 43px;
    height: 43px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -240px 0;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.goodsBundle .flagLeft,
.goodsMC .flagLeft {
    padding-left: 68px;
}

.goodsBundle .price,
.goodsMC .price {
    position: relative;
    font-size: 13px;
    color: #898989;
    padding-top: 1px;
}

.goodsBundle .price strong,
.goodsMC .price strong {
    margin-right: 2px;
    font-size: 13px;
    color: #565656;
    font-weight: normal;
}

.goodsBundle .price strong.won,
.goodsMC .price strong.won {
    margin-right: 2px;
    font-size: 12px;
}

.goodsBundle .price_sale_wrap,
.goodsMC .price_sale_wrap {
    position: relative;
    font-size: 14px;
    margin-top: -1px;
    color: #333
}

.goodsBundle .price_sale_wrap .priceBlack,
.goodsMC .price_sale_wrap .priceBlack {
    font-size: 19px;
    color: #333333;
    font-weight: bold;
    vertical-align: -1px
}

.goodsBundle .price_sale_wrap .textWonBlack,
.goodsMC .price_sale_wrap .textWonBlack {
    margin-left: 2px;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.goodsview_option {
    padding: 0 10px;
    position: relative;
}

.goodsview_option .select_box {
    position: relative;
    margin-bottom: 8px;
    border-radius: 3px;
    border: 1px solid #cdcdcd;
    padding: 9px 14px;
}

.goodsview_option .select_box h2 {
    font-size: 14px;
    color: #656565;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px
}

.goodsview_option .select_box h2:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -70px;
    background-size: 300px auto;
    position: absolute;
    right: 15px;
    top: 15px
}

.goodsview_option .select_box.over {
    position: relative;
    margin-bottom: 8px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #f61706;
    padding: 9px 14px;
}

.goodsview_option .select_box.over h2 {
    color: #424242;
    font-weight: normal;
}

.goodsview_option .select_box.over h2:after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background-position: -70px -60px;
    position: absolute;
    right: 15px;
    top: 15px
}

.goodsview_option .select_list {
    margin-top: -9px;
    border: 1px solid #f61706;
    border-top: 1px solid #eee;
    background: #fff;
    border-radius: 0 0 3px 3px;
    margin-bottom: 10px;
}

.goodsview_option .select_list li {
    padding: 10px 14px;
    border-bottom: 1px solid #eeeeee;
}

.goodsview_option .select_list li:last-child {
    border-bottom: none
}

.bundle_wrap {
    position: relative;
    padding: 10px 10px;
}

.bundle_wrap .bundle_list li .product {
    position: relative;
    padding: 0 10px 10px 75px;
}

.bundle_wrap .bundle_list li .product p.img {
    position: absolute;
    left: 0;
    top: 0;
}

.bundle_wrap .bundle_list li .product p.img img {
    width: 60px
}

.bundle_wrap .bundle_list li .product .text {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #000;
}

.bundle_wrap .bundle_list li .product .priceBlack {
    font-size: 17px;
    color: #333333;
    font-weight: bold;
    vertical-align: -1px
}

.bundle_wrap.bbline {
    border-bottom: 1px solid #cdcdcd
}

.goodsQna .banbox {
    position: relative;
    margin: 10px 10px 0;
    background: #f7f7f7;
    border: 1px solid #eeeeee;
}

.goodsQna .banbox p {
    color: #565656;
    padding: 15px 90px 15px 10px;
}

.goodsQna .banbox em {
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
    width: 68px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods3.png) no-repeat -60px 0;
    background-size: 200px 100px;
}

.goodsQna .banbox p span {
    color: #12a5cb;
    text-decoration: underline
}

.bundleFood {
    font-size: 13px;
    color: #666;
    padding: 10px 10px 80px 28px;
    position: relative;
}

.bundleFood em {
    position: absolute;
    top: 12px;
    left: 10px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    background-position: 0 -80px;
    overflow: hidden;
    text-indent: -1000px;
    vertical-align: middle;
    margin-right: 3px;
}

/* 푸시 알림메시지함 2015-10-16*/
.push_msg.msg_list li .new {
    font-weight: bold;
}

.push_msg.msg_list li .new .status {
    position: relative;
    padding-right: 20px;
    line-height: 18px;
}

.push_msg.msg_list li .new .status:after {
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -40px -90px;
    background-size: 200px auto;
}

.push_msg.msg_list li .txt {
    display: block;
    line-height: 18px;
    letter-spacing: -.5px;
}

.noti_msg {
    position: relative;
    padding: 0 10px 0 27px;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    font-size: 12px;
    line-height: 34px;
    color: #898989;
}

.noti_msg:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 8px;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -180px;
    background-size: 300px 390px;
}

.push_msg_none .noti_txt {
    padding: 40px 0;
    border-bottom: 1px solid #eee;
    color: #aaa;
    font-weight: bold;
    text-align: center;
}

.push_msg_none .like {
    padding: 23px 0;
}

.push_msg_none .like p {
    text-align: center;
    line-height: 20px;
    color: #000;
}

.push_msg_none .like .txt {
    font-weight: bold;
}

.push_msg_none .btn_wrap {
    padding-top: 8px;
    text-align: center;
}

.push_msg_none .btn_wrap a {
    font-size: 14px;
}

.push_msg_none .btn_wrap em {
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-top: 8px;
    margin-left: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -55px -90px;
    background-size: 200px auto;
    vertical-align: top;
}

/* 적립금사용안내 팝업 추가 2015-10-22 */
.pop_savemoney p {
    text-align: center;
    line-height: 20px;
}

.pop_savemoney .tlt {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    padding-top: 25px;
}

.pop_savemoney .desc {
    color: #898989;
    font-size: 14px;
    padding-bottom: 20px;
}

.pop_savemoney img {
    width: 90%;
    vertical-align: top;
    padding-bottom: 15px;
}

/* 상품상세 적립금사용 추가 2015-10-22 */
.goods .pd_sale .save.yes {
    color: #12a5cb;
    font-size: 14px
}

.goods .tab_cons .goods_noti {
    position: relative;
    margin: 10px;
    padding: 15px 10px;
    background: #efefef;
    border: 1px solid #e51937;
}

.goods .tab_cons .goods_noti.no {
    border: 1px solid #efefef;
}

.goods .tab_cons .goods_noti .txt {
    display: inline-block;
    width: 201px;
    height: 31px;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/goods/txt_savemoney_yes.png) no-repeat 0 0;
    background-size: 201px 31px;
    font-size: 0;
    text-indent: -9999em;
}

.goods .tab_cons .goods_noti.no .txt {
    background: url(//image.hnsmall.com/images/mobile2014/goods/txt_savemoney_no.png) no-repeat 0 0;
    background-size: 201px 31px;
}

.goods .tab_cons .goods_noti a {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 79px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/btn_savemoney.png) no-repeat 0 0;
    background-size: 79px 21px;
    font-size: 0;
    text-indent: -9999em;
}

/* 상품가격가 위치 변경 및 타이틀 class 추가 2015-11-06 */
.product_list3 .price_sale_wrap,
.tv_dey_wrap .price_sale_wrap,
.product_list li .product2 .price_sale_wrap {
    overflow: hidden;
}

.product_list3 .price_sale_wrap .priceTitle,
.tv_dey_wrap .price_sale_wrap .priceTitle,
.product_list li .product2 .price_sale_wrap .priceTitle {
    float: left;
    width: 85px;
    font-style: normal;
    display: block;
    line-height: 20px;
}

/* 우편번호 찾기 레이어 하단 주소검색창 추가됨에 따라 우편번호 찾기 레이어관련 class 추가 2015-11-13 */
.order_table td.post input.w50,
.addModifybox td.post input.w50 {
    width: 47px !important;
}

.order_table td.post span {
    padding: 0 8px;
}

.agree_check5 .order_table td.post input.w50 {
    width: 39px !important;
}

/* class 추가 2015-11-16 */
.addrPop {
    overflow: hidden;
}

.addrPop .addrPop_cnt {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.addrPop .addrPop_btm .order_table {
    padding-top: 0;
}

.addrPop .addrPop_btm .order_table input.input_add:focus {
    border: 1px solid #e51937;
}

.addrPop .addrPop_btm p.btn {
    text-align: center;
}

/* 추가 2015-11-19  */
.sms_wrap_v2 .dey_cation {
    line-height: 15px;
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 5px;
}

.sms_wrap_v2 .tv_arimi_info {
    padding-top: 4px;
    padding-left: 0;
    padding-right: 0;
}

.sms_wrap_v2 .order_table {
    margin-bottom: -8px;
    padding-bottom: 0;
}

.sms_wrap_v2 .order_table table th {
    width: 58px;
    text-align: center;
    font-weight: normal;
    color: #000;
    font-size: 13px;
}

/* 추천상품 */
.thumbWrap {
    position: relative;
    border-top: 1px solid #cdcdcd;
    background: #fff;
}

.member_btn~.thumbWrap {
    margin-top: 20px;
}

.thumbWrap~.snews_bnr {
    padding-top: 0;
}

.recomPrdWrap~.snews_bnr {
    padding-top: 0;
}

/* 2016-04-11 추가 */
.thumbWrap .arrow .prev a {
    z-index: 100;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 33px;
    height: 65px;
    margin-top: -33px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/arrow_thumb.png);
    background-repeat: no-repeat;
    background-size: 66px 65px;
    overflow: hidden;
    text-indent: -1000px;
}

.thumbWrap .arrow .next a {
    z-index: 100;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 33px;
    height: 65px;
    margin-top: -33px;
    background-position: -33px 0;
    background-image: url(//image.hnsmall.com//images/mobile2014/goods/arrow_thumb.png);
    background-repeat: no-repeat;
    background-size: 66px 65px;
    overflow: hidden;
    text-indent: -1000px;
}

.thumbWrap .thumb_tlt {
    padding: 10px 10px 0;
    color: #222;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -1px;
}

.thumbWrap .thumb_tlt em {
    font-weight: bold;
}

.thumbWrap .bx-viewport {
    margin: 10px 0 15px;
}

.thumbWrap .thumbSlider .thumb {
    padding: 0 15px;
}

.thumbWrap .thumbSlider ul li:after {
    content: '';
    clear: both;
    display: block;
}

.thumbWrap .thumbSlider ul li {
    float: left;
    width: 33.333%;
}

.thumbWrap .thumbSlider ul li a {
    display: block;
    width: 90px;
    margin: 0 auto;
}

/* 추천상품 상품리스트 */
.thumb .prd_img {
    position: relative;
    display: block;
}

.thumb .prd_img>span {
    display: block;
}

.thumb .prd_img .img {
    border: 1px solid #cdcdcd;
    margin-top: 3px;
}

.thumb .prd_img img {
    width: 88px;
    height: 88px;
    vertical-align: top;
}

.thumb .prd_info {
    display: block;
}

.thumb .prd_info>span {
    display: block;
    position: relative;
}

.thumb .prd_info .tlt {
    margin: 10px 0 5px;
    font-size: 15px;
    min-height: 36px;
    line-height: 18px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.thumb .prd_info .price {
    font-size: 16px;
    line-height: 18px;
    color: #222;
    font-weight: bold;
}

.thumb .prd_info .price em {
    font-size: 12px;
    font-weight: normal;
    vertical-align: 1px;
}

/* 추가적립 10% 추가 */
.pay_benefitBox .pay_benefit.play_10plus {
    border-color: #e51937;
}

.pay_benefitBox .pay_benefit.play_10plus li:nth-child(1) em {
    width: 15px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -195px -180px;
    background-size: 300px auto;
}

/* 추가할인 10% 2016-05-23 */
.pay_benefitBox .pay_benefit.sale_10plus {
    padding: 19px 10px 18px;
    border-color: #e51937;
}

.pay_benefitBox .pay_benefit.sale_10plus li:nth-child(1) em {
    width: 15px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -195px -180px;
    background-size: 300px auto;
}

/*.plus10_area{border:1px solid #f8c7cf;background-color:#fbedef;padding:5px 9px 8px 9px;border-radius:3px;} */
.plus10_area {
    border: 1px solid #6d7de0;
    background-color: #6d7de0;
    border-radius: 3px;
    padding-top: 5px;
}

.plus10_area .title img {
    width: 100%;
    height: auto;
}

.plus10_area .product_list3 {
    height: 50px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 10px;
    margin: -3px 10px 10px;
}

.plus10_area .product_list3 .price {
    overflow: hidden;
}

.plus10_area .product_list3 .price em {
    float: left;
    width: 68px;
    position: static;
    top: 0;
    left: 0;
    margin-top: 1px;
}

.plus10_area .product_list3 .flagLeft {
    padding-left: 0;
}

.plus10_area .product_list3 .price_sale_wrap {
    margin-top: 2px;
}

.plus10_area .product_list3 .price_sale_wrap .priceTitle {
    font-weight: bold;
    font-size: 15px;
    color: #000;
    line-height: 24px;
}

.plus10_area .product_list3 .txt {
    color: #12a5cb;
    font-size: 14px;
    padding-top: 5px;
    font-weight: bold;
}

.plus10_area .product_list3 .price_sale_wrap .textWonRed {
    font-size: 15px;
}

.goods_detail .plus10_area {
    margin: 10px 10px 15px;
}

.goods_detail.order .plus10_area {
    margin: 10px 10px -10px;
}

/* 11-16 개인정보 수정페이지 테이블 하단 수정  */
.order_table.vam4 th {
    width: 66px;
}

.addModifybox td.post input.w50 {
    width: 37px !important;
}

.addModifybox td.post input.w50.post {
    width: 60px !important;
    vertical-align: top
}

/* 2015-12-04 css 수정 및 추가 (적립금 표기 방식 변경 요청) */
.order_table .save_point {
    text-align: right;
}

.order_table .save_point.single {
    color: #565656;
    margin-top: -4px;
    font-weight: normal;
}

.order_table .save_point.single .price.c_blue {
    font-weight: bold;
}

.order_table .c_darkgray {
    color: #232323 !important;
}

.order_table .point_input .input div {
    border: 1px solid #bbbbbb;
    color: #000;
    background: #f8f8f8;
    line-height: 25px;
    text-align: right;
}

.order_table .point_input .input div input {
    /*font-weight:bold;*/
    padding-right: 10px;
    -webkib-box-sizing: border-box;
    box-sizing: border-box;
}

.order_table table tr.bdbn th,
.order_table table tr.bdbn td {
    font-weight: bold;
}

.order_table.vam th,
.order_table.vam td {
    font-weight: bold;
}

.order_table .point_input .input div .oder_balance {
    color: #aaaaaa;
}

.order_table table th .num {
    font-weight: normal;
}

.order_table table th .num strong {
    color: #e71d33
}

.btn_h30 {
    line-height: 28px;
}


/*2015-12-07 회원가입 이메일 필수값 선택변경 관련 css*/
.email_wrap_v2 p {
    border: inherit;
    padding: inherit;
    background: inherit
}

.email_wrap_v2 span {
    padding: inherit
}

/* 우편번호 찾기 레이어 하단 주소검색창 추가됨에 따라 우편번호 찾기 레이어관련 class 추가 2015-11-13, 2015-12-11 수정 */
.agree_check5 .order_table td.post input.w50 {
    width: 39px !important;
}

/* class 추가 2015-11-16 */
.addrPop {
    overflow: hidden;
}

.addrPop .addrPop_cnt {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
}

.addrPop .addrPop_btm {
    width: 100%;
    z-index: 1000;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 10px 0;
    margin-bottom: 10px
}

.addrPop .addrPop_btm .tit_addr {
    color: #898989;
    position: relative;
    font-size: 13px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.addrPop .addrPop_btm span.btn {
    text-align: center;
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    font-size: 12px
}

.addrPop .addrPop_btm .tit_addr {
    color: #898989;
    position: relative;
    font-size: 13px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px
}

.addrPop .addrPop_btm span.btn {
    text-align: center;
    position: absolute;
    top: 0;
    right: 10px;
    display: block;
    font-size: 12px
}

.addr_find {
    padding: 0 10px
}

.addr_find div {
    position: relative;
    padding: 5px 0 0 96px
}

.addr_find div span {
    display: block;
}

.addr_find div span.zip_info {
    position: absolute;
    top: 5px;
    left: 0;
}

/* 2016-05-20 추가*/
.addrecomment {
    margin-bottom: 10px;
    color: #999;
    font-size: 11px;
}

.addrecomment p {
    position: relative;
    margin-bottom: 3px;
    padding-left: 10px;
}

.addrecomment p span {
    position: absolute;
    top: 1px;
    left: 0;
}

.addrecomment p a {
    color: #666;
    text-decoration: underline;
}

/* //2016-05-20 추가*/
.addrPop .addrPop_btm input[type="text"] {
    box-sizing: border-box;
}

.addrPop .addrPop_btm input.w40 {
    width: 40px !important;
    text-indent: 0;
    text-align: center
}

.addrPop .addrPop_btm input.input_add:focus {
    border: 1px solid #e51937;
}

.letter_wrap .del_sel.pb10 {
    padding-bottom: 10px
}

.letter_wrap .adress_info_v2 {
    font-size: 12px;
    border-top: 2px solid #ddd
}


/*수정  2015-12-11
.address_box li {padding:10px 7px 10px 70px}
.address_box li span {font-size:13px; top:10px}
input[type="text"] { line-height:28px}*/
/*실 서버에 적용되는 클래스 목요일 주석처리 2015-12-16*/
.pd_view .pd_img .deem {
    z-index: 0
}


/* 2015-12-16 릴레이팡팡 누적적립금 및 지금적립금 수정작업 */
.mysavebox3 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
}

.mysavebox3 .achieve {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #000;
    padding-top: 9px;
    padding-bottom: 7px;
}

.savemoney_total {
    width: 100%;
}

.savemoney_total li {
    float: left;
    width: 49.6%;
    text-align: center;
    margin-bottom: 10px;
}

.savemoney_total li p {
    font-size: 13px;
    color: #000;
}

.savemoney_total li p:first-child {
    padding-bottom: 3px;
}

.savemoney_total .savemoney_line {
    position: relative;
    top: 4px;
    width: 1px;
    height: 33px;
    border-right: 1px solid #ddd;
}

.savemoney_total li .one {
    /*border-right:1px solid #ddd;*/
}

.savemoney_total li .bottom {
    font-size: 16px;
    color: #111111;
}

.savemoney_total li .give {
    font-size: 16px;
    color: #111111;
    color: #6122a2;
}

.savemoney_icon {
    vertical-align: middle;
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -30px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.pig {
    width: 18px;
    height: 14px;
    background-position: 0 -30px;
    margin: -2px 3px 0 0;
}

.money {
    width: 13px;
    height: 14px;
    background-position: -20px -30px;
    margin: -2px 3px 0 0;
}

/*2015-12-17수정*/
.member_btn {
    margin-bottom: 20px
}

.member_btn~.thumbWrap {
    margin-top: 0
}

.member_btn.minw a {
    min-width: 98px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold
}

/* 2015-12-22 수정*/
.del_sel p {
    position: absolute;
    right: 0;
    top: 0
}

/*주문서 작성 수정 2016-01-12*/
.text_sort {
    position: relative;
    padding-left: 25px
}

.text_sort input[type="checkbox"] {
    position: absolute;
    top: 5px;
    left: 0
}

/* 20160111 검색고도화(header) - hyun */
.contents.unifiSearchCont {
    padding-top: 51px;
    background: #e9e8e8;
}

.contents.unifiSearchCont.bgf4 {
    background: #f4f4f4;
}

/* 2016-03-22 추가 */
.search_box.search_box_v2 .searchWordWrap {
    overflow: hidden;
    position: absolute;
    left: 55px;
    right: 71px;
    top: 8px;
    box-sizing: border-box;
    height: 33px;
    padding: 5px 0 0 0;
    border-radius: 50px 0 0 50px;
    background: #fff;
}

.search_box.search_box_v2 .searchWordWrap .searchWordBox {
    overflow: hidden;
    height: 23px;
}

.search_box.search_box_v2 .searchWordWrap .searchWordBox>span {
    display: block;
    float: left;
    padding: 0 2px;
}

.search_box.search_box_v2 .searchWordWrap .searchWordBox .searchWord {
    font-size: 13px;
    line-height: 23px;
    font-weight: bold;
    color: #000;
}

.search_box.search_box_v2 .searchWordWrap .searchWordBox .searchKeyWord {
    display: inline-block;
    box-sizing: border-box;
    height: 23px;
    line-height: 23px;
    padding: 0 20px 0 7px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    background: #e9e8e8 url(//image.hnsmall.com/images/mobile2014/common/search_delete_word.gif) no-repeat right center;
    background-size: 17px 9px
}

/* 20160111 검색고도화(결과 리스트 상단 정보)  - hyun */
.keyWordListWrapper {
    background: #f4f4f4;
}

.keyWordListBox {
    overflow: hidden;
    position: relative;
    right: -100%;
    height: 79px;
    margin: 0 2px 0;
}

.keyWordListBox.roadEnd {
    right: 0;
    transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
}

.keyWordListBox .swiper-wrapper {
    padding: 0;
}

.keyWordListBox ul {
    overflow: hidden;
}

.keyWordListBox ul li {
    float: left;
    padding: 7px 2px;
}

.keyWordListBox ul li a {
    display: block;
    overflow: hidden;
    position: relative;
    width: 65px;
    height: 65px;
    vertical-align: top;
    border-radius: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.keyWordListBox ul li a img {
    width: 100%;
    height: 100%;
}

.keyWordListBox ul li a .coverDim {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
}

.keyWordListBox ul li a .keyName {
    display: table-row;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 65px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.keyWordListBox ul li a .keyName em {
    display: table-cell;
    width: 65px;
    height: 63px;
    padding: 2px 0 0;
    vertical-align: middle;
}

/* 20160111 검색고도화(결과 리스트)  - hyun */
.unifiSearchResultWrap {
    position: relative;
    padding: 50px 0 0;
    background: #e9e8e8;
}

.unifiSearchResultWrap .srResultInfo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin: 0 0 5px;
    padding: 10px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.unifiSearchResultWrap .srResultInfo.fixed {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 99;
}

.unifiSearchResultWrap .srResultInfo .srInfoLeft {
    float: left;
    width: 40%;
    line-height: 30px;
    font-size: 12px;
}

.unifiSearchResultWrap .srResultInfo .srInfoLeft .srRresultNum {
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    color: #565656;
}

.unifiSearchResultWrap .srResultInfo .srInfoLeft .srRresultNum em {
    font-size: 13px;
    font-weight: bold;
    color: #e51937;
}

.unifiSearchResultWrap .srResultInfo .srInfoRight {
    text-align: right;
}

.unifiSearchResultWrap .srResultInfo .srInfoRight>select {
    width: 110px;
}

.unifiSearchResultWrap .srResultInfo .srInfoRight>.btn_white {
    vertical-align: middle;
}

.unifiSearchResultWrap.type02 {
    padding: 40px 0 0;
}

.unifiSearchResultWrap .srResultInfo.type02 {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 0 0 10px
}

.unifiSearchResultWrap .srResultInfo.type02 p.recomm_txt {
    font-size: 14px
}

.unifiSearchResultWrap .telecastTit {
    box-sizing: border-box;
    padding: 0 10px 12px;
}

.unifiSearchResultWrap .telecastTit .telecastInner {
    overflow: hidden;
    height: 29px;
    padding: 0 7px;
    line-height: 29px;
    background: #f4f4f4;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1 {
    float: left;
    height: 25px;
    padding: 0;
    margin: 0;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    border: none;
    letter-spacing: -0.5px;
    background: #f4f4f4;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type01 {
    color: #19bfbf;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type02 {
    color: #999;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type03 {
    color: #e51937;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1 .ico_telecast {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background-color: #19bfbf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1 .ico_telecast:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
    background-position: -137px -60px;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type01 .ico_telecast {}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type02 .ico_telecast {
    background-color: #cecece;
}

.unifiSearchResultWrap .telecastTit .telecastInner h1.type03 .ico_telecast {
    background-color: #e51937;
}

.unifiSearchResultWrap .telecastTit .telecastInner .time {
    display: inline-block;
    float: right;
    padding: 0 0 0 10px;
    line-height: 29px;
    color: #898989;
    font-size: 13px;
}

/* 검색결과 - 편성정보 수정 2016-07-22 */
.unifiSearchResultWrap .telecastTit.type02 {
    padding: 0 0 0 13px;
    border-top: 1px solid #e5e5e5
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner {
    padding: 0;
    background: none
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner h1 {
    float: left;
    width: 72px;
    height: 30px;
    padding: 0 12px 0 0;
    color: #e51937;
    background: none;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner h1 .ico_telecast {
    width: 15px;
    height: 14px;
    margin: -5px 3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
    background-position: -120px -60px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner h1 .ico_telecast:before {
    display: none;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .time {
    float: left;
    padding: 0;
    letter-spacing: -0.5px;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .order_btn {
    font-size: 13px;
    box-sizing: border-box;
    float: right;
    padding: 0;
    width: 80px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    background: #e51937;
    color: #fff;
    min-height: 30px;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .arim_btn {
    font-size: 13px;
    box-sizing: border-box;
    float: right;
    padding: 0;
    width: 80px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    background: #f4f4f4;
    color: #565656;
    min-height: 30px;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .arim_btn span {
    display: inline-block;
    padding: 0 0 0 0;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .arim_btn span:after {
    display: inline-block;
    content: "";
    width: 13px;
    height: 13px;
    margin: -2px 0 0 2px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -77px;
    background-size: 300px 390px;
    vertical-align: middle;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .arim_btn.on {
    color: #e51937;
}

.unifiSearchResultWrap .telecastTit.type02 .telecastInner .arim_btn.on span:after {
    background-position: -137px -77px;
}

.unifiSearchResultWrap .searchResultListBox {
    margin: 5px 0 0;
}

.unifiSearchResultWrap .searchResultListBox>li {
    position: relative;
    margin: 5px 0 0;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.unifiSearchResultWrap .searchResultListBox>li:first-child {
    margin: 0;
}

.unifiSearchResultWrap .searchResultListBox>li a {
    display: block;
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}

.unifiSearchResultWrap .searchResultListBox>li a.flagtype {
    min-height: 90px;
}

.unifiSearchResultWrap .searchResultListBox>li .imgBox {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 75px;
}

.unifiSearchResultWrap .searchResultListBox>li .imgBox .flagBox+img {
    margin-top: 14px;
}

.unifiSearchResultWrap .searchResultListBox>li .imgBox img {
    width: 100%;
    vertical-align: top;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont {
    position: relative;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .goodTit_sbox {
    overflow: hidden;
    height: 15px;
    color: #909090;
    font-size: 0.857em;
    letter-spacing: -1px;
}

/* 2016-04-14 수식어 추가 */
.unifiSearchResultWrap .searchResultListBox>li .prdCont .srPrdTit {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    max-height: 42px;
    margin: 0 0 22px;
    line-height: 19px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 2016-04-14 line-height 수정 */
.unifiSearchResultWrap .searchResultListBox>li .prdCont .benefit {
    display: block;
    position: relative;
    min-height: 14px;
    padding: 3px 0;
    margin: -22px 0 0;
    line-height: 12px;
    color: #898989;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .benefit span {
    display: inline-block;
    margin: 0 2px 0 0;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    letter-spacing: -1px;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .benefit span+span:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    margin: -1px 5px 0 0;
    background: #ccc;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .benefit .comment {
    position: absolute;
    right: 0;
    top: 4px;
    min-width: 70px;
    line-height: 12px;
    font-size: 12px;
    color: #565656;
    text-align: right;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .benefit .comment em {
    font-weight: bold;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p {
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #222;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p.discountPrice {
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p span {
    display: inline-block;
    vertical-align: top;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit {
    font-weight: normal;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit.type01 {
    width: 80px;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit.type02 {
    width: 138px;
    padding: 2px 0 0;
    line-height: 16px;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p span em {
    display: inline-block;
    font-size: 1.455em;
    vertical-align: top;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .priceInfoBox>p span .wonBox {
    display: inline-block;
    vertical-align: top;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .pointC01 {
    color: #e51937;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .pointC02 {
    color: #777;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .saleFlag {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 22px;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont .saleFlag span {
    overflow: hidden;
    display: block;
    text-indent: -999em;
}

.unifiSearchResultWrap .searchResultListBox>li .prdCont.type02 {
    letter-spacing: -0.5px;
}

.newGoodsList>li .prdCont.type02 {
    letter-spacing: -0.5px;
}

.prdList.frame .goodsUnitList .goodsInfo.type02 {}

.prdList.frame .goodsUnitList .goodsInfo.type02 .nameArea {
    margin-bottom: 7px;
    padding-top: 10px;
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .nameArea .goodTit_sbox {
    margin-bottom: 3px;
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .priceArea .saleFlag {
    width: 31px;
    height: 31px;
    bottom: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small_x2.png);
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .priceArea .saleFlag.type02 {
    width: 31px;
    height: 31px;
    bottom: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small_x2_.png);
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .priceArea .price .goodsPrice.total em {
    letter-spacing: -0.5px;
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .priceArea .saleFlag .dash {
    display: none;
}

.prdList.frame .goodsUnitList .goodsInfo.type02 .priceArea .price {
    height: 31px;
}

.goodsPrice.type03 .tit {
    margin-bottom: 10px;
}

.goodsPrice.type03 .priceInfor .priceArea .priceBase {
    letter-spacing: -0.5px;
}

.goodsPrice.type03 .priceInfor .priceArea dl dd strong {
    letter-spacing: -0.5px;
}

.goodsPrice.type03 .priceInfor .priceArea dl dd .textWonBlack,
.goodsPrice.type03 .priceInfor .priceArea dl dd .textWonRed {
    display: inline-block;
    width: 20px;
}

.goodsPrice.type03 .priceInfor .priceArea dl dt {
    margin-right: 5px;
}

.saleFlag .dash {
    margin-left: -10px;
    vertical-align: 1px;
}

.saleFlag.flagSale_1p .dash,
.saleFlag.flagSale_2p .dash,
.saleFlag.flagSale_3p .dash,
.saleFlag.flagSale_4p .dash,
.saleFlag.flagSale_5p .dash,
.saleFlag.flagSale_6p .dash,
.saleFlag.flagSale_7p .dash,
.saleFlag.flagSale_8p .dash,
.saleFlag.flagSale_9p .dash {
    margin-left: 0 !important;
}

.saleFlag.flagSale_11p .dash {
    margin-left: -5px !important;
}

/* 20160111 검색고도화(상세검색) - hyun */
.unifiDetailSearchDim {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid #000;
    /*background:#000; opacity:0.7;*/
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_dim02.png) repeat left top;
    z-index: 999;
}

.unifiDetailSearchWrap {
    display: none;
    position: fixed;
    right: -80%;
    top: 0;
    bottom: 0;
    transition: right .5s ease;
    -webkit-transition: right .5s ease;
    width: 80%;
    padding: 100px 0 0;
    background: #fff;
    z-index: 999;
}

.unifiDetailSearchWrap.open {
    right: 0;
    transition: right .5s ease;
    -webkit-transition: right .5s ease;
}

.unifiDetailSearchWrap .detailSearchHead {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    padding: 0 10px;
    background: #e51937;
}

.unifiDetailSearchWrap .detailSearchHead .headL {
    float: left;
    margin: 13px 0 0;
    border: 1px solid #f7bac3;
    border-radius: 2px;
}

.unifiDetailSearchWrap .detailSearchHead .headR {
    float: right;
    margin: 13px 0 0;
    border: 1px solid #f7bac3;
    border-radius: 2px;
}

.unifiDetailSearchWrap .detailSearchHead .btnSearchReset {
    position: relative;
    display: inline-block;
    height: 23px;
    padding: 0 6px 0 23px;
    line-height: 23px;
    font-size: 13px;
    color: #fff;
}

.unifiDetailSearchWrap .detailSearchHead .btnSearchReset:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 16px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search_option.png) no-repeat 0 0;
    background-size: 200px auto;
}

.unifiDetailSearchWrap .detailSearchHead .btnSearchClose {
    display: inline-block;
    height: 23px;
    padding: 0 6px;
    line-height: 23px;
    font-size: 13px;
    color: #fff;
}

.unifiDetailSearchWrap .searchTotalNum {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    -webkit-perspective: 2000;
    height: 50px;
    line-height: 48px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.unifiDetailSearchWrap .searchTotalNum .searchTotalNumInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    background: #1ac0c0;
}

.unifiDetailSearchWrap .searchTotalNum .searchTotalNumInner.rotate {
    -webkit-transform: rotateX(0);
    transition: -webkit-transform 1.5s ease;
    -webkit-transition: -webkit-transform 1.5s ease;
}

.unifiDetailSearchWrap .searchTotalNum em {
    display: inline-block;
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}

.unifiDetailSearchWrap .searchTotalNum span {
    display: inline-block;
    line-height: 48px;
    vertical-align: top;
}

.unifiDetailSearchWrap .detailSearchTab {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #d6d6d6;
}

.unifiDetailSearchWrap .detailSearchTab:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.unifiDetailSearchWrap .detailSearchTab li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.unifiDetailSearchWrap .detailSearchTab li a {
    display: inline-block;
    box-sizing: border-box;
    height: 49px;
    padding: 13px 5px 0;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.unifiDetailSearchWrap .detailSearchTab li.on a {
    color: #e51937;
    border-bottom: 3px solid #e51837;
}

.unifiDetailSearchWrap .detailResearchBox {
    position: relative;
    height: 30px;
    padding: 10px 10px 10px 115px;
    ;
    border-bottom: 1px solid #e8e8ee;
}

.unifiDetailSearchWrap .detailResearchBox .title {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 95px;
    height: 30px;
    font-size: 14px;
    color: #000;
    line-height: 30px;
}

.unifiDetailSearchWrap .detailResearchBox .searchInputBox {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding: 0 35px 0 0;
    border-radius: 15px;
    background: #f3f3f9;
}

.unifiDetailSearchWrap .detailResearchBox .searchInputBox input[type=text] {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    border: none;
    background: #f3f3f9;
}

.unifiDetailSearchWrap .detailResearchBox .searchInputBox .btnDetailSearch {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0;
    text-indent: -999px;
    line-height: 0;
    border: none;
    -webkit-appearance: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search_option.png) no-repeat -20px 0;
    background-size: 200px auto;
}

.unifiDetailSearchWrap .detailOptWrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.unifiDetailSearchWrap .js_scrollWrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.unifiDetailSearchWrap .searchListBox {
    padding: 0 10px;
    border-bottom: 1px solid #d8d8de;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li {
    position: relative;
    padding: 0 25px 0 9px;
    line-height: 20px;
    border-top: 1px solid #ebebeb;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li:first-child {
    border-top: none;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optTit {
    display: block;
    padding: 10px 0;
    font-size: 15px;
    color: #000;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optTit.active {
    font-weight: bold;
    color: #e51937;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optTit .exTxt {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li input[type=checkbox] {
    position: absolute;
    right: 3px;
    top: 10px;
    vertical-align: middle;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 {
    display: none;
    margin: 0 0 0 -9px;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 li {
    padding: 0;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 li .optTit {
    padding: 10px 0 10px 24px;
    font-size: 13px;
    color: #666;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 li .optTit:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    left: 12px;
    width: 7px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search_option.png) no-repeat -80px 0;
    background-size: 200px auto;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 li .optTit.active {
    font-weight: bold;
    color: #e51937;
}

.unifiDetailSearchWrap .searchListBox .optionListBox li .optListDepth02 li:first-child {
    border-top: none;
    border-top: 1px solid #ebebeb;
}

.unifiDetailSearchWrap dl.searchListBox {
    padding: 0;
    border-bottom: none;
}

.unifiDetailSearchWrap dl.searchListBox dt {
    padding: 12px 10px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #d8d8de;
}

.unifiDetailSearchWrap dl.searchListBox dt a {
    display: block;
    position: relative;
    margin: -12px -10px;
    padding: 12px 10px;
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.unifiDetailSearchWrap dl.searchListBox dt a:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 17px;
    right: 14px;
    width: 16px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search_option.png) no-repeat -60px 0;
    background-size: 200px auto;
}

.unifiDetailSearchWrap dl.searchListBox dt.on a:after {
    background-position: -60px -10px;
}

.unifiDetailSearchWrap dl.searchListBox dt.selected a:after {
    background-position: -60px -20px;
}

.unifiDetailSearchWrap dl.searchListBox dt a .cagtSelectList {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 12px;
    right: 40px;
    left: 70px;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.unifiDetailSearchWrap dl.searchListBox dd {
    padding: 0 10px;
    border-bottom: 1px solid #d8d8de;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox {
    overflow: hidden;
    padding: 15px 16px;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox>span {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px 5px 0;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox>span:nth-child(2n) {
    float: right;
    padding: 0 0 5px
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox>span button {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #000;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    background: #fff;
    -webkit-appearance: none;
    line-height: 30px;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox>span button.active {
    color: #fff;
    border: 1px solid #e51937;
    background: #e51937;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput {
    float: left;
    position: relative;
    width: 100%;
    margin: 5px 0 0;
    padding: 0 30px 0 0;
    box-sizing: border-box;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput input {
    float: left;
    box-sizing: border-box;
    width: 46%;
    height: 30px;
    font-size: 14px;
    color: #000;
    border: 1px solid #cdcdcd;
    background: #fff;
    -webkit-appearance: none;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput span {
    display: block;
    float: left;
    width: 6%;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput button {
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
    height: 29px;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    border: 1px solid #e51937;
    background-color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput button:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search_option.png) no-repeat -40px 0;
    background-size: 200px auto;
}

.unifiDetailSearchWrap dl.searchListBox dd .priceSelectBox .priceSelectInput button span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox {
    overflow: hidden;
    padding: 15px 16px;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox>span {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px 5px 0;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox>span:nth-child(2n) {
    float: right;
    padding: 0 0 5px
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox>span button {
    width: 100%;
    height: 25px;
    font-size: 14px;
    color: #000;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    background: #fff;
    -webkit-appearance: none;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox>span button.active {
    color: #fff;
    border: 1px solid #e51937;
    background: #e51937;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox.type02>span {
    float: left;
    width: 33%;
    padding: 0 0 5px;
}

.unifiDetailSearchWrap dl.searchListBox dd .optBtnTypeBox.type02>span:nth-child(3n-1) {
    float: left;
    width: 34%;
    padding: 0 5px 5px;
}

.unifiDetailSearchWrap .js_scrollWrap.toggle dl.searchListBox dd {
    display: none;
}

.search_find .thumArea {
    letter-spacing: -0.5px;
}

.search_find .thumArea dl dt {
    letter-spacing: -1px;
    margin-right: 5px;
}

.searchOn.ver02 .searchThumb .thumArea dl dt {
    margin-right: 5px;
}

.searchOn.ver02 .searchThumb .thumArea {
    letter-spacing: -0.5px;
}

/* swiper scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    width: 5px;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

/* 상품평 식품일 경우 코멘트 추가 2016-02-22 */
.comment_info2.comment_info2_v2 {
    border-top: 1px solid #565656;
}

/* 상품상세 탭 2016-01-20 */
.goods_tab_wrap.goods_tab_wrap_v2 {
    height: 52px;
}

.goods_tab_wrap.goods_tab_wrap_v2.goods_detail_tab {
    top: 40px;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab {
    padding: 0;
    border-top: 1px solid #e9e8e8;
    border-bottom: 1px solid #e9e8e8;
    background: #fff;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li {
    height: 50px;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li a {
    height: 33px;
    padding: 14px 0 0;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li:first-child a {
    border: none;
    border-radius: 0;
    background: none;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li:nth-child(3) a,
.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li:nth-child(4) a {
    height: 37px;
    padding: 10px 0 0;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li a em {
    display: block;
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
}

.goods_tab_wrap.goods_tab_wrap_v2 .tt_tab li.active a {
    color: #e51937;
    border-bottom: 3px solid #e51937;
}

.multiSales {
    border-top: 1px solid #cdcdcd;
}

.multiSales>.tit {
    position: relative;
    padding: 14px 15px 11px;
    background: #f4f4f4;
}

.multiSales>.tit h3 {
    font-size: 15px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 1;
}

.multiSales>.tit h3 .onair {
    display: inline-block;
    width: 20px;
    height: 17px;
    margin-top: -1px;
    margin-right: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -240px -130px;
    background-size: 300px auto;
    font-size: 0;
    color: transparent;
    line-height: 0;
    vertical-align: bottom;
}

.multiSales>.tit .date {
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 14px;
    color: #888;
    letter-spacing: -0.5px;
}

.multiSales>.tit .date em {
    font-size: 13px;
}

.multiSales .prdList {
    border-top: none;
}

.multiSales .prdList li {
    border-bottom: 1px solid #e8e8e8;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap {
    top: 10px;
    left: 10px;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap.small em {
    background-size: 152px auto;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap.small .flag_nowsale {
    width: 22px;
    height: 20px;
    background-position: -115px 0;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap.small .flag_savepoint {
    width: 22px;
    height: 22px;
    background-position: -115px -21px;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap.small .flag_10plus {
    width: 25px;
    height: 22px;
    background-position: -115px -86px;
}

.multiSales .prdList .goodsUnitList .prdFlagWrap.small .flag_pang {
    width: 23px;
    height: 22px;
    background-position: -115px -43px;
}

/* 2018-05-15 상품상세 플래그 4개일 경우 10%, 5% 추가적립 스타일 추가 */
.multiSales .prdList .goodsUnitList .add10save.small em {
    background-size: auto 175px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_nowsale {
    width: 22px;
    height: 20px;
    background-position: -62px 0px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_savepoint {
    width: 22px;
    height: 22px;
    background-position: -62px -28px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_10plus {
    width: 25px;
    height: 22px;
    background-position: -62px -114px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_pang {
    width: 23px;
    height: 22px;
    background-position: -62px -57px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_10plus_new {
    width: 25px;
    height: 22px;
    background-position: -220px 0px;
}

.multiSales .prdList .goodsUnitList .add10save.small .flag_5plus_new {
    width: 25px;
    height: 22px;
    background-position: -220px -31px;
}

.multiSales .goodsUnitList {
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}

.multiSales .goodsUnitList .imgArea {
    top: 10px;
    left: 10px;
}

.multiSales .goodsUnitList .imgArea .img {
    width: 75px;
    height: 75px;
}

.multiSales .goodsUnitList .goodsInfo {}

.multiSales .goodsUnitList .goodsInfo .name {
    display: block;
    margin: 6px 0 6px;
    font-size: 14px;
    color: #000;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .sbox {
    margin-bottom: 1px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .sbox>em {
    letter-spacing: -0.5px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .sbox .won {
    font-size: 12px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .sbox .base {
    font-size: 11px;
    color: #888;
    vertical-align: 1px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .sbox .base del {
    font-size: 12px;
    letter-spacing: -0.5px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .tit {
    width: auto;
    margin-right: 10px;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.5px;
    vertical-align: bottom
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total em {
    display: inline-block;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.5px;
    line-height: 1;
    vertical-align: bottom
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .won {
    display: inline-block;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    letter-spacing: -0.5px;
    vertical-align: bottom
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .no_inter {
    display: inline-block;
    margin-left: 3px;
    padding: 1px 2px 0;
    border: 1px solid #cdcdcd;
    font-size: 10px;
    color: #888;
    font-weight: normal;
    line-height: 11px;
    vertical-align: 2px;
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .no_inter em {
    margin-left: 1px;
    font-size: 11px;
    color: #888;
    vertical-align: 0
}

.multiSales .goodsUnitList .goodsInfo .priceArea .price .benefit_oiltax {
    display: inline-block;
    margin-top: 6px;
    padding: 1px 2px 0;
    line-height: 11px;
}

.multiSales .btnMoreDefaultWrap {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #cdcdcd;
}

.multiSales .btn_more_default span em {
    color: #e51937;
}

.multiSales .btn_more_default span.close:after {
    background-position: -180px -280px;
}

/* 상품상세 탭 2016-04-05, 2020-02-11 #30571 table 속성으로 수정 */
.prdDetailTab {
    width: 100%;
    height: 52px;
    padding-top: 10px;
    background: #eee;
    z-index: 10;
}

.prdDetailTab.goods_detail_tab {
    top: 40px;
}

.prdDetailTab .tt_tab {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 50px;
    padding: 0;
    border-top: 1px solid #e9e8e8;
    border-bottom: 1px solid #e9e8e8;
    background: #fff;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.prdDetailTab .tt_tab li {
    display: table-cell;
    padding-top: 3px;
    border-bottom: 3px solid #fff;
    vertical-align: middle;
}

.prdDetailTab .tt_tab li.active {
    border-bottom: 3px solid #e51937;
}

.prdDetailTab .tt_tab li.active a {
    color: #e51937;
}

.prdDetailTab .tt_tab li a {
    display: block;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
    color: #666;
    text-align: center;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.prdDetailTab .tt_tab li a em {
    display: block;
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
}

/* 상품만족도 2016-01-20 */
.goods_satisfaction.goods_satisfaction_v2 {
    padding: 10px 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total {
    padding: 10px 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total em {
    width: 51px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction_v2.png) no-repeat;
    background-size: 231px 127px;
}

.goods_satisfaction.goods_satisfaction_v2 .total em.verywell {
    background-position: 0 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total em.well {
    background-position: -60px 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total em.normal {
    background-position: -120px 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total em.dissatisfaction {
    background-position: -180px 0;
}

.goods_satisfaction.goods_satisfaction_v2 .total em .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    text-indent: -9999em;
}

.goods_satisfaction.goods_satisfaction_v2 .total .com_point div.score .scoreNum {
    margin-top: -7px;
}

.goods_satisfaction.goods_satisfaction_v2 .total .scorebase {
    bottom: 13px;
}

.goods_satisfaction.goods_satisfaction_v2 .gd_satisfact_copy {
    margin: 0 20px;
    padding: 10px 0;
    font-size: 14px;
    color: #898989;
    border-top: 1px solid #f4f4f4;
    text-align: center;
}

.goods_satisfaction.goods_satisfaction_v2 .gd_satisfact_copy .point {
    font-weight: bold;
    color: #e51937;
}

/* 상품만족도 상품건수 없을경우 가운데 정렬 스타일 추가 : 2020-02-11 */
.goods_satisfaction.goods_satisfaction_v2 .total .scoreWrap {
    margin: 0 auto;
    padding-left: 60px;
    position: relative;
}

.goods_satisfaction.goods_satisfaction_v2 .total .scoreWrap em.verywell {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -26px;
}

.goods_satisfaction.goods_satisfaction_v2 .total .scoreWrap div.scorebase {
    position: static;
    padding-top: 0;
    margin-top: -7px;
}

/* 상품 사이즈 그래프 */
.goods_graph.goods_graph_v2 {
    margin: 0 10px 20px;
}

/* 상품평 - 묶음상품일경우 상품리스트 */
.bundle_wrap.bundle_wrap_v2 {
    padding: 10px 10px 20px 10px;
    border-bottom: 1px solid #eee;
}

/* 상품평 - 탭 */
.bestComtWrap {
    padding: 10px;
    background: #e9e8e8;
}

.bestComtWrap .customEvaluatTab {
    margin: 0 0 10px;
    background: #fff;
}

.bestComtWrap .customEvaluatTab:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
}

.bestComtWrap .customEvaluatTab li {
    float: left;
    width: 33%;
    background: #fff;
}

.bestComtWrap .customEvaluatTab li:nth-child(2) {
    width: 34%;
}

.bestComtWrap .customEvaluatTab li:first-child {
    margin: 0;
}

.bestComtWrap .customEvaluatTab li a {
    display: block;
    height: 33px;
    margin: 0 0 0 -1px;
    line-height: 33px;
    font-size: 13px;
    color: #898989;
    text-align: center;
    border: 1px solid #dadada;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bestComtWrap .customEvaluatTab li:first-child a {
    margin: 0;
}

.bestComtWrap .customEvaluatTab li.on {
    position: relative;
}

.bestComtWrap .customEvaluatTab li.on a {
    color: #444;
    border: 1px solid #888;
}

.bestComtWrap .customEvaluatTab li.disable a {
    color: #ccc;
}

.bestComtWrap .customEvaluatTab li a span {
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
}

/* 상품평 검색 */
.bestComtWrap .bestComtSearchWrap {
    margin: 10px 0 0 0;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox {
    position: relative;
    padding: 0 75px 10px 0;
    overflow: hidden;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul {
    overflow: hidden;
    width: 100%;
    height: 24px;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li {
    float: left;
    padding: 0 5px 0 0;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li:last-child {
    padding: 0;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li a {
    position: relative;
    display: block;
    padding: 0 0 0 5px;
    line-height: 24px;
    font-size: 12px;
    color: #898989;
    letter-spacing: -0.5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    word-break: normal;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    width: 5px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -240px -50px;
    background-size: 300px auto;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li.on a {
    padding: 0 0 0 13px;
    font-weight: bold;
    color: #333;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox ul li.on a:before {
    width: 11px;
    background-position: -220px -50px;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox .btn_black {
    position: absolute;
    top: -7px;
    right: 0;
    width: 86px;
    padding: 0;
    text-align: center;
}

.bestComtWrap .bestComtSearchWrap .searchOptView {
    position: relative;
    padding: 12px 10px 10px 43px;
    border-bottom: 1px solid #e3e3e3;
    background: #fff;
}

.bestComtWrap .bestComtSearchWrap .searchOptView .btnReset {
    position: absolute;
    left: 10px;
    top: 12px;
}

.bestComtWrap .bestComtSearchWrap .searchOptView .btnReset .blind {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    text-indent: -999em;
}

.bestComtWrap .bestComtSearchWrap .searchOptView .searchOptViewInner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 23px;
}

.bestComtWrap .bestComtSearchWrap .searchOptView .searchOptViewInner .swiper-wrapper {
    overflow: hidden;
}

.bestComtWrap .bestComtSearchWrap .searchOptView .searchOptViewInner .swiper-wrapper a {
    float: left;
    margin: 0 5px 0 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bestComtWrap .bestComtSearchWrap .searchOptView .searchOptViewInner .swiper-wrapper a:last-child {
    margin: 0;
}

/* 상품평 검색 2018-01-04 */
.bestComtWrap .bestComtSearchWrap .searchOptBox .sea_select {
    position: relative;
    float: left;
    width: 130px;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox .sea_select:before {
    position: absolute;
    right: 4px;
    top: 0;
    display: none;
    content: '';
    width: 22px;
    height: 30px;
    z-index: 1;
    background: url(//image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat left center;
    background-size: 22px auto;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox .sea_select select {
    width: 130px;
    padding-left: 3px;
    font-size: 14px;
    border-radius: 2px;
    background-color: #fff;
}

.bestComtWrap .bestComtSearchWrap .searchOptBox .btn_black {
    top: 0;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}

/* 상품평 - 리스트 */
.bestComtWrap .comment_list2 {
    padding: 0;
    background: #e9e8e8;
}

.bestComtWrap .comment_list2 li {
    position: relative;
    margin: 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
}

.bestComtWrap .comment_list2 li:first-child {
    border-top: none;
}

.bestComtWrap .comment_list2 li .comment_cons2 {
    /* min-height:121px; */
    min-height: 93px;
    padding: 13px 10px;
}

.bestComtWrap .comment_list2 li .writerInfo {
    min-height: 24px;
    margin: 0 0 10px;
}

.bestComtWrap .comment_list2 li .writerInfo.icoBox {
    padding: 0 0 0 30px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction_v2.png) no-repeat;
    background-size: 231px 127px;
    background-position: 0 -102px;
}

.bestComtWrap .comment_list2 li .writerInfo em,
.bestComtWrap .comment_list2 li .writerInfo span {
    display: inline-block;
    line-height: 21px;
    font-size: 12px;
    color: #898989;
    vertical-align: middle;
}

.bestComtWrap .comment_list2 li .writerInfo em {
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_satisfaction_v2.png) no-repeat;
    background-size: 231px 127px;
}

.bestComtWrap .comment_list2 li .writerInfo .verywell {
    width: 52px;
    background-position: 0 -69px;
}

.bestComtWrap .comment_list2 li .writerInfo .well {
    width: 35px;
    background-position: -61px -69px;
}

.bestComtWrap .comment_list2 li .writerInfo .normal {
    width: 35px;
    background-position: -105px -69px;
}

.bestComtWrap .comment_list2 li .writerInfo .dissatisfaction {
    width: 43px;
    background-position: -149px -69px;
}

.bestComtWrap .comment_list2 li .writerInfo em span {
    display: block;
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.bestComtWrap .comment_list2 li .writerInfo .date {
    position: static;
    margin: 0 0 0 2px;
    padding: 0;
}

.bestComtWrap .comment_list2 li .writerInfo .date:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 11px;
    margin: -2px 5px 0 0;
    background: #ccc;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.bestComtWrap .comment_list2 li .cons_stain_op {
    margin: 0 0 10px;
    padding: 0 80px 0 0;
    font-size: 12px;
    color: #898989;
}

.bestComtWrap .comment_list2 li .cons {
    overflow: hidden;
    min-height: 60px;
    max-height: 60px;
    padding: 0 80px 0 0;
    line-height: 20px;
    letter-spacing: -1px;
}

.bestComtWrap .comment_list2 li .img_wrap {
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 13px;
    width: 65px;
    height: 65px;
}

.bestComtWrap .comment_list2 li .img_wrap a {
    display: block;
    width: 65px;
    height: 65px;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bestComtWrap .comment_list2 li .img_wrap a img {
    width: 65px;
    height: 65px;
}

.bestComtWrap .comment_list2 li .btnWrap {
    display: none;
    margin: 7px 0 0;
    text-align: right;
}

.bestComtWrap .comment_list2 li.noImg .comment_cons2 {
    min-height: initial;
}

.bestComtWrap .comment_list2 li.noImg .cons {
    padding: 0;
    min-height: initial;
}

.bestComtWrap .comment_list2 li.open .cons_stain_op {
    padding: 0;
}

.bestComtWrap .comment_list2 li.open .cons {
    min-height: initial;
    max-height: none;
    padding: 0;
}

.bestComtWrap .comment_list2 li.open .img_wrap {
    position: static;
    width: 100%;
    height: auto;
}

.bestComtWrap .comment_list2 li.open .img_wrap a {
    width: 100%;
    height: auto;
    margin: 5px 0 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.bestComtWrap .comment_list2 li.open .img_wrap a img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.bestComtWrap .comment_list2 li.open .btnWrap {
    display: block;
}

.bestComtWrap .totalcom_list .btnMore {
    position: relative;
    display: block;
    height: 40px;
    padding: 0 20px;
    text-align: right;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.bestComtWrap .totalcom_list .btnMore:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    width: 5px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -105px -20px;
    background-size: 300px auto;
}

.bestComtWrap .totalcom_list .btnMore span {
    display: inline-block;
    line-height: 40px;
    vertical-align: top;
}

.bestComtWrap .totalcom_list .btnMore.type02 {
    overflow: hidden;
    text-align: center;
    background: #fff;
}

.bestComtWrap .totalcom_list .btnMore.type02:after {
    display: none;
}

.bestComtWrap .totalcom_list .btnMore.type02 span {
    padding: 0;
}

.bestComtWrap .totalcom_list .btnMore.type02 span:after {
    display: inline-block;
    content: "";
    width: 9px;
    height: 6px;
    margin-top: -2px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px -20px;
    background-size: 300px auto;
}

.bestComtWrap .totalcom_list .btnMore.type02.noMore span:after {
    display: none;
}

/* 우수상품평 리스트 없음 */
.comlist_none.comlist_none_v2 .txtS {
    padding: 5px 0 0;
    font-size: 12px;
    color: #898989;
}

.comlist_none.comlist_none_v2 .txtS .point {
    color: #e51937;
    font-weight: bold;
}

/* 우수상품평 검색조건 없음 */
.bestComtWrap .totalcom_list .noData {
    padding: 80px 0;
    line-height: 20px;
    font-size: 13px;
    color: #999;
    text-align: center;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.bestComtWrap .btnWrapR {
    margin: 10px 0 0;
    text-align: right;
}

/* 우수상품평 검색 드로어팝 */
.unifiDetailSearchDim.bestComtDim {
    z-index: 9999;
}

.unifiDetailSearchWrap.bestComtSearch {
    padding: 50px 0;
    z-index: 9999;
}

.unifiDetailSearchWrap.bestComtSearch .btnFixWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 9px 0 10px;
    text-align: center;
    border-top: 1px solid #c8c8c8;
    background: #fff;
}

.unifiDetailSearchWrap.bestComtSearch dl.searchListBox dt a .sCopy {
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.unifiDetailSearchWrap.v2 {
    width: 87.2%;
}

.unifiDetailSearchWrap.v2 .detailSearchHead {
    height: 45px;
    padding: 0 15px;
    background-color: #fff;
}

.unifiDetailSearchWrap.v2 .detailSearchHead .headL {
    margin: 8px 0 0;
    border-color: #ddd;
    border-radius: 4px;
}

.unifiDetailSearchWrap.v2 .detailSearchHead .headL .btnSearchReset {
    height: 30px;
    padding: 8px 10px 4px 31px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #333;
    box-sizing: border-box
}

.unifiDetailSearchWrap.v2 .detailSearchHead .headL .btnSearchReset:before {
    top: 8px;
    left: 12px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) no-repeat -125px -150px;
    background-size: 300px auto;
}

.unifiDetailSearchWrap.v2 .detailSearchHead .headR {
    margin: 10px 0 0;
    border: 0;
    font-size: 0;
}

.unifiDetailSearchWrap.v2 .detailSearchHead .btnSearchClose {
    padding: 0;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) no-repeat -100px -250px;
    background-size: 300px auto;
    font-size: 0;
    color: transparent;
    line-height: initial;
    margin: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox {
    border-top: 1px solid #ddd;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dt {
    border-bottom: 0;
    padding: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dt a {
    height: 50px;
    margin: 0;
    padding: 15px 15px 14px 15px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: bold;
    box-sizing: border-box
}

.unifiDetailSearchWrap.v2 dl.searchListBox dt a:after {
    top: 17px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) no-repeat -150px -225px;
    background-size: 300px;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dt a .sCopy {
    font-weight: normal;
    font-size: 15px;
    color: #333;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dt.on a:after {
    background-position-x: -175px;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd {
    padding: 5px 15px 30px;
    margin-bottom: 0;
    border: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox {
    display: flex;
    align-items: center;
    padding: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox>span {
    float: initial;
    display: inline-block;
    margin-right: 7px;
    padding: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox>span:last-child {
    margin-right: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox>span button {
    height: 36px;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #333;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox>span button.active {
    border-color: #f51d2c;
    background-color: #f51d2c;
    color: #fff;
    font-weight: bold
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox.type02 {
    flex-wrap: wrap;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox.type02>span {
    width: 31.64%;
    margin-bottom: 7px;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox.type02>span:nth-child(3n-1) {
    float: initial;
    width: 31.64%;
    padding: 0;
}

.unifiDetailSearchWrap.v2 dl.searchListBox dd .optBtnTypeBox.type02>span:nth-child(3n) {
    margin-right: 0;
}

.unifiDetailSearchWrap.v2 .searchListBox .optionListBox li input[type=checkbox] {
    right: initial;
    left: 0;
    top: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) no-repeat -75px -150px;
    background-size: 300px;
}

.unifiDetailSearchWrap.v2 .searchListBox .optionListBox li input[type=checkbox]:checked {
    background-position-x: 0;
}

.unifiDetailSearchWrap.v2 .searchListBox .optionListBox li {
    padding: 0;
    border: 0;
}

.unifiDetailSearchWrap.v2 .searchListBox .optionListBox li:first-child {
    margin-top: -6px;
}

.unifiDetailSearchWrap.v2 .searchListBox .optionListBox li .optTit {
    padding: 6px 0 6px 30px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: normal;
}

.unifiDetailSearchWrap.v2.bestComtSearch .btnFixWrap {
    padding: 0;
    border-top: 0;
}

.unifiDetailSearchWrap.v2.bestComtSearch .btn-confirm {
    display: block;
    padding: 12px 0;
    background-color: #f51d2c;
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.28px;
    font-weight: bold;
}

@media(max-width:320px) {}


/* 상품평 신고하기 팝업 */
.layerPopWrap .notifySelectBox li {
    padding: 10px 0 0;
}

.layerPopWrap .notifySelectBox li:first-child {
    padding: 0;
}

.layerPopWrap .notifySelectBox input[type=radio] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.layerPopWrap .notifySelectBox label {
    display: inline-block;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    vertical-align: middle;
}

/* 토스트 팝업 상품 신고완료 */
.bestComtNotifyAlert {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/goods/alert_taost_notify.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 9999;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.bestComtNotifyAlert.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

/*2016-01-27 검색 추가*/
.search_no_area {
    background: #f4f4f4;
    padding: 28px 0;
    text-align: center
}

.search_no_area .result_txt {
    color: #000;
    font-size: 14px
}

.search_no_area .result_txt:before {
    display: block;
    content: "";
    width: 22px;
    height: 24px;
    margin: 0 auto 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -150px -60px;
    background-size: 300px 390px;
}

.search_no_area .result_txt strong {
    color: #e51937
}

.search_no_area .correc_txt {
    padding-top: 5px;
    display: inline-block;
    font-size: 12px;
    color: #565656
}

.search_no_area .correc_txt:after {
    border-top: 1px solid #898989;
    display: block;
    content: ""
}

.search_no_area .correc_txt.type02:after {
    border: none;
}

/* 2016-03-22 추가 */
.search_no_area.type2 {
    margin-top: -5px
}

/* 한영오타 검색결과 화면 수정 2016-08-24 */
.search_no_area.typo_error {
    padding: 10px 0;
    border-top: 1px solid #e9e8e8;
    border-bottom: 1px solid #e9e8e8;
}

.search_no_area.typo_error .result_txt:before {
    display: none;
}

.search_no_area.typo_error .result_txt strong {
    color: #e51937;
}

.search_no_area.typo_error .correc_txt {
    padding: 0;
}

/*2016-01-27 검색 임시오픈용*/
.contents.unifiSearchCont.searchTempVer {
    background: #fff;
}

.contents.unifiSearchCont.searchTempVer .list_none {
    padding: 51px 0 45px;
}

.contents.unifiSearchCont.searchTempVer .search_info li {
    position: relative;
    margin: 8px 0 0;
    padding: 0 8px;
    color: #898989;
    font-size: 14px;
}

.contents.unifiSearchCont.searchTempVer .search_info li:first-child {
    margin: 0;
}

.contents.unifiSearchCont.searchTempVer .search_info li:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: 3px;
    padding: 0;
    margin: 0;
    line-height: 0;
    border-radius: 100%;
    background: #cdcdcd;
}

/* 상품상세 미리주문 방송타이머 2016-02-26 */
.tvOrderTimer {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
    line-height: 24px;
    color: #fff;
    letter-spacing: -1px;
    background: #e51937;
}

.tvOrderTimer .timer {
    font-size: 12px;
    padding: 1px 0 0 32px;
    font-weight: bold;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_live_good_detail.png) no-repeat left 3px;
    background-size: 29px auto;
}

.tvOrderTimer .timer .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -999em;
    width: 0;
    height: 0;
    line-height: 0;
}

.tvOrderTimer .txt {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 1px 0 0;
    font-size: 12px;
    text-align: right;
}

/*상품상세 미리주문 방송타이머 개선 2016-04-05*/
.tvOrderTimer.type02 {
    padding: 6px 0 4px;
    letter-spacing: 0;
    background: #f4f4f4;
}

.tvOrderTimer.type02 .timer {
    height: 18px;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #222;
    text-align: center;
    background: none;
}

.tvOrderTimer.type02 .timer .tvFlag {
    display: inline-block;
    height: 17px;
    padding: 1px 7px 0;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    background: #bbb;
    vertical-align: top;
}

.tvOrderTimer.type02 .timer .time {
    display: inline-block;
    height: 17px;
    padding: 1px 0 0;
    line-height: 17px;
    vertical-align: top;
}

.tvOrderTimer.type02 .txt {
    position: static;
    height: 17px;
    padding: 1px 0 0;
    line-height: 17px;
    font-size: 13px;
    color: #909090;
    text-align: center;
}

/* 추천상품 디자인 개선  2016-03-09 */
.recomPrdWrap {
    padding: 0;
    border-bottom: 1px solid #d5d5d5;
}

.recomPrdWrap .recomTit {
    padding: 13px 15px 11px;
    margin: 0 0 5px;
    line-height: 20px;
    font-size: 16px;
    color: #111;
    background: #fff;
    letter-spacing: -1px;
}

/* 2016-04-11 속성추가 */
.recomPrdWrap .recomTit.typeB {
    border-top: 5px solid #e9e7e8;
    border-bottom: 5px solid #e9e7e8;
}

/* 2016-04-11 추가 */
.recomPrdWrap .recomTit .pointB {
    font-weight: bold;
}

.recomPrdWrap .recomTit strong .pointB {
    color: #e51937;
}

.recomPrdWrap .recomSlideBox {
    overflow: hidden;
    position: relative;
    padding: 15px 0;
    background: #fff;
}

.recomPrdWrap .recomSlideBox ul {
    overflow: hidden;
    padding: 0 10px 0;
}

.recomPrdWrap .recomSlideBox ul li {
    float: left;
    width: 120px;
    padding: 0 5px 0;
}

.recomPrdWrap .recomSlideBox ul li:last-child {
    padding: 0 25px 0 5px
}

.recomPrdWrap .recomSlideBox ul li a {
    display: block;
    position: relative;
}

.recomPrdWrap .recomSlideBox ul li .imgBox {
    display: block;
}

.recomPrdWrap .recomSlideBox ul li .imgBox img {
    width: 120px;
    height: 120px;
}

.recomPrdWrap .recomSlideBox ul li .tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    min-height: 32px;
    margin: 4px 0 0;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.recomPrdWrap .recomSlideBox ul li .priceBox {
    display: block;
    margin: 5px 0 0;
    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.recomPrdWrap .recomSlideBox ul li .priceBox em {
    font-size: 12px;
}

.recomPrdWrap .recomSlideBox ul li .totalArea {
    position: relative;
    margin-top: 5px;
    padding-top: 9px;
}

.recomPrdWrap .recomSlideBox ul li .totalArea .totalTit {
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
    font-size: 0.857em;
    letter-spacing: -1px;
}

.recomPrdWrap .recomSlideBox .flag-wrap {
    margin-top: 5px;
}

.recomPrdWrap~.recomPrdWrap .recomTit.typeB {
    position: relative;
    border-top: 6px solid #e9e7e8;
}

.recomPrdWrap~.recomPrdWrap .recomTit.typeB::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    ;
}

/* 반값장터 중소 카테고리 2016-03-22 */
.halfCateWrap {
    background: #e9e8e8;
}

/* 반값장터 중소 카테고리 - 중카 탭 2016-03-22 */
.cateSubMenu {
    border-bottom: 1px solid #bfbfbf;
    background: #fff;
}

.cateSubMenu:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    font-size: 0;
}

.cateSubMenu li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    text-align: center;
}

.cateSubMenu li a {
    display: inline-block;
    padding: 1px 0 0;
    line-height: 36px;
    font-size: 15px;
    font-weight: bold;
    color: #898989;
    border-bottom: 3px solid #fff;
}

.cateSubMenu li.active a {
    color: #e51937;
    border-bottom: 3px solid #e51937;
}

/* 반값장터 중소 카테고리 - 상단 슬라이드 2016-03-22 */
.halfSlideBox {
    margin: 0 30px;
    padding: 8px 0 15px;
}

.halfSlideBox .bx-viewport {
    overflow: visible !important;
    height: auto !important;
}

.halfSlideBox ul:after {
    display: block;
    content: "";
    clear: both;
}

.halfSlideBox ul li {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0 5px;
}

.halfSlideBox ul li .prdCardBox {
    position: relative;
    border-bottom: 1px solid #b5b5b5;
}

.halfSlideBox ul li .prdCardBox .prdImgZone {
    position: relative;
    overflow: hidden;
}

.halfSlideBox ul li .prdCardBox .prdImgZone .imgBox {
    display: block;
    text-align: center;
}

.halfSlideBox ul li .prdCardBox .prdImgZone .imgBox img {
    width: 100%;
    vertical-align: top;
}

.halfSlideBox ul li .prdCardBox .prdImgZone .dimFrame {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.halfSlideBox ul li .prdCardBox .prdImgZone .dimFrame:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #000;
    opacity: 0.3;
}

.halfSlideBox ul li .prdCardBox .prdImgZone .dimFrame .btnPlayVideo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    margin: -22px 0 0 -30px;
    padding: 45px 0 0;
    font-size: 11px;
    color: #fff;
    background: url(//image.hnsmall.com/images/mobile2014/main/btn_half_mov02.png) no-repeat center top;
    background-size: 43px;
    text-align: center;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap {
    padding: 9px 10px 6px;
    background: #fff;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .prdTit {
    display: block;
    overflow: hidden;
    width: 100%;
    font-size: 20px;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor {
    padding: 2px 0 0;
    line-height: 27px;
    text-align: center;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .tit {
    display: inline-block;
    height: 27px;
    padding: 0 5px 0 0;
    font-size: 15px;
    color: #222;
    vertical-align: top;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .priceTxt {
    display: inline-block;
    height: 27px;
    vertical-align: top;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .priceTxt .price {
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .priceTxt .point01 {
    color: #e51937;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .priceTxt .won {
    font-size: 12px;
    font-weight: bold;
}

.halfSlideBox ul li .prdCardBox .prdInfoWrap .priceInfor .btnTip {
    display: inline-block;
    overflow: hidden;
    width: 19px;
    height: 19px;
    margin-bottom: 3px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_sale.gif) no-repeat 0 0;
    background-size: 19px;
    vertical-align: middle;
}

.halfSlideBox .controlBox {
    position: relative;
    margin: 12px 0 0;
    text-align: center;
}

.halfSlideBox .controlBox .prev,
.halfSlideBox .controlBox .next {
    position: absolute;
    top: 0;
    width: 25px;
    height: 17px;
    background: url(//image.hnsmall.com/images/mobile2014/main/arrow_half_v2.png) no-repeat 0 0;
    background-size: 50px 16px;
}

.halfSlideBox .controlBox .prev {
    left: 18px;
    background-position: 0 0;
}

.halfSlideBox .controlBox .next {
    right: 18px;
    background-position: -24px 0;
}

.halfSlideBox .controlBox .pagingNum {
    display: inline-block;
    color: #666;
}

.halfSlideBox .controlBox .pagingNum .current {
    color: #e51937;
    font-weight: bold;
}

/* 반값장터 중소 카테고리 - 카테고리 리스트  2016-03-22 */
.cateListWrap {
    position: relative;
    margin: 0 5px 5px;
    padding: 38px 0 0;
    background: #fff;
}

.cateListWrap dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    border-bottom: 2px solid #0b0b0b;
}

.cateListWrap dt:nth-child(3) {
    left: initial;
    right: 0;
}

.cateListWrap dt a {
    display: block;
    padding: 1px 0 0 17px;
    line-height: 35px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cateListWrap dt.active {
    border-bottom: 2px solid #e52340;
}

.cateListWrap dt.active a {
    color: #e52340;
}

.cateListWrap dd {
    display: none;
}

.cateListWrap dd .cateList {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.cateListWrap dd ul {
    overflow: hidden;
    max-height: 123px;
    margin: 0 0 -1px;
}

.cateListWrap dd ul li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    border-bottom: 1px solid #ddd;
}

.cateListWrap dd ul li:nth-child(2n-1) {
    border-right: 1px solid #ddd;
}

.cateListWrap dd ul li a {
    display: block;
    height: 39px;
    padding: 1px 15px;
    line-height: 39px;
    font-size: 12px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cateListWrap dd .more {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 34px;
    padding: 1px 0 0;
    line-height: 34px;
    font-size: 12px;
    color: #555;
    text-align: center;
    border: none;
    border-bottom: 1px solid #b5b5b5;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cateListWrap dd .more span {
    color: #a2a2a2;
}

/* 반값장터 중소 카테고리 - 반값장터 리스트  2016-03-22 */
.halfPrdList {
    padding: 0 5px;
}

.halfPrdList li {
    position: relative;
    margin: 0 0 5px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}


/*  반값장터 리뉴얼 - 반값장터 공통 icon 2016-03-22 */
.benefit_noint {
    border: 1px solid #cdcdcd;
    padding: 0 1px;
    margin-right: 2px;
    font-size: 10px;
    line-height: 15px;
    color: #898989;
    vertical-align: 2px;
}

/*플랫_무이자*/
.benefit_oiltax {
    border: 1px solid #cdcdcd;
    padding: 0 2px;
    font-size: 10px;
    line-height: 12px;
    color: #898989;
    vertical-align: 2px
}

/*플랫_유류세*/
.benefit_nointM {
    margin-right: 3px;
    font-size: 11px;
    color: #565656;
    vertical-align: 1px
}

/*플랫_무이자개월수*/

/* 반값장터 리뉴얼 - 공통 ; 할인율 flag 2016-03-22 */
.Msale_MB {
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 63px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_sale5.png) no-repeat;
    background-size: 750px 500px;
    overflow: hidden;
    text-indent: -1000px;
}

/*플래그_할인율 큰것 */
.Msale_MS {
    position: absolute;
    left: -6px;
    top: 2px;
    display: block;
    width: 43px;
    height: 35px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_sale5s.png) no-repeat;
    background-size: 750px 500px;
    overflow: hidden;
    text-indent: -1000px;
}

/*플래그_할인율 작은것 */

/* 반값장터 리뉴얼 - 리스트 필터 영역 추가 2016-03-24 */
.listFilterWrap {
    margin: 5px 0 0;
    padding: 0 5px;
}

.listFilterWrap .listFilterInner {
    background: #fff;
}

/* 상품상세 상단 슬라이드  2016-04-04 */
.pd_view.pd_view_v2 .pd_img li {
    text-align: center;
}

.pd_view.pd_view_v2 .pd_img li img {
    width: 260px;
    height: 260px;
}

/* bx-slider 라이브러리 사용 */
.pd_view.pd_view_v2 .bxslider {
    overflow: hidden;
    height: 260px;
}

/* swiper 라이브러리시 사용 */
.pd_view.pd_view_v2 .pd_img.type02 {
    height: 260px;
}

.pd_view.pd_view_v2 .pd_img.type02 ul {
    position: relative;
}

/* .pd_view.pd_view_v2 .pd_img.type02 ul li {float:left;} */

.pd_view.pd_view_v2 .page_nav {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
}

.pd_view.pd_view_v2 .page_nav .innerBox {
    display: inline-block;
    padding: 1px 7px 0;
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.pd_view.pd_view_v2 .arrow a {
    overflow: hidden;
    color: transparent;
    margin-top: -27px;
    background: none;
}

.pd_view.pd_view_v2 .arrow .prev a:before,
.pd_view.pd_view_v2 .arrow .next a:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 12px;
    left: 9px;
    width: 15px;
    height: 29px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 0;
    background-size: 300px auto;
}

.pd_view.pd_view_v2 .arrow .next a:before {
    background-position: -20px 0;
}

.pd_view .flag {
    position: absolute;
    top: 15px;
    left: 20px;
    /*opacity:0.75;*/
    z-index: 11
}

.pd_view .flag em {
    position: relative;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0.75;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat;
    background-size: 210px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.pd_view .flag em+em {
    margin-left: -5px;
}

.pd_view .flag em:nth-child(1) {
    z-index: 5;
}

.pd_view .flag em:nth-child(2) {
    z-index: 4;
}

.pd_view .flag em:nth-child(3) {
    z-index: 3;
}

.pd_view .flag em:nth-child(4) {
    z-index: 2;
}

.pd_view .flag em:nth-child(5) {
    z-index: 1;
}

.pd_view .flag em:nth-child(6) {
    z-index: 0;
}

.pd_view .flag em.cp10 {
    background-position: -60px 0px;
}

.pd_view .flag em.save2 {
    background-position: -60px -50px;
}

.pd_view .flag em.pang {
    background-position: -60px -100px;
    width: 44px;
    height: 45px;
    top: -4px;
}

.pd_view .flag em.addSale {
    background-position: -60px -150px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
}

.pd_view .flag em.flag_10plus {
    background-position: -60px -200px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

/* 2018-05-15 5%, 10% 추가적립 플래그 */
.pd_view .add10save {
    position: absolute;
    top: 15px;
    left: 20px;
    /*opacity:0.75;*/
    z-index: 11
}

.pd_view .add10save em {
    position: relative;
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    opacity: 0.75;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png) no-repeat;
    background-size: auto 305px;
    overflow: hidden;
    text-indent: -1000px;
}

.pd_view .add10save em+em {
    margin-left: -5px;
}

.pd_view .add10save em:nth-child(1) {
    z-index: 5;
}

.pd_view .add10save em:nth-child(2) {
    z-index: 4;
}

.pd_view .add10save em:nth-child(3) {
    z-index: 3;
}

.pd_view .add10save em:nth-child(4) {
    z-index: 2;
}

.pd_view .add10save em:nth-child(5) {
    z-index: 1;
}

.pd_view .add10save em:nth-child(6) {
    z-index: 0;
}

.pd_view .add10save em.cp10 {
    background-position: -60px 0px;
}

.pd_view .add10save em.save2 {
    background-position: -60px -50px;
}

.pd_view .add10save em.pang {
    background-position: -60px -100px;
    width: 44px;
    height: 45px;
    top: -4px;
}

.pd_view .add10save em.addSale {
    background-position: -334px -110px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
}

.pd_view .add10save em.flag_10plus {
    background-position: -60px -200px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .add10save em.flag_10plus_new {
    background-position: -334px 0px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .add10save em.flag_5plus_new {
    background-position: -334px -55px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .addDc em.addSale {
    background-position: -334px -110px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .addDc em.flag_addsale,
.pd_view .addDc em.flag_addsale_10 {
    background-position: -334px -110px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .addDc em.flag_addsale_7 {
    background-position: -334px -165px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

.pd_view .addDc em.flag_addsale_5 {
    background-position: -334px -220px;
    width: 47px;
    margin-left: -7px;
    z-index: 10;
    opacity: 1;
}

/* tv 방송 상품상세 정보에서 flag 태그 변경시 삭제해 주세요 */
.pd_view .pd_img .flag {
    top: 15px;
    left: 20px;
    right: 20px;
    bottom: 15px;
}

.pd_view .pd_img .flag .tv_play {}

.pd_view .pd_img .flag .btn_tvAir,
.pd_view .pd_img .flag .btn_tvAir2 {
    bottom: -5px;
}

/* 상품상세 flag 변경 */
.pd_view.pd_view_v2 .flag {
    top: 34px;
    left: 25px;
}

.pd_view.pd_view_v2 .tv_play {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -60px -250px;
    background-size: 210px auto;
}

.pd_view.pd_view_v2 .btn_tvAir {
    display: block;
    left: initial;
    top: initial;
    bottom: 10px;
    right: 10px;
    width: 70px;
    height: 29px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -150px;
    background-size: 300px auto;
}

/* 상품상세 적립금 플래그(사이즈변경으로 추가) */
.pd_view .flag em.save {
    width: 40px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_save.png) no-repeat;
    background-size: 460px 460px;
}

.pd_view .flag .sale_1p {
    background-position: 0 0 !important;
}

.pd_view .flag .sale_2p {
    background-position: -46px 0 !important;
}

.pd_view .flag .sale_3p {
    background-position: -92px 0 !important;
}

.pd_view .flag .sale_4p {
    background-position: -138px 0 !important;
}

.pd_view .flag .sale_5p {
    background-position: -184px 0 !important;
}

.pd_view .flag .sale_6p {
    background-position: -230px 0 !important;
}

.pd_view .flag .sale_7p {
    background-position: -276px 0 !important;
}

.pd_view .flag .sale_8p {
    background-position: -322px 0 !important;
}

.pd_view .flag .sale_9p {
    background-position: -368px 0 !important;
}

.pd_view .flag .sale_10p {
    background-position: -414px 0 !important;
}

.pd_view .flag .sale_11p {
    background-position: 0 -46px !important;
}

.pd_view .flag .sale_12p {
    background-position: -46px -46px !important;
}

.pd_view .flag .sale_13p {
    background-position: -92px -46px !important;
}

.pd_view .flag .sale_14p {
    background-position: -138px -46px !important;
}

.pd_view .flag .sale_15p {
    background-position: -184px -46px !important;
}

.pd_view .flag .sale_16p {
    background-position: -230px -46px !important;
}

.pd_view .flag .sale_17p {
    background-position: -276px -46px !important;
}

.pd_view .flag .sale_18p {
    background-position: -322px -46px !important;
}

.pd_view .flag .sale_19p {
    background-position: -368px -46px !important;
}

.pd_view .flag .sale_20p {
    background-position: -414px -46px !important;
}

.pd_view .flag .sale_21p {
    background-position: 0 -92px !important;
}

.pd_view .flag .sale_22p {
    background-position: -46px -92px !important;
}

.pd_view .flag .sale_23p {
    background-position: -92px -92px !important;
}

.pd_view .flag .sale_24p {
    background-position: -138px -92px !important;
}

.pd_view .flag .sale_25p {
    background-position: -184px -92px !important;
}

.pd_view .flag .sale_26p {
    background-position: -230px -92px !important;
}

.pd_view .flag .sale_27p {
    background-position: -276px -92px !important;
}

.pd_view .flag .sale_28p {
    background-position: -322px -92px !important;
}

.pd_view .flag .sale_29p {
    background-position: -368px -92px !important;
}

.pd_view .flag .sale_30p {
    background-position: -414px -92px !important;
}

.pd_view .flag .sale_31p {
    background-position: 0 -138px !important;
}

.pd_view .flag .sale_32p {
    background-position: -46px -138px !important;
}

.pd_view .flag .sale_33p {
    background-position: -92px -138px !important;
}

.pd_view .flag .sale_34p {
    background-position: -138px -138px !important;
}

.pd_view .flag .sale_35p {
    background-position: -184px -138px !important;
}

.pd_view .flag .sale_36p {
    background-position: -230px -138px !important;
}

.pd_view .flag .sale_37p {
    background-position: -276px -138px !important;
}

.pd_view .flag .sale_38p {
    background-position: -322px -138px !important;
}

.pd_view .flag .sale_39p {
    background-position: -368px -138px !important;
}

.pd_view .flag .sale_40p {
    background-position: -414px -138px !important;
}

.pd_view .flag .sale_41p {
    background-position: 0 -184px !important;
}

.pd_view .flag .sale_42p {
    background-position: -46px -184px !important;
}

.pd_view .flag .sale_43p {
    background-position: -92px -184px !important;
}

.pd_view .flag .sale_44p {
    background-position: -138px -184px !important;
}

.pd_view .flag .sale_45p {
    background-position: -184px -184px !important;
}

.pd_view .flag .sale_46p {
    background-position: -230px -184px !important;
}

.pd_view .flag .sale_47p {
    background-position: -276px -184px !important;
}

.pd_view .flag .sale_48p {
    background-position: -322px -184px !important;
}

.pd_view .flag .sale_49p {
    background-position: -368px -184px !important;
}

.pd_view .flag .sale_50p {
    background-position: -414px -184px !important;
}

.pd_view .flag .sale_51p {
    background-position: 0 -230px !important;
}

.pd_view .flag .sale_52p {
    background-position: -46px -230px !important;
}

.pd_view .flag .sale_53p {
    background-position: -92px -230px !important;
}

.pd_view .flag .sale_54p {
    background-position: -138px -230px !important;
}

.pd_view .flag .sale_55p {
    background-position: -184px -230px !important;
}

.pd_view .flag .sale_56p {
    background-position: -230px -230px !important;
}

.pd_view .flag .sale_57p {
    background-position: -276px -230px !important;
}

.pd_view .flag .sale_58p {
    background-position: -322px -230px !important;
}

.pd_view .flag .sale_59p {
    background-position: -368px -230px !important;
}

.pd_view .flag .sale_60p {
    background-position: -414px -230px !important;
}

.pd_view .flag .sale_61p {
    background-position: 0 -276px !important;
}

.pd_view .flag .sale_62p {
    background-position: -46px -276px !important;
}

.pd_view .flag .sale_63p {
    background-position: -92px -276px !important;
}

.pd_view .flag .sale_64p {
    background-position: -138px -276px !important;
}

.pd_view .flag .sale_65p {
    background-position: -184px -276px !important;
}

.pd_view .flag .sale_66p {
    background-position: -230px -276px !important;
}

.pd_view .flag .sale_67p {
    background-position: -276px -276px !important;
}

.pd_view .flag .sale_68p {
    background-position: -322px -276px !important;
}

.pd_view .flag .sale_69p {
    background-position: -368px -276px !important;
}

.pd_view .flag .sale_70p {
    background-position: -414px -276px !important;
}

.pd_view .flag .sale_71p {
    background-position: 0 -322px !important;
}

.pd_view .flag .sale_72p {
    background-position: -46px -322px !important;
}

.pd_view .flag .sale_73p {
    background-position: -92px -322px !important;
}

.pd_view .flag .sale_74p {
    background-position: -138px -322px !important;
}

.pd_view .flag .sale_75p {
    background-position: -184px -322px !important;
}

.pd_view .flag .sale_76p {
    background-position: -230px -322px !important;
}

.pd_view .flag .sale_77p {
    background-position: -276px -322px !important;
}

.pd_view .flag .sale_78p {
    background-position: -322px -322px !important;
}

.pd_view .flag .sale_79p {
    background-position: -368px -322px !important;
}

.pd_view .flag .sale_80p {
    background-position: -414px -322px !important;
}

.pd_view .flag .sale_81p {
    background-position: 0 -368px !important;
}

.pd_view .flag .sale_82p {
    background-position: -46px -368px !important;
}

.pd_view .flag .sale_83p {
    background-position: -92px -368px !important;
}

.pd_view .flag .sale_84p {
    background-position: -138px -368px !important;
}

.pd_view .flag .sale_85p {
    background-position: -184px -368px !important;
}

.pd_view .flag .sale_86p {
    background-position: -230px -368px !important;
}

.pd_view .flag .sale_87p {
    background-position: -276px -368px !important;
}

.pd_view .flag .sale_88p {
    background-position: -322px -368px !important;
}

.pd_view .flag .sale_89p {
    background-position: -368px -368px !important;
}

.pd_view .flag .sale_90p {
    background-position: -414px -368px !important;
}

.pd_view .flag .sale_91p {
    background-position: 0 -414px !important;
}

.pd_view .flag .sale_92p {
    background-position: -46px -414px !important;
}

.pd_view .flag .sale_93p {
    background-position: -92px -414px !important;
}

.pd_view .flag .sale_94p {
    background-position: -138px -414px !important;
}

.pd_view .flag .sale_95p {
    background-position: -184px -414px !important;
}

.pd_view .flag .sale_96p {
    background-position: -230px -414px !important;
}

.pd_view .flag .sale_97p {
    background-position: -276px -414px !important;
}

.pd_view .flag .sale_98p {
    background-position: -322px -414px !important;
}

.pd_view .flag .sale_99p {
    background-position: -368px -414px !important;
}

/* 상품상세 타이틀 개선 2016-04-05 */
.goods h2.tit.tit_v2 {
    padding: 10px 10px 0;
    line-height: 21px;
    letter-spacing: -0.5px;
}

.goods h2.tit.tit_v2 .modifier {
    margin: 0 0 5px;
    line-height: 16px;
    font-size: 14px;
    color: #909090;
    text-overflow: initial;
    white-space: normal;
}

/* 상품상세 가격 - mTV / 반값상품 2016-04-05 */
.product_list3.type02 {
    margin: 10px;
    min-height: 50px;
}

/* 2020-04-28 상품상세 가격표기 개선 (#32259) */
.product_list3.type02 .price_sale_wrap .priceTitle {
    margin: 0 5px 0 0;
    width: 90px;
    padding: 1px 0 0;
    line-height: 25px;
}

.product_list3.type02 .price_sale_wrap .btn_info {
    margin: 0;
}

.product_list3.type02 .price_sale_wrap .textWonBlack,
.product_list3.type02 .price_sale_wrap .textWonRed {
    margin: 0;
}

.product_list3.type02 .price_sale_wrap .priceBlack,
.product_list3.type02 .price_sale_wrap .priceRed {
    margin: 0;
}

/* 팡팡페이 혜택가 */
.product_list3.type03 .price_sale_wrap .textWonBlack {
    display: inline-block;
    width: 24px;
    margin: 0;
}

.product_list3.type03 .price_sale_wrap .priceTitle {
    margin: 0 5px 0 0;
    width: 135px;
    padding: 1px 0 0;
    line-height: 25px;
}

.product_list3.type03 .price_sale_wrap .priceTitle .stxt {
    font-size: 10px;
    color: #888;
}

.product_list3.type03 .price_sale_wrap .priceBlack {
    margin-right: 0;
}

.product_list3.type03 .price_sale_wrap .priceRed {
    margin-right: 0;
}

.product_list3.type03 .price_sale_wrap .priceBlue {
    margin-left: 5px;
    margin-right: 0;
    font-size: 19px;
    color: #5c6edc;
    font-weight: bold;
    vertical-align: -1px
}

.product_list3.type03 .price_sale_wrap .priceLightBlue {
    margin-left: 5px;
    margin-right: 0;
    font-size: 19px;
    color: #12a5cb;
    font-weight: bold;
    vertical-align: -1px
}

.product_list3.type03 .price_sale_wrap .textWonRed {
    margin: 0;
}

.product_list3.type03 .price_sale_wrap .textWonBlue {
    margin: 0;
    font-size: 14px;
    color: #5c6edc;
    font-weight: bold;
}

.product_list3.type03 .price_sale_wrap .textWonLightBlue {
    margin: 0;
    font-size: 14px;
    color: #12a5cb;
    font-weight: bold;
}

#pangpangInfo .layerConts .innerConts.scrollY,
.typem_20180814 .layerConts .innerConts.scrollY {
    max-height: 390px;
}

#pangpangInfo .layerConts .innerConts .pangcon .txts {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 15px;
}

@media (orientation: landscape) {

    #pangpangInfo .layerConts .innerConts.scrollY,
    .typem_20180814 .layerConts .innerConts.scrollY {
        max-height: 175px;
    }
}

/* 상품상세 가격 - mc상품 */
.goods .pd_sell.pd_sell_v2 {
    padding: 6px 0 10px;
    border-top: none;
}

.goods .pd_sell.pd_sell_v2 table {
    line-height: 22px;
}

.goods .pd_sell.pd_sell_v2 table th {
    padding: 2px 0 2px 10px;
    font-weight: normal;
    color: #333;
}

.goods .pd_sell.pd_sell_v2 table td {
    padding: 2px 10px 2px 0;
    font-weight: bold;
}

/* 여행상품 */
.goods .pd_sell.pd_sell_v2 table td.info.type02 {
    padding: 0 10px 2px 0;
    line-height: 15px;
    font-size: 13px;
    color: #898989;
    font-weight: normal;
    text-align: right !important;
}

.goods .pd_sell.pd_sell_v2 table td.info.type02>span {
    display: block;
    margin: -3px 0 0;
}

/* 상품상세 - MEC 기본, 묶음, 2020-01-30 #30252 MEC상품 할인율 표기  */
.goodsBundle.goodsBundle_v2,
.goodsMC {
    margin: 10px;
}

.goodsBundle.goodsBundle_v2 .flagLeft,
.goodsMC .flagLeft {
    display: table;
    position: relative;
}

.goodsBundle.goodsBundle_v2 .priceInner,
.goodsMC .priceInner {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
}

.goodsBundle.goodsBundle_v2 .priceInner .price_sale_wrap,
.goodsMC .priceInner .price_sale_wrap {
    font-weight: bold;
}

.goodsBundle.goodsBundle_v2 .priceInner .price_sale_wrap .tit01,
.goodsMC .priceInner .price_sale_wrap .tit01 {
    margin-right: 5px;
    letter-spacing: -1px;
    font-weight: normal;
}

.goodsBundle.goodsBundle_v2 .flagNone .price_sale_wrap .tit01,
.goodsMC .flagNone .price_sale_wrap .tit01 {
    display: inline-block;
    width: 135px;
    margin-right: 10px;
}

.goodsBundle.goodsBundle_v2 .flagNone .price_sale_wrap .tit01 .stxt,
.goodsMC .flagNone .price_sale_wrap .tit01 .stxt {
    font-size: 10px;
    color: #888;
}

.goodsBundle.goodsBundle_v2 .flagNone .priceBlue,
.goodsMC .flagNone .priceBlue {
    margin-right: 0;
    font-size: 19px;
    color: #5c6edc;
    font-weight: bold;
    vertical-align: -1px;
}

.goodsBundle.goodsBundle_v2 .flagNone .textWonBlue,
.goodsMC .flagNone .textWonBlue {
    margin: 0;
    font-size: 14px;
    color: #5c6edc;
    font-weight: bold;
}

/* 10%추가적립대상 안내 영역 2016-04-19 */
.goodsSaving {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
    box-sizing: border-box;
}

.goodsSaving p {
    position: relative;
    height: 33px;
    background-color: #feedf0;
}

.goodsSaving p:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    width: 5px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -180px -30px;
    background-size: 300px auto;
}

.goodsSaving p a {
    display: block;
    color: #666;
    font-size: 13px;
    text-align: center;
    line-height: 36px;
    letter-spacing: -1px;
}

.goodsSaving p a strong {
    color: #f35169;
    font-size: 15px;
}

@media all and (max-width:320px) {
    .goodsSaving p a {
        font-size: 13px
    }

    .goodsSaving p a strong {
        font-size: 14px;
    }

    .goodsSaving p:before {
        right: 10px
    }

    .all_save .monthGraph2 ul.swiper-wrapper li {
        width: 56px !important
    }
}

/* 2016-05-23 추가 */
.goodsSaving.type02 p {
    background-color: #f4f4f4;
}

.goodsSaving.type02 p:before {
    background: none;
}

.goodsSaving.type02 p a {
    display: block;
    padding-left: 13px;
    color: #1e1e1e;
    font-size: 13px;
    text-align: left;
}

.goodsSaving.type02 p a span {
    display: block;
    float: right;
    margin-right: 20px;
    color: #909090;
    font-size: 11px;
}

.goodsSaving.type02 p a span:after {
    display: inline-block;
    content: "";
    width: 5px;
    height: 9px;
    margin-left: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -115px -20px;
    background-size: 300px auto;
}

.goodsSaving.type03 .inner {
    position: relative;
    padding-left: 48px;
    background-color: #d9e5fa;
    letter-spacing: -0.5px;
}

.goodsSaving.type03 .inner:before {
    position: absolute;
    left: 10px;
    top: 50%;
    content: '';
    width: 28px;
    height: 32px;
    margin-top: -16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -180px -126px;
    background-size: 300px auto;
}

.goodsSaving.type03 .view {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    font-size: 1px;
    color: transparent;
    line-height: 0;
}

.goodsSaving.type03 .view:after {
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -215px -227px;
    background-size: 300px auto;
}

.goodsSaving.type03 p {
    padding: 10px 0 8px;
    background-color: #d9e5fa;
}

.goodsSaving.type03 p:before {
    display: none;
}

.goodsSaving.type03 p a {
    margin-left: -48px;
    padding: 0 25px 0 48px;
    font-size: 13px;
    color: #687cc4;
    text-align: left;
}

.goodsSaving.type03 p strong {
    font-size: 15px;
    color: #2a4298;
}

.goodsSaving.type03 p .pangpangPayPeriod {
    vertical-align: top;
    font-size: 14px;
}

/* 팡팡페이 */
.goodsSaving .pangpangPay {
    height: auto;
    padding: 8px 0 6px;
}

.goodsSaving .pangpangPay a {
    line-height: 18px;
    letter-spacing: -1px;
}

/* 상품상세 배너 및 공유/알림/위시리스트 버튼 영역 2016-04-05 */
.etcUtilWrap {
    padding: 0 10px;
    border-bottom: 1px solid #cdcdcd;
}

.etcUtilWrap .etcUtilInner {
    position: relative;
    padding: 0 100px 0 0;
    border-top: 1px solid #eee;
}

.etcUtilWrap .etcUtilInner .reserveBanner {
    font-size: 14px;
    font-weight: bold;
}

.etcUtilWrap .etcUtilInner .reserveBanner a {
    display: block;
    min-height: 64px;
    box-sizing: border-box;
    padding: 14px 0 14px 10px;
    color: #111;
    letter-spacing: -1px;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .pointTxt {
    color: #e51937;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .txtDetail {
    display: inline-block;
    position: relative;
    padding: 2px 15px 0 0;
    line-height: 12px;
    font-size: 13px;
    font-weight: normal;
    color: #898989;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .txtDetail .icoArrow {
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    width: 11px;
    height: 11px;
    margin: -5px 0 0;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .txtDetail .icoArrow:after {
    display: block;
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 9px;
    height: 9px;
    margin: -6px 0 0 0;
    padding: 0;
    border: 1px solid #898989;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #fff;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .goMoreDetail {
    display: inline-block;
    position: relative;
    padding: 2px 10px 0 0;
    line-height: 12px;
    font-size: 13px;
    font-weight: normal;
    color: #898989;
}

.etcUtilWrap .etcUtilInner .reserveBanner a .goMoreDetail:after {
    display: inline-block;
    content: "";
    width: 5px;
    height: 9px;
    margin: -2px 0 0 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -105px -20px;
    background-size: 300px auto;
}

.etcUtilWrap .etcUtilInner .linkBox {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    padding: 13px 0 0;
}

.etcUtilWrap .etcUtilInner .linkBox a {
    position: relative;
    display: inline-block;
    float: left;
    width: 50px;
    padding: 23px 0 0;
    font-size: 12px;
    color: #222;
    text-align: center;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnShare {
    width: 45px;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnAlarm:before,
.etcUtilWrap .etcUtilInner .linkBox a.btnShare:before,
.etcUtilWrap .etcUtilInner .linkBox a.btnWish:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    width: 20px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -120px 0;
    background-size: 300px auto;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnAlarm.on:before {
    background-position: -140px 0;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnShare:before {
    left: 13px;
    background-position: -160px 0;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnWish:before {
    left: 13px;
    width: 24px;
    background-position: -180px 0;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnWish {
    display: none;
}

/* 위시리스트 히든처리 */

/* 상품상세 적립금 팝업 제거 관련 수정 2019-02-07 */
.etcUtilWrap .etcUtilInner .reserveBanner>div {
    display: table;
    min-height: 64px;
    box-sizing: border-box;
    padding: 14px 0 14px 10px;
    color: #111;
    letter-spacing: -1px;
}

.etcUtilWrap .etcUtilInner .reserveBanner>div>p {
    display: table-cell;
    padding-top: 1px;
    vertical-align: middle;
}

.etcUtilWrap .etcUtilInner .reserveBanner>div .pointTxt {
    color: #e51937;
}

/* 상품상세 MEC적립금 관련 문구 추가 */
.etcUtilWrap .etcUtilInner .reserveBanner.mecSave>div {
    padding: 16px 0 14px 10px;
}

.etcUtilWrap .etcUtilInner .reserveBanner.mecSave>div>p {
    display: block;
    padding-top: 0;
}

.etcUtilWrap .etcUtilInner .reserveBanner.mecSave>div>.referTxt {
    display: block;
    padding-top: 1px;
    color: #898989;
    font-size: 12px;
    font-weight: normal;
}

.etcUtilWrap .etcUtilInner .reserveBanner.mecSave>div>.referTxt span {
    position: relative;
    top: -1px;
}

/* 고객평가 추가 2016-07-26 */
.etcUtilWrap .etcUtilInner .linkBox a.btnGrade {
    width: auto;
    padding: 0 12px 0;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnGrade:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 27px;
    background: #eee;
    font-size: 0;
    line-height: 0;
}

.etcUtilWrap .etcUtilInner .linkBox a.btnGrade img {
    display: block;
    position: relative;
    top: 3px;
    margin: 0 auto 8px;
    height: 15px;
}

/* 상품상세 쇼핑뉴스배너 2016-04-05 */
.tab_cons .snews {
    margin: 0;
    padding: 10px 10px 0;
}

.tab_cons .snews a {
    display: block;
    overflow: hidden;
}

.tab_cons .snews a img {
    width: 100%;
    vertical-align: top;
}

/* 상품상세 적립금 팝업 내용 2016-04-06 */
.saveWrap {
    text-align: center;
}

.saveWrap .tit {
    line-height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.5px;
}

.saveWrap .desc {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 15px;
    color: #898989;
    letter-spacing: -0.5px;
}

.saveWrap .imgBox {
    margin: 20px 0 0;
}

.saveWrap .imgBox img {
    width: 100%;
}

/* 주문서에 적립금 팝업 추가 2016-09-21 */
.saveWrap.type02 .tit {
    font-size: 13px;
    line-height: 17px;
}

.saveWrap.type02 .tit span {
    color: #e51937;
}

.saveWrap.type02 .desc {
    margin: 18px -15px 0;
    padding: 15px 10px;
    background-color: #f7f7f7;
    font-size: 11px;
    text-align: left;
}

.saveWrap.type02 .desc span {
    display: block;
    margin-bottom: 7px;
    padding-left: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/bl_dot.png) no-repeat left 6px;
    background-size: 3px;
}

/* 홈앤쇼핑 APP 설치 안내 팝업 */
#appSetupPop h1 {
    font-size: 17px;
    color: #e51937;
}

#appSetupPop .layerHeader {
    border-bottom: 1px solid #e51937;
}

.appWrap {
    padding: 0 5px;
    text-align: center;
}

.appWrap .tit {
    margin-bottom: 8px;
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

.appWrap .desc {
    margin-bottom: 15px;
    font-size: 12px;
    color: #666;
}

.appWrap .desc em {
    color: #000;
}

.appWrap .btn01 {
    display: block;
    letter-spacing: -0.75px
}

.appWrap .btn02 {
    display: block;
    letter-spacing: -0.75px
}

@media (orientation: landscape) {
    #appSetupPop {
        position: fixed;
        top: 20px !important;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0;
    }
}


/* 상품상세 공유하기 sns리스트 2016-04-06 */
.snsList {
    overflow: hidden;
}

.snsList ul {
    overflow: hidden;
    width: 100%;
    margin: -15px 0 0;
}

.snsList ul li {
    float: left;
    box-sizing: border-box;
    width: 33%;
    margin: 15px 0 0;
}

/*.snsList ul li:ntm-child(3n-1) {width:34%;}*/
.snsList ul li a {
    display: block;
    padding: 50px 0 0;
    font-size: 12px;
    color: #666;
    text-align: center;
    background-position: center top;
    background-size: 45px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.snsList ul li.snsKakao a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_kakao.gif);
}

.snsList ul li.snsLine a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_line.gif);
}

.snsList ul li.snsFacebook a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_facebook.gif);
}

.snsList ul li.snsSms a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_sms.gif);
}

.snsList ul li.snsKakaoStory a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_kakao_story.gif);
}

.snsList ul li.snsBand a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_band.gif);
}

.snsList ul li.snsUrl a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_url.gif);
}

/* 상품상세 공유하기 url복사 2016-04-06 */
.copyUrlBox {
    display: none;
    padding: 10px;
    margin: 15px -15px -20px -15px;
    background: #f9f9f9;
}

.copyUrlBox .comt {
    padding: 5px 0 0;
    color: #222;
    text-align: center;
}

.copyUrlBox .prdUrl {
    padding: 10px;
    margin: 5px 0 0;
    border: 1px solid #eee;
    background: #fff;
}

.copyUrlBox .prdUrl .prdName {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #565656;
}

.copyUrlBox .prdUrl .urlTxt {
    display: block;
    font-size: 12px;
    color: #dd1032;
}


/* 공유하기 영역 변경 */
/* S:상품상세 */
.share-pop.common-pop .scrollY {
    max-height: 315px;
}

.share-pop.common-pop.v2 {
    left: 50%;
    transform: translateX(-50%);
}

/* E:상품상세 */
.layerPopWrap.share-pop.v2 {
    width: 295px;
}

.layerPopWrap.share-pop.v2 .layerHeader {
    border-bottom: none;
}

.layerPopWrap.share-pop.v2 .layerHeader .btnLayerClose {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -45.5px -355px;
    background-size: 300px auto;
    -webkit-appearance: none;
}

.layerPopWrap.share-pop.v2 .layerConts {
    padding: 30px 15px;
}

.layerPopWrap.share-pop.v2 .layerHeader {
    padding: 9px 18px 8px
}

.layerPopWrap.share-pop.v2 .layerHeader h1 {
    font-size: 17px;
    color: #333;
    line-height: 25px;
}

.layerPopWrap.share-pop.v2 .snsList {
    overflow: hidden;
}

.layerPopWrap.share-pop.v2 .snsList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    margin: -15px 0 0;
}

.layerPopWrap.share-pop.v2 .snsList ul li {
    box-sizing: border-box;
    width: 33%;
    margin: 15px 0 0;
}

.layerPopWrap.share-pop.v2 .snsList ul li:nth-child(n+4) {
    margin-top: 30px;
}

.layerPopWrap.share-pop.v2 .snsList ul li a {
    display: block;
    padding: 58px 0 0;
    font-size: 10px;
    line-height: 15px;
    color: #333;
    text-align: center;
    background-position: center top;
    background-size: 50px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsKakao a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_kakao_x100.png);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsLine a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_line_x100.png);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsFacebook a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_facebook_x100.png);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsBand a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_band_x100.png);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsUrl a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_url_x100.png);
}

.layerPopWrap.share-pop.v2 .snsList ul li.snsSms a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sns_sms_x100.png);
}

.layerPopWrap.share-pop.v2 .copyUrlBox {
    display: none;
    padding: 15px 15px 30px;
    margin: 15px -15px -30px -15px;
    background: #f9f9f9;
    border-radius: 0 0 16px 16px;
}

.layerPopWrap.share-pop.v2 .copyUrlBox .comt {
    padding: 0;
    color: #333;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
}

.layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl {
    padding: 10px;
    margin: 10px 0 0;
    border: none;
    border-radius: 4px;
    background: #fff;
}

.layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl .prdName {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #888;
    line-height: 18px;
}

.layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl .urlTxt {
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 6px;
}



/* 상품상세 청구할인 */
.cardGuideBox {
    padding: 0 10px;
    margin: -6px 0 7px;
}

.cardGuideBox .cardGuideInner {
    margin: 5px 0 0;
}

.cardGuideBox .cardGuideInner:first-child {
    margin: 0;
}

.cardGuideBox .cardGuideInner .cardGuide {
    display: inline-block;
    padding: 1px 0 0;
    font-size: 13px;
    color: #12a5cb;
    letter-spacing: 0;
    vertical-align: top;
}

.cardGuideBox .cardGuideInner .btnTip {
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin: -1px 0 0;
    color: transparent;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px 0;
    background-size: 300px auto;
}

/* 결제수단변경 토스트팝업 2016-04-08 */
.payment_mod_toast {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_paymentMod.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.payment_mod_toast.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

/* 구매하기 - 드로어팝업 2016-04-11 */
.buy_wrap.buy_wrap_v2 .gift_area {
    margin: 10px 0 0;
}

.buy_wrap.buy_wrap_v2 .gift_area span {
    top: 12px;
}

/* 구매하기 - 희망배송일 2016-05-03 */
.buy_wrap.buy_wrap_v2 .gift_area.deliveryDay {
    padding: 12px 14px 9px;
}

.buy_wrap.buy_wrap_v2 .gift_area.deliveryDay .btnCalendar {
    display: block;
    position: relative;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #565656;
    text-align: left;
    -webkit-appearance: none;
}

.buy_wrap.buy_wrap_v2 .gift_area.deliveryDay .btnCalendar:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    width: 18px;
    height: 17px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -180px -60px;
    background-size: 300px auto;
}

.buy_wrap.buy_wrap_v2 .gift_area.deliveryDay .btnCalendar span {
    display: inline-block;
    position: static;
    margin: 0 0 0 5px;
    color: #000;
    font-size: 15px;
}

/* .buy_wrap.buy_wrap_v2 .gift_area .btnCalendar {width:18px; height:17px; border:none; outline:none; background:url(//image.hnsmall.com/images/mobile2014/common/btn_calendar.gif) no-repeat left top; background-size:18px 17px; -webkit-appearance:none;} */

/* 달력 2016-05-03 */
.calendarPopWrap {
    display: none;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    border-top: 1px solid #898989;
    z-index: 5;
}

.calendarPopWrap .btnClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    border: none;
    outline: none;
    background-color: #fff;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/btn_calendar_close_pop.gif);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center;
    -webkit-appearance: none;
}

.calendarWrap .ui-datepicker {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

.calendarWrap span {
    position: static;
}

.calendarWrap .ui-widget-content {
    border: none;
}

.calendarWrap .ui-widget-header .ui-icon {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_datepicker.png);
}

.calendarWrap .ui-datepicker .ui-datepicker-header {
    width: 165px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border: none;
    background: none;
}

.calendarWrap .ui-datepicker .ui-datepicker-title {
    display: inline-block;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.calendarWrap .ui-datepicker .ui-datepicker-prev,
.calendarWrap .ui-datepicker .ui-datepicker-next {
    top: 50%;
    margin-top: -8px;
    width: 25px;
    height: 16px;
}

.calendarWrap .ui-datepicker .ui-datepicker-prev span {
    margin-left: -4px;
    margin-top: -8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_calendar_month_prev.gif) no-repeat left top;
    background-size: 8px 15px;
}

.calendarWrap .ui-datepicker .ui-datepicker-next span {
    margin-left: -4px;
    margin-top: -8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_calendar_month_next.gif) no-repeat left top;
    background-size: 8px 15px;
}

.calendarWrap .ui-corner-all,
.calendarWrap .ui-corner-bottom,
.calendarWrap .ui-corner-right,
.ui-corner-br {
    border-radius: 0;
}

.calendarWrap .ui-datepicker table th {
    margin: 0;
    font-weight: normal;
    background: #eee;
    color: #898989;
}

.calendarWrap .ui-datepicker table td {
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    vertical-align: top;
}

.calendarWrap .ui-datepicker table td:first-child a {
    color: #e51937;
}

.calendarWrap .ui-datepicker table td:last-child a {
    color: #3a83e6;
}

.calendarWrap .ui-datepicker table td a {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 1px 0 0;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.calendarWrap .ui-datepicker table td span {
    display: block;
    margin: 0 0 -20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.calendarWrap .ui-datepicker table td.ui-state-disabled span {
    margin: 0;
    font-weight: normal;
}

.calendarWrap .ui-datepicker table td .ui-state-default {
    border: none;
    font-size: 16px;
    color: #000;
    background: #fff;
}

.calendarWrap .ui-datepicker table td.ui-datepicker-today.ui-datepicker-current-day a,
.calendarWrap .ui-datepicker table td.ui-datepicker-today a {
    color: #fff;
    border-radius: 100%;
    background: #19bfbf;
}

.calendarWrap .ui-datepicker table td.ui-datepicker-today span,
.calendarWrap .ui-datepicker table td.ui-datepicker-today.ui-datepicker-current-day span {
    color: #19bfbf;
    font-weight: bold;
}

.calendarWrap .ui-datepicker table td.ui-datepicker-current-day a {
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    background: #e51937;
}

.calendarWrap .ui-datepicker table td.ui-datepicker-current-day span {
    color: #e51937;
    font-weight: bold;
}

/* 구매하기 - 드로어팝업 (사은품) 2016-04-12 */
.buy_wrap.buy_wrap_v2 .gift_area {
    padding: 12px 14px 2px 85px;
}

.buy_wrap.buy_wrap_v2 .gift_area .gift_list ul li {
    padding: 0 0 10px;
    font-size: 14px;
    color: #000;
}

.buy_wrap.buy_wrap_v2 .gift_area .gift_list ul li label {
    height: 20px;
    vertical-align: middle;
}

.buy_wrap.buy_wrap_v2 .gift_area .gift_list ul li ul li {
    padding: 5px 0 0 25px;
}

.buy_wrap.buy_wrap_v2 .gift_area .gift_list p {
    padding: 0 0 10px;
    font-size: 14px;
    color: #000;
}

/* 구매하기 - 미리계산기 */
.buy_wrap.buy_wrap_v2 .total_price .calculateBtn {
    position: relative;
    display: inline-block;
    float: left;
    width: 60px;
    height: 23px;
    vertical-align: middle;
    margin-left: 5px;
    overflow: hidden;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
}

.buy_wrap.buy_wrap_v2 .total_price .calculateBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 4px;
    width: 9px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -160px -75px;
    background-size: 300px auto;
}

.buy_wrap.buy_wrap_v2 .total_price .calculateBtn:after {
    content: "미리계산";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 15px;
    line-height: 18px;
    font-size: 11px;
    letter-spacing: -1px;
    color: #565656;
}

/* 구매하기 - 구매하기 버튼 적립금 노출 */
.buy_wrap.buy_wrap_v2 .layer_btnT_wrap .btn_buy p {
    padding: 1px 0 0;
    line-height: 39px;
}

.buy_wrap.buy_wrap_v2 .layer_btnT_wrap .btn_buy p .savePoint {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    vertical-align: top;
}

/* 구매하기 - 품절 */
.buy_wrap.buy_wrap_v2 .counselPh {
    display: inline-block;
    margin: 3px 0 0;
    padding: 1px 0 0 25px;
    line-height: 20px;
}

.buy_wrap.buy_wrap_v2 .counselPh:before {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -3px 4px 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -120px -90px;
    background-size: 300px auto;
}

.buy_wrap.buy_wrap_v2 .bsAlarm {
    display: inline-block;
    margin: 3px 0 0;
    padding: 1px 7px 0 0;
    line-height: 20px;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.buy_wrap.buy_wrap_v2 .bsAlarm:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 11px;
    margin: -3px 4px 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -150px -90px;
    background-size: 300px auto;
}

/* 최근본상품 삭제 버튼추가로 UI개선 2016-04-19 */
.order_list.recentView li .product_tit {
    margin: 0 0 10px;
}

.order_list.recentView li .product {
    min-height: 62px;
    padding-bottom: 18px;
}

.order_list.recentView li .product .img {
    top: 0;
}

.order_list.recentView li .product .price {
    padding: 0;
}

.order_list.recentView li .product .benefit {
    overflow: hidden;
    min-height: 16px;
}

.order_list.recentView li .product .benefit span {
    margin: 0;
}

.order_list.recentView li .product .benefit .oil_tax {
    color: #999;
    border: 1px solid #cdcdcd;
}

.order_list.recentView li .product .benefit .noint {
    padding: 0;
    font-size: 11px;
    color: #999;
    border: none;
}

.order_list.recentView li .product .benefit .noint em {
    padding: 0 2px;
    font-size: 12px;
    border: 1px solid #cdcdcd;
    vertical-align: top;
}

.order_list.recentView li .product .benefit .delivery {
    color: #999;
    border: 1px solid #cdcdcd;
}

.order_list.recentView li .product .benefit .comment {
    color: #666;
}

.order_list.recentView li .product .benefit .comment em {
    margin: 0 0 0 2px;
    color: #111;
}

.order_list.recentView li .btnRecentView {
    position: absolute;
    bottom: 12px;
    right: 10px;
}

.order_list.recentView li .btnRecentView a {
    display: inline-block;
    margin: 0;
    font-size: 13px;
    line-height: 15px;
    color: #565656;
}

.order_list.recentView li .btnRecentView a+a {
    margin-left: 6px;
    padding: 0 0 0 11px;
    border-left: 1px solid #cdcdcd;
}

.order_list.recentView li .btnRecentView a.basket:before,
.order_list.recentView li .btnRecentView a.del:before,
.order_list.recentView li .btnRecentView a.wish:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-size: 200px auto;
}

.order_list.recentView li .btnRecentView a.basket:before {
    background-position: -60px -60px;
}

.order_list.recentView li .btnRecentView a.del:before {
    background-position: -80px -60px;
}

.order_list.recentView li .btnRecentView a.wish:before {
    background-position: -100px -60px;
}

.order_list.recentView li .btnRecentView a.wish {
    display: none;
}

/* 위시리스트 히든처리 */

/* 고객봄맞이 특집전 - 추가적립 2016-04-20 */
.pay_text2 .eventBox .eventImg {
    padding: 0;
}

.pay_text2 .eventBox .eventPrice {
    padding: 0;
}

.pay_text2 .eventBox .eventPrice .tit {
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
}

.pay_text2 .eventBox .eventPrice .price {
    display: inline-block;
    line-height: 22px;
    font-size: 20px;
    font-weight: bold;
    color: #e51937;
    vertical-align: middle;
}

.pay_text2 .eventBox .eventPrice .price em {
    font-size: 15px;
}

.order .orderTotal_wrap ul li:last-child th {
    width: 45%;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.order .orderTotal_wrap ul li:last-child td {
    width: 55%;
    font-size: 14px;
    font-weight: bold;
}

.order_table.total2 .orderTotal_wrap ul li tr:last-child th {
    font-size: 13px;
    font-weight: bold;
}

.order_table.total2 .orderTotal_wrap ul li tr:last-child td {
    font-size: 16px;
}

/* 예약등록/예약결제/점검시간 화면 2016-04-21 */
.alertWrap {
    padding: 0 20px;
}

.alertWrap .tit {
    padding: 35px 0 0;
    text-align: center;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.alertWrap .titCopy {
    width: 200px;
    margin: 5px auto 0;
    font-size: 13px;
    color: #565656;
}

.alertWrap .titCopy02 {
    margin: 5px 0 0;
    font-size: 13px;
    color: #565656;
    text-align: center;
}

.alertWrap .alertFlag {
    display: inline-block;
    padding: 1px 7px 0;
    line-height: 18px;
    font-size: 11px;
    color: #fff;
    border-radius: 12px;
    background: #bbb;
    vertical-align: middle;
}

.alertWrap .txtStyle01 {
    margin: 15px 0 0;
    font-size: 13px;
    color: #898989;
    text-align: center;
}

.alertWrap .txtStyle02 {
    margin: 15px 0 0;
    font-size: 13px;
    color: #e51937;
}

.alertWrap .lineBox {
    margin: 15px 0 0;
    padding: 18px 15px;
    border: 1px solid #eee;
    border-radius: 2px;
}

.alertWrap .lineBox .txtS01 {
    font-size: 13px;
    color: #898989;
    text-align: center;
}

.alertWrap .lineBox .point01 {
    font-weight: bold;
    color: #565656;
}

.alertWrap .lineBox .btnBox {
    margin: 8px 0 0;
}

.alertWrap .lineBox .btnGoOrder {
    display: block;
    width: 251px;
    height: 34px;
    margin: 0 auto;
    padding: 1px 0 0;
    line-height: 33px;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
    background: #e51937;
    text-align: center;
}

.alertWrap .member_btn {
    margin: 20px 0 0;
    padding: 0;
}

.alertWrap .member_btn a {
    width: 110px;
    padding: 0;
}

.sequenList li {
    position: relative;
    margin: 8px 0 0;
    padding: 0 0 0 20px;
    font-size: 13px;
    line-height: 17px;
    color: #898989;
}

.sequenList li:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sequence.png) no-repeat 0 0;
    background-size: auto 15px;
}

.sequenList li:nth-child(1) {
    margin: 0;
}

.sequenList li:nth-child(2):before {
    background-position: -15px 0;
}

.sequenList li:nth-child(3):before {
    background-position: -30px 0;
}

p.cautionBox {
    position: relative;
    display: block;
    margin: 7px 0 0;
    padding: 1px 0 0 17px;
    font-size: 11px;
    color: #898989;
}

p.cautionBox:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -180px;
    background-size: 300px 390px;
}

ul.cautionBox {
    padding: 0;
    margin: 7px 0 0;
    font-size: 11px;
    color: #898989;
}

ul.cautionBox li {
    position: relative;
    padding: 1px 0 0 17px;
    margin: 3px 0 0;
}

ul.cautionBox li:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -180px;
    background-size: 300px 390px;
}

ul.cautionBox li:first-child {
    margin: 0;
}

ul.cautionBox li .point01 {
    color: #565656;
}

ul.cautionBox li .pointB01 {
    font-weight: bold;
    color: #e51937;
}

/* 마이페이지홈 - 간편결제 */
.pangPStateWrap {
    padding: 0 10px;
    background: #fff;
}

.pangPStateWrap dl {
    border: 1px solid #ddd;
}

.pangPStateWrap dl dt {
    border-bottom: 1px solid #ddd;
    background: #38c0ea;
}

.pangPStateWrap dl dt a {
    display: block;
    overflow: hidden;
    padding: 14px 8px 12px;
    color: #fff;
}

.pangPStateWrap dl dt a strong {
    float: left;
    font-size: 15px;
    font-weight: normal;
}

.pangPStateWrap dl dt a span {
    float: right;
    padding: 1px 10px 0 0;
    font-size: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow02.gif) no-repeat right center;
    background-size: 6px 11px;
}

.pangPStateWrap dl dd.buyMoneyBox a {
    display: block;
    padding: 12px 8px;
}

.pangPStateWrap dl dd.buyMoneyBox a .txt {
    overflow: hidden;
    margin: 0 0 -3px;
}

.pangPStateWrap dl dd.buyMoneyBox a .txt strong {
    float: left;
    font-size: 13px;
    font-weight: normal;
}

.pangPStateWrap dl dd.buyMoneyBox a .txt span {
    float: right;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.pangPStateWrap dl dd.buyMoneyBox a .btnSearch {
    display: inline-block;
    padding: 2px 10px 0 0;
    font-size: 12px;
    line-height: 14px;
    color: #565656;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow.gif) no-repeat right center;
    background-size: 5px 9px;
}

.pangPStateWrap dl dd.needAddPoint a {
    display: block;
    padding: 7px 0;
    font-size: 13px;
    text-align: center;
    color: #565656;
    background: #f4f4f4;
}

.pangPStateWrap dl dd.needAddPoint a span {
    display: inline-block;
    padding: 2px 15px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow03.gif) no-repeat right center;
    background-size: 11px 6px;
}

.pangPStateWrap dl dd.needAddPoint a span.open {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow04.gif) no-repeat right center;
    background-size: 11px 6px;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts {
    max-width: 220px;
    padding: 10px 35px;
    margin: 0 auto;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts p {
    overflow: hidden;
    margin: 4px 0 0;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts p:first-child {
    margin: 0;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts p .left {
    float: left;
    font-size: 13px;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts p .left:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -175px -200px;
    background-size: 300px 390px;
}

.pangPStateWrap dl dd.needAddPoint .needPointConts p .right {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

/* 마이페이지홈 - 간편결제 배너 */
.banner_pangpang_pay {
    padding: 5px 10px 20px;
    background: #fff;
}

.banner_pangpang_pay img {
    width: 100%;
    vertical-align: top;
}

/* 팡팡페이 사용내역 - 추가적립해택 */
.usePayViewBox {
    padding: 10px;
}

.usePayViewBox .none_user_info3 {
    padding: 0 0 5px;
}

.usePayViewBox .none_user_info3 .dey_cation_new {
    padding: 0 10px 5px 20px
}

.usePayViewBox .none_user_info3 .txtColor01 {
    color: #222;
}

.usePayViewBox .dot_list_type li {
    font-size: 12px;
}

.usePayViewBox .dot_list_type li .txtColor01 {
    color: #222;
}

.usePayViewBox .addSaveGuide {
    border: 1px solid #ddd;
}

.usePayViewBox .addSaveGuide .title {
    padding: 8px 0;
    font-size: 13px;
    color: #565656;
    text-align: center;
    background: #f4f4f4;
}

.usePayViewBox .addSaveGuide .title span {
    display: block;
    font-size: 12px;
    color: #898989;
}

.usePayViewBox .addSaveGuide .needPointConts {
    max-width: 200px;
    margin: 0 auto;
    padding: 10px 35px;
}

.usePayViewBox .addSaveGuide .needPointConts p {
    overflow: hidden;
    margin: 4px 0 0;
}

.usePayViewBox .addSaveGuide .needPointConts p:first-child {
    margin: 0;
}

.usePayViewBox .addSaveGuide .needPointConts p .left {
    float: left;
    font-size: 13px;
}

.usePayViewBox .addSaveGuide .needPointConts p .left:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: #898989;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.usePayViewBox .addSaveGuide .needPointConts p .right {
    float: right;
    font-size: 13px;
    font-weight: bold;
}

/* 배송지 변경 토스트 팝업 */
.delivery_mod_toast {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/toast_delivery_change.png) no-repeat left top;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.delivery_mod_toast.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

/* k-mark 인증 추가  2016-06-01 */
/*.kMarkInfo {display:table; box-sizing:border-box; padding:10px 15px 9px 39px; margin:5px 10px 5px; line-height:16px; font-size:13px; color:#565656;  border:1px solid #ddd; background: url(//image.hnsmall.com/images/mobile2014/common/mark_k.gif) no-repeat 9px center; background-size:24px 37px;}
.kMarkInfo .table_cell {display:table-cell; min-height:37px; vertical-align:middle;}
.kMarkInfo strong {display:block;  color:#232323;}*/
.kMarkInfo {
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px 5px;
}

.kMarkInfo .table_cell {
    position: relative;
    display: table-cell;
    padding: 10px 15px 9px 39px;
    height: 50px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 13px;
    color: #565656;
    border: 1px solid #ddd;
}

.kMarkInfo .table_cell:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -19px;
    width: 24px;
    height: 37px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px 0;
    background-size: 300px auto;
}

.kMarkInfo strong {
    display: block;
    color: #232323;
}

/* 마이페이지 메인 - 릴레이팡팡, 적립금, 팡팡페이 디자인 수정 */
.myPointStateWrap {
    position: relative;
    margin: 5px 10px;
    border: 1px solid #cdcdcd;
    background: #fff;
}

.myPointStateWrap>a {
    display: block;
}

.myPointStateWrap .titWrap {
    padding: 0 20px 0 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_link_arrow02.gif) no-repeat right center;
    background-size: 15px 11px;
}

.myPointStateWrap .titWrap:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}

.myPointStateWrap .titWrap strong {
    display: inline-block;
    float: left;
    height: 35px;
    line-height: 35px;
    font-weight: normal;
    color: #000;
}

.myPointStateWrap .titWrap .txt01 {
    float: right;
    padding: 2px 0 0;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

.myPointStateWrap .titWrap .ico_save {
    padding: 0 0 0 21px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_save_money.gif) no-repeat left center;
    background-size: 16px 15px;
}

.myPointStateWrap .titWrap .ico_relay {
    padding: 0 0 0 18px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_relay_pangpang.gif) no-repeat left center;
    background-size: 13px 16px;
}

.myPointStateWrap .titWrap .ico_pang {
    padding: 0 0 0 19px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpay.gif) no-repeat left center;
    background-size: 14px 18px;
}

.myPointStateWrap .statList {
    margin: 0 10px;
    padding: 10px 0 9px;
    border-top: 1px solid#eee;
}

.myPointStateWrap .statList .listSect {
    margin: 4px 0 0;
    font-size: 13px;
}

.myPointStateWrap .statList .listSect:first-child {
    margin: 0;
}

.myPointStateWrap .statList .listSect:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}

.myPointStateWrap .statList .listSect .statTit {
    float: left;
    color: #898989;
}

.myPointStateWrap .statList .listSect .statPrice {
    float: right;
    font-weight: bold;
}

.myPointStateWrap .statList.type02:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}

.myPointStateWrap .statList.type02 .listSect {
    float: left;
    box-sizing: border-box;
    width: 50%;
    margin: 0;
}

.myPointStateWrap .statList.type02 .listSect:first-child {
    margin: 0;
}

.myPointStateWrap .statList.type02 .listSect:nth-child(2n-1) {
    padding: 0 10px 0 0;
}

.myPointStateWrap .statList.type02 .listSect:nth-child(2n) {
    padding: 0 0 0 11px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/bar_div.gif) no-repeat left center;
    background-size: 1px 10px;
}

.myPointStateWrap .statList02 {
    position: relative;
    padding: 6px 10px 9px 50%;
    background: #f9f9f9;
}

.myPointStateWrap .statList02 .achieveEvent {
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    margin: -10px 0 0;
    text-align: center;
}

.myPointStateWrap .statList02 .achieveEvent span {
    display: inline-block;
    padding: 0 10px;
    line-height: 19px;
    font-size: 13px;
    color: #a65de6;
    border: 1px solid #a65de6;
    border-radius: 10px;
}

.myPointStateWrap .statList02 dd {
    padding: 5px 0 0;
    font-size: 13px;
}

.myPointStateWrap .statList02 dd:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}

.myPointStateWrap .statList02 dd .statTit {
    float: left;
    color: #898989;
}

.myPointStateWrap .statList02 dd .statPrice {
    float: right;
    font-weight: bold;
}

.myPointStateWrap .btnLinkWrap a {
    display: block;
    padding: 0;
    line-height: 0;
    font-size: 13px;
    color: #565656;
    text-align: center;
    background: #f4f4f4;
}

.myPointStateWrap .btnLinkWrap .btnLink span {
    display: inline-block;
    padding: 2px 10px 0 0;
    line-height: 26px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_link_arrow.gif) no-repeat right center;
    background-size: 6px 11px;
}

.myPointStateWrap .btnLinkWrap .btnOpenList span {
    display: inline-block;
    padding: 2px 15px 0 0;
    line-height: 26px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow03.gif) no-repeat right center;
    background-size: 11px 6px;
}

.myPointStateWrap .btnLinkWrap .btnOpenList span.open {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow04.gif) no-repeat right center;
    background-size: 11px 6px;
}

.myPointStateWrap .needAddPointList {
    padding: 10px 0;
    text-align: center;
    background: #f9f9f9;
}

.myPointStateWrap .needAddPointList .achieveEvent {
    display: inline-block;
    padding: 0 10px;
    line-height: 19px;
    font-size: 13px;
    color: #a65de6;
    border: 1px solid #a65de6;
    border-radius: 10px;
}

.myPointStateWrap .needAddPointList p {
    display: none;
    margin: 4px 0 0;
    color: #898989;
}

.myPointStateWrap .needAddPointList p:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.myPointStateWrap .needAddPointList p:first-child {
    margin: 10px 0 0;
}

.myPointStateWrap .needAddPointList p .left {
    padding: 0;
    font-size: 13px;
}

.myPointStateWrap .needAddPointList p .right {
    font-size: 13px;
    font-weight: bold;
}

.myPointStateWrap .needAddPointList p.icoClick {
    display: block;
}

.myPointStateWrap .needAddPointList p.icoClick .right {
    position: relative;
}

.myPointStateWrap .needAddPointList p.icoClick .right:after {
    display: block;
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    width: 11px;
    height: 6px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow03.gif) no-repeat right center;
    background-size: 11px 6px;
}

.myPointStateWrap .needAddPointList p.icoClick.open .right:after {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow04.gif) no-repeat right center;
    background-size: 11px 6px;
}

.myPointStateWrap .needAddPointList p.icoClick.disableClick .right:after {
    display: none;
}

.myPointStateWrap .btnMng {
    position: absolute;
    top: 0;
    left: 90px;
    height: 35px;
    padding: 0 13px 0 0;
    line-height: 35px;
    font-size: 13px;
    color: #898989;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpang_set.gif) no-repeat right center;
    background-size: 11px;
}

.myBannerWrap {
    overflow: hidden;
    margin: 5px 10px;
}

.myBannerWrap ul {
    overflow: hidden;
    position: relative;
}

.myBannerWrap ul li {
    float: left;
    position: relative;
}

.myBannerWrap a {
    display: block;
}

.myBannerWrap a img {
    width: 100%;
    vertical-align: top;
}

.myBannerWrap .bannerNavi {
    overflow: hidden;
    height: 10px;
    padding: 5px 0 10px;
    text-align: center;
}

.myBannerWrap .bannerNavi span {
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    color: transparent;
    vertical-align: top;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_banner_slide_navi_off.gif);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left top;
}

.myBannerWrap .bannerNavi span.on {
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_banner_slide_navi_on.gif);
}

/* 총혜택 추가 2016-06-15 */
.myTotalBfWrap {
    padding: 10px 10px 0;
    background: #6fa6e5;
}

.myTotalBfWrap .myTotalBfInner {
    padding: 10px 0 0;
}

.myTotalBfWrap .blind {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.myTotalBfWrap .totalInfo {
    position: relative;
    box-sizing: border-box;
    max-width: 350px;
    min-height: 70px;
    padding: 10px 110px 0 15px;
    margin: 0 auto 15px;
}

.myTotalBfWrap .totalInfo .tit {
    font-size: 15px;
    color: #fff;
    letter-spacing: -1px;
}

.myTotalBfWrap .totalInfo .tit span {
    font-size: 12px;
    color: #2f6099;
}

.myTotalBfWrap .totalInfo .totalBf {
    margin: 5px 0 0;
    line-height: 30px;
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.myTotalBfWrap .totalInfo .totalBf span {
    font-size: 14px;
}

.myTotalBfWrap .totalInfo .totalBuy {
    margin: -5px 0 0;
    line-height: 16px;
    font-size: 13px;
    color: #a7d0fe;
}

.myTotalBfWrap .totalInfo .graphWrap {
    display: none;
    position: absolute;
    right: 20px;
    top: 0;
    width: 94px;
    height: 80px;
    margin: 0 auto;
    background: #6fa6e5 url(//image.hnsmall.com/images/mobile2014/mypage/fram_total_bf_graph02.png) no-repeat center top;
    background-size: 94px 80px;
}

.myTotalBfWrap .totalInfo .graphStick {
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 0;
    height: 0;
    background: #e51937;
}

.myTotalBfWrap .totalInfo .graphStick.runOver {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/fram_total_bf_graph04.png) no-repeat center top;
    background-size: 93px 80px;
}

.myTotalBfWrap .totalInfo .frameTriangle {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 94px;
    height: 80px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/fram_total_bf_graph01_160701.png) no-repeat left top;
    background-size: 94px 80px;
}

.myTotalBfWrap .totalInfo .frameTriangle .percent {
    position: absolute;
    right: -7px;
    bottom: 0;
    width: 52px;
    height: 37px;
    padding: 13px 2px 3px 0;
    font-size: 10px;
    font-weight: bold;
    color: #e51937;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/graph_save_percent.png) no-repeat left top;
    background-size: 52px 53px;
}

.myTotalBfWrap .totalInfo .frameTriangle .percent span {
    display: block;
    margin: -2px 0 0;
    line-height: 14px;
    font-size: 12px;
}

.myTotalBfWrap .totalInfo .frameTriangle .percent span.num {
    margin: 0;
}

.myTotalBfWrap .totalInfo .frameTriangle .percent span em {
    font-size: 20px;
}

.myTotalBfWrap .totalInfo .graphWrap.noBf {
    background: #6fa6e5 url(//image.hnsmall.com/images/mobile2014/mypage/fram_total_bf_graph03.png) no-repeat center top;
    background-size: 91px 80px;
}

.myTotalBfWrap .totalInfo .graphWrap.noBf .frameTriangle {
    background: none;
}

.myTotalBfWrap .totalInfo .graphWrap.noBf .frameTriangle .percent {
    bottom: 5px;
}

.myTotalBfWrap .bfDetailWrap {
    display: none;
    background: #fff;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>strong {
    display: block;
    float: left;
    line-height: 36px;
    font-size: 14px;
    font-weight: normal;
    color: #898989;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>p {
    float: right;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #565656;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>ul {
    float: left;
    width: 100%;
    margin: 0 -10px;
    padding: 10px 10px;
    background: #f7f7f7;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>ul li {
    margin: 2px 0 0;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>ul li:first-child {
    margin: 0;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>ul li strong {
    line-height: 18px;
    font-size: 13px;
}

.myTotalBfWrap .bfDetailWrap .bfListWrap li>ul li p {
    line-height: 18px;
    font-size: 13px;
    color: #898989;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap {
    position: relative;
    margin: 15px 0 0;
    padding: 0 10px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .tit {
    position: relative;
    font-size: 14px;
    color: #898989;
    text-align: center;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .tit .unit {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph {
    overflow: hidden;
    position: relative;
    padding: 35px 0 30px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul {
    width: 720px;
    border-bottom: 1px solid #eee;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul>li {
    float: left;
    width: 40px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick {
    position: relative;
    width: 100%;
    height: 100px;
    background: #fff;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .date {
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -20px;
    font-size: 12px;
    color: #898989;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .moneyTxt {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #6fa6e5;
    background: none;
    letter-spacing: -1px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .innerStick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #a4c7ef;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .arrowL,
.myTotalBfWrap .bfDetailWrap .monthBfWrap .arrowR {
    display: none;
    position: absolute;
    bottom: 70px;
    width: 14px;
    height: 25px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .arrowL {
    left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/month_graph_arrow.png) no-repeat left -25px;
    background-size: 14px 50px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .arrowR {
    right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/month_graph_arrow.png) no-repeat left 0;
    background-size: 14px 50px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .mthGraphGuideBox {
    position: absolute;
    bottom: 35px;
    left: 0;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .mthGraphGuideBox .img {
    display: inline-block;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .mthGraphGuideBox .img img {
    width: 120px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .mthGraphGuideBox .btnClose {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    border: none;
    -webkit-appearance: none;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/month_flick_guide_close.png) no-repeat left top;
    background-size: 11px;
}

.myTotalBfWrap .bfDetailWrap .monthBfWrap .mthGraphGuideBox .btnClose span {
    position: absolute;
    left: -9999px;
}

.myTotalBfWrap .none_user_info3 {
    padding: 10px 10px;
}

.myTotalBfWrap .bfBannerWrap {
    padding: 0 0 15px
}

.myTotalBfWrap .bfBannerWrap a {
    display: block;
    padding: 0;
    text-align: center;
    background: #fff;
}

.myTotalBfWrap .bfBannerWrap a img {
    width: 100%;
    vertical-align: top;
}

.myTotalBfWrap .bfBannerWrap a .txt01 {
    display: block;
    font-size: 15px;
    color: #222;
}

.myTotalBfWrap .bfBannerWrap a .img img {
    width: 148px;
    height: 42px;
    vertical-align: top;
}

.myTotalBfWrap .btnOpenDetail {
    display: block;
    width: 100%;
    padding: 0 10px;
    margin: 0 -10px;
    text-align: center;
    border: none;
    outline: none;
    background: #6fa6e5;
}

.myTotalBfWrap .btnOpenDetail span {
    display: inline-block;
    padding: 2px 15px 0 0;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow06_160701.gif) no-repeat right center;
    background-size: 12px 7px;
    vertical-align: top;
}

.myTotalBfWrap .btnOpenDetail.open span {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pang_arrow05_160701.gif) no-repeat right center;
    background-size: 12px 7px;
}

/* 신규배송지 UI변경  2016-06-17 */
.multipleZon.type02 {
    border: none;
    padding: 0;
}

.newShipAddBtn {
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}

.newShipAddBtn button {
    overflow: hidden;
    width: 100%;
    text-align: center;
    border: none;
    border-radius: 3px;
    background: #898989;
    -webkit-appearance: none;
    vertical-align: top;
}

.newShipAddBtn button span {
    display: inline-block;
    padding: 2px 0 0 0;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
    background: none;
}

.newShipAddBtn button span:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    margin: -3px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -80px -180px;
    background-size: 300px auto;
}

/* 방송알림 등록 팝업 */
.layerPopWrap02 .arimiRegBox .arimiHead {
    overflow: hidden;
    margin: -20px -15px 0;
    padding: 10px;
    background: #f1f1f1;
}

.layerPopWrap02 .arimiRegBox .arimiHead .img {
    display: block;
    overflow: hidden;
    float: left;
    width: 60px;
    height: 60px;
}

.layerPopWrap02 .arimiRegBox .arimiHead .img img {
    width: 100%;
}

.layerPopWrap02 .arimiRegBox .arimiHead .name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: right;
    width: 200px;
    line-height: 18px;
    color: #232323;
}

.layerPopWrap02 .arimiRegBox .arimiHead .category {
    color: #232323;
}

.layerPopWrap02 .arimiRegBox .setupOpt>li {
    margin: 0 -15px;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dt {
    margin: 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #898989;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dt:first-child {
    margin: 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox {
    overflow: hidden;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox li {
    float: left;
    box-sizing: border-box;
    width: 31%;
    margin: 7px 0 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox li:nth-child(3n-1) {
    width: 38%;
    padding: 0 7px;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox li a {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 1px 0 0;
    font-size: 12px;
    color: #565656;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked {
    color: #e51937;
    border: 1px solid #e51937;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li {
    width: 22%;
    padding: 0 7px 0 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1) {
    width: 22%;
    padding: 0 7px 0 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {
    width: 34%;
    padding: 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox {
    position: relative;
    padding: 7px 0 0;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox input[type=checkbox] {
    vertical-align: middle;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox label {
    display: inline-block;
    line-height: 23px;
    vertical-align: middle;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo {
    position: absolute;
    right: 0;
    padding: 0 7px;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span {
    display: inline-block;
    height: 20px;
    padding: 1px 0 0;
    line-height: 20px;
    font-size: 11px;
    color: #565656;
    background-size: 12px;
}

.layerPopWrap02 .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 13px;
    margin-top: -1px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -195px;
    background-size: 300px 390px;
}

.layerPopWrap02 .arimiRegBox .icoComt {
    margin: 0 -15px -20px;
    padding: 10px;
}

/* 방송알림 등록 팝업 구*/
.layerPopWrap .arimiRegBox .arimiHead {
    overflow: hidden;
    margin: -20px -15px 0;
    padding: 10px;
    background: #f1f1f1;
}

.layerPopWrap .arimiRegBox .arimiHead .img {
    display: block;
    overflow: hidden;
    float: left;
    width: 60px;
    height: 60px;
}

.layerPopWrap .arimiRegBox .arimiHead .img img {
    width: 100%;
}

.layerPopWrap .arimiRegBox .arimiHead .name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: right;
    width: 200px;
    line-height: 18px;
    color: #232323;
}

.layerPopWrap .arimiRegBox .arimiHead .category {
    color: #232323;
}

.layerPopWrap .arimiRegBox .setupOpt>li {
    margin: 0 -15px;
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.layerPopWrap .arimiRegBox .setupOpt dl dt {
    margin: 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    color: #898989;
}

.layerPopWrap .arimiRegBox .setupOpt dl dt:first-child {
    margin: 0;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .optBtnBox {
    overflow: hidden;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .optBtnBox li {
    float: left;
    box-sizing: border-box;
    width: 31%;
    margin: 7px 0 0;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .optBtnBox li:nth-child(3n-1) {
    width: 38%;
    padding: 0 7px;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .optBtnBox li a {
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 1px 0 0;
    font-size: 12px;
    color: #565656;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked {
    color: #e51937;
    border: 1px solid #e51937;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .reciveAgreeBox {
    position: relative;
    padding: 7px 0 0;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .reciveAgreeBox input[type=checkbox] {
    vertical-align: middle;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .reciveAgreeBox label {
    display: inline-block;
    line-height: 23px;
    vertical-align: middle;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo {
    position: absolute;
    right: 0;
    padding: 0 7px;
    text-align: center;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.layerPopWrap .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span {
    display: inline-block;
    height: 20px;
    padding: 1px 0 0 15px;
    line-height: 20px;
    font-size: 11px;
    color: #565656;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_setting.gif) no-repeat left center;
    background-size: 12px;
}

.layerPopWrap .arimiRegBox .icoComt {
    margin: 0 -15px -20px;
    padding: 10px;
}

/* 방송알림 설정 토스트팝업 2016-07-12 */
.tv_arimi_toast01 {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.tv_arimi_toast01.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.tv_arimi_toast02 {
    position: fixed;
    top: 257px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    background-size: 0;
    color: transparent;
    font-size: 0;
    z-index: 100;
    -webkit-transition: all 0.1s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

.tv_arimi_toast02.view {
    width: 114px;
    height: 114px;
    top: 200px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

/* 거래명세서 팝업 2016-07-15 */
.order_statment_pop {
    padding: 0;
}

/* table style 2016-07-15 */
.viewTbl .tblTit {
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    border-top: 1px solid #ddd;
    background: #f4f4f4;
}

.viewTbl table {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.viewTbl .tblTit {
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 14px;
    color: #000;
    border-top: 1px solid #ddd;
    background: #f4f4f4;
}

.viewTbl table th,
.viewTbl table td {
    padding: 8px 10px 7px;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #565656;
    text-align: left;
}

.viewTbl table th {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.viewTbl table th:first-child {
    border-left: none;
}

.viewTbl table td {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

/* 동영상 가이드 화면 2016-07-19 */
.guideVideoWrap {
    margin: 0 0 -20px;
    background: #e8e8e8;
}

.guideVideoWrap .imgBox img {
    width: 100%;
    vertical-align: top;
}

.guideVideoWrap .videoListBox {
    padding: 10px;
}

.guideVideoWrap .videoListBox ul li {
    margin: 5px 0 0;
    border: 1px solid #cdcdcd;
}

.guideVideoWrap .videoListBox ul li:first-child {
    margin: 0;
}

.guideVideoWrap .videoListBox ul li.on {
    border: 1px solid #666;
}

.guideVideoWrap .videoListBox ul li>button {
    position: relative;
    width: 100%;
    height: 35px;
    padding: 1px 0 0 10px;
    font-size: 14px;
    color: #000;
    text-align: left;
    border: none;
    outline: none;
    background: #fff;
}

.guideVideoWrap .videoListBox ul li>button:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 13px;
    height: 7px;
    margin-top: -4px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -25px -120px;
    background-size: 200px auto;
}

.guideVideoWrap .videoListBox ul li.on>button {
    font-weight: bold;
}

.guideVideoWrap .videoListBox ul li.on>button:after {
    background-position: -25px -130px;
}

.guideVideoWrap .videoListBox ul li .videoCont {
    display: none;
    background: #fff;
}

.guideVideoWrap .videoListBox ul li .videoCont .videoInner {
    border-top: 1px solid #ddd;
}

.guideVideoWrap .videoListBox ul li img.tmpVideo {
    width: 100%;
    vertical-align: top;
}

.guideVideoWrap .videoListBox ul li iframe.tmpVideo {
    margin-bottom: -4px;
}

/* 중소기업 방송 다시보기 2016-08-12 */
.smallBizBanner img {
    width: 100%;
    vertical-align: top;
}

/* 중소기업 방송 다시보기 - 날짜 선택영역 2016-08-12 */
.dateOptSetWrap {
    margin: 0 0 5px;
    border-top: 1px solid #ddd;
    background: #fff;
}

.dateOptSetWrap .selectedDate {
    text-align: center;
    border-bottom: 1px solid #dce0e3;
}

.dateOptSetWrap .selectedDate a {
    display: inline-block;
    height: 41px;
    padding: 1px 10px 0 0;
    line-height: 41px;
    color: #565656;
    font-size: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_opt_date_open.gif) no-repeat right center;
    background-size: 6px 5px;
}

.dateOptSetWrap .selectedDate a.open {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_opt_date_close.gif) no-repeat right center;
    background-size: 6px 5px;
}

.dateOptSetWrap .dateOptWrap {
    display: none;
}

.dateOptSetWrap .dateOptWrap .dateOptInner {
    overflow: hidden;
}

.dateOptSetWrap .dateOptWrap .dateOptInner .boxL {
    box-sizing: border-box;
    float: left;
    width: 50%;
}

.dateOptSetWrap .dateOptWrap .dateOptInner .boxR {
    box-sizing: border-box;
    float: left;
    width: 50%;
}

.dateOptSetWrap .dateOptWrap .tit {
    display: block;
    overflow: hidden;
    height: 32px;
    padding: 0 0 1px;
    line-height: 32px;
    font-weight: normal;
    color: #898989;
    text-align: center;
}

.dateOptSetWrap .dateOptWrap .tit span {
    display: inline-block;
    vertical-align: 1px;
}

.dateOptSetWrap .dateOptWrap .optScroll {
    overflow: hidden;
    position: relative;
    height: 140px;
    border-top: 1px solid #dce0e3;
    border-bottom: 1px solid #e2e3e7;
}

.dateOptSetWrap .dateOptWrap .boxR .optScroll {
    border-left: 1px solid #dce0e3;
}

.dateOptSetWrap .dateOptWrap .optScroll ul li {
    border-top: 1px solid #f7f7f7;
}

.dateOptSetWrap .dateOptWrap .optScroll ul li:first-child {
    border-top: none;
}

.dateOptSetWrap .dateOptWrap .optScroll ul li a {
    display: block;
    height: 31px;
    padding: 1px 0 0;
    line-height: 31px;
    color: #898989;
    text-align: center;
}

.dateOptSetWrap .dateOptWrap .optScroll ul li.on {
    background: #f8f9fb;
}

.dateOptSetWrap .dateOptWrap .optScroll ul li.on a {
    color: #005ec2;
    font-weight: bold;
}

.dateOptSetWrap .btnBox {
    padding: 8px 0;
    text-align: center;
    background: #f7f7f9;
}

.dateOptSetWrap .btnBox .btnDateConfirm {
    display: inline-block;
    height: 27px;
    padding: 1px 35px 0;
    line-height: 27px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

/* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 *******************************************************************************************************  */

/* **************************************************추천관 영역 부터 진행************************************************** */
/* 추천관영역 */
.contents_bg {
    background: #e9e8e8;
}

.main_plan .recommend_plan_tit {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    background: #e9e8e8;
    padding: 7px 0 7px 0;
    height: 50px;
    line-height: 22px;
    position: relative;
    border-top: 1px solid #cdcdcd;
    text-align: center;
}

.recommend_plan_tit .name {
    font-weight: bold;
}

.recommend_plan_tit .item_txt {
    width: 40%;
    display: block;
    position: absolute;
    left: 29.5%;
    margin: -2px 0 0 0;
}

.recommend_plan_tit .item_txt .label {
    display: none;
    position: absolute;
    top: -1000em;
    left: -1000em;
}

.recommend_plan_tit .item_txt .txt_img {
    display: inline-block;
    width: 100%;
}

.recommend_plan_tit .item_txt .txt_img img {
    width: 142px;
    height: 24px;
    border: 0;
    vertical-align: middle;
}

/* 추천관 타이틀 20160512 */
.main_plan.type02 {
    height: auto;
    padding: 10px 0 13px;
    text-align: center;
}

.main_plan.type02 .recommend_plan_tit {
    display: inline-block;
    height: auto;
    padding: 4px 0 0;
    font-size: 17px;
    letter-spacing: -0.3px;
    border-top: none;
    background: none;
}

.main_plan.type02 .recommend_plan_tit:before {
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    margin: -2px -3px 0 0;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/favorite_category/ico_recommend.png) no-repeat -10px 0;
    background-size: 200px auto;
}

.main_plan.type02 .recommend_plan_tit .txtB {
    font-weight: bold;
}

.corner_bg01 {
    background: #fff2f6;
}

.corner_bg02 {
    background: #f2fff8;
}

.corner_bg03 {
    background: #fffaf2;
}

.corner_bg04 {
    background: #f2fbff;
}

.plan_corner {
    overflow: hidden;
    margin-bottom: 6px;
    border-bottom: 1px solid #b5b5b5;
}

.plan_corner h2 {
    overflow: hidden;
    height: 28px;
    margin: 13px 6px 0;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan_corner h2 .type {
    display: inline-block;
    height: 24px;
    padding: 0 12px;
    margin: -1px 1px 0px 0;
    border: 1px solid #000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #000;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle;
    font-weight: bold;
}

.plan_corner h2 a {
    letter-spacing: -1.2px;
    color: #565656 !important;
    margin: 0 0 0 6px;
}

/* 영역제목 */
.plan_corner .type_tit {
    height: 27px;
    background-image: url(//image.hnsmall.com/images/mobile2014/favorite_category/sub_category_tit.png);
    background-repeat: no-repeat;
    background-size: 320px 750px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    float: left;
}

.plan_corner .tit01 {
    background-position: -10px -151px !important;
    width: 300px;
}

/* 뷰티 */
.plan_corner .tit02 {
    background-position: -10px -245px !important;
    width: 300px;
}

/* 패션잡화 */
.plan_corner .tit03 {
    background-position: -10px -10px !important;
    width: 300px;
}

/* 패션의류 */
.plan_corner .tit04 {
    background-position: -10px -406px !important;
    width: 300px;
}

/* 가전디지털 */
.plan_corner .tit05 {
    background-position: -10px -547px !important;
    width: 300px;
}

/* 가구인테리어 */
.plan_corner .tit06 {
    background-position: -10px -104px !important;
    width: 300px;
}

/* 식품 */
.plan_corner .tit07 {
    background-position: -10px -198px !important;
    width: 300px;
}

/* 문화여행 */
.plan_corner .tit08 {
    background-position: -10px -57px !important;
    width: 300px;
}

/* 언더웨어 */
.plan_corner .tit09 {
    background-position: -10px -339px !important;
    width: 300px;
}

/* 생활용품 */
.plan_corner .tit10 {
    background-position: -10px -292px !important;
    width: 300px;
}

/* 주방용품 */
.plan_corner .tit11 {
    background-position: -10px -453px !important;
    width: 300px;
}

/* 애견반려용품 */
.plan_corner .tit12 {
    background-position: -10px -614px !important;
    width: 300px;
}

/* 스포츠레저자동차 */
.plan_corner .tit13 {
    background-position: -10px -500px !important;
    width: 300px;
}

/* 출산유아동 */
/* 2016-07-29 추천관 항목 추가 */
.plan_corner .type_tit.tit14,
.plan_corner .type_tit.tit15,
.plan_corner .type_tit.tit16,
.plan_corner .type_tit.tit17 {
    background-image: url(//image.hnsmall.com/images/mobile2014/favorite_category/sub_category_tit_v2.png);
    background-size: 320px 250px;
}

.plan_corner .type_tit.tit14 {
    background-position: -10px -2px !important;
    width: 300px;
}

/* 일반식품 */
.plan_corner .type_tit.tit15 {
    background-position: -10px -32px !important;
    width: 300px;
}

/* 건강식품 */
.plan_corner .type_tit.tit16 {
    background-position: -10px -60px !important;
    width: 300px;
}

/* 생활/욕실/수납용품 */
.plan_corner .type_tit.tit17 {
    background-position: -10px -92px !important;
    width: 300px;
}

/* 세제/제지/위생용품 */

.list_corenr {
    overflow: hidden;
    margin-top: 10px;
}

.list_corenr.prod {
    height: 215px;
}

.list_corenr.prod.type02 {
    height: auto;
    padding-bottom: 16px;
}

/* 2016-05-09 추가 */
.list_corenr ul {
    display: table;
}

.list_corenr li {
    display: table-cell;
    padding-right: 18px;
    vertical-align: top
}

.list_corenr li:first-child {
    padding-left: 12px;
}

.list_corenr li a {
    display: block;
    width: 110px;
    height: 142px;
}

/* 2016-05-09 연관검색과 동일한 UI로 */
.list_corenr ul.ver20160509 li {
    padding-right: 10px;
}

.list_corenr ul.ver20160509 li a {
    width: 120px;
    height: auto;
}

.list_corenr ul.ver20160509 li a .thumb {
    width: 120px;
    height: 120px;
}

.list_corenr ul.ver20160509 li a .name {
    height: auto;
    min-height: 32px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    line-height: 16px;
}

.list_corenr ul.ver20160509 li a .Price,
.list_corenr ul.ver20160509 li a .prc {
    margin-top: 5px;
}

.list_corenr ul.ver20160509 li a .saleprc {
    margin-top: 1px;
    font-size: 16px;
}

/* //2016-05-09 연관검색과 동일한 UI로 */
.list_corenr .thumb {
    display: block;
    position: relative;
    width: 110px;
    height: 114px;
}

.list_corenr .thumb img {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
}

/* 가격퍼센트아이콘 */
.list_corenr .sticker_discount {
    display: block;
    width: 32%;
    height: 32%;
    border-radius: 100%;
    background: #e51937;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.list_corenr .sticker_discount .discount_txt_area {
    position: relative;
    height: 100%;
}

.list_corenr .sticker_discount .discount_txt_area span {
    font-size: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 26% 0 0 0;
}

.list_corenr .sticker_discount .discount_txt_area span ins {
    font-size: 12px !important;
    text-decoration: none !important;
}

.list_corenr.prod .name {
    margin: 8px 0 1px 0;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -1px;
    height: 28px;
    display: -webkit-box;
    overflow: hidden;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

/* 2016-04-21 수정 */
.list_corenr .label {
    display: none;
}

/* 원가격 */
.list_corenr .prc {
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    color: #666666;
}

.list_corenr .prc ins {
    text-decoration: line-through;
    font-family: arial !important;
}

.list_corenr .prc span {}

.list_corenr .label.total {
    display: block;
    position: relative;
    top: 1px;
    margin-top: -1px;
    color: #666;
    font-size: 11px;
    line-height: 15px;
}

/* 2016-04-21 추가 */
/* 세일가격 */
.list_corenr .saleprc {
    height: 14px;
    line-height: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #111;
    margin: -1px 0 0 0;
}

.list_corenr .saleprc ins {
    text-decoration: none;
    font-family: arial !important;
}

.list_corenr .saleprc span {
    font-size: 12px;
}

/* 무이자 및 배송안내 아이콘영역 */
.list_corenr .icon_area {
    display: none;
    padding: 4px 0 0 0;
}

.list_corenr .benefit_noint {
    border: 1px solid #cdcdcd;
    padding: 0 1px;
    margin-right: 2px;
    font-size: 10px;
    line-height: 15px;
    color: #898989;
    vertical-align: 2px;
    background: #fff;
}

/*플랫_무이자*/
.list_corenr .benefit_nointM {
    margin-right: 3px;
    font-size: 11px;
    color: #565656;
    vertical-align: 1px
}

/*플랫_무이자개월수*/
.list_corenr .oil_tax {
    padding: 0 2px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    color: #999;
    font-size: 10px;
    vertical-align: 2px;
}

/* 2016-04-21 추가 */

.list_corenr .sale_flag_recommend {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    vertical-align: 0px;
    width: 37px;
    height: 37px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/myfavoriteitem/Flag_sale.png);
    background-size: 600px 600px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px;
}

.list_corenr .sale_1p {
    background-position: 0 0 !important;
}

.list_corenr .sale_2p {
    background-position: -59px 0 !important;
}

.list_corenr .sale_3p {
    background-position: -119px 0 !important;
}

.list_corenr .sale_4p {
    background-position: -179px 0 !important;
}

.list_corenr .sale_5p {
    background-position: -239px 0 !important;
}

.list_corenr .sale_6p {
    background-position: -299px 0 !important;
}

.list_corenr .sale_7p {
    background-position: -359px 0 !important;
}

.list_corenr .sale_8p {
    background-position: -419px 0 !important;
}

.list_corenr .sale_9p {
    background-position: -479px 0 !important;
}

.list_corenr .sale_10p {
    background-position: -539px 0 !important;
}

.list_corenr .sale_11p {
    background-position: 0 -60px !important;
}

.list_corenr .sale_12p {
    background-position: -59px -60px !important;
}

.list_corenr .sale_13p {
    background-position: -119px -60px !important;
}

.list_corenr .sale_14p {
    background-position: -179px -60px !important;
}

.list_corenr .sale_15p {
    background-position: -239px -60px !important;
}

.list_corenr .sale_16p {
    background-position: -299px -60px !important;
}

.list_corenr .sale_17p {
    background-position: -359px -60px !important;
}

.list_corenr .sale_18p {
    background-position: -419px -60px !important;
}

.list_corenr .sale_19p {
    background-position: -479px -60px !important;
}

.list_corenr .sale_20p {
    background-position: -539px -60px !important;
}

.list_corenr .sale_21p {
    background-position: 0 -120px !important;
}

.list_corenr .sale_22p {
    background-position: -59px -120px !important;
}

.list_corenr .sale_23p {
    background-position: -119px -120px !important;
}

.list_corenr .sale_24p {
    background-position: -179px -120px !important;
}

.list_corenr .sale_25p {
    background-position: -239px -120px !important;
}

.list_corenr .sale_26p {
    background-position: -299px -120px !important;
}

.list_corenr .sale_27p {
    background-position: -359px -120px !important;
}

.list_corenr .sale_28p {
    background-position: -419px -120px !important;
}

.list_corenr .sale_29p {
    background-position: -479px -120px !important;
}

.list_corenr .sale_30p {
    background-position: -539px -120px !important;
}

.list_corenr .sale_31p {
    background-position: 0 -180px !important;
}

.list_corenr .sale_32p {
    background-position: -59px -180px !important;
}

.list_corenr .sale_33p {
    background-position: -119px -180px !important;
}

.list_corenr .sale_34p {
    background-position: -179px -180px !important;
}

.list_corenr .sale_35p {
    background-position: -239px -180px !important;
}

.list_corenr .sale_36p {
    background-position: -299px -180px !important;
}

.list_corenr .sale_37p {
    background-position: -359px -180px !important;
}

.list_corenr .sale_38p {
    background-position: -419px -180px !important;
}

.list_corenr .sale_39p {
    background-position: -479px -180px !important;
}

.list_corenr .sale_40p {
    background-position: -539px -180px !important;
}

.list_corenr .sale_41p {
    background-position: 0 -240px !important;
}

.list_corenr .sale_42p {
    background-position: -59px -240px !important;
}

.list_corenr .sale_43p {
    background-position: -119px -240px !important;
}

.list_corenr .sale_44p {
    background-position: -179px -240px !important;
}

.list_corenr .sale_45p {
    background-position: -239px -240px !important;
}

.list_corenr .sale_46p {
    background-position: -299px -240px !important;
}

.list_corenr .sale_47p {
    background-position: -359px -240px !important;
}

.list_corenr .sale_48p {
    background-position: -419px -240px !important;
}

.list_corenr .sale_49p {
    background-position: -479px -240px !important;
}

.list_corenr .sale_50p {
    background-position: -539px -240px !important;
}

.list_corenr .sale_51p {
    background-position: 0 -359px !important;
}

.list_corenr .sale_52p {
    background-position: -59px -359px !important;
}

.list_corenr .sale_53p {
    background-position: -119px -359px !important;
}

.list_corenr .sale_54p {
    background-position: -179px -359px !important;
}

.list_corenr .sale_55p {
    background-position: -239px -359px !important;
}

.list_corenr .sale_56p {
    background-position: -299px -359px !important;
}

.list_corenr .sale_57p {
    background-position: -359px -359px !important;
}

.list_corenr .sale_58p {
    background-position: -419px -359px !important;
}

.list_corenr .sale_59p {
    background-position: -479px -359px !important;
}

.list_corenr .sale_60p {
    background-position: -539px -359px !important;
}

.list_corenr .sale_61p {
    background-position: 0 -360px !important;
}

.list_corenr .sale_62p {
    background-position: -59px -360px !important;
}

.list_corenr .sale_63p {
    background-position: -119px -360px !important;
}

.list_corenr .sale_64p {
    background-position: -179px -360px !important;
}

.list_corenr .sale_65p {
    background-position: -239px -360px !important;
}

.list_corenr .sale_66p {
    background-position: -299px -360px !important;
}

.list_corenr .sale_67p {
    background-position: -359px -360px !important;
}

.list_corenr .sale_68p {
    background-position: -419px -360px !important;
}

.list_corenr .sale_69p {
    background-position: -479px -360px !important;
}

.list_corenr .sale_70p {
    background-position: -539px -360px !important;
}

.list_corenr .sale_71p {
    background-position: 0 -420px !important;
}

.list_corenr .sale_72p {
    background-position: -59px -420px !important;
}

.list_corenr .sale_73p {
    background-position: -119px -420px !important;
}

.list_corenr .sale_74p {
    background-position: -179px -420px !important;
}

.list_corenr .sale_75p {
    background-position: -239px -420px !important;
}

.list_corenr .sale_76p {
    background-position: -299px -420px !important;
}

.list_corenr .sale_77p {
    background-position: -359px -420px !important;
}

.list_corenr .sale_78p {
    background-position: -419px -420px !important;
}

.list_corenr .sale_79p {
    background-position: -479px -420px !important;
}

.list_corenr .sale_80p {
    background-position: -539px -420px !important;
}

.list_corenr .sale_81p {
    background-position: 0 -480px !important;
}

.list_corenr .sale_82p {
    background-position: -59px -480px !important;
}

.list_corenr .sale_83p {
    background-position: -119px -480px !important;
}

.list_corenr .sale_84p {
    background-position: -179px -480px !important;
}

.list_corenr .sale_85p {
    background-position: -239px -480px !important;
}

.list_corenr .sale_86p {
    background-position: -299px -480px !important;
}

.list_corenr .sale_87p {
    background-position: -359px -480px !important;
}

.list_corenr .sale_88p {
    background-position: -419px -480px !important;
}

.list_corenr .sale_89p {
    background-position: -479px -480px !important;
}

.list_corenr .sale_90p {
    background-position: -539px -480px !important;
}

.list_corenr .sale_91p {
    background-position: 0 -540px !important;
}

.list_corenr .sale_92p {
    background-position: -59px -540px !important;
}

.list_corenr .sale_93p {
    background-position: -119px -540px !important;
}

.list_corenr .sale_94p {
    background-position: -179px -540px !important;
}

.list_corenr .sale_95p {
    background-position: -239px -540px !important;
}

.list_corenr .sale_96p {
    background-position: -299px -540px !important;
}

.list_corenr .sale_97p {
    background-position: -359px -540px !important;
}

.list_corenr .sale_98p {
    background-position: -419px -540px !important;
}

.list_corenr .sale_99p {
    background-position: -479px -540px !important;
}

.list_corenr .sale_hns {
    background-position: -539px -540px !important;
}

/* 마이페이지 쪽 추천관 배너 */
/* 사용자이름 */
.name_area {
    display: block;
    padding: 10px 10px 0 10px;
    background: #fff;
}

.name_area .name_con {
    position: relative;
    padding: 9px 0 10% 0;
    line-height: 18px;
    color: #000;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #ffbdc7;
    background: #ffeff1;
    text-align: center;
    letter-spacing: -1px;
}

.name_con .name {
    font-weight: bold;
}

.name_con .item_txt {
    width: 40%;
    display: block;
    position: absolute;
    left: 29.5%;
}

.name_con .item_txt .label {
    display: none;
    position: absolute;
    top: -1000em;
    left: -1000em;
}

.name_con .item_txt .txt_img {
    display: inline-block;
    width: 100%;
}

.name_con .item_txt .txt_img img {
    width: 100%;
    border: 0;
    vertical-align: middle;
}

.name_area .name_con .btn_area {
    position: absolute;
    top: 40%;
    right: 10px;
    display: block;
}

.name_area .name_con .btn_area img {
    width: 55px;
    height: 17.5px;
}

/* 마이페이지 릴레이팡팡/ 팡팡페이 디자인수정 2016-06-08 */
.name_area.bgNone {
    background: none;
}

/* 추천상품 제목영역 개선 2016-05-12 */
.name_area.type02 .name_con {
    padding: 9px 0 13px 0;
    border-radius: 0;
    border: 1px solid #d4e2f8;
    background: #d4e2f8;
}

.name_area.type02 .name_con .tit {
    display: inline-block;
    padding: 5px 0 0 27px;
    line-height: 19px;
    font-size: 15px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/main/myfavoriteitem/ico_myfavoriteitem_tit.png) no-repeat left top;
    background-size: 24px;
}

.name_area.type02 .name_con .btnMore {
    display: inline-block;
    height: 16px;
    margin: 3px 0 0 4px;
    padding: 1px 6px 0 8px;
    line-height: 16px;
    font-size: 12px;
    color: #565656;
    vertical-align: middle;
    border-radius: 8px;
    background: #fff;
}

.name_area.type02 .name_con .btnMore:after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 7px;
    margin: 0 0 2px 4px;
    background: url(//image.hnsmall.com/images/mobile2014/favorite_category/ico_recommend.png) no-repeat 0 -10px;
    background-size: 200px auto;
}

.name_area.type02 .name_con .btnMore02 {
    display: inline-block;
    width: auto;
    height: 16px;
    margin: 3px 0 0 4px;
    padding: 1px 6px 0 8px;
    line-height: 16px;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    border-radius: 8px;
    background: #b0c8f1;
}

.name_area.type02 .name_con .btnMore02:after {
    display: inline-block;
    content: '';
    width: 4px;
    height: 7px;
    margin: 0 0 2px 4px;
    background: url(//image.hnsmall.com/images/mobile2014/favorite_category/ico_recommend.png) no-repeat 0 0;
    background-size: 200px auto;
}


/* 추천상품 제목영역 비로그인 추가 2016-05-20 */
.name_area.type02.noLogin {
    padding: 0;
    margin: 10px;
    border-radius: 0;
    border: 1px solid #fff;
    background: #fff;
}

.name_area.type02.noLogin .name_con {
    padding: 13px 0;
    border: #fff;
    background: #fff;
}

.name_area.type02.noLogin .name_con a {
    display: block;
}

.name_area.type02.noLogin .name_con .tit {
    padding: 0;
    background: none;
    color: #000;
}

.name_area.type02.noLogin .name_con .btnMore02 {
    height: 19px;
    margin: 0 0 0 4px;
    line-height: 19px;
    border-radius: 10px;
}

/* 안내 메세지용 화면작업 시작 전체를 덮는 레이어 */
.recommend_info_area {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5010;
    text-align: center;
}

.recommend_info_area p {
    display: block;
}

.recommend_info_area .label {
    display: none;
}

.recommend_info_area .recommend_info_layout {
    position: relative;
}

.recommend_info_area .recommend_info_layout .info_tit {
    margin: 168px 0 0 0;
}

.recommend_info_area .recommend_info_layout .info_tit img {
    width: 190.5px;
    height: 62px;
}

.recommend_info_area .recommend_info_layout .info_img {
    margin: 64.5px 0 0 0;
}

.recommend_info_area .recommend_info_layout .info_img img {
    width: 116px;
    height: 71px;
}

.recommend_info_area .recommend_info_layout .info_txt {
    margin: 37.5px 0 0 0;
}

.recommend_info_area .recommend_info_layout .info_txt img {
    width: 142.5px;
    height: 18px;
}

.recommend_info_area .recommend_info_layout .x_close {
    position: absolute;
    top: -149px;
    right: 15px;
}

.recommend_info_area .recommend_info_layout .x_close_img {
    display: inline-block;
    width: 22.5px;
    height: 22.5px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/favorite_category/cate_recommend_info_close.png);
    background-repeat: no-repeat;
    background-size: 22.5px 22.5px;
    text-indent: -1000px
}

.recommend_info_area .recommend_info_layout .btn_area {
    margin: 5px 0 0 0;
}

.recommend_info_area .recommend_info_layout .btn_area .recommend_info_btn_close {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

/* // 안내 메세지용 화면작업 시작 전체를 덮는 레이어 */


/* 추천관 적립금배너영역 */
.reservefund_banner {
    margin: 0;
    padding: 0 !important;
}

.reservefund_banner .reservefund_area {
    background: #62c6be;
    height: 78px;
    display: table;
    overflow: hidden;
    width: 100%;
}

.reservefund_banner .reservefund_area .cell_left {
    display: table-cell;
    width: 26.5%;
    position: relative;
}

.reservefund_banner .reservefund_area .cell_right {
    display: table-cell;
    width: 73.5%;
    position: relative;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number {
    position: absolute;
    top: 12px;
    right: 6px;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number .reservefund_icon {
    position: relative;
    display: inline-block;
    vertical-align: 0px;
    width: 73px;
    height: 55px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/reservefund_icon_bg.png);
    background-size: 73px 55px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number .reservefund_icon em {
    position: absolute;
    left: 32px;
    top: 0px;
    color: #ce8319;
    font-weight: bold;
    font-family: Arial;
    vertical-align: -1px;
    line-height: 55px;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number .reservefund_icon .symbol {
    font-size: 15px;
    height: 18px;
    vertical-align: top;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number .reservefund_icon .number {
    font-size: 20px;
}

.reservefund_banner .reservefund_area .cell_left .reservefund_number .reservefund_icon .percent {
    font-size: 14px;
}

.reservefund_banner .reservefund_area .cell_right .reservefund_txt {
    font-size: 15px;
    color: #fff;
    line-height: 16px;
    position: absolute;
    top: 12px;
    left: 0px;
    display: inline-block;
    letter-spacing: -1px;
}

.reservefund_banner .reservefund_area .cell_right .reservefund_txt strong {
    color: #fff855;
}

.reservefund_banner .reservefund_area .cell_right .reservefund_txt li {
    color: #1f7670;
    font-size: 12px;
    height: 12px;
}

.reservefund_banner .reservefund_area .cell_right .reservefund_txt li:before {
    content: '-';
    margin-right: 4px;
}

/* 큐레인션 메인 홈 - 상단배너 20160512 */
.reservefund_banner.ver160512 .reservefund_area {
    display: block;
    height: auto;
    padding: 11px 0 9px;
    margin: 0 auto;
    text-align: center;
    background: #8baee6;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number {
    position: static;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number .reservefund_icon {
    width: 58px;
    height: 58px;
    padding: 0 0 0 22px;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/favorite_category/ico_recommend.png) no-repeat -40px 0;
    background-size: 200px auto;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number .reservefund_icon em {
    display: block;
    position: static;
    height: auto;
    padding: 13px 0 0;
    margin: 0 0 -3px;
    line-height: 18px;
    color: #fff;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number .reservefund_icon .number {
    display: inline-block;
    margin: 0 -3px 0 0;
    font-size: 20px;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number .reservefund_icon .percent {
    display: inline-block;
    font-size: 14px;
}

.reservefund_banner.ver160512 .reservefund_area .cell_left .reservefund_number .reservefund_icon .txtAddPoint {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1px;
}

.reservefund_banner.ver160512 .reservefund_area .cell_right {
    display: inline-block;
    width: auto;
    padding: 0 0 0 3px;
    text-align: left;
    vertical-align: middle;
}

.reservefund_banner.ver160512 .reservefund_area .cell_right .reservefund_txt {
    position: static;
}

.reservefund_banner.ver160512 .reservefund_area .cell_right .reservefund_txt strong {
    color: #fff;
}

.reservefund_banner.ver160512 .reservefund_area .cell_right .reservefund_txt li {
    color: #556f98;
}

/* **************************************************추천관 영역 부터 진행************************************************** */

/* **********************************************장바구니, 결제완료 영역 부터 진행********************************************** */
/* 장바구니 오늘의추천상품과 고객이같이본상품 영역 */
.cart_corner {
    overflow: hidden;
    background: #ebebeb;
    margin: 9px 0 0 0;
}

.today_item_area {
    background: #fff;
    margin-bottom: 6px;
    border-bottom: 1px solid #cdcdcd;
    padding: 16px 0 0 0;
}

.another_item_area {
    background: #fff;
    padding: 16px 0 16px 0;
}

.cart_corner h2 {
    overflow: hidden;
    height: 28px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart_corner h2 span {
    letter-spacing: -1.2px;
    margin: 0 0 0 12px;
}

.cart_corner h2.type02 {
    font-size: 16px;
}

/* 2016-05-09 추가 */

/* 주문완료영역 bg - 디자인상 상이하여 디자인추가 주문내역조회버튼에 클래스추가함 */
.order_bg {
    border-top: 1px solid #cdcdcd;
}

.order_today_bg {
    margin: 8px 0 6px 0;
}

.cart_list_corenr {
    overflow: hidden;
    padding-top: 10px;
}

/* 2016-04-22 수정 */
.cart_list_corenr.prod {
    height: 215px;
}

.cart_list_corenr.prod.type02 {
    height: auto;
    padding-bottom: 15px;
}

/* 2016-05-09 추가 */
.cart_list_corenr ul {
    display: table;
    touch-action: manipulation;
}

.cart_list_corenr li {
    display: table-cell;
    padding-right: 18px;
    vertical-align: top
}

.cart_list_corenr li:first-child {
    padding-left: 12px;
}

.cart_list_corenr li a {
    display: block;
    width: 110px;
    height: 142px;
}

/* 2016-05-09 연관검색과 동일한 UI로 */
.cart_list_corenr ul.ver20160509 li {
    padding-right: 10px;
}

.cart_list_corenr ul.ver20160509 li:first-child {
    padding-left: 15px;
}

.cart_list_corenr ul.ver20160509 li a {
    width: 120px;
    height: auto;
}

.cart_list_corenr ul.ver20160509 li a .thumb {
    width: 120px;
    height: 120px;
}

.cart_list_corenr ul.ver20160509 li a .name {
    height: auto;
    min-height: 32px;
    margin-top: 7px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    line-height: 16px;
}

.cart_list_corenr ul.ver20160509 li a .prc {
    margin-top: 5px;
}

.cart_list_corenr ul.ver20160509 li a .prc .label.total {
    font-size: 12px;
    letter-spacing: -1px;
}

.cart_list_corenr ul.ver20160509 li a .saleprc {
    margin-top: 1px;
    font-size: 16px;
}

/* //2016-05-09 연관검색과 동일한 UI로 */
.cart_list_corenr .thumb {
    display: block;
    position: relative;
    width: 110px;
    height: 110px;
}

.cart_list_corenr .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: auto;
    vertical-align: middle;
}

/* 가격퍼센트아이콘 */
.cart_list_corenr .sticker_discount {
    display: block;
    width: 32%;
    height: 32%;
    border-radius: 100%;
    background: #e51937;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.cart_list_corenr .sticker_discount .discount_txt_area {
    position: relative;
    height: 100%;
}

.cart_list_corenr .sticker_discount .discount_txt_area span {
    font-size: 10px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 26% 0 0 0;
}

.cart_list_corenr .sticker_discount .discount_txt_area span ins {
    font-size: 12px !important;
    text-decoration: none !important;
}

.cart_list_corenr.prod .name {
    margin: 8px 0 1px 0;
    font-size: 13px;
    letter-spacing: -1px;
    height: 28px;
    line-height: 14px;
    display: -webkit-box;
    overflow: hidden;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.cart_list_corenr .label {
    display: none;
}

.cart_list_corenr .label.total {
    display: block;
    color: #666;
    font-size: 11px;
}

/* 2016-04-22 추가 */
/* 원가격 */
.cart_list_corenr .prc {
    height: 14px;
    line-height: 15px;
    font-size: 11px;
    color: #666666;
}

.cart_list_corenr .prc ins {
    text-decoration: line-through;
    font-family: arial !important;
}

.cart_list_corenr .prc span {}

/* 세일가격 */
.cart_list_corenr .saleprc {
    height: 14px;
    line-height: 15px;
    font-size: 13px;
    font-weight: bold;
    color: #111;
    margin: -1px 0 0 0;
}

.cart_list_corenr .saleprc ins {
    text-decoration: none;
    font-family: arial !important;
}

.cart_list_corenr .saleprc span {
    font-size: 12px;
}

/* 무이자 및 배송안내 아이콘영역 */
.cart_list_corenr .icon_area {
    display: block;
    padding: 4px 0 0 0;
}

.cart_list_corenr .benefit_noint {
    border: 1px solid #cdcdcd;
    padding: 0 1px;
    margin-right: 2px;
    font-size: 10px;
    line-height: 15px;
    color: #898989;
    vertical-align: 2px;
    background: #fff;
}

/*플랫_무이자*/
.cart_list_corenr .benefit_nointM {
    margin-right: 3px;
    font-size: 11px;
    color: #565656;
    vertical-align: 1px
}

/* 플랫_무이자개월수 */
.cart_list_corenr .oil_tax {
    padding: 0 2px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    color: #999;
    font-size: 10px;
    vertical-align: 2px;
}

/* 2016-04-22 추가 */

.cart_list_corenr .sale_flag_cart {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    vertical-align: 0px;
    width: 37px;
    height: 37px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/cart/cart_today_flag.png);
    background-size: 500px 550px;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -1000px
}

.cart_list_corenr .sale_1p {
    background-position: -10px -10px !important;
}

.cart_list_corenr .sale_2p {
    background-position: -57px -10px !important;
}

.cart_list_corenr .sale_3p {
    background-position: -104px -10px !important;
}

.cart_list_corenr .sale_4p {
    background-position: -151px -10px !important;
}

.cart_list_corenr .sale_5p {
    background-position: -198px -10px !important;
}

.cart_list_corenr .sale_6p {
    background-position: -245px -10px !important;
}

.cart_list_corenr .sale_7p {
    background-position: -292px -10px !important;
}

.cart_list_corenr .sale_8p {
    background-position: -339px -10px !important;
}

.cart_list_corenr .sale_9p {
    background-position: -386px -10px !important;
}

.cart_list_corenr .sale_10p {
    background-position: -433px -10px !important;
}

.cart_list_corenr .sale_11p {
    background-position: -10px -57px !important;
}

.cart_list_corenr .sale_12p {
    background-position: -57px -57px !important;
}

.cart_list_corenr .sale_13p {
    background-position: -104px -57px !important;
}

.cart_list_corenr .sale_14p {
    background-position: -151px -57px !important;
}

.cart_list_corenr .sale_15p {
    background-position: -198px -57px !important;
}

.cart_list_corenr .sale_16p {
    background-position: -245px -57px !important;
}

.cart_list_corenr .sale_17p {
    background-position: -292px -57px !important;
}

.cart_list_corenr .sale_18p {
    background-position: -339px -57px !important;
}

.cart_list_corenr .sale_19p {
    background-position: -386px -57px !important;
}

.cart_list_corenr .sale_20p {
    background-position: -433px -57px !important;
}

.cart_list_corenr .sale_21p {
    background-position: -10px -104px !important;
}

.cart_list_corenr .sale_22p {
    background-position: -57px -104px !important;
}

.cart_list_corenr .sale_23p {
    background-position: -104px -104px !important;
}

.cart_list_corenr .sale_24p {
    background-position: -151px -104px !important;
}

.cart_list_corenr .sale_25p {
    background-position: -198px -104px !important;
}

.cart_list_corenr .sale_26p {
    background-position: -245px -104px !important;
}

.cart_list_corenr .sale_27p {
    background-position: -292px -104px !important;
}

.cart_list_corenr .sale_28p {
    background-position: -339px -104px !important;
}

.cart_list_corenr .sale_29p {
    background-position: -386px -104px !important;
}

.cart_list_corenr .sale_30p {
    background-position: -433px -104px !important;
}

.cart_list_corenr .sale_31p {
    background-position: -10px -151px !important;
}

.cart_list_corenr .sale_32p {
    background-position: -57px -151px !important;
}

.cart_list_corenr .sale_33p {
    background-position: -104px -151px !important;
}

.cart_list_corenr .sale_34p {
    background-position: -151px -151px !important;
}

.cart_list_corenr .sale_35p {
    background-position: -198px -151px !important;
}

.cart_list_corenr .sale_36p {
    background-position: -245px -151px !important;
}

.cart_list_corenr .sale_37p {
    background-position: -292px -151px !important;
}

.cart_list_corenr .sale_38p {
    background-position: -339px -151px !important;
}

.cart_list_corenr .sale_39p {
    background-position: -386px -151px !important;
}

.cart_list_corenr .sale_40p {
    background-position: -433px -151px !important;
}

.cart_list_corenr .sale_41p {
    background-position: -10px -198px !important;
}

.cart_list_corenr .sale_42p {
    background-position: -57px -198px !important;
}

.cart_list_corenr .sale_43p {
    background-position: -104px -198px !important;
}

.cart_list_corenr .sale_44p {
    background-position: -151px -198px !important;
}

.cart_list_corenr .sale_45p {
    background-position: -198px -198px !important;
}

.cart_list_corenr .sale_46p {
    background-position: -245px -198px !important;
}

.cart_list_corenr .sale_47p {
    background-position: -292px -198px !important;
}

.cart_list_corenr .sale_48p {
    background-position: -339px -198px !important;
}

.cart_list_corenr .sale_49p {
    background-position: -386px -198px !important;
}

.cart_list_corenr .sale_50p {
    background-position: -433px -198px !important;
}

.cart_list_corenr .sale_51p {
    background-position: -10px -245px !important;
}

.cart_list_corenr .sale_52p {
    background-position: -57px -245px !important;
}

.cart_list_corenr .sale_53p {
    background-position: -104px -245px !important;
}

.cart_list_corenr .sale_54p {
    background-position: -151px -245px !important;
}

.cart_list_corenr .sale_55p {
    background-position: -198px -245px !important;
}

.cart_list_corenr .sale_56p {
    background-position: -245px -245px !important;
}

.cart_list_corenr .sale_57p {
    background-position: -292px -245px !important;
}

.cart_list_corenr .sale_58p {
    background-position: -339px -245px !important;
}

.cart_list_corenr .sale_59p {
    background-position: -386px -245px !important;
}

.cart_list_corenr .sale_60p {
    background-position: -433px -245px !important;
}

.cart_list_corenr .sale_61p {
    background-position: -10px -292px !important;
}

.cart_list_corenr .sale_62p {
    background-position: -57px -292px !important;
}

.cart_list_corenr .sale_63p {
    background-position: -104px -292px !important;
}

.cart_list_corenr .sale_64p {
    background-position: -151px -292px !important;
}

.cart_list_corenr .sale_65p {
    background-position: -198px -292px !important;
}

.cart_list_corenr .sale_66p {
    background-position: -245px -292px !important;
}

.cart_list_corenr .sale_67p {
    background-position: -292px -292px !important;
}

.cart_list_corenr .sale_68p {
    background-position: -339px -292px !important;
}

.cart_list_corenr .sale_69p {
    background-position: -386px -292px !important;
}

.cart_list_corenr .sale_70p {
    background-position: -433px -292px !important;
}

.cart_list_corenr .sale_71p {
    background-position: -10px -339px !important;
}

.cart_list_corenr .sale_72p {
    background-position: -57px -339px !important;
}

.cart_list_corenr .sale_73p {
    background-position: -104px -339px !important;
}

.cart_list_corenr .sale_74p {
    background-position: -151px -339px !important;
}

.cart_list_corenr .sale_75p {
    background-position: -198px -339px !important;
}

.cart_list_corenr .sale_76p {
    background-position: -245px -339px !important;
}

.cart_list_corenr .sale_77p {
    background-position: -292px -339px !important;
}

.cart_list_corenr .sale_78p {
    background-position: -339px -339px !important;
}

.cart_list_corenr .sale_79p {
    background-position: -386px -339px !important;
}

.cart_list_corenr .sale_80p {
    background-position: -433px -339px !important;
}

.cart_list_corenr .sale_81p {
    background-position: -10px -386px !important;
}

.cart_list_corenr .sale_82p {
    background-position: -57px -386px !important;
}

.cart_list_corenr .sale_83p {
    background-position: -104px -386px !important;
}

.cart_list_corenr .sale_84p {
    background-position: -151px -386px !important;
}

.cart_list_corenr .sale_85p {
    background-position: -198px -386px !important;
}

.cart_list_corenr .sale_86p {
    background-position: -245px -386px !important;
}

.cart_list_corenr .sale_87p {
    background-position: -292px -386px !important;
}

.cart_list_corenr .sale_88p {
    background-position: -339px -386px !important;
}

.cart_list_corenr .sale_89p {
    background-position: -386px -386px !important;
}

.cart_list_corenr .sale_90p {
    background-position: -433px -386px !important;
}

.cart_list_corenr .sale_91p {
    background-position: -10px -443px !important;
}

.cart_list_corenr .sale_92p {
    background-position: -57px -443px !important;
}

.cart_list_corenr .sale_93p {
    background-position: -104px -443px !important;
}

.cart_list_corenr .sale_94p {
    background-position: -151px -443px !important;
}

.cart_list_corenr .sale_95p {
    background-position: -198px -443px !important;
}

.cart_list_corenr .sale_96p {
    background-position: -245px -443px !important;
}

.cart_list_corenr .sale_97p {
    background-position: -292px -443px !important;
}

.cart_list_corenr .sale_98p {
    background-position: -339px -443px !important;
}

.cart_list_corenr .sale_99p {
    background-position: -386px -443px !important;
}

.cart_list_corenr .sale_100p {
    background-position: -433px -443px !important;
}

.cart_list_corenr .sale_hns {
    background-position: -10px -480px !important;
}

/* 더보기영역 */
.cart_list_corenr .more {
    background: #fff;
    text-align: center;
    color: #000;
    font-size: 15px;
    display: block;
    position: relative;
    width: 80px;
    height: 110px;
    border: none;
    font-family: Malgun Gothic;
    letter-spacing: -1px;
}

.cart_list_corenr button {
    cursor: pointer;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    align-items: flex-start;
    box-sizing: border-box;
    text-rendering: auto;
    -webkit-writing-mode: horizontal-tb;
}

.cart_list_corenr .more:before {
    background: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    content: '';
}

.cart_list_corenr .more em {
    display: block;
    line-height: 14px;
    margin-bottom: 2px;
}

.cart_list_corenr .more em span {
    display: inline-block;
    vertical-align: top;
}

.cart_list_corenr .more .img_icon {
    width: 52px;
    height: 52.5px;
    background: url(//image.hnsmall.com/images/mobile2014/cart/icon_cart_more.png) 0 0;
    background-size: 52px 52.5px;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* 하단배너 */
.payment_v3_area {
    padding: 0px 0 15px !important;
}

/* **********************************************장바구니, 결제완료 영역 부터 진행********************************************** */

/* **************************************************편집샵 영역 부터 진행************************************************** */
/* 편집샵은 기존 기획전의 ui를 사용하나 디자인적으로 차이가 있어서 추가되는 방식으로 css를 구현함 */
/* 편집샵용 css */
.selectshop_wrap {
    padding-top: 0px !important;
    background: #fff;
    height: 50px !important;
}

.theme_select {
    display: block;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
}

.selectshop_cate_area {
    display: block;
    overflow: hidden;
    background: #f4f4f4;
    border-top: 1px solid #dddddd;
    padding: 11.5px 11px;
    color: #000;
    margin: 0 0 15px 0;
    font-weight: bold;
}

.selectshop_product {
    border-top: none !important;
}

.selectshop_product li {
    border-bottom: none !important;
}

.selecshop_plangb_tab {
    position: fixed;
    top: 44px;
}

/* **************************************************편집샵 영역 부터 진행************************************************** */
/* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 *******************************************************************************************************  */


/*2016-01-22 미리주문 안내문구 추가*/
.info_pre {
    color: #232323;
    padding: 10px 15px 9px 15px;
    border: 1px solid #ddd;
    margin: 5px 10px 5px;
    line-height: 18px
}

/***************************************************************************************************************
** 편성표
***************************************************************************************************************/
/* TV편성표 레이아웃 2016-07-01 */
.bg_schedule_search {
    background: #e9e8e8;
}

.tvScheduleWrap .blind {
    position: absolute !important;
    left: -9999px !important;
    overflow: hidden !important;
    width: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

.tvScheduleCont {
    padding: 41px 0 20px;
}

.tvScheduleCont.typoModify {
    padding: 105px 0 20px;
}

/* TV편성표 - header 2016-06-30 */
.tvScheduleWrap .scheduleHead {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 15;
}

.tvScheduleWrap .scheduleHead .pageTit {
    box-sizing: border-box;
    padding: 0 0 0 43px;
    height: 41px;
    line-height: 40px;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #c8c8c8;
}

.tvScheduleWrap .scheduleHead .btnPageBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 40px;
}

.tvScheduleWrap .scheduleHead .btnPageBack:before {
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 21px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -30px;
    background-size: 300px 390px;
}

.tvScheduleWrap .scheduleHead .btnBox {
    position: absolute;
    top: 8px;
    right: 10px;
    height: 26px;
    padding: 3px 0 0;
}

.tvScheduleWrap .scheduleHead .btnBox a {
    display: inline-block;
    width: 26px;
    height: 23px;
    margin-right: 5px;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
}

.tvScheduleWrap .scheduleHead .btnBox a:last-child {
    margin: 0;
}

.tvScheduleWrap .scheduleHead .btnBox a.btnHome {
    background-position: -150px -30px;
}

.tvScheduleWrap .scheduleHead .btnBox a.btnCart {
    background-position: -180px -30px;
}

.tvScheduleWrap .scheduleHead .btnBox a.btnCart .num {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 13px;
    padding: 1px 0 0;
    line-height: 13px;
    font-size: 11px;
    font-style: normal;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100%;
    overflow: hidden;
    background: -moz-linear-gradient(-45deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474e56', endColorstr='#131313', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

/* TV편성표 - header : 쇼핑뉴스 2016-08-01 */
.tvScheduleWrap .scheduleHead.type02 {
    background: #1a1a1a;
}

.tvScheduleWrap .scheduleHead.type02 .pageTit {
    height: 45px;
    line-height: 45px;
    color: #fff;
    border-bottom: none;
}

.tvScheduleWrap .scheduleHead.type02 .btnPageBack:before {
    top: 12px;
    left: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -30px;
    background-size: 300px 390px;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox {
    top: 10px;
    height: 30px;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a {
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a.btnHome {
    background-position: -30px -30px;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a.btnCart {
    position: relative;
    background-position: -60px -30px;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a.btnCart .num {
    position: absolute;
    top: -3px;
    right: 0;
    width: 14px;
    height: 13px;
    padding: 1px 0 0;
    line-height: 13px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100%;
    background: -moz-linear-gradient(-45deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(71, 78, 86, 1) 0%, rgba(71, 78, 86, 1) 21%, rgba(19, 19, 19, 1) 73%, rgba(19, 19, 19, 1) 99%, rgba(19, 19, 19, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474e56', endColorstr='#131313', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a.btnSearch {
    position: relative;
    width: 30px;
    height: 30px;
    margin: -1px 0 0;
    background: none;
}

.tvScheduleWrap .scheduleHead.type02 .btnBox a.btnSearch:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 4px;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -30px;
    background-size: 300px auto;
}

/* TV편성표 - top 쇼핑뉴스 2016-08-01 */
.tvScheduleWrap .scheduleNewsTop {
    height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.tvScheduleWrap .scheduleNewsTop:after {
    display: block;
    content: "";
    clear: both;
}

.tvScheduleWrap .scheduleNewsTop .dateWrap {
    display: block;
    float: left;
    height: 29px;
    padding: 11px 0 0;
}

.tvScheduleWrap .scheduleNewsTop .dateWrap .flagToday {
    display: inline-block;
    height: 16px;
    margin: 0 4px 0 0;
    padding: 1px 5px 0;
    line-height: 16px;
    font-size: 11px;
    color: #fffbfb;
    vertical-align: middle;
    border-radius: 10px;
    background: #accdee;
}

.tvScheduleWrap .scheduleNewsTop .dateWrap .dateTxt {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 1px 0 0;
    color: #333;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    vertical-align: middle;
}

.tvScheduleWrap .scheduleNewsTop .dateWrap .btnCalendar {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    border: none;
    outline: none;
    border-radius: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -224px -30px;
    background-size: 300px 390px;
    -webkit-appearance: none;
}

.tvScheduleWrap .scheduleNewsTop .utilBtnBox {
    float: right;
    padding: 8px 0 0;
}

.tvScheduleWrap .scheduleNewsTop .utilBtnBox a {
    margin: 0 3px 0 0;
    word-break: normal;
}

.tvScheduleWrap .scheduleNewsTop .utilBtnBox a:last-child {
    margin: 0;
}

.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnTvSchedule {
    display: inline-block;
    height: 19px;
    padding: 2px 8px 0;
    line-height: 19px;
    font-size: 11px;
    color: #e51937;
    border: 1px solid #e51937;
    border-radius: 12px;
    vertical-align: top;
}

.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnTvSubscribe {
    display: inline-block;
    height: 19px;
    padding: 2px 8px 0;
    line-height: 19px;
    font-size: 11px;
    color: #333;
    border: 1px solid #565656;
    border-radius: 12px;
    vertical-align: top;
}

/* .tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnSubscribe {display:inline-block; position:relative; width:50px; height:21px; border:1px solid #cdcdcd; border-radius:12px; background:#cdcdcd url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/btn_subscribe01.gif) no-repeat right center; background-size:21px 13px; -webkit-appearance:none; vertical-align:top;}
.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnSubscribe button {width:100%; height:21px; border:none; border-radius:0; outline:none; background:none; -webkit-appearance:none;}
.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnSubscribe button span {position:absolute; top:0; left:0; width:21px; height:21px; border-radius:12px; background:#fff; box-shadow:1px 2px 2px rgba(0,0,0,0.2); transition:left .3s ease, box-shadow .3s ease, background .3s ease;}
.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnSubscribe.active {border:1px solid #e51937; background:#e51937 url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/btn_subscribe02.gif) no-repeat left center; background-size:21px 13px;}
.tvScheduleWrap .scheduleNewsTop .utilBtnBox .btnSubscribe.active button span { left:29px; box-shadow:-1px 2px 2px rgba(0,0,0,0.2);  transition:left .3s ease, box-shadow .3s ease, background .3s ease;} */

/* TV편성표 - 쇼핑뉴스 구독신청 팝업 2016-08-01 */
.tvScheduleWrap .scheduleNewsTop .tipLayerWrap {
    top: -10px;
    line-height: 0;
    font-size: 0;
    z-index: 5;
}

.tvScheduleWrap .scheduleNewsTop .tipLayerWrap .tipLayerBox {
    left: -65px;
    padding: 6px 0 0;
    line-height: 18px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/bg_tooltip_arrow.png) no-repeat 88px 0;
    background-size: 10px 6px;
}

.tvScheduleWrap .scheduleNewsTop .tipLayerWrap .tipLayerBox .tipConts {
    padding: 10px;
    color: #fff;
    font-size: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/bg_tooltip_opacity.png) repeat;
}

.tvScheduleWrap .scheduleNewsTop .tipLayerWrap .tipLayerBox .btnClose {
    overflow: hidden;
    position: absolute;
    top: 9px;
    right: 4px;
    width: 20px;
    height: 20px;
    color: transparent;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/btn_tooltip_close.png) no-repeat center;
    background-size: 11px;
}

/* TV편성표 - 쇼핑뉴스 편성표 달력 2016-08-01 */
.tvScheduleWrap .scheduleNewsTop .calendarPopWrap {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 85px;
    right: 0;
    left: 0;
    border-top: 1px solid #accdee;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 5;
}

.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-datepicker {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker .ui-datepicker-header {
    width: 100%;
    padding: 7px 0 6px;
    margin: 0 auto;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif;
    border-bottom: 1px solid #e9e8e8;
    text-align: center;
    background: none;
}

.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-widget-content,
.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-widget-header {
    border: none;
}

.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-widget-header .ui-icon {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker .ui-datepicker-title {
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    margin: 0 0 0 -3px;
}

.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-datepicker .ui-datepicker-prev,
.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-datepicker .ui-datepicker-next {
    width: 42px;
    height: 42px;
    top: 0;
    margin: 0;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker .ui-datepicker-prev span {
    width: 8px;
    height: 12px;
    margin-top: -6px;
    background-position: -210px -48px;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker .ui-datepicker-next span {
    width: 8px;
    height: 12px;
    margin-top: -6px;
    background-position: -220px -48px;
}

.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-corner-all,
.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-corner-bottom,
.tvScheduleWrap .scheduleNewsTop .calendarWrap .ui-corner-right,
.tvScheduleWrap .scheduleNewsTop .ui-corner-br {
    border-radius: 0;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-widget-header .ui-state-disabled {
    display: none;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table th {
    padding: 10px 0;
    margin: 0;
    font-size: 12px;
    color: #222;
    font-weight: 200;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif;
    background: #fff;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td {
    margin: 0;
    padding: 10px 0 20px;
    text-align: center;
    vertical-align: top;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table th:first-child {
    color: #e51937;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table th:last-child {
    color: #3981c8;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:first-child a {
    color: #e51937;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:last-child a {
    color: #3a83e6;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table th span {
    display: inline-block;
    width: 25px;
    height: 24px;
    padding: 1px 0 0;
    line-height: 24px;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td span {
    display: block;
    margin: 0 0 -20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td {
    padding: 0 0 10px;
    font-weight: 200;
    font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, sans-serif;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td a {
    padding: 1px 0 0;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td a,
.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td .ui-state-default {
    display: inline-block;
    width: 25px;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
    color: #000;
    border: 1px solid #fff;
    background: #fff;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-state-disabled span {
    margin: 0;
    font-weight: normal;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:first-child a {
    color: #e51937 !important;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:last-child a {
    color: #3981c8 !important;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-today.ui-datepicker-current-day a,
.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-today a {
    color: #fff;
    font-weight: normal;
    border: 1px solid #e51937;
    border-radius: 100%;
    background: #e51937;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-today span,
.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-today.ui-datepicker-current-day span {
    color: #19bfbf;
    font-weight: bold;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-current-day a {
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    background: #e51937;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-current-day span {
    color: #e51937;
    font-weight: bold;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td.ui-datepicker-current-day .ui-state-active {
    color: #222;
    font-weight: normal;
    border: 1px solid #575b65;
    background: #fff;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:first-child a.ui-state-active {
    border: 1px solid #e51937 !important;
}

.tvScheduleWrap .scheduleNewsTop .calendarPopWrap .calendarWrap .ui-datepicker table td:last-child a.ui-state-active {
    border: 1px solid #3981c8 !important
}

/* TV편성표 쇼핑뉴스 UI개선 2016-11-18 */
.tvScheduleWrap .shNewVideoBox {
    position: relative;
    padding: 0;
    margin: 41px 0 -31px;
}

.tvScheduleWrap .shNewVideoBox:after {
    display: block;
    content: "";
    padding: 56.37064246614808% 0 0;
}

.tvScheduleWrap .shNewVideoBox>span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* TV편성표 검색 - 검색폼 2016-06-30 */
.tvScheduleWrap .searchFormWrap {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 45px 7px 10px;
}

.tvScheduleWrap .searchFormWrap fieldset:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}

.tvScheduleWrap .searchFormWrap .searchIpt {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fafafa;
}

.tvScheduleWrap .searchFormWrap .searchIpt input[type=text] {
    width: 100%;
    height: 28px;
    font-size: 13px;
    line-height: 27px;
    color: #333;
    border: none;
    background: #fafafa;
    -webkit-appearance: none;
    outline: none;
    text-indent: 0
}

.tvScheduleWrap .searchFormWrap .searchIpt ::-webkit-input-placeholder {
    line-height: 27px;
    font-size: 13px;
    color: #898989
}

/* .searchHeader .search_box ::-webkit-input-placeholder{color:#565656;}
.searchHeader .search_box :-moz-input-placehorder{color:#565656;}
.searchHeader .search_box ::-moz-input-placehorder{color:#565656;}
.searchHeader .search_box :-ms-input-placehorder{color:#565656;} */
.tvScheduleWrap .searchFormWrap .searchIpt .btn_search_del {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: -8px 0 0;
    border: none;
    background: #ccc;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tvScheduleWrap .searchFormWrap .searchIpt .btn_search_del:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;
    background-size: 300px auto;
}

.tvScheduleWrap .searchFormWrap .btn_search {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 30px;
    height: 30px;
    border: none;
    outline: none;
    background: #e51937;
    -webkit-appearance: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tvScheduleWrap .searchFormWrap .btn_search:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 6px;
    left: 7px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -60px;
    background-size: 300px auto;
}

/* TV편성표 검색 - 최근검색 2016-07-01 */
.tvScheduleWrap .searchHistoryWrap {
    padding: 44px 0 0;
    border-bottom: 1px solid #b5b5b5;
}

.tvScheduleWrap .searchHistoryWrap ul {
    padding: 8px 0 15px 10px;
    border-top: 1px solid #e9e8e8;
    background: #fff;
}

.tvScheduleWrap .searchHistoryWrap ul:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
}

.tvScheduleWrap .searchHistoryWrap ul li {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 50%;
    padding: 0 10px 0 0;
    margin: 7px 0 0;
}

.tvScheduleWrap .searchHistoryWrap ul li a {
    display: block;
    height: 32px;
    padding: 1px 25px 0 15px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    border: 1px solid #eee;
    border-radius: 17px;
}

.tvScheduleWrap .searchHistoryWrap ul li a span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tvScheduleWrap .searchHistoryWrap ul li .btn_shsr_del {
    position: absolute;
    top: 12px;
    right: 20px;
    width: 11px;
    height: 11px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -60px;
    background-size: 300px auto;
    outline: none;
    -webkit-appearance: none;
}

.tvScheduleWrap .searchHistoryWrap .searchNone {
    padding: 70px 0 40px;
    font-size: 15px;
    color: #999;
    text-align: center;
    border-top: 1px solid #e9e8e8;
    background: #fff;
}

.tvScheduleWrap .searchDel {
    padding: 15px 0;
    text-align: center;
}

.tvScheduleWrap .searchDel a {
    font-size: 14px;
    color: #333;
}

/* TV편성표 검색 - 최근검색 2016-11-02 */
.tvScheduleWrap .searchHistoryWrap.type02 {
    overflow: hidden;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul {
    padding: 0;
    margin: 0 0 -1px;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li {
    padding: 0 20px 0 0;
    margin: 0;
    border-bottom: 1px solid #f3f3f3;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li a {
    height: 30px;
    padding: 1px 0 0 15px;
    border: none;
    border-radius: 0;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li .btn_shsr_del {
    right: 5px;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li:nth-child(2n) {
    padding: 0 28px 0 0;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li:nth-child(2n) a {
    padding: 1px 0 0 7px;
}

.tvScheduleWrap .searchHistoryWrap.type02 ul li:nth-child(2n) .btn_shsr_del {
    right: 15px;
}

.tvScheduleWrap .searchHistoryWrap.type02 .searchNone {
    box-sizing: border-box;
    height: 160px;
    padding: 72px 0 0;
}

.tvScheduleWrap .searchDel.type02 {
    position: relative;
    margin: -1px 0 0;
    padding: 0 15px;
    text-align: right;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #b5b5b5;
    background: #f7f7f7;
}

.tvScheduleWrap .searchDel.type02 a {
    display: inline-block;
    height: 29px;
    padding: 1px 0 0;
    line-height: 29px;
    font-size: 12px;
}

/* TV편성표 검색 - 자동완성 2016-08-09 */
.tvScheduleWrap .autoSearchWrap {
    padding: 44px 0 0;
    border-bottom: 1px solid #b5b5b5;
}

.tvScheduleWrap .autoSearchWrap .searchOn {
    border-top: 1px solid #e9e8e8;
}

.tvScheduleWrap .autoSearchWrap .searchNone p {
    font-size: 15px;
}

/* 기존 스타일 운영 유지위해 남겨놓음 2016-09-07 */
.tvScheduleWrap .typoModifyWrap {
    padding: 10px 0;
    margin: 0 0 7px;
    text-align: center;
    border-top: 1px solid #b5b5b5;
    background: #f4f4f4;
}

.tvScheduleWrap .typoModifyWrap .result_txt {
    min-height: 18px;
    color: #000;
    font-size: 14px
}

.tvScheduleWrap .typoModifyWrap .result_txt strong {
    color: #e51937
}

.tvScheduleWrap .typoModifyWrap .correc_txt {
    display: inline-block;
    font-size: 12px;
    color: #565656
}

.tvScheduleWrap .typoModifyWrap .correc_txt:after {
    border-top: 1px solid #898989;
    display: block;
    content: "";
}

.tvScheduleWrap .srResultInfo {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px 7px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.tvScheduleWrap .srResultInfo .srRresultNum {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    color: #565656;
}

.tvScheduleWrap .srResultInfo .srRresultNum em {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #e51937;
}

.tvScheduleWrap .unifiSearchResultWrap {
    padding: 75px 0 0;
    margin: 0 0 5px;
}

.tvScheduleWrap .unifiSearchResultWrap .searchResultListBox {
    margin: 0;
}

/* //기존 스타일 운영 유지위해 남겨놓음 2016-09-07 */

/* TV편성표 검색 - 한영오타 2016-09-07 */
.tvScheduleWrap .unifiSearchResultWrap.ver02 .typoModifyWrap {
    padding: 10px 0;
    margin: 0 0 7px;
    text-align: center;
    border-top: 1px solid #b5b5b5;
    background: #f4f4f4;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .typoModifyWrap .result_txt {
    min-height: 18px;
    color: #000;
    font-size: 14px
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .typoModifyWrap .result_txt strong {
    color: #e51937
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .typoModifyWrap .correc_txt {
    display: inline-block;
    font-size: 12px;
    color: #565656
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .typoModifyWrap .correc_txt:after {
    border-top: 1px solid #898989;
    display: block;
    content: "";
}

/* TV편성표 검색 - 총결과 갯수 2016-09-07 */
.tvScheduleWrap .unifiSearchResultWrap.ver02 .srResultInfo {
    display: block;
    position: static;
    width: 100%;
    height: 34px;
    margin: -7px 0 5px;
    padding: 0;
    transform: initial;
    -webkit-transform: initial;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .srResultInfo .srResultInfoInner {
    box-sizing: border-box;
    padding: 7px 10px;
    height: 34px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    z-index: 12;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .srResultInfo .srResultInfoInner.fixed {
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .srResultInfo .srRresultNum {
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    color: #565656;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .srResultInfo .srRresultNum em {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    color: #e51937;
}

/* TV편성표 검색 - 검색결과 리스트(통합검색 리스트)  2016-09-07 */
.tvScheduleWrap .unifiSearchResultWrap.ver02 {
    padding: 0;
    margin: 44px 0 5px;
}

.tvScheduleWrap .unifiSearchResultWrap.ver02 .searchResultListBox {
    margin: 0;
}

/* TV편성표 검색 - 검색결과 리스트  */
.tvScheduleWrap .searchResultListBox {
    margin: 5px 0 0;
}

.tvScheduleWrap .searchResultListBox>li {
    position: relative;
    margin: 5px 0 0;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.tvScheduleWrap .searchResultListBox>li:first-child {
    margin: 0;
}

.tvScheduleWrap .searchResultListBox>li a {
    display: block;
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}

.tvScheduleWrap .searchResultListBox>li a.flagtype {
    min-height: 90px;
}

.tvScheduleWrap .searchResultListBox>li .imgBox {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 75px;
}

.tvScheduleWrap .searchResultListBox>li .imgBox+img {
    margin-top: 14px;
}

.tvScheduleWrap .searchResultListBox>li .imgBox img {
    width: 100%;
    vertical-align: top;
}

.tvScheduleWrap .searchResultListBox>li .prdCont {
    position: relative;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .goodTit_sbox {
    overflow: hidden;
    height: 15px;
    color: #909090;
    font-size: 0.857em;
    letter-spacing: -1px;
}

/* 2016-04-14 수식어 추가 */
.tvScheduleWrap .searchResultListBox>li .prdCont .srPrdTit {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    max-height: 42px;
    margin: 0 0 22px;
    line-height: 19px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 2016-04-14 line-height 수정 */
.tvScheduleWrap .searchResultListBox>li .prdCont .benefit {
    display: block;
    position: relative;
    min-height: 14px;
    padding: 3px 0;
    margin: -22px 0 0;
    line-height: 12px;
    color: #898989;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .benefit span {
    display: inline-block;
    margin: 0 2px 0 0;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    letter-spacing: -1px;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .benefit span+span:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    margin: -1px 5px 0 0;
    background: #ccc;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .benefit .comment {
    position: absolute;
    right: 0;
    top: 4px;
    min-width: 70px;
    line-height: 12px;
    font-size: 12px;
    color: #565656;
    text-align: right;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .benefit .comment em {
    font-weight: bold;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p {
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #222;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p.discountPrice {
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p span {
    display: inline-block;
    vertical-align: top;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit {
    font-weight: normal;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit.type01 {
    width: 80px;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p .tit.type02 {
    width: 138px;
    padding: 2px 0 0;
    line-height: 16px;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p span em {
    display: inline-block;
    font-size: 1.455em;
    vertical-align: top;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .priceInfoBox>p span .wonBox {
    display: inline-block;
    vertical-align: top;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .pointC01 {
    color: #e51937;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .pointC02 {
    color: #777;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .saleFlag {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 22px;
}

.tvScheduleWrap .searchResultListBox>li .prdCont .saleFlag span {
    overflow: hidden;
    display: block;
    text-indent: -999em;
}

.tvScheduleWrap .telecastTit {
    box-sizing: border-box;
    padding: 0 10px 12px;
}

.tvScheduleWrap .telecastTit .telecastInner {
    overflow: hidden;
    height: 29px;
    padding: 0 7px;
    line-height: 29px;
    background: #f4f4f4;
}

.tvScheduleWrap .telecastTit .telecastInner h1 {
    float: left;
    height: 25px;
    padding: 0;
    margin: 0;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    border: none;
    letter-spacing: -0.5px;
    background: #f4f4f4;
}

.tvScheduleWrap .telecastTit .telecastInner h1.type01 {
    color: #19bfbf;
}

.tvScheduleWrap .telecastTit .telecastInner h1.type02 {
    color: #999;
}

.tvScheduleWrap .telecastTit .telecastInner h1.type03 {
    color: #e51937;
}

.tvScheduleWrap .telecastTit .telecastInner h1 .ico_telecast {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background-color: #19bfbf;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.tvScheduleWrap .telecastTit .telecastInner h1 .ico_telecast:before {
    display: block;
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 5px;
    height: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
    background-position: -137px -60px;
}

.tvScheduleWrap .telecastTit .telecastInner h1.type01 .ico_telecast {}

.tvScheduleWrap .telecastTit .telecastInner h1.type02 .ico_telecast {
    background-color: #cecece;
}

.tvScheduleWrap .telecastTit .telecastInner h1.type03 .ico_telecast {
    background-color: #e51937;
}

.tvScheduleWrap .telecastTit .telecastInner .time {
    display: inline-block;
    float: right;
    padding: 0 0 0 10px;
    line-height: 29px;
    color: #898989;
    font-size: 13px;
}

/* 검색결과 - 편성정보 수정 2016-07-22 */
.tvScheduleWrap .telecastTit.type02 {
    padding: 0 0 0 13px;
    border-top: 1px solid #e5e5e5
}

.tvScheduleWrap .telecastTit.type02 .telecastInner {
    padding: 0;
    background: none
}

.tvScheduleWrap .telecastTit.type02 .telecastInner h1 {
    float: left;
    width: 72px;
    height: 30px;
    padding: 0 12px 0 0;
    color: #e51937;
    background: none;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner h1 .ico_telecast {
    width: 15px;
    height: 14px;
    margin: -5px 3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-size: 300px 390px;
    background-position: -120px -60px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner h1 .ico_telecast:before {
    display: none;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .time {
    float: left;
    padding: 0;
    letter-spacing: -0.5px;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .order_btn {
    font-size: 13px;
    box-sizing: border-box;
    float: right;
    padding: 0;
    width: 80px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    background: #e51937;
    color: #fff;
    min-height: 30px;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .arim_btn {
    font-size: 13px;
    box-sizing: border-box;
    float: right;
    padding: 0;
    width: 80px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    background: #f4f4f4;
    color: #565656;
    min-height: 30px;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .arim_btn span {
    display: inline-block;
    padding: 0 0 0 0;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .arim_btn span:after {
    display: inline-block;
    content: "";
    width: 13px;
    height: 13px;
    margin: -2px 0 0 2px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -77px;
    background-size: 300px 390px;
    vertical-align: middle;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .arim_btn.on {
    color: #e51937;
}

.tvScheduleWrap .telecastTit.type02 .telecastInner .arim_btn.on span:after {
    background-position: -137px -77px;
}

/*  TV편성표 검색- 검색결과 없음 */
.tvScheduleWrap .search_no_area {
    margin: 44px 0 0;
    padding: 28px 0;
    text-align: center;
    background: #f4f4f4;
}

.tvScheduleWrap .search_no_area .result_txt {
    color: #000;
    font-size: 14px
}

.tvScheduleWrap .search_no_area .result_txt:before {
    display: block;
    content: "";
    width: 22px;
    height: 24px;
    margin: 0 auto 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -150px -60px;
    background-size: 300px 390px;
}

.tvScheduleWrap .search_no_area .result_txt strong {
    color: #e51937
}

.tvScheduleWrap .search_no_area .correc_txt {
    padding-top: 5px;
    display: inline-block;
    font-size: 12px;
    color: #565656
}

.tvScheduleWrap .search_no_area .correc_txt:after {
    border-top: 1px solid #898989;
    display: block;
    content: ""
}

.tvScheduleWrap .search_no_area .correc_txt.type02:after {
    border: none;
}

/* 2016-03-22 추가 */
.tvScheduleWrap .schedule_no_datas {
    padding: 40px 0;
    background: #fff;
}

.tvScheduleWrap .schedule_no_datas strong {
    display: block;
    color: #000;
    text-align: center;
}

.tvScheduleWrap .schedule_no_datas .txt01 {
    margin: 12px 0 0;
    color: #898989;
    font-size: 12px;
    text-align: center;
}

.tvScheduleWrap .schedule_no_datas .btnBox {
    margin: 20px 0 0;
    text-align: center;
}

/* TV편성표 검색 - 검색결과 로딩영역  2016-08-08 */
.tvScheduleWrap .loading_wrap {
    margin: 5px 0;
    padding: 50px 0;
    border-bottom: 1px solid #b5b5b5;
}

.tvScheduleWrap .loading_wrap img {
    vertical-align: top;
}

/* TV편성표 - 쇼핑뉴스 리스트 2016-08-02 */
.tvScheduleWrap .shNewsTab {
    height: 184px;
    margin: 41px 0 0;
}

.tvScheduleWrap .shNewsTab .shNewsTabIn {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tvScheduleWrap .shNewsTab .shNewsTabIn.fixed {
    position: fixed;
    top: -38px;
    left: 0;
    z-index: 3;
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul {
    overflow: hidden;
    position: relative;
    width: 10000em;
    transform: translate3d(-400px, 0px, 0px);
    -webkit-transform: translate3d(-400px, 0px, 0px);
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul.load {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    transition: transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul li {
    float: left;
    width: 146px;
    border-bottom: 1px solid #eee;
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul li.selected_bar {
    display: block;
    position: absolute;
    bottom: 0;
    width: 146px;
    height: 2px;
    line-height: 0;
    font-size: 0;
    border: none;
    background: #333;
    transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul li a {
    display: block;
    vertical-align: top;
    /* border-bottom:1px solid #fff; */
}

.tvScheduleWrap .shNewsTab .shNewsTabIn>ul li a img {
    width: 100%;
    vertical-align: top;
    border: none;
}

/* TV편성표 - 기존 쇼핑뉴스 Contents Box 2016-08-05 */
.tvScheduleWrap .oldNewsWrap {
    display: none;
    position: relative;
    margin: 41px 0 0;
}

.tvScheduleWrap .oldNewsWrap li img {
    width: 100%;
    vertical-align: top;
}

.tvScheduleWrap .oldNewsWrap li a {
    display: block;
}

.tvScheduleWrap .oldNewsWrap li.newsQuickMove {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.tvScheduleWrap .oldNewsWrap li.newsQuickMove a {
    float: left;
}

.tvScheduleWrap .oldNewsWrap .baseTxt {
    text-align: center;
    padding: 30px 0;
    border-top: 1px solid #EAEAEA;
    background-color: white;
}

.tvScheduleWrap .oldNewsWrap .baseTxt a {
    display: inline-block;
    padding: 10px 30px;
    background-color: #da0f2d;
    color: #FFF;
    font-size: 18px;
    word-break: normal;
}

.tvScheduleWrap .oldNewsWrap .baseTxt div {
    font-size: 12px;
    color: #898989;
    padding-bottom: 10px;
    font-weight: bold;
}

/* TV편성표 - 쇼핑뉴스 경고문구  */
.tvScheduleWrap .shNewsCaution {
    margin: 5px 0 0;
    padding: 10px 15px;
    font-size: 13px;
    color: #787878;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
}

/* 구매하기 버튼 토스트 2016-07-28 */
#orderToast.toastContainer {
    position: absolute;
    top: -38px;
    z-index: 11000;
    width: 100%
}

#orderToast.toastContainer .outer {
    display: table;
    width: 100%
}

#orderToast.toastContainer .inner {
    display: table-cell;
    text-align: center
}

#orderToast .bg {
    color: #fff;
    padding: 7px 22px;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    background: rgba(25, 25, 25, .7);
    font-size: 13px
}

/* 상품정보제공고시 간격, 타이틀클릭 수정 2016-08-05 */
.goods_img .goos_info.prdInfo.v2 th,
.goods_img .goos_info.prdInfo.v2 td,
.goods .goods_default .goos_info.v2 th,
.goods .goods_default .goos_info.v2 td {
    padding: 10px 5px
}

.goods .goods_img h3.title.v2 {
    cursor: pointer
}

.goods .goods_img h3.title.v2 em {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 17px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -30px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.goods .goods_img h3.title.v2.active em {
    background-position: -70px -40px;
    overflow: hidden;
    text-indent: -1000px;
}

/* 구매자 상품평 이벤트 */
.review_event {
    border-top: 5px solid #e9e7e8;
    padding: 6px 10px 0;
}

.review_event .tit {
    position: relative;
    margin-bottom: 6px;
    padding-left: 32px;
    font-size: 15px;
    color: #000;
    line-height: 26px;
}

.review_event .tit .acc {
    color: #7d64e3;
    font-weight: bold;
}

.review_event .tit:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 26px;
    height: 26px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -242px -180px;
    background-size: 300px auto;
}

.revTbl {
    width: 100%;
    border-top: 1px solid #bbb;
}

.revTbl table {
    width: 100%;
}

.revTbl table caption {
    display: block;
    position: static;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    color: transparent;
}

.revTbl table tr {
    border-bottom: 1px solid #e8e8e8;
}

.revTbl table tr:last-child {
    border-bottom: none;
}

.revTbl table th {
    width: 84px;
    padding: 7px 0 4px 10px;
    background: #f4f4f4;
    line-height: 20px;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.75px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}

.revTbl table td {
    padding: 7px 5px 4px 10px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.75px;
    line-height: 16px;
}

.revTbl table td ::-webkit-input-placeholder {
    line-height: 19px;
    font-size: 10px;
    color: #888;
}

.revTbl table tr:last-child td {
    padding-bottom: 20px;
}

/* 간편인증 팝업 추가 2016-08-16 */
.pop_wrap.auth .inputWrap {
    display: table;
    width: 100%;
}

.pop_wrap.auth .inputWrap .center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.pop_wrap.auth .inputWrap .inline {
    position: relative;
    display: inline-block;
    width: 242px
}

.pop_wrap.auth .inputWrap input {
    width: 145px;
}

.pop_wrap.auth .inputWrap p {
    display: inline-block
}

.pop_wrap.auth .inputWrap p>a {
    background: #5b5b5b !important
}

.pop_wrap.auth .join_sch_wrap {
    padding: 30px 10px 0;
}

.pop_wrap.auth .join_sch_wrap .id_text {
    padding-bottom: 14px
}

.pop_wrap.auth .join_sch_wrap .id_text.title {
    font-size: 19px;
    color: #000
}

.pop_wrap.auth .join_sch_wrap .id_text.light {
    font-size: 14px;
    color: #898989
}

.pop_wrap.auth .join_sch_wrap .id_text.desc {
    padding-top: 14px;
    font-size: 16px;
    color: #000
}

.pop_wrap.auth .join_sch_wrap .id_text span {
    display: inline-block;
    padding-left: 21px;
    color: #e51937;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_clock.png) 0 1px no-repeat;
    background-size: 16px
}

.pop_wrap.auth .pop_contents02 {
    padding-bottom: 0;
    border-radius: initial
}

.pop_wrap.auth .pop_contents02 h3 {
    height: 50px;
    line-height: 35px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    border-radius: initial;
    background: #fff;
    color: #444;
    font-weight: bold;
    border-bottom: 1px solid #444
}

.pop_wrap.auth .pop_close02 {
    top: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/member/btn_close_popup.png) 0 0 no-repeat;
    background-size: 15px 15px;
}

.pop_wrap.auth .btn_wrap .btns {
    float: left;
    width: 50%;
    height: 40px;
    border-radius: initial;
    border: none;
    background: #9b9b9b !important;
    color: #fff !important;
    font-size: 17px;
    line-height: 40px;
}

.pop_wrap.auth .btn_wrap .btns.red {
    background: #e51937 !important;
}

/* 회원가입 2016-09-20 */
.joinRegBox {
    padding: 10px 0;
    background: #ececec;
}

.joinRegBox .regIptBox:first-child {
    margin: 0 10px;
}

.termsAgreeBox {
    position: relative;
}

.termsAgreeBox .termsAgreeTit {
    height: auto;
    padding: 10px 20px;
    line-height: 20px;
    font-size: 13px;
    color: #fff;
    text-align: left;
    background: #222;
}

.termsAgreeBox .termsAgreeTit.gray {
    padding: 10px 20px;
    font-size: 14px;
    color: #222;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background-color: #f4f4f4;
}

.termsAgreeBox .termsAgreeCont {
    padding: 10px 20px;
    font-size: 12px;
    color: #666;
}

.termsAgreeBox .termsAgreeCont .termsAgreeContInner.scrollBox {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 190px;
}

.termsAgreeBox .termsAgreeCont h2 {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.termsAgreeBox .termsAgreeCont p {
    margin: 5px 0;
    line-height: 18px;
}

.termsAgreeBox .termsAgreeCont .termsAgreeTbl {
    width: 100%;
}

.termsAgreeBox .termsAgreeCont .termsAgreeTbl th {
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    border: 1px solid #cdcdcd;
}

.termsAgreeBox .termsAgreeCont .termsAgreeTbl td {
    padding: 5px;
    font-size: 12px;
    color: #666;
    border: 1px solid #cdcdcd;
}

.termsAgreeBox .termsAgreeCont .termsAgreeTbl td.emphasisTxt {
    font-size: 14px;
    font-weight: bold;
}

.termsAgreeBox .goTermsPage {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    padding: 0 10px 0 0;
    line-height: 20px;
    font-size: 12px;
    color: #bababa;
}

.termsAgreeBox .goTermsPage:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 9px;
    margin: -4px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -40px -30px;
    background-size: 200px auto;
}

.joinAgreeBox {
    position: relative;
    padding: 0 20px 0 40px;
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #e51937;
}

.joinAgreeBox:before {
    display: block;
    content: "";
    position: absolute;
    left: 20px;
    top: 4px;
    width: 16px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/member/icon_member.png) no-repeat -60px -30px;
    background-size: 200px auto;
}

.joinFloatingBotBtn {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    border-top: 1px solid #cdcdcd;
    background: #fff;
    z-index: 5;
}

.btnJoin {
    display: block;
    height: 43px;
    line-height: 43px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: #e51937;
    text-align: center;
}

.btnJoin.disabled {
    background-color: #888;
}

/***************************************************************************************************************
** 마이페이지 - 나의쇼핑정보 UI변경 2016-09-21
***************************************************************************************************************/
/* 나의쇼핑 총혜택 */
.mypage .icoNew:after {
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px -185px;
    background-size: 200px auto;
}

.userInfoBtn {
    position: relative;
    line-height: 0;
    z-index: 2;
}

.userInfoBtn a {
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: 20px;
    padding: 1px 5px 0;
    line-height: 20px;
    font-size: 11px;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 3px;
    letter-spacing: -0.75px;
}

.myTotalBfWrap02.opacity {
    opacity: 0;
}

.myTotalBfWrap02 {
    position: relative;
    overflow: hidden;
}

.myTotalBfWrap02 .blind {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.myTotalBfWrap02 .bgBox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.myTotalBfWrap02 .bgBox .bg01 {
    display: block;
    position: relative;
    height: 105px;
}

.myTotalBfWrap02 .bgBox .bg01:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 53px;
    background: #f7f7f7;
}

.myTotalBfWrap02 .bgBox .bg01:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: #c0e4fe;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
}

.myTotalBfWrap02 .bgBox .bg01.active:after {
    height: 55px;
    transition: height .5s ease;
    -webkit-transition: height .5s ease;
}

.myTotalBfWrap02 .bgBox .bg02 {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40%;
    background: #80cafc;
}

.myTotalBfWrap02 .benefitPointBox {
    position: relative;
    box-sizing: border-box;
    max-width: 370px;
    padding: 0 20px;
    margin: 0 auto;
}

.myTotalBfWrap02 .benefitPointBox:after {
    display: block;
    content: "";
    clear: both;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    ;
    width: 70%;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -300%;
    width: 300%;
    background-color: #80cbfc;
    height: 105px
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail {
    position: relative;
    display: block;
    width: 100%;
    height: 108px;
    padding: 10px 0 0;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 86px;
    width: 100%;
    height: 105px;
    background: #80cbfc;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 105px 86px 0 0;
    border-color: #80cbfc transparent transparent transparent;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .bfCopyBox {
    position: relative;
    z-index: 1;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .bfCopyBox span {
    display: block;
    line-height: 22px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .bfCopyBox span:nth-child(1) {
    font-size: 15px;
    color: #fefefe;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .bfCopyBox span:nth-child(2) {
    margin: -1px 0;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .bfCopyBox span:nth-child(3) {
    font-size: 15px;
    color: #fefefe;
    margin: 0 0 3px 0
}

/* ui추가  2016-10-24 */
.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail.type02 {
    padding: 10px 0 0;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail.type02 .bfCopyBox span {
    letter-spacing: -0.5px;
    line-height: 25px
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail.type02 .bfCopyBox span:nth-child(1) {
    font-size: 18px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail.type02 .bfCopyBox span:nth-child(2) {
    margin: -2px 0;
    font-size: 19px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnOpenDetail.type02 .bfCopyBox span:nth-child(3) {
    font-size: 16px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnDetail,
.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnBenefit {
    display: inline-block;
    position: relative;
    height: 16px;
    padding: 0 10px 0 0;
    border: none;
    border-radius: 0;
    background: #80cafc;
    -webkit-appearance: none;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnDetail:after {
    display: block;
    content: "";
    position: absolute;
    right: -3px;
    top: 6px;
    width: 9px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/mypage_dtbtns.png) no-repeat 0 0;
    background-size: 9px auto;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnDetail span,
.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnBenefit span {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    color: #295a85;
    vertical-align: top;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnDetail.open:after {
    background-position: 0 -6px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointLeft .btnBenefit:after {
    display: block;
    content: "";
    position: absolute;
    right: -3px;
    top: 4px;
    width: 6px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/mypage_dtbtns.png) no-repeat 0 -13px;
    background-size: 9px auto;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight {
    font-weight: 600;
    text-align: right;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBuyPrice {
    box-sizing: border-box;
    height: 55px;
    padding: 14px 0 0;
    line-height: 12px;
    color: #666;
    font-size: 11px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBuyPrice .price {
    display: block;
    line-height: 16px;
    font-size: 13px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBuyPrice .price em {
    font-size: 11px;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBfPrice {
    box-sizing: border-box;
    height: 50px;
    padding: 7px 0 0;
    line-height: 14px;
    font-size: 12px;
    color: #222;
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBfPrice .price {
    display: block;
    line-height: 20px;
    font-size: 18px;
    color: #000
}

.myTotalBfWrap02 .benefitPointBox .benefitPointRight .totalBfPrice .price em {
    font-size: 16px;
}

.myTotalBfWrap02 .bfDetailWrap {
    display: none;
    padding: 10px;
    background: #c0e4fe;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap {
    box-sizing: border-box;
    width: 100%;
    background: #fff;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap>li {
    padding: 0 10px;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap>li:nth-child(2) {
    background: #f7f7f7;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>strong {
    display: block;
    float: left;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>p {
    float: right;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    border-top: 1px solid #eee;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>ul li {
    margin: 2px 0 0;
    font-size: 13px
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>ul li:first-child {
    margin: 0;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>ul li strong {
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
}

.myTotalBfWrap02 .bfDetailWrap .bfListWrap li>ul li p {
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap {
    position: relative;
    padding: 15px 10px 0;
    background: #fff;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .tit {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    color: #222;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .tit .unit {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 11px;
    font-weight: normal;
    color: #898989;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph {
    overflow: hidden;
    position: relative;
    padding: 35px 0 30px;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul {
    width: 720px;
    border-bottom: 1px solid #eee;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul>li {
    float: left;
    width: 40px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick {
    position: relative;
    width: 100%;
    height: 100px;
    background: #fff;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .date {
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -20px;
    font-size: 12px;
    color: #898989;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .moneyTxt {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #5eb0e7;
    background: none;
    letter-spacing: -1px;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .monthGraph>ul>li .graphStick .innerStick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #bfe4fd;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .mthGraphGuideBox {
    position: absolute;
    bottom: 35px;
    left: 0;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .mthGraphGuideBox .img {
    display: inline-block;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .mthGraphGuideBox .img img {
    width: 120px;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .mthGraphGuideBox .btnClose {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    border: none;
    -webkit-appearance: none;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px 0;
    background-size: 200px auto;
}

.myTotalBfWrap02 .bfDetailWrap .monthBfWrap .mthGraphGuideBox .btnClose span {
    position: absolute;
    left: -9999px;
}

.myTotalBfWrap02 .bfDetailWrap .none_user_info3 {
    padding: 10px 0 20px 0;
    background: #fff;
}

.myTotalBfWrap02 .btnBox {
    padding: 10px 0 0;
    text-align: center;
}

.myTotalBfWrap02 .btnBox .btnCloseDetail {
    position: relative;
    height: 16px;
    padding: 0 10px 0 0;
    border: none;
    border-radius: 0;
    background: #c0e4fe;
    -webkit-appearance: none;
}

.myTotalBfWrap02 .btnBox .btnCloseDetail:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 5px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 0;
    background-size: 200px auto;
}

.myTotalBfWrap02 .btnBox .btnCloseDetail span {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700;
    color: #47718e;
    vertical-align: top;
    text-decoration: underline;
}

/* 나의쇼핑 혜택 현황 UI변경 2016-09-21 */
.myPointViewWrap {
    margin: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.myPointViewWrap .titGroup {
    position: relative;
    height: 38px;
    padding: 0 15px;
}

.myPointViewWrap .titGroup .tit {
    height: 38px;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
    color: #222;
    border: none;
    background: none;
    font-weight: bold
}

.myPointViewWrap .titGroup .detailLink {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    padding: 0 15px 0 0;
    text-align: right;
}

.myPointViewWrap .titGroup .detailLink span {
    display: inline-block;
    height: 37px;
    padding: 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: 600;
    color: #666;
}

.myPointViewWrap .titGroup .detailLink span:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    vertical-align: middle;
    margin: -2px 1px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -10px -20px;
    background-size: 200px auto;
}

.myPointViewWrap .linkBox {
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
}

.myPointViewWrap .linkBox {
    display: table;
    overflow: hidden;
    width: 100%;
    min-height: 68px;
    border-top: 1px solid #eee;
}

.myPointViewWrap .linkBox li {
    display: table-cell;
    position: relative;
    width: 33.3%;
    padding: 0 0 10px;
    text-align: center
}

.myPointViewWrap .linkBox li:nth-child(2) {
    width: 33.4%;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.myPointViewWrap .linkBox li a {
    display: block;
}

.myPointViewWrap .linkBox li a .titleS {
    display: block;
    height: 20px;
    padding: 8px 0 0;
    line-height: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.myPointViewWrap .linkBox li a .icoNew:after {
    margin-left: 2px;
    margin-right: -13px;
    vertical-align: -1px;
}

.myPointViewWrap .linkBox li a .txt {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #e51937;
}

.myPointViewWrap .linkBox li a .txt.deduct {
    color: #12a5cb
}

.myPointViewWrap .linkBox li a .txt .won {
    font-size: 14px;
}

.myPointViewWrap .linkBox li a .txt02 {
    display: block;
    color: #888;
    font-size: 12px;
    line-height: 14px;
    margin-top: 2px
}

.myPointViewWrap .linkBox li a .txt03 {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #000;
}

.myPointViewWrap .linkBox.type2 {
    display: block;
}

.myPointViewWrap .linkBox.type2 li {
    display: block;
    float: left;
    box-sizing: border-box;
    min-height: 77px;
}

.myPointViewWrap .linkBox.type2 li:nth-child(4),
.myPointViewWrap .linkBox.type2 li:nth-child(5) {
    min-height: inherit;
}

.myPointViewWrap .linkBox.type2 li.add {
    width: 50%;
    border-top: 1px solid #eee;
}

.myPointViewWrap .linkBox.type2 li.add+li.add {
    border-left: 1px solid #eee;
}

/* 나의쇼핑 주문/배송 현황 UI변경 2016-09-21 */
.orderProcessViewWrap {
    margin: 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.orderProcessViewWrap .titGroup {
    position: relative;
    height: 38px;
    padding: 0 15px;
}

.orderProcessViewWrap .titGroup .tit {
    height: 38px;
    padding: 0;
    line-height: 40px;
    font-size: 15px;
    color: #333;
    border: none;
    background: none;
    font-weight: bold
}

.orderProcessViewWrap .titGroup .tit a {
    font-size: 15px
}

.orderProcessViewWrap .processBox {
    display: block;
}

.orderProcessViewWrap .processBox ul {
    overflow: hidden;
    padding: 0 2%;
    border-top: 1px solid #eee;
}

.orderProcessViewWrap .processBox ul li {
    position: relative;
    float: left;
    box-sizing: border-box;
    width: 24%;
    padding: 10px 0 10px 10px;
    text-align: center;
}

.orderProcessViewWrap .processBox ul li+li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: 5px 0 0 0;
    width: 10px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -20px 0;
    background-size: 200px auto;
}

.orderProcessViewWrap .processBox ul li:first-child {
    width: 26%;
    padding: 10px 0;
}

.orderProcessViewWrap .processBox ul li strong {
    display: block;
    min-height: 24px;
    line-height: 13px;
    /*margin:0 0 5px;*/
    font-size: 12px;
    color: #666;
    font-weight: bold;
    letter-spacing: -1px
}

.orderProcessViewWrap .processBox ul li span {
    font-size: 20px;
    font-weight: 600;
    color: #aaa;
}

.orderProcessViewWrap .processBox ul li .pointRed {
    color: #e51937;
    text-decoration: underline
}

.orderProcessViewWrap .processBox ul.steps {
    padding: 0 5px;
}

.orderProcessViewWrap .processBox ul.steps li {
    width: 21%;
}

.orderProcessViewWrap .processBox ul.steps li:first-child {
    width: 18%;
}

.orderProcessViewWrap .processBox ul.steps li:last-child {
    width: 19%;
}

.orderProcessViewWrap .processBox ul.steps li:nth-child(4) strong {
    line-height: 24px;
}

.orderProcessViewWrap .processBox ul.steps li .icoNew:after {
    position: absolute;
    top: 15px;
    margin-left: 2px;
}

.orderProcessViewWrap .linkBox {
    overflow: hidden;
    border-top: 1px solid #eee;
}

.orderProcessViewWrap .linkBox li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    border-left: 1px solid #eee;
    background: #f6f6f6;
}

.orderProcessViewWrap .linkBox li a {
    display: block;
    height: 34px;
    padding: 1px 0 0;
    line-height: 34px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #666;
}

.orderProcessViewWrap .linkBox li .icoNew:after {
    margin-right: -13px;
    margin-left: 2px;
    vertical-align: -2px;
}

.orderProcessViewWrap .linkBox li:first-child {
    border-left: none;
}

.orderProcessViewWrap .linkBox .link_pink {
    color: #e51937
}

.orderProcessViewWrap.type02 .titGroup .tit a,
.orderProcessViewWrap.type03 .titGroup .tit a {
    display: inline-block;
    position: relative;
    right: auto;
    padding-right: 13px;
    color: inherit;
}

.orderProcessViewWrap.type02 .titGroup .tit a:after,
.orderProcessViewWrap.type03 .titGroup .tit a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -68px -119px;
    background-size: 200px auto;
}

.orderProcessViewWrap.type02 .linkBox li .point,
.orderProcessViewWrap.type03 .linkBox li .point {
    color: #e51937;
}

/* 친구 추천 이벤트 */
.myBuddyEvent {
    background: #fff;
    text-align: center;
}

.myBuddyEvent .visuWrap {
    margin-bottom: 15px;
}

.myBuddyEvent .visuWrap img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.myBuddyEvent .exWrap {
    padding: 0 10px;
}

.myBuddyEvent .exWrap img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.myBuddyEvent .exWrap+.info_txt {
    margin-top: 30px;
}

.myBuddyEvent a img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.myBuddyEvent .btn01 {
    letter-spacing: -1px;
}

.myBuddyEvent .btn01.kakao {
    display: block;
    margin: 0 20px 10px;
    background: #fde600;
    border: 1px solid #fde600;
    color: #3a1c1c;
}

.myBuddyEvent .btn01.kakao:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -144px 0;
    background-size: 200px auto;
}

.myBuddyEvent .btn01.band {
    display: block;
    margin: 0 20px 10px;
    background: #56d281;
    border: 1px solid #56d281;
    color: #fff;
}

.myBuddyEvent .btn01.band:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -113px -30px;
    background-size: 200px auto;
}

.myBuddyEvent .btn01.sms {
    display: block;
    margin: 0 20px 10px;
    background: #00c3aa;
    border: 1px solid #00c3aa;
    color: #fff;
}

.myBuddyEvent .btn01.sms:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: right 0;
    background-size: 200px auto;
}

.myBuddyEvent .btn01.url {
    display: block;
    margin: 0 20px 10px;
    background: #5f95ee;
    border: 1px solid #5f95ee;
    color: #fff;
}

.myBuddyEvent .btn01.url:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -144px -30px;
    background-size: 200px auto;
}

.myBuddyEvent .btn01.gift {
    display: block;
    margin: 0 20px;
    background: #7d64e3;
    border: 1px solid #7d64e3;
    color: #fff;
}

.myBuddyEvent .btn01.gift:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 25px;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: right -30px;
    background-size: 200px auto;
}

.myBuddyEvent .info_txt {
    margin: 30px 10px 10px;
    border-top: 1px solid #ddd;
    text-align: left;
}

.myBuddyEvent .info_txt .tit {
    margin-top: 15px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.myBuddyEvent .info_txt .tit:before {
    display: inline-block;
    content: '';
    width: 13px;
    height: 13px;
    margin-right: 5px;
    vertical-align: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -50px -118px;
    background-size: 200px auto;
}

.myBuddyEvent .info_txt .tit+.bulletTxt {
    margin-top: 10px;
}

.myBuddyEvent .info_txt ul.bulletTxt li {
    letter-spacing: -0.5px;
}

.myBuddyEvent .info_txt ul.bulletTxt li a {
    color: inherit;
}

.myBuddyEvent .status_info {
    margin: 15px 10px 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.myBuddyEvent .status_info+.status_info {
    margin: 0 10px 20px;
    padding-top: 0;
    border-top: none;
}

.myBuddyEvent .status_info .tits {
    margin-bottom: 8px;
}

.myBuddyEvent .status_info .tits img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.myBuddyEvent table {
    width: 100%;
}

.myBuddyEvent table caption {
    display: block;
    position: static;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    color: transparent;
}

.myBuddyEvent table th {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 8px 0 4px;
    background: #fff9e0;
    font-size: 13px;
    color: #4d4d4d;
    /*line-height:29px;*/
    letter-spacing: -0.5px;
}

.myBuddyEvent table th .join:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 12px;
    margin: -4px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -154px -61px;
    background-size: 200px auto;
}

.myBuddyEvent table th .amount:before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    margin: -3px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -178px -61px;
    background-size: 200px auto;
}

.myBuddyEvent table td {
    border-right: 2px solid #fff;
    background: #f5f5f5;
    font-size: 15px;
    color: #7d64e3;
    line-height: 32px;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.myBuddyEvent table td .unit {
    font-size: 14px;
    vertical-align: 1px;
}

.myBuddyEvent table.tbl_sty {
    width: 100%;
    border: 1px solid #ddd;
}

.myBuddyEvent table.tbl_sty th {
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.myBuddyEvent table.tbl_sty td {
    background: #fff;
    border-right: 1px solid #ddd;
    line-height: 35px;
}

.myBuddyEvent table.tbl_sty td.red {
    color: #e51937;
}

@media all and (min-width:400px) {
    .myBuddyEvent .status_info {
        margin: 20px 10px 25px;
        padding-top: 25px;
    }

    .myBuddyEvent .status_info .tits {
        margin-bottom: 10px;
    }

    .myBuddyEvent .status_info+.status_info {
        margin-bottom: 25px;
    }

    .myBuddyEvent table th {
        padding: 10px 0 6px;
        font-size: 17px;
        font-weight: bold;
    }

    .myBuddyEvent table td {
        font-size: 17px;
        font-weight: bold;
        line-height: 45px;
    }

    .myBuddyEvent table th .join:before {
        width: 19px;
        height: 16px;
        margin-right: 4px;
        background-position: -151px -119px;
    }

    .myBuddyEvent table th .amount:before {
        width: 14px;
        height: 13px;
        margin-right: 7px;
        background-position: -177px -121px;
    }

    .myBuddyEvent table.tbl_sty th {
        padding: 9px 0 5px;
    }

    .myBuddyEvent table.tbl_sty td {
        font-size: 20px;
        line-height: 45px;
    }
}

.myBuddyEvent.join .visuWrap {
    margin-bottom: 0px;
}

.myBuddyEvent.join .btn01 {
    display: block;
    margin: 10px;
}

.myBuddyEvent.join .benefit_info {
    position: relative;
    margin: 12px 10px 15px;
    padding-left: 84px;
    text-align: left;
}

.myBuddyEvent.join .benefit_info:before {
    position: absolute;
    left: 20px;
    top: 50%;
    display: inline-block;
    content: '';
    width: 39px;
    height: 39px;
    margin-top: -20px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: 0 -183px;
    background-size: 200px auto;
}

.myBuddyEvent.join .benefit_info .txt_info {
    font-size: 15px;
    color: #4d4d4d;
    line-height: 19px;
    letter-spacing: -0.5px;
}

.myBuddyEvent.join .benefit_info .txt_info .b {
    font-size: 17px;
    color: #e51937;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.myBuddyEvent.join .benefit_info .date {
    font-size: 14px;
    color: #888;
    letter-spacing: -0.5px;
}

@media all and (min-width:360px) {
    .myBuddyEvent.join .benefit_info {
        padding-left: 100px;
    }

    .myBuddyEvent.join .benefit_info:before {
        left: 28px;
    }
}

@media all and (min-width:400px) {
    .myBuddyEvent.join .benefit_info {
        padding-left: 110px;
    }

    .myBuddyEvent.join .benefit_info:before {
        left: 33px;
    }
}


#urlCopy .layerConts {
    padding-top: 0;
}

#urlCopy .copyUrlBox {
    display: block;
    margin-top: 0;
    background: #fff;
}

.myBuddyEvent.saving {
    padding: 40px 0 20px 0;
}

.myBuddyEvent.saving .txt_saving,
.myBuddyEvent.saving .txt_noevent {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-align: center;
}

.myBuddyEvent.saving .txt_noevent {
    margin-bottom: 7px;
}

.myBuddyEvent.saving .txt_s {
    margin-bottom: 20px;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
}

.myBuddyEvent.saving .saved_money {
    height: 113px;
    margin: 0 10px 10px;
    padding: 20px 0 13px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    letter-spacing: -0.5px;
}

.myBuddyEvent.saving .saved_money:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat;
    background-position: -115px 0;
    background-size: 200px auto;
}

.myBuddyEvent.saving .saved_money .sum {
    font-size: 24px;
    color: #e51937;
}

.myBuddyEvent.saving .saved_money .sum em {
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    vertical-align: -3px;
}

.myBuddyEvent.saving .saved_money .expire {
    margin-top: 20px;
    font-size: 13px;
    color: #666;
}

.myBuddyEvent.saving .login_wrap3 {
    margin-bottom: 15px;
    padding: 0;
}

.myBuddyEvent.saving .login_wrap3 .check {
    padding: 0;
}

.myBuddyEvent.saving .btn01 {
    display: block;
    margin: 0 10px;
}

.myBuddyEvent.saving .btn_c {
    text-align: center;
}

.myBuddyEvent.saving .btn_c .btn01 {
    display: inline-block;
    min-width: 100px;
}

.regCodeWrap .myBuddyEvent.offline {
    padding: 10px 0 0;
}

.myBuddyEvent.offline {
    padding: 40px 0 0;
}

.myBuddyEvent.offline .txt_saving {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
    text-align: center;
}

.myBuddyEvent.offline .txt_s {
    margin-bottom: 40px;
    font-size: 13px;
    color: #666;
    line-height: 16px;
    letter-spacing: -0.5px;
}

.myBuddyEvent.offline .txt_s strong {
    color: #000;
}

.myBuddyEvent.offline .gift_reg {
    text-align: center;
}

.myBuddyEvent.offline .gift_reg .gift_img {
    display: inline-block;
    width: 80%;
    height: 60px;
    margin-bottom: 10px;
    background: #999;
    vertical-align: top;
}

.myBuddyEvent.offline .gift_reg input {
    display: block;
    width: 80%;
    height: 40px;
    margin: 0 auto 15px;
    font-size: 15px;
    line-height: 40px;
    background: #f7f7f7;
    border: 1px solid #bbb;
    text-align: center;
}

.myBuddyEvent.offline .gift_reg .btn07 {
    width: 120px;
}

.myBuddyEvent.offline .visuWrap {
    height: 140px;
    margin-top: -40px;
}

.myBuddyEvent.offline .visuWrap+.gift_reg {
    padding: 0 10px;
}

.myBuddyEvent.offline .visuWrap+.gift_reg input {
    width: 100%;
    margin-bottom: 10px;
}

.myBuddyEvent.offline .visuWrap+.gift_reg .btn02 {
    display: block;
    width: 100%;
    background: #3b3b3b;
    border-color: #3b3b3b;
}

.myBuddyEvent.offline .no_log {
    padding: 20px 0 30px;
    background: #e8e8e8;
}

.myBuddyEvent.offline .no_log .txt_saving {
    color: #aaa;
}

.myBuddyEvent.offline .no_log .gift_reg input {
    border-color: #ddd;
}

.myBuddyEvent.offline .no_log .gift_reg .btn07 {
    background: #bbb;
    border-color: #bbb;
}

.myBuddyEvent.offline .no_log+.info_txt {
    margin: 0 0 10px;
}

.myBuddyEvent.offline .btn01 {
    display: block;
    margin: 0 10px;
}

.myBuddyEvent.offline .btn01.add {
    margin-bottom: 10px;
    background: #7d64e3;
    border-color: #7d64e3;
}

.myBannerBx {
    position: relative;
    margin: 10px;
    vertical-align: top;
}

.myBannerBx img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* 퀵링크 리스트 2016-09-21 */
.quickLinkWrap {
    overflow: hidden;
    margin: 0 10px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.quickLinkWrap li {
    border-top: 1px solid #eee;
}

.quickLinkWrap li:first-child {
    border-top: 1px solid #fff;
}

.quickLinkWrap li a {
    position: relative;
    display: block;
    padding: 1px 0 0 15px;
    line-height: 34px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.quickLinkWrap li a:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -6px 0 0;
    width: 7px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -10px 0;
    background-size: 200px auto;
}

.quickLinkWrap.ver02 {
    margin-bottom: 10px;
}

.quickLinkWrap.ver02 li {
    float: left;
    width: 50%;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

.quickLinkWrap.ver02 li:first-child,
.quickLinkWrap.ver02 li:first-child+li {
    border-top: none;
}

.quickLinkWrap.ver02 li:nth-child(even) {
    border-right: none;
    margin-left: -1px;
}

.quickLinkWrap.ver02 li a {
    padding-left: 10px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 36px;
}

.quickLinkWrap.ver02 li a:after {
    display: none;
}

.quickLinkWrap.ver02 li a.icoNew:after {
    display: inline-block;
    position: static;
    margin-left: 2px;
    vertical-align: -1px;
}

.quickLinkWrap.ver02 li.col3 {
    width: 33%;
    margin-left: -1px;
    border-top: none;
    text-align: center;
}

.quickLinkWrap.ver02 li.col3:nth-child(even) {
    width: 34%;
    border-right: 1px solid #e8e8e8;
}

.quickLinkWrap.ver02 li.col3 a {
    padding: 20px 0;
    font-size: 13px;
    line-height: 1;
}

.quickLinkWrap.ver02 li.col3 .icoNew:after {
    display: inline-block;
    position: static;
    margin-left: 2px;
    vertical-align: -1px;
}

.quickLinkWrap.ver02 li.col3 .val {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #e51937;
}

.quickLinkWrap.ver02 li.col3 .val em {
    font-size: 16px;
    vertical-align: 0;
}

/* 혜택 자세히 보기 팝업 딤 */
.bfDetailPopDim {
    position: fixed;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    /* background:url(//image.hnsmall.com/images/mobile2014/common/bg_dim02.png) repeat; */
    z-index: 10000;
}

/* 혜택 자세히 보기 레이어팝업 */
.bfDetailPop {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.bfDetailPop.app {
    top: 45px;
}

.bfDetailPop .layerHeader {
    padding: 1px 0 0;
}

.bfDetailPop .layerHeader h1 {
    padding: 0 18px;
    font-size: 17px;
    line-height: 44px;
    color: #fff;
}

.bfDetailPop .layerHeader h1.txtC {
    text-align: center;
}

.bfDetailPop .layerHeader .btnLayerClose {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -315px;
    background-size: 300px 390px;
    -webkit-appearance: none;
}

.bfDetailPop .layerHeader .btnLayerClose span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.bfDetailPop .layerConts {
    position: absolute;
    top: 45px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}

.bfDetailPop .layerConts.scrollY {
    overflow-y: scroll;
}

.presentPop {
    position: fixed;
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
}

.presentPop .layerHeader {
    padding: 1px 0 0;
}

.presentPop .layerHeader .btnLayerClose {
    position: absolute;
    top: -23px;
    right: 0;
    width: 14px;
    height: 14px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -315px;
    background-size: 300px 390px;
    -webkit-appearance: none;
}

.presentPop .layerHeader .btnLayerClose span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.presentPop .present_confirm {
    position: relative;
    width: 250px;
    margin: 45px auto 0 auto
}

.presentPop .present_confirm_txt {
    background: #fff;
    padding: 20px 0;
    text-align: center
}

.presentPop .present_confirm_txt p {
    text-align: center;
    color: #222;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px
}

.presentPop .present_confirm_txt .btn01 {
    height: 29px;
    line-height: 29px;
    padding: 1px 25px 0 25px
}

/* 릴레이팡팡, 적립금, 팡팡페이*/
.myPointStateWrap02 {
    position: relative;
    margin: 10px 0 0;
    padding: 0 20px;
    background: #fff;
}

.myPointStateWrap02 .titWrap {
    overflow: hidden;
    padding: 1px 0 0;
    line-height: 36px;
    font-weight: bold;
}

.myPointStateWrap02 .titWrap strong {
    display: block;
    float: left;
    font-size: 14px;
    color: #222;
}

.myPointStateWrap02 .titWrap span {
    display: block;
    float: right;
    font-size: 15px;
    color: #e51937;
}

.myPointStateWrap02 .titWrap span.deduct {
    color: #12a5cb
}

.myPointStateWrap02 .titWrap span .won {
    font-size: 14px;
}

.myPointStateWrap02 .statList {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
}

.myPointStateWrap02 .statList li {
    line-height: 16px;
    font-weight: 600;
}

.myPointStateWrap02 .statList li:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}

.myPointStateWrap02 .statList li .statTit {
    float: left;
    font-size: 12px;
    color: #898989;
}

.myPointStateWrap02 .statList li .statPrice {
    float: right;
    font-size: 12px;
    color: #666;
}

.myPointStateWrap02 .statList li .statPrice .won {
    font-size: 10px;
}

.myPointStateWrap02 .statList li .statPrice>span {
    color: #aaa;
}

.myPointStateWrap02 .btnBox {
    margin: 0 -20px;
}

.myPointStateWrap02 .btnBox a {
    display: block;
    text-align: center;
    background: #eee;
}

.myPointStateWrap02 .btnBox a span {
    display: inline-block;
    height: 29px;
    padding: 1px 0 0;
    line-height: 29px;
    font-size: 11px;
    font-weight: bold;
    color: #898989;
}

.myPointStateWrap02 .btnBox a span:after {
    display: inline-block;
    content: "";
    margin: -3px 0 0 5px;
    vertical-align: middle;
    width: 5px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px 0;
    background-size: 200px auto;
}

.myPointStateWrap02 .goBankSet {
    display: inline-block;
    padding: 1px 0 0;
    line-height: 36px;
    font-size: 11px;
    color: #898989;
    vertical-align: top;
}

.myPointStateWrap02 .goBankSet span {
    font-size: 11px;
    color: #898989;
    text-decoration: underline;
}

.myPointStateWrap02 .goBankSet span:after {
    display: inline-block;
    content: "";
    margin: -3px 0 0 3px;
    vertical-align: middle;
    width: 5px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -80px 0;
    background-size: 200px auto;
}

.myPointStateWrap02 .needAddPointList {
    margin: 10px 0 5px;
    padding: 12px 0;
    text-align: center;
    background: #f7f7f7;
}

.myPointStateWrap02 .needAddPointList .achieveEvent {
    display: inline-block;
    margin: 0 0 4px;
    padding: 1px 0 0;
    text-align: center;
    font-size: 12px;
    color: #666;
}

.myPointStateWrap02 .needAddPointList .achieveEvent:before {
    display: inline-block;
    content: "";
    margin: -2px 3px 0 0;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -90px 0;
    background-size: 200px auto;
}

.myPointStateWrap02 .needAddPointList p {
    margin: 1px 0;
    font-size: 12px;
    color: #666;
}

.myPointStateWrap02 .needAddPointList p>span {
    color: #aaa;
}

.myPointStateWrap02 .needAddPointList p .won {
    font-size: 10px;
}

/* 고객센터 바로가기 버튼 */
.btnGoCs {
    display: block;
    margin: 10px;
    text-align: center;
    background: #bbb;
}

.btnGoCs span {
    display: inline-block;
    height: 34px;
    padding: 1px 15px 0 0;
    line-height: 34px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.btnGoCs span:after {
    display: inline-block;
    content: "";
    margin: -2px 0 0 3px;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -40px 0;
    background-size: 200px auto;
}

/* 회원정보 관리 2016-10-11 */
.contents.type2 {
    padding-bottom: 0
}

.joinRegBox .h2_wrap {
    padding: 5px 10px 0 10px
}

.joinRegBox .h2_wrap.type2 {
    margin-top: 12px
}

.joinRegBox .h2_wrap h2 {
    font-weight: bold;
    color: #000;
    font-size: 14px;
    margin-bottom: 5px
}

.joinRegBox .h2_wrap .text {
    font-size: 12px;
    line-height: 16px
}

.joinRegBox .h2_wrap .text span {
    color: #e51937
}

.sns_agree_box {
    border: 1px solid #cdcdcd;
    background: #fff;
    padding: 15px 10px 18px;
    margin: 0 10px
}

.sns_agree_box input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px
}

.sns_agree_box input:checked[type="checkbox"] {
    background-position: -22px 0;
}

.sns_agree_box ul {
    margin-left: 22px
}

.sns_agree_box ul:after {
    content: '';
    clear: both;
    display: block
}

.sns_agree_box ul li input[type="checkbox"] {
    width: 14px;
    height: 14px;
    background-position: -214px 0
}

.sns_agree_box ul li input:checked[type="checkbox"] {
    background-position: -236px 0
}

.sns_agree_box ul li {
    float: left;
    margin-right: 30px;
    font-size: 13px
}

.sns_agree_box ul li:last-child {
    margin-right: 0
}

.sns_agree_box p {
    margin-bottom: 8px
}

.sns_agree_box p label {
    font-weight: bold;
    font-size: 13px
}

.sns_agree_box ul+p {
    margin-top: 14px
}

.sns_agree_box ul.bulletTxt {
    margin: 0 0 0 22px;
}

.sns_agree_box ul.bulletTxt li {
    font-size: 12px;
}

.joinRegBox .btn_wrap {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px
}

.joinRegBox .btn_wrap .btn_ib30 {
    border-radius: 0
}

.mail_choice button {
    border: none;
    background: #aaa;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 0 8px;
    height: 25px;
    line-height: 18px;
    margin-top: 5px
}

/* 2017-01-05 수신동의 UI 변경 */
.sns_agree_box.type2 {
    padding: 0;
    margin-top: -5px
}

.sns_agree_box.type2 * {
    box-sizing: border-box
}

.sns_agree_box dl {
    overflow: hidden;
    padding: 10px 0 10px 0
}

.sns_agree_box dl+dl {
    border-top: 1px solid #cdcdcd
}

.sns_agree_box dl dt {
    float: left;
    clear: both;
    width: 85px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 13px
}

.sns_agree_box dl dd {
    overflow: hidden
}

.sns_agree_box.type2 dl dd p {
    margin-top: -2px
}

.sns_agree_box.type2 dl+dl dt {
    padding-top: 2px
}

.sns_agree_box.type2 ul {
    margin-left: 0
}

.sns_agree_box.type2 ul li {
    margin-right: 15px
}

.sns_agree_box.type2 ul li:last-child {
    margin-right: 0
}

@media all and (max-width:320px) {
    .sns_agree_box ul li {
        margin-right: 10px
    }

    .sns_agree_box dl dt {
        padding-left: 10px;
        width: 80px
    }

    .sns_agree_box.type2 ul li {
        margin-right: 7px
    }
}

.form_tit_area {
    margin: 0 10px;
    overflow: hidden;
}

.form_tit_area dt,
.form_tit_area dd {
    float: left;
}

.form_tit_area dt {
    width: 75px;
    font-weight: bold;
}

.h3_wrap {
    padding: 0 10px 10px;
}

.h3_wrap.p0 {
    padding-right: 0;
    padding-left: 0;
}

.h3_wrap h3 {
    font-size: 14px;
}

.privacy_info {
    margin: 0 10px;
}

.privacy_info.m0 {
    margin: 0;
}

.privacy_info.no_under {
    padding-bottom: 0;
    border-bottom: none;
}

.privacy_info_table {
    width: 100%;
    border: 1px solid #cdcdcd;
    background-color: #fff;
}

/* 2022-03-31 ITSR-5736 background-color 변경 */
.privacy_info_table th,
.privacy_info_table td {
    border-left: 1px solid #cdcdcd;
    font-size: 12px;
    color: #666;
}

.privacy_info_table th:first-child,
.privacy_info_table td:first-child {
    border-left: none;
}

.privacy_info_table thead th {
    padding: 10px;
    background-color: #eee;
}

.privacy_info_table tbody td {
    padding: 15px 10px;
    border-top: 1px solid #cdcdcd;
}

.privacy_info_table .f_bold {
    font-weight: bold;
    font-size: 13px;
}

.privacy_info_table .f_under {
    text-decoration: underline;
}

/* 2022-03-31 ITSR-5736 underline 추가 */


.popup_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.popup_wrap.active {
    display: block;
}

.popup_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 200%;
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
}

.popup_wrap.no_dim:after {
    display: none;
}

.popup_wrap.no_dim .popup_header {
    box-sizing: border-box;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

.popup_wrap.no_dim .popup_cont {
    box-sizing: border-box;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}

.popup_wrap .popup_area {
    width: 280px;
    margin-left: -140px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 10;
}

.popup_wrap .popup_header {
    height: 44px;
    border-bottom: 1px solid #e51937;
    text-align: center;
}

.popup_wrap .popup_header strong.title {
    height: 100%;
    line-height: 44px;
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #e51937;
    box-sizing: border-box;
}

.popup_wrap .popup_cont {
    padding: 20px 15px;
}

.popup_wrap .popup_cont.large_term {
    padding: 30px 15px;
}

.popup_wrap .popup_cont p.desc {
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    letter-spacing: -2px;
    text-align: center;
}

.popup_wrap .popup_cont p.desc2 {
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: center;
}

.popup_wrap .popup_cont p.desc3 {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
    line-height: 16px;
    letter-spacing: -1px;
    text-align: center;
}

.popup_wrap .popup_cont p.desc4 {
    margin-top: 5px;
    font-size: 16px;
    color: #222;
    line-height: 20px;
    word-spacing: -1px;
    text-align: center;
    font-weight: bold;
}

.popup_wrap .popup_cont p.desc4.first {
    margin-top: -3px;
}

.popup_wrap .popup_cont p.desc4 span {
    color: #e51937;
}

.popup_wrap .popup_cont p.desc5 {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
    text-align: center;
}

.popup_wrap .popup_cont p.info {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
}

.popup_wrap .popup_cont p.info .f_normal {
    font-weight: normal;
}

.popup_wrap .popup_cont .c_red {
    color: #e51937;
}

.popup_wrap .popup_cont .bul_list {
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.popup_wrap .popup_cont .bul_list li {
    position: relative;
    font-size: 13px;
    color: #888;
    line-height: 16px;
    letter-spacing: -0.7px;
}

.popup_wrap .popup_cont .bul_list.dotted li {
    padding-left: 10px;
}

.popup_wrap .popup_cont .bul_list.dotted li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
}

.popup_wrap .popup_bottom .btn_area {
    font-size: 0;
}

.popup_wrap .popup_bottom .btn_area:after {
    content: "";
    display: block;
    clear: both;
}

.popup_wrap .popup_bottom .btn_area.col_2 .btn_pop {
    width: 50%;
}

.popup_wrap .btn_pop {
    float: left;
    width: 100%;
    padding: 8px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border: none;
    display: block;
    line-height: 24px;
}

.popup_wrap .btn_pop.black {
    background-color: #222;
}

.popup_wrap .btn_pop.red {
    background-color: #e51937;
}

.popup_wrap .btn_close {
    width: 16px;
    height: 16px;
    background: url('//image.hnsmall.com/images/mobile2014/common/ico_header.png') -90px -235px no-repeat;
    background-size: 300px auto;
    border: none;
    text-indent: -9999px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.popup_wrap .txt_red {
    color: #e51937;
}

/* 2019-06-12 #23883 팡팡페이 전용쿠폰 신설 */

.regIptBox.type02 {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.regIptBox.type02 .regIptUnit {
    float: left;
    width: 63%;
    padding-left: 12px;
}

.regIptBox.type02 .txt_email {
    float: left;
    padding: 11px 5px 0 5px;
    font-size: 14px;
    color: #000;
}

.regIptBox.type02 .errorTxt {
    padding-bottom: 5px;
    line-height: 1;
    letter-spacing: -0.5px;
    ;
    white-space: nowrap;
}

.regIptBox.type02 .placeholderWrap .labelTit {
    top: 1px;
    white-space: nowrap;
}

.regIptBox.type02 .placeholderWrap .labelTit .txtS {
    font-size: inherit;
}

.regIptBox.type02 .placeholderWrap input[type="text"] {
    font-size: 14px;
    color: #000;
}

@media all and (min-width:360px) {
    .regIptBox.type02 .regIptUnit {
        width: 67%;
    }
}

@media all and (min-width:400px) {
    .regIptBox.type02 .regIptUnit {
        width: 70%;
    }
}


/* 일사천리 홍보방송 다시보기 */
.searchUnitBox {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 7px 45px 7px 10px;
    margin: 0 0 5px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.searchUnitBox .blind {
    display: block;
    overflow: hidden;
    position: absolute;
    left: -9999em;
    height: 0;
    width: 0;
    color: transparent;
    line-height: 0;
}

.searchUnitBox fieldset:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
}

.searchUnitBox .searchIpt {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 0 20px 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fafafa
}

.searchUnitBox .searchIpt input[type=text] {
    width: 100%;
    height: 28px;
    font-size: 13px;
    line-height: 27px;
    color: #333;
    border: none;
    background: #fafafa;
    -webkit-appearance: none;
    outline: none;
    text-indent: 0
}

.searchUnitBox .searchIpt ::-webkit-input-placeholder {
    line-height: 27px;
    font-size: 13px;
    color: #898989;
}

.searchUnitBox .searchIpt .btn_search_del {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: -8px 0 0;
    border: none;
    text-indent: -9999px;
    cursor: pointer;
    outline: none;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.searchUnitBox .searchIpt .btn_search_del:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;
    background-size: 300px auto;
}

.searchUnitBox .btn_search {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 30px;
    height: 30px;
    border: none;
    -webkit-appearance: none;
    background: #e51937;
    -webkit-appearance: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.searchUnitBox .btn_search:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 6px;
    left: 7px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -60px;
    background-size: 300px auto;
}

@media all and (max-width:320px) {
    .searchUnitBox .searchIpt ::-webkit-input-placeholder {
        letter-spacing: -1px;
    }
}

/* 로그인 개선 작업 2016-11-15 */
.loginBg {
    background: #f4f4f4;
}

.loginIptBox {
    padding: 10px;
    background: #e9e8e8;
}

.loginIptBox .regIptBox {
    margin: 0;
}

.loginIptBox .loginChkBox {
    position: relative;
    margin: 10px 0 0;
    font-size: 13px;
    color: #565656;
}

.loginIptBox .loginChkBox .kor_key {
    position: absolute;
    right: 0;
    top: 0;
    height: 15px;
    padding: 0 15px 0 0;
    font-size: 12px;
    color: #565656;
    background: transparent;
    border: none;
    -webkit-appearance: none;
}

.loginIptBox .loginChkBox .kor_key:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 11px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login.png) no-repeat 0 0;
    background-size: 200px auto;
}

.loginIptBox .loginChkBox .kor_key.on:after {
    background-position: 0 -10px;
}

.loginIptBox .img_key {
    display: none;
    margin: 20px 0 0;
    padding: 0 5px;
}

.loginIptBox .img_key img {
    width: 100%;
}

.loginIptBox .btn01 {
    display: block;
    margin: 20px 0 0;
}

.loginIptBox .btn01.disabled {
    border-color: #888;
    background-color: #888;
}

/* .loginIptBox .login_type {margin:10px 0 0; overflow:hidden;}
.loginIptBox .login_type ul li {font-size:13px;float:left;width:33.2%}
.loginIptBox .login_type ul li:nth-child(2) {width:33.6%}
.loginIptBox .login_type ul li a {display:block;margin-left:5px; text-align:center;height:36px;line-height:36px; background:#fff;}
.loginIptBox .login_type ul li:first-child a {margin-left:0}
.loginIptBox .login_type ul li a:before {background:url("//image.hnsmall.com/images/mobile2014/member/login_ico.jpg") no-repeat 0 0;background-size:auto 16px;height:16px;content:'';display:inline-block;margin-right:4px;vertical-align:middle;position:relative;top:-1px}
.loginIptBox .login_type ul li:nth-child(1) a {color:#55596b; border:1px solid #858690;}
.loginIptBox .login_type ul li:nth-child(1) a:before {width:10px}
.loginIptBox .login_type ul li:nth-child(2) a {color:#462626; border:1px solid #a39393;}
.loginIptBox .login_type ul li:nth-child(2) a:before {width:16px;background-position:-10px 0}
.loginIptBox .login_type ul li:nth-child(3) a {color:#2db400; border:1px solid #84c86d;}
.loginIptBox .login_type ul li:nth-child(3) a:before {width:12px;background-position:-26px 0} */

.loginIptBox .login_type {
    margin: 5px 0 0;
    overflow: hidden;
}

.loginIptBox .login_type ul li {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
    float: left;
    width: 31.5%;
}

.loginIptBox .login_type ul li:nth-child(even) {
    width: 37%;
    padding: 0 5px;
}

.loginIptBox .login_type ul li a {
    display: block;
    text-align: center;
    background: #fff;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.loginIptBox .login_type ul li a span {
    display: inline-block;
    position: relative;
    height: 35px;
    line-height: 35px;
    vertical-align: top;
    letter-spacing: -0.5px;
    color: #111;
}

/* 2020-07-31 애플로그인 수정  */
.loginIptBox .login_type ul li a span:before {
    display: inline-block;
    content: "";
    width: 10px;
    height: 16px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login.png?20210322) no-repeat -40px 0;
    background-size: 200px auto;
}

/* 2021-03-22 #38661 로그인 개선 / 파라미터값 수정 */
.loginIptBox .login_type ul li:nth-child(2) a span:before,
.loginIptBox .login_type ul li.cacao a span:before {
    width: 16px;
    background-position: -60px 0;
    margin-top: -3px;
}

.loginIptBox .login_type ul li:nth-child(3) a span:before,
.loginIptBox .login_type ul li.naver a span:before {
    width: 12px;
    background-position: -80px 0
}

.loginIptBox .login_type.tow ul li {
    width: 50% !important
}

.loginIptBox .login_type.tow ul li:nth-child(even) {
    padding-right: 0
}

/* 터치페이스 로그인 추가 및 개선 작업 2018-04-11
.loginIptBox .login_type.tow ul li:nth-child(n+3) {margin-top:5px;}
.loginIptBox .login_type.ft_id ul li.cacao a span:before {width:16px;background-position:-60px 0;margin-top:-3px;}
.loginIptBox .login_type.ft_id ul li.naver a span:before {width:12px;background-position:-80px 0}
.loginIptBox .login_type.ft_id ul li.f_id a span:before {width:16px;background-position:-98px 0;margin-top:-3px;}
.loginIptBox .login_type.ft_id ul li.t_id a span:before {width:16px;background-position:-120px 0;margin-top:-3px;}
*/

.loginIptBox.type2 {
    padding: 10px 10px 0 10px;
    background: #ececec
}

.loginIptBox.type2 .login_type {
    margin-top: 0
}

.loginIptBox.type3 {
    padding: 0;
    background: #fff;
}

.loginIptBox.type3 .login_type ul li.cacao a {
    border: 1px solid #fab000;
}

@media all and (max-width:320px) {
    .loginIptBox .login_type ul li {
        font-size: 12px
    }
}

.loginIptBox .findUserInfo {
    box-sizing: border-box;
    margin: 20px 0 10px 0;
    text-align: center;
}

.loginIptBox .findUserInfo a {
    display: inline-block;
    position: relative;
    height: 19px;
    margin: 0 -4px 0 0;
    padding: 1px 15px 0;
    line-height: 19px;
    font-size: 12px;
    color: #232323;
}

.loginIptBox .findUserInfo a:after {
    display: block;
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 14px;
    background: #cacaca;
}

.loginIptBox .findUserInfo a:first-child:after {
    display: none;
}

.loginIptBox .findUserInfo a:last-child {
    margin: 0;
}

.loginJoinBox {
    position: relative;
    padding: 0 10px;
    margin: 15px 0 0;
}

.loginJoinBox .joinCopy {
    display: block;
    font-size: 12px;
    color: #232323;
}

.loginJoinBox .goDetail {
    position: absolute;
    right: 10px;
    top: 0;
    padding: 0 9px 0 0;
    font-size: 11px;
    color: #898989;
}

.loginJoinBox .goDetail:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 5px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login.png) no-repeat -20px 0;
    background-size: 200px auto;
}

.loginJoinBox .btn02 {
    display: block;
    margin: 10px 0 0;
}

.noUserLoginBox .none_user {
    padding: 20px 0 15px;
    border-top: 5px solid #eee;
}

/* 로그인 개선 작업 2018-01-29 */
.placeholderWrap .labelTit .txtS.ph_line {
    display: inline;
    position: absolute;
    right: 23px;
}

.placeholderWrap .labelTit .txtS.ph_line.ph_pw {
    right: 46px;
}



/* 팡팡페이 사용내역 추가 2016-11-16 */
.pangpay_active_box {
    padding-bottom: 9px;
    background: #e8e8e8
}

.pangpay_active_box.type3 {
    padding: 40px 0;
    background-color: #fff;
    text-align: center;
}

.pangpay_active_box.type3 .tit_end {
    margin-bottom: 8px;
    font-size: 22px;
    color: #e51937;
    display: block;
    line-height: 24px;
}

.pangpay_active_box.type3 .desc_end {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    line-height: 20px;
}

.pangpay_active_box.type3 .desc_end_2 {
    font-size: 13px;
    color: #898989;
    line-height: 16px;
}

.pangpay_active_box.type3 .desc_end_2 .f_bold {
    font-weight: bold;
}

.pangpay_active_box i {
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat 0 0;
    background-size: auto 24px;
    overflow: hidden;
    vertical-align: middle
}

.pangpay_active_box i.ico_01 {
    width: 12px;
    height: 10px;
    background-position: -40px 0
}

.pangpay_active_box i.ico_02 {
    width: 6px;
    height: 5px;
    background-position: -52px 0
}

.pangpay_active_box i.ico_03 {
    width: 6px;
    height: 5px;
    background-position: -52px -5px
}

.pangpay_active_box i.ico_04 {
    width: 5px;
    height: 8px;
    background-position: -241px 0;
    position: absolute;
    top: 3px;
    right: 0
}

.pangpay_active_box * {
    box-sizing: border-box
}

.pangpay_active .btn_pro_view_wrap {
    text-align: center;
    margin-top: 8px
}

.pangpay_active .btn_pro_view_wrap .btn_pro_view {
    display: inline-block;
    border: 1px solid #a4a8ff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 20px;
    line-height: 20px;
    box-sizing: border-box;
    padding: 0 5px;
    color: #969bff;
    font-size: 11px
}

.pangpay_active .btn_pro_view_wrap .btn_pro_view:after {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat -131px 0;
    background-size: auto 24px;
    ;
    width: 5px;
    height: 6px;
    overflow: hidden;
    margin-left: 3px;
    display: inline-block;
    content: '';
    position: relative;
    top: -1px
}

.pangpay_active {
    background: #fff;
    padding: 20px 10px 0 10px
}

.pangpay_active .active_tit {
    text-align: center
}

.pangpay_active .active_tit span {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    color: #000;
    font-size: 14px;
    font-weight: bold
}

.pangpay_active .active_tit.type2 span {
    border: 1px solid #000;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    padding: 0 10px;
    line-height: 25px;
    height: 25px
}

.pangpay_active .active_txt {
    color: #898989;
    /*font-weight:bold;*/
    font-size: 14px;
    text-align: center
}

.pangpay_active .active_txt em {
    display: block;
    color: #e51937;
    font-size: 24px;
    margin: 6px 0 1px 0;
    font-weight: normal
}

.pangpay_active .active_txt span {
    color: #666
}

.pangpay_active .active_txt span span {
    color: #898989
}

.pangpay_active .pangpay_state {
    background: #f7f7f7;
    padding: 13px 0 15px 0;
    margin-top: 15px
}

.pangpay_active .pangpay_state ul:after {
    content: '';
    display: block;
    clear: both
}

.pangpay_active .pangpay_state ul li {
    float: left;
    width: 20%;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
    color: #666;
    position: relative;
    padding-top: 52px
}

.pangpay_active .pangpay_state ul li:first-child {
    font-size: 13px
}

/*.pangpay_active .pangpay_state ul li p:after {width:41px;height:24px;position:absolute;background:url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat 0 0;background-size:auto 24px;background-position:-58px 0;top:0;right:0;margin-right:-20px;color:#fff;font-size:12px;line-height:20px;letter-spacing:-.5px;display:none}*/
.pangpay_active .pangpay_state ul li p:after {
    width: 18px;
    height: 30px;
    position: absolute;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pangpay_pointer.gif) no-repeat 0 0;
    background-size: auto 30px;
    top: 0;
    right: 0;
    margin-right: -9px;
    display: none;
    content: ''
}

.pangpay_active .pangpay_state ul li:first-child p {
    padding-top: 6px
}

.pangpay_active .pangpay_state ul li span {
    display: block;
    font-weight: normal;
    color: #898989;
    font-size: 12px;
    margin-top: 2px
}

.pangpay_active .pangpay_state ul li:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    content: '';
    background: #ddd
}

.pangpay_active .pangpay_state ul li:nth-child(1):before {
    left: 50%
}

.pangpay_active .pangpay_state ul li:last-child:before {
    right: 50%
}

.pangpay_active .pangpay_state ul li:after {
    width: 20px;
    height: 20px;
    content: '';
    position: absolute;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat 0 0;
    background-size: auto 24px;
    background-position: 0 0;
    top: 27px;
    left: 50%;
    margin-left: -10px
}

.pangpay_active .pangpay_state.step1 ul li:nth-child(1):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step1 ul li:nth-child(1):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step1 ul li:nth-child(1) p:after {
    /*content:'도전중';*/
    display: block;
    left: 86%;
    right: initial;
}

.pangpay_active .pangpay_state.step2 ul li:nth-child(-n+2):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step2 ul li:nth-child(-n+2):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step2 ul li:nth-child(2) p:after {
    /*content:'달성';*/
    display: block;
    right: 50%;
    top: -5px
}

.pangpay_active .pangpay_state.step2 ul li:nth-child(2) p:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 50%;
    right: 0;
    content: '';
    background: #ddd
}

.pangpay_active .pangpay_state.step2_ing ul li:nth-child(-n+2):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step2_ing ul li:nth-child(-n+2):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step2_ing ul li:nth-child(2) p:after {
    /*content:'도전중';*/
    display: block
}

.pangpay_active .pangpay_state.step3 ul li:nth-child(-n+3):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step3 ul li:nth-child(-n+3):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step3 ul li:nth-child(3) p:after {
    /*content:'달성';*/
    display: block;
    right: 50%;
    top: -5px
}

.pangpay_active .pangpay_state.step3 ul li:nth-child(3) p:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 50%;
    right: 0;
    content: '';
    background: #ddd
}

.pangpay_active .pangpay_state.step3_ing ul li:nth-child(-n+3):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step3_ing ul li:nth-child(-n+3):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step3_ing ul li:nth-child(3) p:after {
    /*content:'도전중';*/
    display: block
}

.pangpay_active .pangpay_state.step4 ul li:nth-child(-n+4):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step4 ul li:nth-child(-n+4):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step4 ul li:nth-child(4) p:after {
    /*content:'달성';*/
    display: block;
    right: 50%;
    top: -5px
}

.pangpay_active .pangpay_state.step4 ul li:nth-child(4) p:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 50%;
    right: 0;
    content: '';
    background: #ddd
}

.pangpay_active .pangpay_state.step4_ing ul li:nth-child(-n+4):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step4_ing ul li:nth-child(-n+4):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step4_ing ul li:nth-child(4) p:after {
    /*content:'도전중';*/
    display: block
}

.pangpay_active .pangpay_state.step4.s75 ul li:nth-child(5) p:before {
    width: 20px;
}

.pangpay_active .pangpay_state.step5 ul li:nth-child(-n+5):before {
    background: #ff889b
}

.pangpay_active .pangpay_state.step5 ul li:nth-child(-n+5):after {
    background-position: -20px 0
}

.pangpay_active .pangpay_state.step5 ul li:nth-child(5) p:after {
    /*content:'달성';*/
    display: block;
    right: 50%;
    top: -5px
}

.pangpay_active .pangpay_state.step5.s75 ul li:nth-child(6) p:before {
    width: 20px;
}

.pangpay_active .pangpay_state.step1.s75 ul li:nth-child(1) p:after,
.pangpay_active .pangpay_state.step2.s75 ul li:nth-child(2) p:after,
.pangpay_active .pangpay_state.step3.s75 ul li:nth-child(3) p:after,
.pangpay_active .pangpay_state.step4.s75 ul li:nth-child(4) p:after {
    left: 112%;
}

.pangpay_active .pangpay_state.step1.s75 ul li:nth-child(2):before,
.pangpay_active .pangpay_state.step2.s75 ul li:nth-child(3):before,
.pangpay_active .pangpay_state.step3.s75 ul li:nth-child(4):before,
.pangpay_active .pangpay_state.step4.s75 ul li:nth-child(5):before,
.pangpay_active .pangpay_state.step5.s75 ul li:nth-child(6):before {
    background: #ff889b;
    left: -47%;
    width: 75%;
}

.pangpay_active .pangpay_state.step1.s75 ul li:nth-child(2) p:before,
.pangpay_active .pangpay_state.step2.s75 ul li:nth-child(3) p:before,
.pangpay_active .pangpay_state.step3.s75 ul li:nth-child(4) p:before,
.pangpay_active .pangpay_state.step4.s75 ul li:nth-child(5) p:before,
.pangpay_active .pangpay_state.step5.s75 ul li:nth-child(6) p:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 25%;
    right: 0;
    content: '';
    background: #ddd
}

.pangpay_active_box.type2 .pangpay_active .pangpay_state.step1.s75 ul li:nth-child(2) p:before,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step2.s75 ul li:nth-child(3) p:before,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step3.s75 ul li:nth-child(4) p:before,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step4.s75 ul li:nth-child(5) p:before {
    left: 20%;
    width: auto;
}

.pangpay_active_box.type2 .pangpay_active .pangpay_state.step5.s75 ul li:nth-child(6) p:before {
    left: 20%;
    width: 20px;
}

.pangpay_active_box.type2 .pangpay_active .pangpay_state.step1.s75 ul li:nth-child(1) p:after,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step2.s75 ul li:nth-child(2) p:after,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step3.s75 ul li:nth-child(3) p:after,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step4.s75 ul li:nth-child(4) p:after,
.pangpay_active_box.type2 .pangpay_active .pangpay_state.step5.s75 ul li:nth-child(5) p:after {
    left: 103%;
}

@media all and (orientation: landscape) {

    .pangpay_active .pangpay_state.step1.s75 ul li:nth-child(1) p:after,
    .pangpay_active .pangpay_state.step2.s75 ul li:nth-child(2) p:after,
    .pangpay_active .pangpay_state.step3.s75 ul li:nth-child(3) p:after,
    .pangpay_active .pangpay_state.step4.s75 ul li:nth-child(4) p:after {
        left: 117%;
    }
}


/*
.pangpay_active .saving_more {text-align:center;padding:15px 0 2px 0;color:#666}
.pangpay_active .saving_more i {margin-right:2px}
.pangpay_active .saving_end i {margin-right:4px}
*/
.pangpay_active .saving_info button {
    display: block;
    width: 100%;
    border: none;
    background: none;
    text-align: center;
    height: 35px;
    color: #898989;
    text-decoration: underline;
    font-size: 12px;
    border-top: 1px solid #e5e5e5
}

.pangpay_active .saving_info button i {
    margin-left: 2px
}

.pangpay_active .saving_info button.saving_close {
    display: none
}

.pangpay_active .saving_list ul {
    /*max-width:240px;*/
    margin: 0 auto;
    padding: 15px 0
}

.pangpay_active .saving_list ul li {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: center;
    padding-left: 7px
}

.pangpay_active .saving_list ul li.saving_stay {
    padding-left: 0
}

.pangpay_active .saving_list ul li.saving_stay span:before {
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat -40px 0;
    background-size: auto 24px;
    overflow: hidden;
    vertical-align: middle;
    width: 12px;
    height: 10px
}

.pangpay_active .saving_list ul li.saving_stay strong {
    color: #4d4d4d
}

.pangpay_active .saving_list ul li.saving_more {
    display: none
}

.pangpay_active .saving_list ul li span {
    display: inline-block;
    min-width: 120px
}

.pangpay_active .saving_list ul li span:before {
    background: #aaa;
    width: 3px;
    height: 3px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    content: '';
    vertical-align: middle;
    position: relative;
    top: -1px
}

.pangpay_active .saving_list p.saving_stay {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    text-align: center
}

.pangpay_active .saving_list p.saving_stay strong {
    color: #4d4d4d
}

.pangpay_active .saving_list p.saving_stay span:before {
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat -40px 0;
    background-size: auto 24px;
    overflow: hidden;
    vertical-align: middle;
    width: 12px;
    height: 10px;
    content: '';
    margin-right: 6px
}

.pangpay_active .saving_list p.stt {
    color: #898989;
    font-size: 12px;
    text-align: center
}

/* 2016-12-14 팡팡페이 추가 */
.type2 .pangpay_active .pangpay_state ul li {
    width: 16.7%
}

.type2 .pangpay_active .pangpay_state ul li:last-child {
    width: 16.5%
}

.type2 .pangpay_active .pangpay_state.step5 ul li:nth-child(5) p:before {
    height: 3px;
    position: absolute;
    top: 35px;
    left: 50%;
    right: 0;
    content: '';
    background: #ddd
}

.type2 .pangpay_active .pangpay_state.step5_ing ul li:nth-child(-n+5):before {
    background: #ff889b
}

.type2 .pangpay_active .pangpay_state.step5_ing ul li:nth-child(-n+5):after {
    background-position: -20px 0
}

.type2 .pangpay_active .pangpay_state.step5_ing ul li:nth-child(5) p:after {
    display: block
}

.type2 .pangpay_active .pangpay_state.step6 ul li:nth-child(-n+6):before {
    background: #ff889b
}

.type2 .pangpay_active .pangpay_state.step6 ul li:nth-child(-n+6):after {
    background-position: -20px 0
}

.type2 .pangpay_active .pangpay_state.step6 ul li:nth-child(6) p:after {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat -99px 0;
    background-size: auto 24px;
    width: 12px;
    height: 9px;
    display: block;
    right: 50%;
    top: 21px;
    z-index: 10;
    margin-right: -6px
}

.type2 .pangpay_active .pangpay_state.step6 ul li:nth-child(6):after {
    content: '적립';
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 16px;
    background: #ee304f;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    top: 17px;
    margin-left: -17px
}

/*
.type2 .pangpay_active .pangpay_state.step6 ul li p {padding:6px 0 10px 0}
.type2 .pangpay_active .pangpay_state.step6 ul li p span {display:none}
*/
.type2 .pangpay_active .pangpay_state.step6 ul li p {
    padding-top: 6px
}

.type2 .pangpay_active .pangpay_state.step6 ul li:last-child p {
    color: #000
}

.pangpay_active .saving_list ul li.saving_stay.type2 span:before {
    display: none
}

.type2 .pangpay_active .pangpay_state.step4 ul li:after,
.type2 .pangpay_active .pangpay_state.step4_ing ul li:after,
.type2 .pangpay_active .pangpay_state.step5 ul li:after,
.type2 .pangpay_active .pangpay_state.step5_ing ul li:after {
    background-position: -111px 0
}

.type2 .pangpay_active .pangpay_state.step4 ul li:nth-child(-n+4):after,
.type2 .pangpay_active .pangpay_state.step4_ing ul li:nth-child(-n+4):after,
.type2 .pangpay_active .pangpay_state.step5 ul li:nth-child(-n+5):after,
.type2 .pangpay_active .pangpay_state.step5_ing ul li:nth-child(-n+5):after {
    background-position: -20px 0
}

/* 알림메세지 2016-11-16 */
.contents.bgtype {
    background: #e9e7e8
}

.loading_wrap.type2 {
    background: #e9e7e8
}

.noti_msg2 {
    padding: 0 10px;
    background: #f4f4f4;
    font-size: 12px;
    line-height: 35px;
    color: #666
}

.push_msg_new {
    background: #e9e8e8
}

.push_msg_new ul li {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 5px;
    background: #fff;
    padding: 15px 10px 10px 15px
}

.push_msg_new ul li p {
    color: #565656;
    padding-right: 20px;
    position: relative;
    font-size: 15px
}

.push_msg_new ul li p strong {
    display: block;
    margin-bottom: 3px;
    color: #232323
}

.push_msg_new ul li p .date {
    display: block;
    margin-top: 8px;
    color: #aaa;
    font-size: 12px
}

.push_msg_new ul li p:after {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 14px;
    margin-top: -7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat 0 -90px;
    background-size: 200px auto;
    content: ''
}

.push_msg_new ul li .img_crop {
    overflow: hidden;
    margin: 10px -10px -10px -15px
}

.push_msg_new ul li .img_crop img {
    max-width: 100%;
    vertical-align: top;
    /*margin:-5.5% 0*/
}

.push_msg_new ul li.visit {
    background: #f7f7f7
}

.push_msg_new ul li.visit p,
.push_msg_new ul li.visit p strong {
    color: #aaa
}

.push_msg_new ul li.visit p .date {
    color: #bbb
}

.push_msg_new ul li.visit p:after {
    opacity: 0.5
}

.push_msg_new ul li.visit .img_crop img {
    opacity: 0.7
}

.push_msg_none.type2 {
    border-top: 1px solid #e9e7e8;
    background: #f4f4f4
}

.push_msg_none.type2 .noti_txt {
    color: #000;
    font-weight: normal
}

.push_msg_none.type2 .noti_txt:before {
    content: '';
    width: 22px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -10px -90px;
    background-size: 200px auto;
    overflow: hidden;
    display: block;
    margin: 0 auto 10px auto;
}

.push_msg_none.type2 .like {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 30px 0
}

.push_msg_none.type2 .like p.desc {
    color: #898989;
    margin: 5px 0 10px 0;
    font-size: 13px;
    line-height: 16px
}


/* 알림메시지 개편 2023-07-10 */
.msg-wrap {}

.msg-wrap .cate-txt-type {
    height: 38px;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 6px 0;
}

.msg-wrap .cate-txt-type .swiper_st {
    background-color: #fff;
}

.msg-wrap .cate-txt-type .swiper-slide {
    width: auto;
    height: 38px;
    padding: 0;
    padding-left: 6px;
}

.msg-wrap .cate-txt-type .swiper-slide:first-child {
    margin-left: 0;
    padding-left: 0;
}

.msg-wrap .cate-txt-type .swiper-slide:last-child {
    margin-right: 0;
}

.msg-wrap .cate-txt-type .swiper-slide a {
    padding: 0 15px;
    background-color: #f6f6f6;
}

.msg-wrap .cate-txt-type .swiper-slide a span {
    letter-spacing: -0.28px;
}

.msg-wrap .list-none {
    padding: 50px 0 0;
}

.msg-wrap .noti_msg2 {
    background-color: #fff;
    padding: 0 15px;
    margin-top: 30px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #888
}

.msg-wrap .list-none .noti_msg2 {
    display: block !important;
    margin-top: 25px;
    text-align: center;
}

.push_msg_new.v2 {
    padding: 0 15px;
    background-color: #fff;
}

.push_msg_new.v2 .hide-tab {
    display: none;
}

.push_msg_new.v2 ul li {
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
    padding: 0;
}

.push_msg_new.v2 ul li>a {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
}

.push_msg_new.v2 ul li .text-box {
    display: flex;
    width: 100%;
}

.push_msg_new.v2 ul li .text-box>div {
    width: 100%;
}

.push_msg_new.v2 ul li .text-box .ico-arr {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 31px;
}

.push_msg_new.v2 ul li .text-box .ico-arr:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) -132px -225px no-repeat;
    background-size: 200px auto;
}

.push_msg_new.v2 ul li .text-box .date {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 19px;
    color: #888;
}

.push_msg_new.v2 ul li .text-box .date em {
    font-size: 14px;
}

.push_msg_new.v2 ul li .text-box .tit {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 20px;
    color: #111;
}

.push_msg_new.v2 ul li .text-box .txt {
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #111;
}

.push_msg_new.v2 ul li .ico {
    position: relative;
    flex-shrink: 0;
    margin-right: 12px;
    margin-top: 2px;
    width: 40px;
    height: 40px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_msg.png);
    background-repeat: no-repeat;
    background-size: 270px auto;
    font-size: 0;
    color: transparent;
}

.push_msg_new.v2 ul li .new:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f51d2c;
}

.push_msg_new.v2 ul li .ico-msg1 {
    background-position: 0 0;
}

.push_msg_new.v2 ul li .ico-msg2 {
    background-position: -45px 0;
}

.push_msg_new.v2 ul li .ico-msg3 {
    background-position: -90px 0;
}

.push_msg_new.v2 ul li .ico-msg4 {
    background-position: -136px 0;
}

.push_msg_new.v2 ul li .ico-msg5 {
    background-position: -180px 0;
}

.push_msg_new.v2 ul li .ico-msg6 {
    background-position: -225px 0;
}

.push_msg_new.v2 ul li .img_crop {
    margin: 20px 0 0 0;
    border-radius: 4px;
}

.push_msg_new.v2 ul li .img_crop>a {
    display: block;
}


/* 회원가입 완료 2016-11-17 */
.joinEndBox .txtJoinEnd {
    box-sizing: border-box;
    height: 110px;
    padding: 40px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: -1px;
    text-align: center;
}

.joinEndBox .txtJoinEnd.type02 {
    height: auto;
}

.joinEndBox .txtJoinEnd02 {
    margin: 15px 0 0;
    font-size: 12px;
    color: #898989;
    text-align: center;
}

.joinEndBox .txtJoinEnd03 {
    margin: 5px 0 40px;
    font-size: 13px;
    color: #898989;
    text-align: center;
}

.joinEndBox .txtJoinEnd04 {
    margin: 10px 0 0px;
    font-size: 12px;
    color: #888;
    text-align: center;
}

/*2019-04-02 margin 값 수정*/
.joinEndBox .btnLoginSave {
    display: block;
    height: 37px;
    padding: 1px 0 0;
    margin: 0 22px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    letter-spacing: -0.7px;
    text-align: center;
    border: 1px solid #bbb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.joinEndBox .btnLoginSave.active {
    color: #fff;
    border: 1px solid #2db400;
    background: #2db400;
}

.joinEndBox .btnLoginSave.active2 {
    color: #fff;
    border: 1px solid #e51a38;
    background: #e51a38;
}

.joinEndBox .btnLoginSave.btnKakao.active {
    color: #3b1e1e;
    border: 1px solid #fde600;
    background: #fde600;
}

.joinEndBox .btnLoginSave.btnPhone {
    margin: 20px 22px 0;
}

.joinEndBox .btnLoginSave.btnPhone.active {
    color: #fff;
    border: 1px solid #686c7a;
    background: #686c7a;
}

.joinEndBox .h2_wrap {
    height: 38px;
    margin: 20px 0 15px;
    padding: 0 10px;
    background: #ececec;
}

/*2019-04-02 margin 값 수정*/
.joinEndBox .h2_wrap h2 {
    padding: 1px 0 0;
    line-height: 37px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

/* .joinEndBox .h2_wrap h2 .c_red {color: #e51937;} */
.joinEndBox .h2_wrap h2 .c_red {
    color: #888;
}

.joinEndBox .sns_agree_box .chk_title {
    display: inline-block;
    padding: 0 0 0 21px;
    font-weight: bold;
}

.joinEndBox .sns_agree_box .checkGender label {
    font-size: 13px;
    vertical-align: middle;
    font-weight: normal;
}

.joinEndBox .join_info {
    margin: 10px 0 0;
}

.joinEndBox .join_info .dey_cation_new {
    padding: 0 10px 5px 20px;
}

.joinEndBox .bulletTxt {
    margin: 10px 10px 0;
}

.joinEndBox .btnBox {
    margin: 20px 0 0;
    text-align: center;
}

.joinEndBox .btnBox.type02 {
    margin: 15px 10px 0;
}

.joinEndBox .btnBox.type02 .btn01 {
    display: block;
}

.joinEndBox .txtLoginEnd {
    box-sizing: border-box;
    height: 120px;
    padding: 50px 0 0;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.joinEndBox .phoneInfoBox {
    margin: 0 10px;
    border: 1px solid #cdcdcd;
    border-top: none;
}

.joinEndBox .phoneInfoBox li {
    overflow: hidden;
    border-top: 1px solid #cdcdcd;
}

.joinEndBox .phoneInfoBox li span {
    display: block;
    -webkit-box-sizing: border-box;
    float: left;
    line-height: 37px;
    font-size: 12px;
}

.joinEndBox .phoneInfoBox li span.tit {
    width: 30%;
    padding: 0 0 0 13px;
    color: #aaa;
}

.joinEndBox .phoneInfoBox li span.txt {
    width: 70%;
    font-weight: bold;
    color: #000;
}

.joinEndBox .emailBox {
    padding: 0 0 10px;
    margin: 10px 10px 15px 10px;
    border-bottom: 1px solid #ddd;
}

.coupon_v2 .emailBox {
    padding: 10px 0 0;
    margin: 10px 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: none;
}

.coupon_v2 .emailBox .col_area {
    margin-left: -5px;
    overflow: hidden;
}

.coupon_v2 .emailBox .col {
    width: 50%;
    padding-left: 5px;
    float: left;
    box-sizing: border-box;
}

.coupon_v2 .emailBox .form_st {
    width: 100%;
    height: 38px;
    padding: 10px 10px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    font-size: 13px;
    color: #888;
    line-height: 18px;
    background: none;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block;
}

.coupon_v2 .emailBox select.form_st {
    padding: 9px 10px 11px;
    color: #000;
    background: url('//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif') no-repeat right center;
    background-size: 19px 6px;
}

.coupon_v2 .emailBox .email_area input[type="text"] {
    display: none;
}

.coupon_v2 .emailBox .email_area._insert select {
    display: none;
}

.coupon_v2 .emailBox .email_area._insert input[type="text"] {
    display: block;
}

.joinEndBox .btnBox .btn01,
.joinEndBox .btnBox .btn03,
.joinEndBox .btnBox .btn05 {
    min-width: 100px;
}

.join_sch_wrap+.joinEndBox .btnBox {
    margin-top: 10px
}

.joinEndBox .btnBox.type2 a {
    /*height:33px;line-height:33px*/
    padding: 0 30px;
    min-width: auto;
}

/* 친구추천 가입완료 */
.joinEndBox .txtJoinEnd.type03 {
    height: auto;
    margin-bottom: 20px;
}

.joinEndBox .txtJoinEnd.type03+.txt {
    padding: 0 10px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.joinEndBox .mybuddy_info {
    padding: 0 10px;
}

.joinEndBox .mybuddy_info .h2_wrap {
    margin: 30px -10px 10px;
}

.joinEndBox .mybuddy_info .agree_table {
    margin: 0 0 20px;
    border: 1px solid #e8e8e8;
}

.joinEndBox .mybuddy_info .agree_table thead tr th {
    padding: 5px 0;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    color: #666;
    letter-spacing: -0.5px;
}

.joinEndBox .mybuddy_info .agree_table tbody tr td {
    padding: 5px 5px 10px;
    border-left: 1px solid #e8e8e8;
    color: #666;
    line-height: 16px;
    letter-spacing: -0.5px;
}

.joinEndBox .mybuddy_info .txt {
    font-size: 12px;
    color: #000;
    font-weight: 600;
}

.joinEndBox .mybuddy_info+.btnBox {
    margin: 10px 10px 0;
}

.joinEndBox .mybuddy_info+.btnBox .btn01 {
    display: block;
}

/* 복수 배송지 UI 변경 2016-12-22 */
.multiAddressSet {
    position: relative;
    padding: 10px 0;
    margin: 0 10px;
    border-bottom: 1px solid #eee
}

.multiAddressSet>.tit {
    font-size: 13px;
    color: #000;
}

.multiAddressSet .stxt {
    font-size: 11px;
    color: #898989;
}

.multiAddressSet .btnBox {
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
}

.multiAddressSet .btnBox a {
    display: block;
    position: relative;
    float: left;
    width: 44px;
    height: 28px;
    padding: 1px 0 0;
    line-height: 28px;
    font-size: 12px;
    color: #898989;
    border: 1px solid #cdcdcd;
    text-align: center;
    background: #fff;
}

.multiAddressSet .btnBox a:first-child {
    margin: 0 -1px 0 0;
}

.multiAddressSet .btnBox a.on {
    font-weight: bold;
    color: #e51937;
    border: 1px solid #e51937;
    z-index: 1;
}

.multiDeliverySetWrap {
    display: none;
    padding: 0 10px;
    margin-top: -1px
}

.multiDeliverySetWrap .multiDeliverySetList {
    position: relative;
    padding: 28px 0 0;
}

.multiDeliverySetWrap .multiDeliverySetList>li>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    padding: 0 1px 0 0;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #e51937;
    outline: none;
    background: #fff;
    text-align: center;
}

.multiDeliverySetWrap .multiDeliverySetList>li>a span {
    display: block;
    height: 26px;
    padding: 1px 0 0;
    margin: 0 -1px 0 0;
    line-height: 26px;
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(2)>a {
    left: 10%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(3)>a {
    left: 20%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(4)>a {
    left: 30%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(5)>a {
    left: 40%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(6)>a {
    left: 50%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(7)>a {
    left: 60%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(8)>a {
    left: 70%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(9)>a {
    left: 80%;
}

.multiDeliverySetWrap .multiDeliverySetList>li:nth-child(10)>a {
    left: 90%;
}

.multiDeliverySetWrap .multiDeliverySetList>li.on>a {
    font-weight: bold;
    color: #e51937;
    border-bottom: 1px solid #fff;
    z-index: 1;
}

.multiDeliverySetWrap .multiDeliverySetList>li.on>a span {
    padding: 1px 0;
    margin: 0 -1px -1px 0;
    border: 1px solid #e51937;
    border-bottom: none;
}

.multiDeliverySetWrap .multiDeliverySetList>li.noActive a {
    color: transparent;
}

.multiDeliverySetWrap .multiDeliverySetList>li.noActive a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 1px;
    margin: 0 0 0 -3px;
    background: #666;
}

.multiDeliverySetWrap .multiDeliverySetList>li.noActive a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 7px;
    margin: -3px 0 0 0;
    background: #666;
}

.multiDeliverySetWrap .multiDeliverySetList>li.disable>a {
    color: #aaa;
    background: #eee;
    cursor: default;
}

.multiDeliverySetWrap .multiDeliverySetList>li.disable>a:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(//image.hnsmall.com/images/mobile2014/order/tab_disable.png) no-repeat left top;
    background-size: 100% 28px;
}

.multiDeliverySetWrap .multiDeliverySetList>li .multiDeliveryCont {
    display: none;
}

.multiDeliverySetWrap .prdDeliveryList {
    padding: 20px 10px 0;
}

.multiDeliverySetWrap .prdDeliveryList .tit {
    font-size: 13px;
    color: #000;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li {
    position: relative;
    min-height: 60px;
    padding: 10px 0 10px 70px;
    border-bottom: 1px solid #eee;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .goodsImg {
    position: absolute;
    top: 10px;
    left: 0;
    width: 60px;
    height: 60px;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .goodsImg img {
    width: 100%;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .prdTit {
    font-size: 12px;
    color: #666;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .prdTit span {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .prdTit em {
    display: block;
    position: relative;
    padding: 0 0 0 6px;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .prdTit em:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #222;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .optTxt {
    display: block;
    position: relative;
    padding: 0 0 0 6px;
    font-size: 12px;
    color: #666;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .optTxt:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #222;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum {
    position: relative;
    height: 30px;
    margin: 5px 0 0;
    padding: 0 0 0 136px;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum .numBtn {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum .numBtn button {
    float: left;
    width: 30px;
    height: 30px;
    margin: 0 4px 0 0;
    font-size: 11px;
    color: #666;
    border: 1px solid #cdcdcd;
    background: #fff;
    outline: none;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum .numBtn button.on {
    color: #e51937;
    border: 1px solid #e51937;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum select.selectBox01 {
    height: 30px;
    margin: 0;
    font-size: 11px;
    color: #666;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box04.gif) no-repeat right center;
    background-size: 19px 6px;
    outline: none;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum select.selectBox01.on {
    font-weight: bold;
    border: 1px solid #e51937;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .noSelectNum {
    margin: 10px 0 0;
    font-size: 11px;
    color: #898989;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .noSelectNum .pointTxt {
    font-size: 12px;
    color: #000;
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum.type2 {
    padding-left: 0
}

.multiDeliverySetWrap .prdDeliveryList>ul>li .selectNum.type2 select.selectBox01 {
    width: 100px
}

.multiDeliverySetWrap .noDeliveryData {
    padding: 30px 0;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

.unitDeliveryBox {
    padding: 0 10px;
}

.unitDeliveryBox .ship_wrap {
    padding: 0;
    border-top: 1px solid #eee;
}

.unitDeliveryBox .ship_wrap .addList {
    display: none;
}

.unitDeliveryBox .ship_wrap .addList>ul {
    display: block;
}

.unitDeliveryBox .ship_wrap .addList>ul li:first-child {
    border-top: 1px solid #eee;
}

.unitDeliveryBox .ship_wrap.type02 {
    border-top: none
}

.unitDeliveryBox .ship_wrap.type02 ul>li:last-child {
    border-bottom: none;
}

.unitDeliveryBox .ship_wrap.type02 .addListbox {
    padding: 8px 0;
}

.unitDeliveryBox .ship_wrap.type02 .addListbox .btn_che {
    left: 0;
}

.unitDeliveryBox .ship_wrap.type02 .addListbox .btn_wrap {
    right: 0;
}

.unitDeliveryBox .ship_wrap .addModifybox {
    margin: 0;
}

.unitDeliveryBox .ship_wrap .addModifybox table td {
    padding: 10px 5px 10px 5px;
    word-break: normal;
}

.unitDeliveryBox .order_table {
    padding: 5px 0;
}

.unitDeliveryBox .deliveryAddrMore {
    display: block;
    height: 30px;
    font-size: 11px;
    color: #898989;
    text-align: center;
    text-decoration: underline;
    border-top: 1px solid #e5e5e5;
}

.unitDeliveryBox .deliveryAddrMore span {
    display: inline-block;
    position: relative;
    height: 12px;
    margin: 8px 10px 0 0;
    padding: 1px 0 0;
    line-height: 12px;
    border-bottom: 1px solid #c9c9c9;
    vertical-align: top;
}

.unitDeliveryBox .deliveryAddrMore span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    width: 7px;
    height: 5px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -185px;
    background-size: 300px auto;
}

.unitDeliveryBox .deliveryAddrMore.close span:after {
    background-position: -70px -180px;
}

.unitDeliveryBox .newShipAddBtn {
    padding: 15px 0 0;
    border: none;
    border-top: 1px solid #e5e5e5;
}

.unitDeliveryBox .newShipAddBtn button {
    background: #ddd;
}

.unitDeliveryBox .newShipAddBtn button span {
    font-size: 13px;
    color: #666;
    padding: 2px 0 0 0;
    background: none;
}

.unitDeliveryBox .newShipAddBtn button span:before {
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    margin: -3px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -80px -180px;
    background-size: 300px auto;
}

.unitDeliveryBox .newShipAddBtn.v2 button {
    background-color: #888;
}

.unitDeliveryBox .newShipAddBtn.v2 button span {
    color: #fff;
}

.unitDeliveryBox .newShipAddBtn.v2 button span:before {
    display: none;
}

.unitDeliveryBox .newShipAddBtn.v2 button span:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: -3px 0 0 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) -80px -160px no-repeat;
    background-size: 300px auto;
    vertical-align: middle;
}

/* 2021-02-09 #38526 편의점 택배 (pickup_add_ship) */
.unitDeliveryBox .ship_wrap .addModifybox .regIptBox,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox,
.add_ship_pop.ship_wrap .addModifybox .regIptBox {
    margin: 0;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap {
    height: 28px;
    overflow: initial;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .selectWrap,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap {
    height: 28px;
    line-height: 28px;
    overflow: initial;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .selectedView,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .selectedView,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .selectedView {
    width: 96%;
    background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat center right;
    background-size: 22px auto;
    -webkit-background-size: 22px auto;
    font-weight: normal;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .selectWrap select,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap select,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap select {
    height: 28px;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .inner,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .inner,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .inner {
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap {
    height: 28px;
    line-height: 28px;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap:after,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap:after,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap:after {
    height: 28px;
    line-height: 28px;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap .inner,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap .inner,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap .inner {
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap input,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap input,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .placeholderWrap input {
    height: 26px;
    background: #f9f9f9;
    font-weight: normal;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .options,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .options,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .options {
    position: relative;
    float: left;
    display: inline-block;
    height: 28px;
    padding-right: 12px;
    line-height: 28px;
    vertical-align: middle;
    -webkit-box-sizing: border-box
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .options:after,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .options:after,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .options:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 12px;
    content: '-';
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.unitDeliveryBox .ship_wrap .addModifybox .regIptBox .telWrap .options select,
.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .options select,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .options select {
    height: 28px;
    font-size: 14px;
    color: #333;
    vertical-align: top;
}

.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .selectedView,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .selectedView {
    padding-right: 10px;
}

.pickup_add_ship.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .inner,
.add_ship_pop.ship_wrap .addModifybox .regIptBox .telWrap .selectWrap .inner {
    padding-left: 7px;
}

.add_ship_pop.ship_wrap.v2 {
    background-color: #fff;
}

.add_ship_pop.ship_wrap.v2 h1 {
    height: 42px;
    border-bottom: 0;
    font-size: 20px;
    line-height: 42px;
    color: #333;
}

.add_ship_pop.ship_wrap.v2 h1 .allpop_close {
    top: 9px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_close_25x25.png) 0 0 no-repeat;
    background-size: 25px auto;
}

.add_ship_pop.ship_wrap.v2 .addModifybox {
    margin: 15px 15px 0 15px;
    padding-bottom: 0;
}

.add_ship_pop.ship_wrap.v2 .addModifybox .regIptBox .telWrap .placeholderWrap .inner {
    height: 30px;
    background-color: #fff;
}

.add_ship_pop.ship_wrap.v2 .addModifybox .regIptBox .telWrap .placeholderWrap input[type="tel"] {
    height: 100%;
    background-color: #fff;
    font-size: 12px;
    line-height: 28px;
}

.add_ship_pop.ship_wrap.v2 .addModifybox .regIptBox .telWrap .options {
    height: 30px;
    box-sizing: border-box;
}

.add_ship_pop.ship_wrap.v2 .addModifybox .regIptBox .telWrap .options select {
    height: 100%;
    padding: 0 10px 0 5px;
    border-color: #ddd;
    font-size: 12px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_select_arrow_30x30.png) center right no-repeat;
    background-size: 30px auto;
}

.add_ship_pop.ship_wrap.v2 table th {
    width: 100px;
    font-size: 14px;
}

.add_ship_pop.ship_wrap.v2 table td {
    padding: 10px 0 10px 10px;
}

.add_ship_pop.ship_wrap.v2 table td input {
    height: 30px;
    border-color: #ddd;
    background-color: #fff;
    line-height: 28px;
    box-sizing: border-box
}

.add_ship_pop.ship_wrap.v2 table td input::placeholder {
    color: #666;
}

.add_ship_pop.ship_wrap.v2 table th span.st {
    font-size: 11px;
    color: #888;
}

.add_ship_pop.ship_wrap.v2 table td .btn_gray {
    border-radius: 4px;
    padding: 0 9px;
    letter-spacing: -0.24px;
}

.add_ship_pop.ship_wrap.v2 .basic-delivery-set {
    margin: 10px 0 20px;
}

.add_ship_pop.ship_wrap.v2 .basic-delivery-set label {
    color: #666;
}

.add_ship_pop.ship_wrap.v2 .member_btn_single a {
    border-radius: 8px;
}

.add_ship_pop.ship_wrap.v2 .sale_info_list {
    padding: 0;
    border-top: 0;
}

.add_ship_pop.ship_wrap.v2 .sale_info_list li {
    padding-left: 5px;
    padding-bottom: 0;
    font-size: 13px;
    color: #333;
    line-height: 1.46;
    letter-spacing: -0.26px;
}

.add_ship_pop.ship_wrap.v2 .sale_info_list li:before {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #333;
    background-image: none;
}

.add_ship_pop.ship_wrap.v2 .sale_info_list li+li {
    margin-top: 10px;
}

.unitDeliveryBox.type02 .ship_wrap.type02 {
    border-top: none;
}

.unitDeliveryBox.type02 .ship_wrap.type02 ul {
    padding: 0 10px;
}

.unitDeliveryBox.order_tab {
    padding: 0
}

.unitDeliveryBox.order_tab .ship_wrap {
    border-top: none
}

.unitDeliveryBox .ship_wrap.type02~.order_table.boT {
    border-top: none
}

.btnNowMultiDelivery {
    padding: 10px 0 0;
    margin: 0 -10px;
    border-top: 1px solid #ddd;
    background: #e8e8e8;
}

.btnNowMultiDelivery a {
    display: block;
    text-align: center;
    background: #fff;
}

.btnNowMultiDelivery a span {
    display: inline-block;
    position: relative;
    height: 44px;
    padding: 1px 10px 0 0;
    line-height: 44px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
    vertical-align: top;
    text-decoration: underline;
}

.btnNowMultiDelivery a span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 6px;
    margin: -3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -195px;
    background-size: 300px auto;
}

.layerPopWrap.multiDeliveryPop {
    width: auto;
    left: 10px;
    right: 10px;
    margin: 0;
}

.layerPopWrap.multiDeliveryPop .layerHeader {
    border: none;
}

.layerPopWrap.multiDeliveryPop .layerHeader h1 {
    font-size: 14px;
    color: #222;
    text-align: center;
}

.layerPopWrap.multiDeliveryPop .layerConts {
    padding: 0 20px 10px;
}

.layerPopWrap.multiDeliveryPop .btnWrap {
    position: static;
    padding: 0 0 20px;
    text-align: center;
}

.layerPopWrap.multiDeliveryPop .btnWrap a {
    display: inline-block;
    float: none;
    width: 80px;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
}

.layerPopWrap.multiDeliveryPop .layerHeader .btnLayerClose {
    top: -25px;
    right: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -314px;
    background-size: 300px auto;
}

.layerPopWrap.multiDeliveryPop .deliveryNum {
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 1%;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li {
    position: relative;
    float: left;
    width: 11%;
    height: 29px;
    margin: 0 -1px 0 0;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li>button {
    width: 100%;
    height: 29px;
    font-size: 13px;
    color: #666;
    border: 1px solid #cdcdcd;
    background: #fff;
    outline: none;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li.on {
    z-index: 1;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li.on>button {
    font-weight: bold;
    color: #e51937;
    border: 1px solid #e51937;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li.disable>button {
    color: #aaa;
    background: #eee;
    cursor: default;
}

.layerPopWrap.multiDeliveryPop .deliveryNum li.disable:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(//image.hnsmall.com/images/mobile2014/order/tab_disable.png) no-repeat left top;
    background-size: 100% 29px;
}

.layerPopWrap.multiDeliveryPop .msg_txt {
    padding-bottom: 5px;
    font-size: 14px;
    color: #222;
    letter-spacing: -0.5px;
    text-align: center;
}

#eCouponGuide.layerPopWrap .layerConts {
    padding: 15px 10px;
}

#eCouponGuide.layerPopWrap .layerConts .lists {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

#eCouponGuide.layerPopWrap .layerConts .lists li {
    font-size: 13px;
    color: #666;
    text-indent: -10px;
    padding-left: 10px;
}

#eCouponGuide.layerPopWrap .layerConts .bulletTxt {
    margin-top: 8px;
    color: #898989;
}

#eCouponGuide.layerPopWrap .layerConts .bulletTxt a {
    color: inherit;
}

.contents.now_set_delivery {
    padding: 8px 0 0;
}

.now_set_delivery .deliverySetList>ul {
    margin: 0 0 20px;
    background: #e8e8e8;
}

.now_set_delivery .deliverySetList>ul>li {
    margin: 10px 0 0;
    padding: 15px 10px 0;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.now_set_delivery .deliverySetList>ul>li:first-child {
    margin: 0;
}

.now_set_delivery .deliverySetList>ul>li .deliveryNum {
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner {
    position: relative;
    min-height: 60px;
    padding: 10px 0 10px 70px;
    color: #000;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid #eee;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner:last-child {
    border-bottom: none;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .goodsImg {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .goodsImg img {
    width: 100%;
    vertical-align: top;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .prdName {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .prdOpt {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .total {
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 6px;
}

.now_set_delivery .deliverySetList>ul>li .prdInfoBox .prdInfoInner .total:after {
    display: block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #222;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo {
    margin: 0 -10px;
    padding: 10px;
    background: #f9f9f9;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo li {
    overflow: hidden;
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 6px;
    border-bottom: none;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo li:first-child {
    margin: 0;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo li:after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #cdcdcd;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo li .tit {
    float: left;
    width: 25%;
    font-size: 11px;
    color: #898989;
}

.now_set_delivery .deliverySetList>ul>li .deliveryInfo li .txt {
    float: right;
    width: 73%;
    font-size: 12px;
    color: #666;
}

.now_set_delivery .deliverySetList>ul>li .noSelectDelivery {
    padding: 10px 0 20px;
}

.now_set_delivery .deliverySetList>ul>li .noSelectDelivery .innerBox {
    padding: 15px 0;
    font-size: 13px;
    color: #666;
    text-align: center;
    background: #f9f9f9;
}

.now_set_delivery .member_btn_single {
    padding-bottom: 20px
}

.detailCont2 .basic_view {
    margin: 0 auto
}

.basic_view {
    position: relative;
    margin: 7px 5px;
    max-width: 720px
}

.basic_view .viewBox:before {
    display: block;
    content: '';
    padding: 56% 0 0 0
}

.basic_view .viewBox .viewInnerBox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

/* 2017-01-04 길어야 1분 add */
.one_minute {
    position: relative;
    margin: 7px 5px;
    padding: 0;
    background: #eee;
}

.one_minute .one_minute_logo {
    height: 40px;
    padding: 6px 0 0;
    text-align: center;
    box-sizing: border-box
}

.one_minute .one_minute_logo img {
    height: 28px !important;
    width: auto !important
}

.one_minute .viewBox {
    overflow: hidden;
    position: relative;
}

.one_minute .viewBox:before {
    display: block;
    content: "";
    position: relative;
    padding: 56% 0 0;
}

.one_minute .viewBox .viewInnerBox {
    position: absolute;
    top: 0
}

.one_minute .viewBox .viewInnerBox {
    right: 10px;
    bottom: 10px;
    left: 10px;
    padding: 0
}

/* 2017-01-17 우편번호 UI 변경 */
.post_tab:after {
    display: block;
    clear: both;
    content: ''
}

.post_tab li {
    float: left;
    width: 33.3%
}

.post_tab li:first-child {
    width: 33.4%
}

.post_tab li a {
    display: block;
    height: 35px;
    box-sizing: border-box;
    text-align: center;
    color: #898989;
    font-size: 12px;
    line-height: 35px;
    background: #f4f4f4;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.post_tab li:first-child a {
    border-left: none
}

.post_tab li a.active {
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #000
}

.letter_sch .ex_t {
    color: #898989;
    font-size: 11px;
    line-height: 14px;
    padding-left: 15px;
    text-indent: -15px;
    margin-bottom: 5px
}

.letter_wrap.type_new .del_sel ul li:first-child {
    width: 50%
}

.addre_txt {
    margin-bottom: 10px
}

.addre_txt li {
    position: relative;
    font-size: 11px;
    color: #898989;
    line-height: 17px;
    padding-left: 8px
}

.addre_txt li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #cdcdcd;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0
}

.addre_txt li a {
    color: #666;
    text-decoration: underline
}

.addr_find div span.zip_info.new_type input {
    width: 92px;
    box-sizing: border-box
}

.address_box li a {
    display: block
}

/* 2017-01-20 문화상품권 관련 추가 */
.order .culture_txt {
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
    font-size: 12px;
    color: #000;
    /*border-bottom:1px solid #eee*/
}

.order .culture_txt+.unitDeliveryBox .ship_wrap.type02 {
    border-top: 1px solid #eee
}

/* MY적립금 UI개선 2017-02-07 */
ul.myInfo_box.ver02 li dl dt {
    color: #000;
}

ul.myInfo_box.ver02 li dl dd span.deduct {
    color: #12a5cb;
}

ul.myInfo_box.ver02 li dl dd span {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 15px;
}

ul.myInfo_box.ver02 li dl dd span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin: -6px 0 0;
    background: #939393;
}

ul.myInfo_box.ver02 li dl dd span:last-child {
    margin: 0;
    padding: 0;
}

ul.myInfo_box.ver02 li dl dd span:last-child:after {
    display: none;
}

ul.myInfo_box.ver02 li dl dd em {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 10px;
    color: #898989;
}

ul.myInfo_box.ver02 li .bulletTxt {
    margin: 0 10px;
}

ul.myInfo_box.ver02 .btn_detail {
    display: inline-block;
    position: relative;
    padding: 0 8px 0 0;
    line-height: 14px;
    font-size: 11px;
    color: #898989;
    text-decoration: underline;
    vertical-align: middle;
}

ul.myInfo_box.ver02 .btn_detail:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 8px;
    margin: -5px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat -136px 0;
    background-size: auto 24px;
}

.saveSort.ver02 {
    overflow: hidden;
    top: 11px;
    word-break: normal;
}

.saveSort.ver02 a {
    position: relative;
    float: left;
    padding: 0 6px 0 0;
    margin: 0 5px 0 0;
    color: #333;
}

.saveSort.ver02 a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 13px;
    margin: -7px 0 0;
    background: #dbdbdb;
}

.saveSort.ver02 a:last-child {
    padding: 0;
    margin: 0;
}

.saveSort.ver02 a:last-child:after {
    display: none;
}

.saveSort.ver02 a.on {
    color: #e51937;
}

.tableSt31 .bulletTxt.ver02 {
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #cdcdcd;
}

.tableSt3.ver02 thead tr th {
    line-height: 15px;
    font-size: 14px;
}

.tableSt3.ver02 thead tr th>span,
.tableSt3 tbody tr td:nth-child(1) span,
.tableSt3.ver02 tbody tr td,
.tableSt3.ver02 tbody tr td p {
    line-height: 15px;
    font-size: 13px;
}

.tableSt3.ver02 tbody tr td .reserve,
.tableSt3.ver02 tbody tr td .deduct {
    font-size: 13px;
}

.tableSt3.ver02 tbody tr td .buyOffice {
    display: block;
    font-size: 11px;
    color: #666;
}

.tableSt3.ver02 tbody tr td .status {
    font-size: 12px;
}

.tableSt3.ver02 tbody tr td .status em {
    width: 14px;
    height: 14px;
    margin: 0 auto 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat;
    background-position: -160px 0;
    background-size: auto 24px;
}

.tableSt3.ver02 tbody tr td .status em.circle {
    width: 19px;
    height: 19px;
    background-position: -141px 0;
}

.tableSt3.ver02 tbody tr td .tit_text {
    color: #666;
    font-size: 12px;
    margin-bottom: 3px
}

.btnMoreDefaultWrap {
    margin: 10px;
}

.btnMoreDefaultWrap.marginType02 {
    margin: -10px 10px 10px;
}

.order.cart+.btnMoreDefaultWrap {
    margin: -20px 0 0;
    padding: 10px;
    background: #eee;
}

/* MY적립금 - 상세팝업 2017-02-07 */
.mytbl_tdView.ver02 {
    margin: 0 -10px;
    padding: 0;
    font-size: 14px;
    color: #565656;
}

.mytbl_tdView.ver02 ul {
    border: none;
}

.mytbl_tdView.ver02 ul li {
    overflow: hidden;
    padding: 20px 10px;
    text-align: left;
    border-top: 1px solid #eee;
    background: none;
}

.mytbl_tdView.ver02 ul li:first-child {
    border: none;
}

.mytbl_tdView.ver02 ul li.reserve,
.mytbl_tdView.ver02 ul li.deduct,
.mytbl_tdView.ver02 ul li.orderPrdTit {
    padding: 30px 10px;
    font-size: 30px;
    text-align: center;
    background: #F0F0F1;
}

.mytbl_tdView.ver02 ul li.reserve {
    color: #e31c39;
}

.mytbl_tdView.ver02 ul li.deduct {
    color: #12a5cb;
}

.mytbl_tdView.ver02 ul li.orderPrdTit {
    font-size: 16px;
    color: #232323;
}

.mytbl_tdView.ver02 ul li.reserve em,
.mytbl_tdView.ver02 ul li.deduct em {
    display: block;
    font-size: 14px;
}

.mytbl_tdView.ver02 ul li .tits {
    float: left;
    width: 70px;
    font-size: 13px;
    font-weight: bold;
    color: #898989;
}

.mytbl_tdView.ver02 ul li .txt {
    float: left;
    font-size: 12px;
    color: #565656;
}

/* 적립금안내 */
.detail_savemoney .bulletTxt {
    padding: 0 0 16px;
}

/* 지급예정팝업 */
.popMyPointInfo.contents {
    padding: 0;
}

.popMyPointInfo .tblTitle {
    padding: 10px;
    background: #f5f5f5;
}

.popMyPointInfo .tblTitle:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0
}

.popMyPointInfo .tblTitle>strong {
    float: left;
    font-size: 14px;
    color: #333;
}

.popMyPointInfo .tblTitle>p {
    float: right;
}

.popMyPointInfo .tblTitle>p span {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 5px 0 0;
    font-size: 15px;
    font-weight: bold;
    color: #e51937;
}

.popMyPointInfo .tblTitle>p span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 12px;
    margin: -6px 0 0;
    background: #939393;
}

.popMyPointInfo .tblTitle>p span:last-child {
    margin: 0;
    padding: 0;
}

.popMyPointInfo .tblTitle>p span:last-child:after {
    display: none;
}

.popMyPointInfo .tblTitle>p em {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 10px;
    color: #898989;
}

.popMyPointInfo .tableSt3 {
    border-top: 1px solid #565656;
}

.popMyPointInfo .tableSt3 thead tr th {
    border-bottom: 1px solid #ddd;
}

.popMyPointInfo .tableSt3 tbody tr td {
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.popMyPointInfo .member_btn_single {
    padding: 10px;
}

.popMyPointInfo .list_none p {
    font-size: 13px;
}

.popMyPointInfo .list_none.type03 p {
    padding: 13px 0 30px;
    font-size: 17px;
}

/* MY적립금 - 코드등록 2017-02-10 */
.regCodeWrap {
    padding: 10px;
}

.regCodeWrap .regCodeBox {
    padding: 20px 0;
    background: #e8e8e8;
}

.regCodeWrap .regCodeBox .codeTit {
    display: block;
    margin: 15px 0 0;
    font-size: 16px;
    color: #000;
    text-align: center;
}

.regCodeWrap .regCodeBox .codeIpt {
    display: block;
    box-sizing: border-box;
    margin: 25px 30px 0;
    padding: 0 5px;
    border: 1px solid #787878;
    background: #fff;
    ;
    line-height: 41px
}

.regCodeWrap .regCodeBox .codeIpt input {
    width: 100%;
    height: 38px;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    text-align: center;
    border: none;
    border-radius: 0;
    outline: none;
    background: #fff;
    text-indent: 0;
    font-weight: bold
}

.regCodeWrap .regCodeBox .btnReg {
    margin: 20px 0 0;
    text-align: center;
}

.regCodeWrap .regCodeBox .btnReg .btn07 {
    width: 140px;
    padding: 1px 0 0;
}

.regCodeWrap .regCodeBox .codeMoneyInfo {
    margin: 25px 20px 0;
    padding: 20px 0;
    background: #fff;
}

.regCodeWrap .regCodeBox .codeMoneyInfo .addMoney {
    display: block;
    font-size: 30px;
    color: #e31c39;
    text-align: center;
}

.regCodeWrap .regCodeBox .codeMoneyInfo .addMoney em {
    font-size: 13px;
}

.regCodeWrap .regCodeBox .codeMoneyInfo .dateDeadline {
    margin: 15px 0 0;
    font-size: 13px;
    color: #565656;
    text-align: center;
}

.regCodeWrap .btnBox {
    padding: 0;
    margin: 15px 0 0;
    text-align: center;
}

.regCodeWrap .btnBox .btn08 {
    width: 200px;
    padding: 1px 0 0;
}

.regCodeWrap .bannerBox {
    margin: 20px -10px 0;
}

.regCodeWrap .bannerBox a {
    display: block;
    margin: 5px 0 0;
}

.regCodeWrap .bannerBox a:first-child {
    margin: 0;
}

.regCodeWrap .bannerBox a img {
    width: 100%;
    vertical-align: top;
}

/* 2017-02-13 MY 릴레이 팡팡 */
.r_pang_active {
    background: #e8e8e8;
    padding: 0 10px 10px 10px;
}

.r_pang_active h2 {
    font-size: 15px;
    padding: 15px 0 8px;
    color: #222
}

.r_pang_active h2+a {
    float: right;
    margin-top: -25px;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
    position: relative
}

.r_pang_active .bar_wrap {
    position: relative;
    background: #fff;
    padding: 0 15px
}

.r_pang_active .bar_wrap .top_text {
    padding-top: 20px;
    padding-bottom: 63px;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
}

.r_pang_active .bar_wrap .top_text .red_c {
    color: #e51937
}

.r_pang_active .bar_wrap .bar_s i:after,
.r_pang_active .bar_wrap .bar_s i,
.r_pang_active .bar_wrap .bar_s:after,
.r_pang_active .bar_wrap .bar_s p:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png);
    background-repeat: no-repeat;
    background-size: auto 24px;
    position: absolute;
}

.r_pang_active .bar_wrap .bar_s i,
.r_pang_active .bar_wrap .bar_s p:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}

.r_pang_active .bar_wrap .bar_s i:after {
    width: 10px;
    height: 8px;
    content: '';
    background-position: -305px -4px;
    left: 6px;
    top: -11px
}

.r_pang_active .bar_wrap .bar_s {
    position: relative;
    padding-top: 11px;
    text-align: right;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    border-top: 5px solid #ddd
}

.r_pang_active .bar_wrap .bar_s:before {
    content: '';
    height: 5px;
    background: #756ad6;
    position: absolute;
    left: 0;
    top: -5px;
    ;
    display: inline-block
}

.r_pang_active .bar_wrap .bar_s:after {
    content: '';
    background-position: -194px 0;
    right: 0;
    top: -13px;
    width: 20px;
    height: 20px
}

.r_pang_active .pang_active_txt {
    min-width: 120px;
    border: 1px solid #736cdc;
    background: #fff;
    position: absolute;
    top: -67px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    padding: 7px;
    line-height: 14px;
    margin-left: -50px
}

.r_pang_active .pang_active_txt.line_one {
    top: -52px
}

.r_pang_active .pang_active_txt strong {
    display: block;
    color: #4d4d4d;
}

.r_pang_active .pang_active_txt em {
    color: #888;
    font-size: 11px
}

.r_pang_active .bar_wrap .bar_s p {
    font-size: 13px;
    color: #666
}

.r_pang_active .bar_wrap .bar_s.step0:before {
    width: 0%
}

.r_pang_active .bar_wrap .bar_s.step0 .pang_active_txt {
    left: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.step01:before {
    width: 9%
}

.r_pang_active .bar_wrap .bar_s.step01 .pang_active_txt {
    left: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.step01 i {
    left: 9%
}

.r_pang_active .bar_wrap .bar_s.step02:before {
    width: 17.5%
}

.r_pang_active .bar_wrap .bar_s.step02 .pang_active_txt {
    left: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.step02 i {
    left: 17.5%
}

.r_pang_active .bar_wrap .bar_s.step03:before {
    width: 26%
}

.r_pang_active .bar_wrap .bar_s.step03 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step03 i {
    left: 26%
}

.r_pang_active .bar_wrap .bar_s.step04:before {
    width: 34.5%
}

.r_pang_active .bar_wrap .bar_s.step04 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step04 i {
    left: 34.5%
}

.r_pang_active .bar_wrap .bar_s.step05:before {
    width: 43%
}

.r_pang_active .bar_wrap .bar_s.step05 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step05 i {
    left: 43%
}

.r_pang_active .bar_wrap .bar_s.step06:before {
    width: 51.5%
}

.r_pang_active .bar_wrap .bar_s.step06 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step06 i {
    left: 51.5%
}

.r_pang_active .bar_wrap .bar_s.step07:before {
    width: 60%
}

.r_pang_active .bar_wrap .bar_s.step07 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step07 i {
    left: 60%
}

.r_pang_active .bar_wrap .bar_s.step08:before {
    width: 68.5%
}

.r_pang_active .bar_wrap .bar_s.step08 .pang_active_txt,
.r_pang_active .bar_wrap .bar_s.step08 i {
    left: 66.5%
}

.r_pang_active .bar_wrap .bar_s.step09:before {
    width: 77%
}

.r_pang_active .bar_wrap .bar_s.step09 .pang_active_txt {
    right: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.step09 i {
    left: 77%
}

.r_pang_active .bar_wrap .bar_s.step10:before {
    width: 85.5%
}

.r_pang_active .bar_wrap .bar_s.step10 .pang_active_txt {
    right: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.step10 i {
    left: 85.5%
}

.r_pang_active .bar_wrap .bar_s.stepend:before {
    right: 2px
}

.r_pang_active .bar_wrap .bar_s.stepend .pang_active_txt {
    right: 0;
    margin-left: 0
}

.r_pang_active .bar_wrap .bar_s.stepend i {
    right: 0;
    z-index: 10
}

.r_pang_active .bar_wrap .bar_s i {
    background-position: -174px 0;
    top: -13px;
    overflow: visible
}

.r_pang_active .bar_wrap .bar_s p:before {
    background-position: -174px 0;
    left: 0;
    top: -13px
}

.r_pang_active .saviing_list01 {
    border-top: 1px solid #eee;
    margin: 10px 0 5px 0;
    padding: 8px 0
}

.r_pang_ui .r_pang_active {
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/bg_relpang_status.png);
    background-repeat: no-repeat;
    background-size: cover;
    letter-spacing: -0.5px;
}

.r_pang_ui .r_pang_active h2 {
    padding: 15px 0;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    text-align: center;
}

.r_pang_ui .r_pang_active h2 em {
    font-size: 22px;
    vertical-align: -1px;
}

.r_pang_ui .r_pang_active .bar_wrap {
    padding: 0 20px;
}

.r_pang_ui .r_pang_active .bar_wrap .top_text {
    padding-top: 15px;
    padding-bottom: 65px;
    color: #222;
    letter-spacing: -1px;
}

.r_pang_ui .r_pang_active .bar_wrap .top_text em {
    font-size: 20px;
    vertical-align: -1px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s:after,
.r_pang_ui .r_pang_active .bar_wrap .bar_s p:before {
    background-image: none
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s {
    padding-top: 0;
    border-top: 1px solid #cacaca;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .pang_active_txt {
    width: 120px;
    border: 1px solid #756ad6;
    padding: 6px 7px;
    margin-left: -60px;
    box-sizing: border-box;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s:before {
    width: 0%;
    top: -2px;
    z-index: 10;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .pang_active_txt {
    top: -54px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .pang_active_txt strong {
    color: #222;
    line-height: 1;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .pang_active_txt em {
    font-size: 15px;
    color: inherit;
    vertical-align: 0px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s i {
    position: absolute;
    top: -16px;
    z-index: 20;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_relpang_new.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s i:after {
    left: 10px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s i.trophy {
    width: 33px;
    height: 33px;
    background-position: 0 0;
    margin-left: -16px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range {
    position: relative;
    width: 100%;
    padding-top: 24px;
    border-top: 4px solid #dbdbdb;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span {
    position: absolute;
    top: -3px;
    padding-top: 13px;
    font-size: 11px;
    color: #aaa;
    text-align: center;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.start {
    left: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.start:before {
    position: absolute;
    left: 0;
    top: -2px;
    content: '';
    width: 1px;
    height: 10px;
    background: #cacaca;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.middle {
    left: 50%;
    margin-left: -17px;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.middle:before {
    position: absolute;
    left: 50%;
    top: -2px;
    content: '';
    width: 1px;
    height: 10px;
    background: #cacaca;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.end {
    right: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s .range span.end:before {
    position: absolute;
    right: 0;
    top: -2px;
    content: '';
    width: 1px;
    height: 10px;
    background: #cacaca;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step0 .pang_active_txt {
    left: -5px;
    margin-left: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step0 i {
    left: -5px;
    margin-left: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step01:before {
    width: 10%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step01 .pang_active_txt {
    left: -5px;
    margin-left: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step01 i {
    left: 10%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step02:before {
    width: 18%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step02 .pang_active_txt {
    left: 18%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step02 i {
    left: 18%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step03:before {
    width: 28%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step03 .pang_active_txt {
    left: 28%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step03 i {
    left: 28%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step04:before {
    width: 38%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step04 .pang_active_txt {
    left: 38%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step04 i {
    left: 38%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step05:before {
    width: 50%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step05 .pang_active_txt {
    left: 50%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step05 i {
    left: 50%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step06:before {
    width: 58%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step06 .pang_active_txt {
    left: 58%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step06 i {
    left: 58%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step07:before {
    width: 65%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step07 .pang_active_txt {
    left: 65%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step07 i {
    left: 65%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step08:before {
    width: 75%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step08 .pang_active_txt {
    left: 75%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step08 i {
    left: 75%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step09:before {
    width: 82%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step09 .pang_active_txt {
    right: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step09 i {
    left: 82%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step10:before {
    width: 90%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step10 .pang_active_txt {
    right: 0;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.step10 i {
    left: 90%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.stepend:before {
    top: -1px;
    right: initial;
    width: 100%;
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.stepend .pang_active_txt {
    right: 0;
    margin-left: 0
}

.r_pang_ui .r_pang_active .bar_wrap .bar_s.stepend i.trophy {
    right: -6px;
    z-index: 10;
    background-position: -33px 0;
}

.r_pang_ui .r_pang_active .saviing_list01 {
    margin: 15px 0 0;
    padding: 15px 0 10px;
    border-top: 1px solid #ececec;
}

.r_pang_ui .r_pang_active .saviing_list01 .saving_stay {
    font-size: 13px;
    line-height: 20px;
}

.r_pang_ui .r_pang_active .saviing_list01 .saving_stay span {
    color: #666;
}

.r_pang_ui .r_pang_active .saviing_list01 .saving_stay strong {
    float: right;
    margin-top: -1px;
    color: #222;
}

.r_pang_ui .r_pang_active .saviing_list01 .saving_stay strong em {
    font-size: 16px;
    font-weight: bold;
    vertical-align: -1px;
}

.relpang_info {
    letter-spacing: -0.5px;
}

.relpang_info .tit>img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.relpang_info .detail_view {
    padding: 17px 20px 15px;
}

.relpang_info .detail_view .list {}

.relpang_info .detail_view .list li {
    margin-bottom: 12px;
    font-size: 13px;
    color: #222;
}

.relpang_info .detail_view .list li:before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 9px;
    margin-right: 6px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_relpang_new.png);
    background-position: -160px 0;
    background-size: 200px auto;
}

.relpang_info .detail_view .list li .flag {
    display: inline-block;
    width: 70px;
    height: 28px;
    margin-top: -5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_relpang_new.png);
    background-position: -75px 0;
    background-size: 200px auto;
    font-size: 1px;
    color: transparent;
    line-height: 0;
    vertical-align: middle;
}

.relpang_info .detail_view .list li .flag.relpang {
    width: 28px;
    height: 28px;
    background-position: 0 -40px;
}

.relpang_info .detail_view .list li:first-child {
    margin-bottom: 7px;
}

.relpang_info .detail_view .list li:last-child {
    margin-bottom: 15px;
}

.relpang_info .detail_view .list_txt {
    border-top: 1px solid #ececec;
    padding-top: 15px;
}

.relpang_info .detail_view .list_txt li {
    padding-left: 12px;
    margin-bottom: 4px;
    font-size: 11px;
    color: #888;
    letter-spacing: -0.5px;
    text-indent: -12px;
}

.relpang_info .detail_view .list_txt li:last-child {
    margin-bottom: 0;
}

.relpang_info .open {
    display: block;
    height: 30px;
    background: #7b8093;
    font-size: 13px;
    color: #dddee2;
    line-height: 32px;
    text-align: center;
}

.relpang_info .open:after {
    display: inline-block;
    content: '';
    width: 11px;
    height: 6px;
    margin-left: 6px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_relpang_new.png);
    background-position: right -10px;
    background-size: 200px auto;
    vertical-align: 1px;
}

.relpang_info .open.active:after {
    background-position: right 0;
}

.cate_medium .list_select.type02 {
    background: #ececec;
    border-bottom: 1px solid #ddd;
}

.cate_medium .list_select.type02 p:last-child {
    padding-bottom: 0;
}

.cate_medium .list_select.type02+.recommend_product .recommend_list .prdList.frame .goodTit_sbox {
    display: none;
}

.recommend_product .recommend_list {
    padding-top: 10px;
}

.recommend_product .recommend_list .prdList.frame .goodsUnitList .goodsInfo .nameArea .text {
    height: 30px;
    font-size: 12px;
    color: #000;
    line-height: 15px;
}

.recommend_product .prdList.frame {
    overflow: visible;
    background: none;
}

.recommend_product .prdList.frame li {
    width: 33.33333333%;
}

.recommend_product .prdList.frame li:before {
    display: none;
}

.recommend_product .prdList.frame .goodsUnitList {
    width: 90px;
    padding-top: 0;
}

.recommend_product .prdList.frame .goodsUnitList .imgArea .img {
    width: 90px;
    height: 90px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .nameArea {
    height: 33px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price {
    height: 31px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice {
    margin-top: -1px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice em {
    font-size: 13px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice span.won {
    font-size: 12px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total {
    margin-top: -1px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .tit {
    height: 15px;
    font-size: 11px;
}

.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox del,
.recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox .won {
    font-size: 11px;
}

/* .recommend_product .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .hiddenTit {text-indent:-999px;} */

.pang_btns {
    overflow: hidden;
    margin: 0 -10px;
    border-top: 1px solid #eee;
    margin-top: 12px
}

.pang_btns li {
    float: left;
    width: 50%
}

.pang_btns li a {
    display: block;
    text-align: center;
    color: #666;
    font-size: 14px;
    background: #fff;
    height: 35px;
    line-height: 35px;
    border-left: 1px solid #eee
}

.pang_btns li:first-child a {
    border-left: none
}

.dot_list_type li {
    padding-left: 7px;
    color: #888;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
    position: relative
}

.dot_list_type li .ttr {
    position: absolute;
    right: 0;
    top: 0;
    color: #4d4d4d
}

.dot_list_type li:before {
    content: '';
    width: 3px;
    height: 3px;
    background: #888;
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%
}

.dot_list_type li:last-child {
    margin-bottom: 0
}

.all_save {
    background: #898fa4
}

.all_save.active {
    border-color: #a9adbb
}

.all_save .tit {
    line-height: 33px;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

.all_save .tit strong {
    font-size: 13px
}

.all_save button {
    background: none;
    border: none;
    padding: 0;
    color: #d5d7dd;
    font-size: 12px;
    margin-left: 7px;
    position: relative;
    top: -1px
}

.all_save button.all_save_close {
    display: none
}

.pangpay_active_box .all_save i.ico_02,
.pangpay_active_box .all_save i.ico_03 {
    position: relative;
    top: -1px
}

.all_save_detail {
    background: #fff;
    padding: 5px 10px 13px 10px;
    position: relative;
    display: none;
    overflow: hidden
}

.all_save_box {
    overflow: hidden;
    height: 160px
}

.all_save .dot_list_type {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.all_save .monthGraph2 ul.swiper-wrapper {
    height: 105px;
    margin-top: 28px;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px
}

.all_save .monthGraph2 ul.swiper-wrapper li {
    float: left;
    width: 57px;
    text-align: center;
    line-height: 20px
}

.all_save .monthGraph2 ul.swiper-wrapper li .graphStick {
    height: 105px;
    position: relative
}

.all_save .monthGraph2 ul:after {
    clear: both;
    content: '';
    display: block
}

.all_save .monthGraph2 .date {
    color: #888;
    position: absolute;
    bottom: -23px;
    font-size: 10px;
    left: 0;
    right: 0;
    text-align: center
}

.all_save .monthGraph2 .moneyTxt {
    position: absolute;
    left: 0;
    right: 0px;
    text-align: center;
    font-size: 12px;
    color: #756ad6
}

.all_save .monthGraph2 .grah_line {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 40px;
    background: #b2b0f7;
}

.all_save .monthGraph2 .grayTxt .moneyTxt {
    color: #888
}

.all_save .monthGraph2 .grayTxt .grah_line {
    background: #d6d6d6
}

.all_save .monthGraph2 .grah_line.dot_line {
    background: #fff;
    border-top: 1px dashed #b2b0f7;
    border-left: 1px dashed #b2b0f7;
    border-right: 1px dashed #b2b0f7;
    border-bottom: 1px solid #cdcdcd
}

.all_save .monthGraph2 .stay .moneyTxt:after {
    background: #aaa
}

.all_save .monthGraph2 .schedule .moneyTxt:after {
    background: none;
    border: 1px dotted #736cdc;
    bottom: 20px
}

.all_save .monthGraph2 .schedule .moneyTxt {}

.all_save .mthGraphGuideBox {
    position: absolute;
    top: 90px;
    left: 0;
    z-index: 10
}

.all_save .mthGraphGuideBox .img img {
    width: 120px
}

/* 2017-02-24 상품상세 배너 추가 */
.goods_img .relpang_bn~.new_bn_area {
    margin-top: 5px
}

.goods_img .relpang_bn~.temp_bn_area,
.goods_img .anniversary_bn~.temp_bn_area {
    margin-top: 5px
}

.goods_img .new_bn {
    margin: 15px 0 7px;
}

.goods_img .new_bn img {
    width: 100%;
    vertical-align: top;
}

.goods_img .new_bn_area img {
    width: 100%
}

.all_save .mthGraphGuideBox .btnClose {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    border: none;
    -webkit-appearance: none;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px 0;
    background-size: 200px auto;
}

.all_save .mthGraphGuideBox .btnClose span {
    position: absolute;
    left: -9999px;
}

.info_type_gray {
    font-size: 12px;
    color: #898989
}

.product_box .info_type_gray {
    padding-left: 67px;
    margin-top: -5px
}


/* 마이팡팡 추가 2017-02-27  */
.my_pang {
    padding: 0
}

.my_pang i {
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_pangpays.png) no-repeat 0 0;
    background-size: auto 24px;
    overflow: hidden;
    vertical-align: middle
}

.my_pang i.ico_01 {
    width: 12px;
    height: 10px;
    background-position: -40px 0
}

.my_pang i.ico_02 {
    width: 9px;
    height: 6px;
    background-position: -231px 0
}

.my_pang i.ico_03 {
    width: 9px;
    height: 6px;
    background-position: -231px -6px
}

.my_pang .dot_list_type {
    padding: 15px 10px 15px 10px
}

.my_pang .dot_list_type.line_so {
    padding: 15px 0
}

.my_pang .dot_list_type.line_so li:before {
    width: 0;
    height: 0
}

.my_pang .dot_list_type.line_so li {
    color: #666;
    padding-left: 0;
    font-size: 13px
}

.my_pang .bot_banners {
    padding: 4px 0 6px 0;
    background: #e8e8e8
}

.my_pang .bot_banners li {
    margin-top: 3px
}

.my_pang .bot_banners li:first-child {
    margin-top: 0
}

.my_pang .bot_banners li a {
    padding: 0;
    margin: 0
}

.pb0 {
    padding-bottom: 0
}

.my_pang .bot_banners img {
    width: 100%
}

.order_warp {
    background: #e8e8e8;
    padding: 10px;
    font-size: 13px
}

.order_warp .order_box {
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    background: #fff
}

.order_warp .order_box .oder_box_top {
    background: #f9f9f9;
    padding: 10px
}

.order_warp .order_box .oder_box_top p {
    color: #232323;
    font-weight: bold
}

.order_warp .order_box .oder_box_top span {
    color: #898989;
    float: right;
    margin-top: -15px;
    font-size: 12px
}

.order_warp .order_box .oder_box_cont {
    padding: 10px;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #eee
}

.order_warp .order_box .oder_box_price {
    padding: 10px
}

.pb0 {
    padding-bottom: 0 !important
}

.fs15 span,
.fs15 strong {
    font-size: 15px !important
}

.bulletTxt.ver04 {
    color: #5e5e5e;
    font-size: 13px
}

.bulletTxt.ver04:before {
    background: #5e5e5e;
}

ul.bulletTxt.ver04 li:before {
    background: #5e5e5e;
    top: 8px
}

.btn_regist {
    margin: 20px 0 10px 0;
    overflow: hidden
}

.btn_regist li {
    display: inline-block;
    width: 49%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #e51937
}

.btn_regist li:first-child {
    background: #3b3b3b
}

.btn_regist li:last-child {
    float: right
}

.btn_regist li a {
    color: #fff;
    display: block
}

.no_log .codeTit {
    color: #888 !important
}

.no_log .codeIpt {
    border: 1px solid #ddd !important;
    padding: 0 0 !important
}

.no_log .codeIpt01 {
    height: 38px;
    background: #f7f7f7 !important;
    border: 1px solid #ddd
}

.no_log .codeIpt input {
    background: #f7f7f7 !important;
    color: #aaa !important;
    font-weight: bold !important;
    font-size: 18px !important
}

.regCodeWrap .regCodeBox .btnReg .btn09 {
    background: #bbb;
    border: none;
    font-weight: normal;
    line-height: 32px;
    height: 35px;
}

.no_pres {
    text-align: center;
    padding: 20px 0 10px 0;
    color: #888;
    font-size: 13px
}

/* common */
.btn_regj {
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 0 0 0;
    font-weight: normal
}

/* 모바일평가단 */
.one_btns {
    text-align: center;
    margin-top: 20px
}

.assecom_text {
    border: 1px solid #ddd;
    padding: 15px;
    color: #666;
    margin: 0 10px;
    text-align: center
}

.assecom_text span {
    color: #5c6edb
}

.asse_box .txtJoinEnd {
    font-size: 18px
}

.asse_box .txtJoinEnd03 {
    color: #4d4d4d;
    margin-bottom: 25px
}

.asse_topte {
    color: #222;
    margin: 0 10px;
    font-weight: bold;
    font-size: 14px
}

.asse_topte.last {
    margin-top: 20px
}

.asse_topte span {
    color: #666;
    font-size: 11px;
    font-weight: normal
}

.asse_dir {
    overflow: hidden;
    height: 25px;
    line-height: 24px
}

.asse_dir dt {
    font-size: 13px;
    color: #999;
    float: left;
    margin-right: 20%
}

.asse_dir dd {
    float: left
}

.sms_agree {
    position: absolute;
    top: 10px;
    right: 10px
}

.sms_agree label {
    font-size: 11px;
    color: #888
}

.asse_one {
    position: relative;
    padding: 7px;
    border: 1px solid #cdcdcd;
    background: #fff
}

.asse_one.text_minh {
    min-height: 80px
}

.asse_one.right_bt {
    padding: 0;
    overflow: hidden
}

.asse_one.right_bt .selectWrap {
    border-right: 1px solid #cdcdcd;
    padding: 7px 0 7px 7px;
    float: left;
    box-sizing: border-box;
    height: 38px
}

.asse_one.right_bt .selectWrap:last-child {
    border-right: 0
}

.asse_one.right_bt .selectWrap select {
    height: 38px
}

.asse_one textarea {
    width: 100%;
    padding: 5px 3px;
    color: #333;
    font-size: 13px;
    min-height: 60px
}

.asse_btte {
    color: #333;
    font-size: 13px;
    padding-top: 15px;
    margin: 10px;
    border-top: 1px solid #ddd;
}

.my_main_dot {
    position: relative;
    padding-left: 20px;
    color: #888;
    font-size: 12px;
    margin-top: 5px
}

.my_main_dot:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 10px
}

/* 친구추천 */
.friend_wrap ul {
    border: 1px solid #cdcdcd;
    background: #fff;
}

.friend_wrap ul.no_pad li {
    padding: 0 !important
}

.friend_wrap ul.no_pad li {
    position: relative;
    border-top: 1px solid #cdcdcd;
    padding: 7px
}

.friend_wrap ul.no_pad li .placeholderWrap {
    margin: 7px;
    width: 97%
}

.friend_wrap ul.no_pad li:first-child {
    border-top: none;
}

.friend_wrap ul.no_pad li.two_wid {
    position: relative
}

.friend_wrap ul.no_pad li.two_wid div {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    border-left: 1px solid #ddd;
    height: 39px;
    line-height: 39px;
    text-align: center
}

.friend_wrap ul.no_pad li.two_wid div input {
    margin-left: 15px
}

.friend_wrap ul.no_pad li.two_wid div input:first-child {
    margin-left: 0
}

.friend_wrap ul.no_pad li.two_wid div.text_person ul {
    overflow: hidden;
    border: 0
}

.friend_wrap ul.no_pad li.two_wid div.text_person ul li {
    float: left;
    width: 50%;
    border-top: 0;
    background: #bbb;
    height: 39px
}

.friend_wrap ul.no_pad li.two_wid div.text_person ul li a {
    color: #fff;
    font-size: 13px
}

.friend_wrap ul.no_pad li.two_wid div.text_person ul li.on {
    background: #e51937
}

/* 본인인증 */
.joinFrend .self_top {
    margin: 20px 10px 0
}

.certifi_pop .pop_header {
    height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #e51937;
    color: #e51937;
    font-size: 17px;
    text-align: center;
    position: relative
}

.certifi_pop .pop_header button {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 16px;
    height: 16px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -235px;
    background-size: 300px auto;
    -webkit-appearance: none;
}

.certifi_pop .pop_header button span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px
}

.certifi_pop .pop_contents {
    padding: 10px 30px
}

.certifi_pop .pop_contents p {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    text-align: center
}

.certifi_pop .pop_contents .sms_con {
    width: 100%;
    position: relative;
    margin: 10px 0;
    text-align: left
}

.certifi_pop .pop_contents .sms_con label {
    display: none
}

.certifi_pop .pop_contents .sms_con input {
    background: #fff;
    border: 1px solid #ddd;
    height: 34px;
    line-height: 34px;
    border-radius: 0;
    width: 62%
}

.certifi_pop .pop_contents .sms_con a {
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: #888;
    border-radius: 3px;
    display: block;
    color: #fff
}

.certifi_pop .pop_contents .time {
    text-align: center;
    font-size: 13px;
    color: #666;
    letter-spacing: -1px
}

.certifi_pop .pop_contents .time em {
    font-weight: bold;
    color: #e51937;
    font-size: 15px;
    letter-spacing: 0;
    margin-left: 5px
}

.certifi_pop .btns {
    background: #e51937;
    line-height: 36px;
    height: 35px;
    font-size: 15px;
    font-weight: bold;
    text-align: center
}

.certifi_pop .btns a {
    color: #fff;
    display: block
}

.certifi_popW {
    top: 60px;
    z-index: 999999;
}

@media (orientation: landscape) {
    .certifi_popW {
        top: 60px !important
    }
}

@media (orientation: landscape) {
    .certifi_popW {
        height: auto
    }
}

/* 친구추천 본인인증 */
.joinFrend .mobile_choice {
    margin: 15px 10px;
    font-size: 13px;
    overflow: hidden
}

.joinFrend .mobile_choice+div {
    margin: 0 0 0 0
}

.joinFrend .mobile_choice dt {
    float: left;
    color: #000;
    width: 15%;
    margin-top: 17px
}

.joinFrend .mobile_choice dd {
    float: left;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 20px;
    width: 25%;
    text-align: center;
    margin: 5px 0 0 1%
}

.joinFrend .mobile_choice dd.width_long {
    width: 28%
}

.joinFrend .mobile_choice dd a {
    display: block;
    padding: 5px 0;
}

.joinFrend .mobile_choice dd.active {
    background: #888
}

.joinFrend .mobile_choice dd.active a {
    color: #fff
}

.joinFrend .friend_cont {
    padding: 10px
}

.joinFrend .friend_cont.no_pad {
    padding: 0 10px 10px 10px
}

.joinFrend .friend_cont table {
    width: 100%;
    font-size: 11px
}

.joinFrend .friend_cont table thead th {
    background: #f4f4f4;
    color: #4d4d4d;
    text-align: center;
    padding: 7px;
    border: 1px solid #ddd
}

.joinFrend .friend_cont table tbody td {
    text-align: center;
    color: #666;
    padding: 11px;
    border: 1px solid #ddd
}

.joinFrend .friend_cont .agree_text {
    margin: 0 0 20px 0
}

.joinFrend .friend_cont .agree_text li {
    font-size: 13px;
    color: #666;
    margin-top: 12px
}

.joinFrend .friend_cont .agree_text li:first-child {
    margin-top: 20px
}

.joinFrend .friend_cont .agree_text li a {
    float: right;
    color: #888;
    font-size: 12px
}

.joinFrend .friend_cont .gray_text {
    color: #bbb;
    font-size: 11px
}

.joinFrend .friend_cont .que_text {
    border-top: 1px solid #ddd;
    margin-top: 11px;
    padding-top: 11px;
    color: #000;
    font-size: 13px
}

.joinFrend .friend_cont .sms_con {
    width: 100%;
    position: relative
}

.joinFrend .friend_cont .sms_con label {
    display: none
}

.joinFrend .friend_cont .sms_con input {
    background: #fff;
    border: 1px solid #ddd;
    height: 38px;
    line-height: 38px;
    border-radius: 0;
    width: 62%
}

.joinFrend .friend_cont .sms_con a {
    width: 35%;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #888;
    border-radius: 3px;
    display: block;
    color: #fff
}

.joinFrend .friend_cont .time {
    margin: 20px 0 30px 0;
    text-align: center;
    font-size: 14px;
    color: #4d4d4d;
    letter-spacing: -1px
}

.joinFrend .friend_cont .time em {
    font-weight: bold;
    color: #e51937;
    font-size: 16px;
    letter-spacing: 0
}

.pop_scroll {
    overflow: hidden
}

.joinFrend .mt_top {
    margin: 15px 10px 0
}

.joinFrend .friend_cont .btns a {
    width: 100%;
    display: block;
    border-radius: 3px
}

.friend_popW {
    position: fixed;
    top: 45px;
    left: 0;
    width: 100%;
    background: #fff;
    height: auto;
    z-index: 9999;
    display: none;
    height: 100%
}

.friend_popW.no_top {
    top: 0
}

.friend_popW.active {
    display: block !important
}

.friend_popW h1 {
    height: 44px !important;
    line-height: 44px !important;
    border-bottom: 1px solid #000 !important;
    text-align: center;
    font-size: 17px;
    color: #000
}

.friend_popW .btnLayerClose {
    position: absolute;
    right: 17px;
    width: 16px;
    top: 16px;
    height: 16px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -235px;
    background-size: 300px auto;
}

.friend_popW .btnLayerClose span {
    width: 0;
    line-height: 0;
    height: 0;
    text-indent: -9999px;
    display: inline-block;
    overflow: hidden
}

.friend_popW .top_list {
    position: relative;
    background: #eee;
    padding-top: 8px;
    margin-bottom: 10px
}

.friend_popW .top_list ul {
    overflow: hidden;
    margin: 0 auto
}

.friend_popW .top_list ul li {
    width: 33.3%;
    text-align: center;
    font-size: 12px;
    color: #666;
    float: left;
    border-bottom: 1px solid #bbb
}

.friend_popW .top_list ul li.active {
    box-sizing: border-box;
    ;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff
}

.friend_popW .top_list ul li.active a {
    color: #222;
}

.friend_popW .top_list ul li a {
    padding: 10px 0 5px 0;
    display: block;
    font-size: 15px;
    letter-spacing: -1px
}

.friend_popW .contents_friend {
    background: #fff;
    position: fixed;
    top: 136px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 15px;
    display: none
}

.friend_popW.no_top .contents_friend {
    top: 89px
}

.friend_popW .contents_friend.active {
    display: block !important
}

.friend_popW .contents_friend.one_tabs {
    top: 91px !important
}

.friend_popW table {
    width: 100%;
    font-size: 11px
}

.friend_popW table tbody th {
    background: #f4f4f4;
    color: #4d4d4d;
    text-align: center;
    padding: 7px;
    border: 1px solid #ddd
}

.friend_popW table tbody td {
    text-align: center;
    color: #666;
    padding: 11px;
    border: 1px solid #ddd
}


/* 기획전 top배너 */

.top_banners {
    position: relative
}

.top_banners img {
    width: 100%;
    vertical-align: top
}

.top_banners .top_banners_cont {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%
}

.top_banners .top_banners_cont a {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    z-index: 99999
}

.top_banners .top_banners_cont .deem_imgs {
    position: absolute;
    top: 0;
    left: 0
}

.zind {
    z-index: 0
}

.joinFloatingBotBtn.on {
    display: none
}

.joinFloatingBotBtn.no_fixed {
    -webkit-overflow-scrolling: touch;
}

.fixfixed {
    position: absolute
}

/* 특가상품추가 */
.special_price {
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    background: #f4f4f4;
    text-align: center;
    padding: 15px 0;
    margin: 15px 10px
}

.special_price img {
    width: 159px
}

.special_price a {
    display: block;
    color: #333;
}

.special_price p {
    color: #333;
    font-size: 14px;
    letter-spacing: -1px;
    margin: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.special_price span {
    color: #e51937;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    border: 1px solid #e51937;
    border-radius: 2px;
    background: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 0 50px
}

/* 마케팅정보동의  */
.market_agree {
    font-weight: bold;
    margin-left: 22px;
    font-size: 13px
}

.market_agree+div {
    padding: 0 0 0 0;
    margin-left: 22px;
    font-size: 13px
}

.market_agree+div label {
    font-size: 13px;
    margin-right: 27px
}

.mr37 {
    margin-right: 37px !important
}

/* 마케팅정보동의  */
.marketing_agree {
    font-weight: bold;
    margin-left: 22px;
    font-size: 13px
}

.marketing_agree+div {
    padding: 0 0 0 0;
    margin-left: 22px;
    font-size: 13px
}

.marketing_agree+div label {
    font-size: 13px;
    margin-right: 27px
}

.mr37 {
    margin-right: 37px !important
}

/* 개인정보추가 */
.join_tab.v11 li:first-child {
    width: 60%
}

.join_tab.v11 li {
    width: 40%
}

.friend_popW.real_pop {
    top: 0
}

.friend_popW.real_pop .contents_friend {
    top: 46px;
    padding: 0 0 70px 0;
    display: block !important
}

.friend_popW.real_pop .contents_friend .self_top {
    margin: 10px 10px 10px 10px
}

/* 기본배송지 필수입력사항 추가 */
.ship_wrap .addRequire table th {
    width: 77px;
    padding-left: 0;
    letter-spacing: -1px;
}

.ship_wrap .addRequire table th em {
    display: inline-block;
    margin-left: 3px;
    color: #e51937;
    vertical-align: 1px;
    font-size: 13px;
}

.addRequire .bulletTxt {
    margin-top: 8px;
}

.bulletTxt.requireTxt {
    margin-top: 1px;
    padding: 0 0 4px 8px;
}

.requireTxt {
    margin: 8px 0 0;
    padding: 0 0 4px 0;
    color: #888;
    font-size: 12px;
}

.requireTxt em {
    color: #e51937;
    vertical-align: -1px;
}

/* 개인정보취급방침 V11 추가 */
.detail_text {
    padding: 5px 20px;
    margin-bottom: 0 !important
}

.detailPops {
    padding: 20px
}

.detailPops table td {
    text-align: left !important
}

.pops_tables {
    padding: 0 10px
}

.no_btm p {
    margin-bottom: 0 !important
}

.goods_lastT tr:last-child {
    border-bottom: 1px solid #e8e8e8 !important
}

.goods_lastT tr:last-child td {
    padding-bottom: 7px !important;
    padding-top: 7px !important
}

.ha_table {
    margin-bottom: 10px
}

.ha_table tr:last-child {
    border-bottom: 1px solid #e8e8e8 !important
}

.ha_table tr:last-child td {
    padding-bottom: 7px !important;
    padding-top: 7px !important
}

/* 상품상세 팡팡 신규 레이어 타입 */
.goods .align_type_top table tr td {
    vertical-align: top;
}

.pangLayerType {
    display: none;
    padding-bottom: 15px;
    background: #fff;
    position: fixed;
    left: 10px;
    right: 10px;
    margin-top: 5px;
    z-index: 20001;
    border: 1px solid #222;
}

.pangLayerType .layerHeader {
    padding: 20px 20px 5px 15px;
    background: #fff;
    border-bottom: 0 none;
}

.pangLayerType .layerHeader h1 {
    height: auto;
    padding: 0;
    color: #444;
    border-bottom: 0 none;
    font-size: 16px;
    letter-spacing: -.5px;
    line-height: 21px;
    text-align: left;
}

.pangLayerType .layerHeader .btnLayerClose {
    position: absolute;
    text-indent: -9999px;
    font-size: 1px;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;
    background-size: 300px auto;
    -webkit-appearance: none;
}

.pangLayerType .layerConts {
    padding: 0;
}

.pangLayerType .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 310px;
    -webkit-overflow-scrolling: touch;
}

.pangLayerType .layerConts .innerConts {
    padding: 0 15px;
}

.pangLayerType .layerConts .innerConts .pangcon h2 {
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 15px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul {
    padding-bottom: 3px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul>li {
    position: relative;
    padding-bottom: 7px;
    font-size: 13px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag {
    padding: 0 0 4px 0px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag .sale_info2 {
    margin-top: -8px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag .sale_info2 em {
    top: 14px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul ul {
    padding: 4px 0 0 6px;
}

.pangLayerType .layerConts .innerConts .pangcon>ul ul li {
    color: #666;
}

.pangcon {
    letter-spacing: -.5px;
}

.pangcon .sale_info2 * {
    vertical-align: middle;
}

.pangcon .sale_info2 {
    padding-left: 8px;
    color: #666;
    font-weight: normal;
}

.pangcon .sale_info2 em {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #888;
}

.flag_3 {
    display: inline-block;
    width: 71px;
    height: 29px;
    text-indent: -9999px;
    font-size: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/flag_three.png) no-repeat 0 0;
    background-size: 100%;
}

.flag_relpang {
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    color: transparent;
    font-size: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/flag_relpang.png) no-repeat 0 0;
    background-size: 100%;
}

.pangcon .text {
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

.pangcon .text p {
    color: #888;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -.5px;
}

.pangcon .btn_ac .bw90 {
    font-weight: bold;
}

.goods .pd_sale .start.type01 span {
    display: inline-block;
    color: #888;
    font-size: 13px;
}

@media (orientation: landscape) {
    .pangLayerType {
        position: fixed;
        top: 20px !important;
    }

    .pangLayerType .layerConts .innerConts.scrollY {
        max-height: 175px;
    }
}

/* 상품상세 팡팡 신규 레이어 타입 공통스타일로 수정 : 2018-07-06 */
.layerPopWrap02.pangLayerType {
    display: none;
    padding-bottom: 20px;
    background: #fff;
    position: fixed;
    top: 15%;
    left: 10px;
    right: 10px;
    margin-top: 5px;
    z-index: 20001;
    border: 0 none;
}

.layerPopWrap02.pangLayerType .layerHeader {
    padding: 9px 0;
    background: #fff;
    border-bottom: 1px solid #444;
}

.layerPopWrap02.pangLayerType .layerHeader h1 {
    height: auto;
    padding: 0 18px;
    color: #444;
    border-bottom: 0 none;
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 21px;
    text-align: left;
}

.layerPopWrap02.pangLayerType .layerHeader .btnLayerClose {
    position: absolute;
    text-indent: -9999px;
    font-size: 1px;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;
    background-size: 300px auto;
    -webkit-appearance: none;
}

.layerPopWrap02.pangLayerType .layerConts {
    padding: 0;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 310px;
    -webkit-overflow-scrolling: touch;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts {
    padding: 0 15px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon h2 {
    margin: 20px 0 15px;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul {
    padding-bottom: 3px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul>li {
    position: relative;
    padding-bottom: 7px;
    font-size: 13px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag {
    padding: 0 0 4px 0px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag .sale_info2 {
    margin-top: -8px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul>li.isflag .sale_info2 em {
    top: 14px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul ul {
    padding: 4px 0 0 6px;
}

.layerPopWrap02.pangLayerType .layerConts .innerConts .pangcon>ul ul li {
    color: #000;
}

.layerPopWrap02.pangLayerType .pangcon {
    letter-spacing: -.5px;
}

.layerPopWrap02.pangLayerType .pangcon .sale_info2 * {
    vertical-align: middle;
}

.layerPopWrap02.pangLayerType .pangcon .sale_info2 {
    padding-left: 8px;
    color: #000;
    font-weight: normal;
}

.layerPopWrap02.pangLayerType .pangcon .sale_info2 em {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #888;
}

.layerPopWrap02.pangLayerType .flag_3 {
    display: inline-block;
    width: 71px;
    height: 29px;
    text-indent: -9999px;
    font-size: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/flag_three.png) no-repeat 0 0;
    background-size: 100%;
}

.layerPopWrap02.pangLayerType .flag_relpang {
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: -9999px;
    color: transparent;
    font-size: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/flag_relpang.png) no-repeat 0 0;
    background-size: 100%;
}

.layerPopWrap02 .pangcon .text {
    padding: 10px 0 15px;
    border-top: 1px solid #ddd;
}

.layerPopWrap02.pangLayerType .pangcon .text p {
    color: #888;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -.5px;
}

.layerPopWrap02.pangLayerType .pangcon .btn_ac .bw90 {
    font-weight: bold;
}

.goods .pd_sale .start.type01 span {
    display: inline-block;
    color: #888;
    font-size: 13px;
}

@media (orientation: landscape) {
    .layerPopWrap02.pangLayerType {
        position: fixed;
        top: 20px !important;
    }

    .layerPopWrap02.pangLayerType .layerConts .innerConts.scrollY {
        max-height: 175px;
    }

    .layerPopWrap02.sale_1010 {
        position: fixed;
        top: 20px !important;
    }

    #mobileSave {
        position: fixed;
        top: 20px !important;
    }
}

.layerPopWrap02.sale_1010 {
    padding-bottom: 0;
}

.layerPopWrap02.sale_1010 .layerHeader h1 {
    font-size: 15px;
    letter-spacing: -1px;
}

.sale_1010 .tv_arimi_info {
    padding: 0 0 7px;
}

.sale_1010 {
    top: 15%;
    padding-bottom: 0;
}

.sale_1010 h1 {
    font-size: 15px;
    letter-spacing: -1px;
}

.sale_1010 .order .sale_info2 {
    font-size: 13px;
    color: #000;
}

.sale_1010 .order .sale_info2 em {
    background: #666;
}

.sale_1010 .sms_wrap.popup .tv_arimi_info {
    padding: 0;
}

.sale_1010 .sms_wrap .text {
    margin: 0;
}

.sale_1010 .sms_wrap .text p {
    font-size: 12px;
}



/* 본인인증 2017-11-15 */
.joinFrend .type_1115 table {
    font-size: 13px;
}

.joinFrend .type_1115 table tbody td {
    font-weight: bold;
}

/* 로그인 비번 텍스트 숨김 및 표시 2018-01-04 */
.switchTypeInput {
    display: block;
    position: absolute;
    right: 0;
    top: 2px;
    margin: 0;
    padding: 3px 9px 2px;
    border: 1px solid #333;
    border-radius: 15px;
    color: #333;
    background: #fff;
    line-height: 1.2;
    font-size: 13px;
    letter-spacing: -.5px;
}

.switchTypeInput.on {
    border-color: #888;
    color: #888;
}

/* 회원가입 플레이스 홀더 변경 관련 2018-01-08 */
.member_write.new_place li {
    padding-left: 110px;
}

.sch_wrap.new_place table th {
    width: 110px;
}

/* 상품상세 상품평 탭별 : 작성일 추가 2018-01-08 */
.comment_list2.addDate li .comment_cons2 p span:last-child {
    position: static;
}

.bestComtWrap .comment_list2.addDate li .date {
    position: static;
    margin: 0;
    padding: 0;
    color: #888;
    font-size: 12px;
}

.bestComtWrap .comment_list2.addDate li .cons_stain_op {
    margin: 0 0 2px;
}

.bestComtWrap .comment_list2.addDate li .cons {
    min-height: auto;
}

.bestComtWrap .comment_list2.addDate li.open .img_wrap a {
    margin-top: 0;
}

/* 상품상세 팡팡페이 추가적립 케이스 추가 2018-01-09 */
.goods .product_list3 strong.txtBlue {
    display: inline-block;
    margin: 1px 0 0 5px;
    color: #5c6edc;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}

.goods .product_list3 strong.txtBlue span {
    vertical-align: -1px;
    font-size: 19px;
}

.flagNone .priceInner var {
    display: inline-block;
    width: 135px;
    margin-right: 10px;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
}

.flagNone .priceInner strong.txtBlue {
    display: inline-block;
    margin: 1px 0 0 3px;
    color: #5c6edc;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
}

.flagNone .priceInner strong.txtBlue span {
    vertical-align: -1px;
    font-size: 19px;
}

/* 최근 본 상품 UI 개선 2018-01-08 */
.recentPrd {
    overflow: hidden;
    background-color: #e8e8e8;
}

.recentPrd .info_wrap {
    padding: 8px 0 8px;
    font-size: 14px;
    color: #666;
    letter-spacing: -.5px;
    text-align: center;
    background-color: #fff;
}

.recentPrd .btn_top_wrap {
    height: auto;
}

.recentPrd .new_pd_btn {
    overflow: hidden;
    margin: 8px 0;
    padding: 0 10px;
    background-color: #e8e8e8;
}

.recentPrd .new_pd_btn li {
    float: left;
    width: 50%;
}

.recentPrd .new_pd_btn li:nth-child(2) {
    text-align: right;
}

.recentPrd .new_pd_btn li button {
    display: inline-block;
    height: 30px;
    padding: 0 10px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 1px;
    color: #333;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 12px;
    background-color: #fff;
}

.recentPrd li .product_box {
    position: relative;
    display: block;
    min-height: 60px;
    padding: 11px 10px 15px 80px;
}

.recentPrd li .product_box .imgBox {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 60px;
}

.recentPrd li .product_box .imgBox img {
    width: 100%;
    vertical-align: top;
}

.recentPrd li .product_box .prdWrap {
    letter-spacing: -.5px;
}

.recentPrd li .product_box .prdWrap .product_tit {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    max-height: 42px;
    margin: 0 0 22px;
    line-height: 19px;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recentPrd li .product_box .prdWrap .benefit {
    display: block;
    position: relative;
    min-height: 14px;
    padding: 3px 0;
    margin: -22px 0 0;
    line-height: 12px;
    color: #888;
}

.recentPrd li .product_box .prdWrap .benefit span {
    display: inline-block;
    margin: 0 2px 0 0;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    letter-spacing: -1px;
}

.recentPrd li .product_box .prdWrap .benefit span+span:before {
    display: inline-block;
    content: "";
    width: 1px;
    height: 10px;
    margin: -1px 5px 0 0;
    background: #ccc;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.recentPrd li .product_box .prdWrap .benefit .comment {
    position: absolute;
    right: 0;
    top: 4px;
    min-width: 70px;
    line-height: 12px;
    font-size: 12px;
    color: #666;
    text-align: right;
}

.recentPrd li .product_box .prdWrap .benefit .comment em {
    font-weight: bold;
}

.recentPrd li .product_box .prdWrap .flagDown_s {
    right: 10px;
    bottom: 17px;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p {
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p.discountPrice {
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p span {
    display: inline-block;
    vertical-align: top;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p .tit {
    width: 80px;
    font-weight: normal;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p .mTitGray {
    color: #666;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p .priceGray {
    color: #666;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p span em {
    display: inline-block;
    font-size: 1.455em;
    vertical-align: top;
}

.recentPrd li .product_box .prdWrap .priceInfoBox>p span .wonBox {
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
}

.recentPrd .order_list.recentView li .btnRecentView {
    overflow: hidden;
    position: relative;
    right: auto;
    bottom: auto;
    height: 32px;
    padding: 0 10px;
    background-color: #f9f9f9;
}

.recentPrd .order_list.recentView li .btnRecentView a {
    color: #666;
    line-height: 32px;
}

.recentPrd .order_list.recentView li .btnRecentView a+a {
    float: right;
    margin-left: 0;
    border-left: 0 none;
    padding: 0;
}

.recentPrd .order_list.recentView li .btnRecentView a.del:before {
    background-position: -106px -185px;
}

.recentPrd .order_list.recentView li .btnRecentView a.basket:before {
    width: 15px;
    height: 15px;
    margin-top: -3px;
    background-position: -125px -185px;
}

/* 2018-02-01 주문결제 복수배송지UI 개선 - 버튼명 및 안내문구 추가 */
.order_list li .wideBtn {
    padding-bottom: 5px;
}

.order_list li .wideBtn .btn_red {
    padding: 0 40px;
}

.order_list li .wideBtn .referTxt {
    position: relative;
    margin-top: 6px;
    padding-left: 8px;
    color: #898989;
    font-size: 12px;
    text-align: left;
    letter-spacing: -.5px;
}

.order_list li .wideBtn .referTxt:before {
    display: block;
    content: '';
    position: absolute;
    left: 1px;
    top: 6px;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background-color: #cdcdcd;
}

/* 2018-02-02 모바일 주문동의방식 UI 변경 */
.order .order_agree.change_list a {
    margin-top: 10px;
    margin-bottom: 10px;
}

.order .order_agree.change_list div.cautionComtWrap {
    margin-bottom: 0;
}

/* 2018-02-06 상품상세 비디오 배너 추가 */
.videoBanner {
    position: relative;
    margin: 7px 5px;
    max-width: 720px;
}

.videoBanner video {
    width: 100%;
    object-fit: contain;
}

/* 2018-02-26 특가샵 신규페이지 */
.specialShop .ico {
    display: inline-block;
    content: '';
    margin-top: -2px;
    margin-right: 7px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_special_shop.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    font-size: 2px;
    color: transparent;
    line-height: 0;
    vertical-align: middle;
}

.specialShop .ico.specialPrd {
    background-position: 0 0;
    width: 22px;
    height: 20px;
}

.specialShop .btlineBox.specialBanner {
    background-color: transparent;
}

.specialBanner ul {
    border-top: 1px solid #e8e8e8;
}

.specialShop.specialShop_v2 ul {
    border-top: none;
}

.specialBanner>ul>li {
    margin-top: -1px;
}

.specialBanner ul li a {
    display: block;
}

.specialBanner ul li:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.specialBanner ul li img {
    width: 100%;
    vertical-align: top;
}

/* 2019-05-14 스타일 추가 */
.btlineBox.specialBanner ul {
    background-color: #554dc6;
}

.specialBanner ul li .time-wrap .time-area.off {
    padding-top: 4px;
}

/* 2019-05-28 수정 */
.specialBanner ul li .time-wrap .time-area.off div {
    display: none;
}

.specialBanner ul li .time-wrap .time-area:before {
    display: block;
    content: '';
    position: absolute;
    background-color: #322c82;
    border-radius: 0 0 10px 10px;
    width: 100%;
    height: 13px;
    left: 0;
    bottom: 0;
}

.specialBanner ul li .time-wrap .time-area {
    font-weight: bold;
    color: #fff;
    background-color: #322c82;
    padding: 10px 3.9%;
    border-radius: 0 0 10px 10px;
    ;
    font-size: 15px;
    margin: -1px 2.5% 10px;
    position: relative;
}

/* 2019-06-18 수정 */
.specialBanner ul li .time-wrap .time-area:after {
    content: '';
    clear: both;
    display: block;
}

.specialBanner ul li .time-wrap .time-area .left {
    float: left;
    position: relative;
}

/* S: 2019-06-18 수정  */
.specialBanner ul li .time-wrap .time-area .left .time-tit {
    letter-spacing: -1px;
}

.specialBanner ul li .time-wrap .time-area .left .day+.time {
    margin-left: 4px;
}

.specialBanner ul li .time-wrap .time-area .left .day {
    letter-spacing: -0.5px;
}

.specialBanner ul li .time-wrap .time-area .left .time {
    letter-spacing: 0.5px;
}

.specialBanner ul li .time-wrap .time-area .left .day,
.specialBanner ul li .time-wrap .time-area .left .time {
    font-size: 15px;
}

.specialBanner ul li .time-wrap .time-area .right {
    float: right;
    font-weight: normal;
    position: relative;
    margin-top: -1px;
    letter-spacing: -0.5px;
}

.specialBanner ul li .time-wrap .time-area .right .amount {
    font-size: 13px;
}

.specialBanner ul li .time-wrap .time-area .left .time-tit+span::before {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #8686b7;
    display: inline-block;
    vertical-align: middle;
    margin: -2.5px 6px 0;
}

/* E: 2019-06-18 수정  */
/* S: 2019-07-03 하루특가  추가 */
.btlineBox.specialBanner.type2 ul {
    background-color: #f7ee87;
}

.specialBanner.type2 ul li .time-wrap .time-area.off {
    padding: 5px 0 0;
    background-color: #f7ee87;
    margin: 0 3.9% 13px;
}

/* 2019-10-14 css수정 */
.specialBanner.type2 ul li .time-wrap .time-area.off:before {
    background-color: #fff;
    bottom: -2px;
}

.specialBanner.type2 ul li .time-wrap .time-area:before {
    content: '';
    position: absolute;
    background-color: #0068dc;
    border-radius: 0 0 10px 10px;
    width: 100%;
    height: 13px;
    left: 0;
    bottom: 0;
}

.specialBanner.type2 ul li .time-wrap .time-area {
    font-weight: bold;
    color: #fff;
    background-color: #0068dc;
    padding: 10px 3.9%;
    border-radius: 0 0 10px 10px;
    ;
    font-size: 15px;
    margin: 0 4% 13px;
    position: relative;
}

.specialBanner.type2 ul li .time-wrap .time-area .left .time-tit+span::before {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin: -2.5px 5px 0 7px;
}

.specialBanner.type2 .sold-out {
    position: relative;
}

.specialBanner.type2 .sold-out:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url(//image.hnsmall.com/images/mobile2014/goods/img_hotdeal_soldout.png) no-repeat center center;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
}

/* 2019-10-14 sold-out css 수정 */
/* E: 2019-07-03 하루특가  추가 */
.specialShop .prdTagging {
    position: absolute;
    bottom: 10px;
    transform: translate(19.5%, 10%);
    width: 72%;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.specialShop .prdTagging:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    display: block;
    opacity: .9;
    width: 100%;
    height: 26px;
    background-color: #f46300;
    border-radius: 15px;
}

.specialShop .prdTagging span {
    position: relative;
    display: block;
    padding: 0 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
}

.specialShop .titTxt {
    width: 100%;
    height: 35px;
    font-size: 16px;
    color: #333;
    line-height: 35px;
    letter-spacing: -0.25px;
    text-align: center;
    background: #ffd7bb;
}

.specialShop .imgTit {
    height: 60px;
    background-color: #d7e7ff;
}

.specialShop .imgTit img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.specialShop.specialShop_v2 .imgTit {
    height: auto;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
}

.specialShop.specialShop_v2 .imgTit img {
    width: 100%;
    height: auto;
}

.specialShop .heightFullType {
    padding: 55% 0 0;
}

.specialShop .heightFullType .imgCrop img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
}

.specialShop .btlineBox {
    position: relative;
    border-bottom: 0 none;
    background-color: #e8e8e8;
}

.specialShop .btlineBox .goodsUnitCard:first-child {
    border-top: 1px solid #e8e8e8;
}

.specialShop .btlineBox .goodsUnitCard:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

.specialShop .btlineBox .goodsUnitCard {
    margin-bottom: 8px;
    border-bottom: 1px solid #ddd;
    background: #e8e8e8;
}

.specialShop .goodsUnitCard .goodsPrice {
    border-top: 1px solid #e8e8e8;
    padding-bottom: 10px;
    letter-spacing: -.5px;
    background-color: #fff;
}

.specialShop .goodsUnitCard .salesInfo {
    overflow: hidden;
    height: 25px;
    padding: 0 10px;
    border-top: 1px solid #e8e8e8;
    line-height: 24px;
    text-align: right;
    background-color: #fff;
}

.specialShop .goodsUnitCard .salesInfo .saleDday {
    float: left;
    color: #888;
    letter-spacing: -0.25px;
    font-size: 12px;
}

.specialShop .goodsUnitCard .salesInfo .saleDday em span {
    font-size: 13px;
}

.specialShop .goodsUnitCard .salesInfo .onsale {
    font-size: 12px;
    color: #888;
    letter-spacing: -0.25px;
}

.specialShop .goodsUnitCard .salesInfo .onsale em {
    font-size: 13px;
    font-weight: bold;
}

.specialShop .goodsUnitCard .goodsPrice.type03 {
    padding-top: 8px;
}

.specialShop .goodImg {
    position: relative;
    overflow: hidden;
    font-size: 0;
    background-color: #fff;
}

.specialShop .goodsUnitCard .prdFlagWrap {
    top: 9px;
}

.specialShop .goodsUnitCard .goodsPrice.type03 {
    padding-top: 8px;
}

.specialShop .goodsUnitCard .prdFlagWrap em.flag_addsale {
    background-position: -60px -150px;
}

.specialShop .goodsPrice .priceInfor .priceArea dl.first {
    margin-top: 1px;
}

.specialShop .goodsUnitCard .priceInfor .priceArea dl.first dt {
    color: #000;
}

.specialShop .goodsUnitCard .priceInfor .priceArea dl dt {
    width: 72px;
    padding-top: 3px;
    line-height: 17px;
    white-space: nowrap;
    font-size: 13px;
}

.specialShop .goodsUnitCard .priceInfor .priceArea dl dd {
    line-height: 20px;
    font-size: 14px;
}

.specialShop .goodsPrice.type03 .priceInfor .priceArea dl dd strong {
    font-size: 20px;
    letter-spacing: -1px;
}

.specialShop .goodsPrice .priceInfor .priceArea dl dd .priceBlack {
    margin-right: 0;
}

.specialShop .goodsPrice.type03 .priceInfor .priceArea dl dd .textWonBlack {
    width: auto;
    margin: 0 0 0 1px;
}

.specialShop .goodsPrice.type03 .priceInfor .priceArea dl dd .textWonBlack,
.specialShop .goodsPrice.type03 .priceInfor .priceArea dl dd .textWonRed {
    display: inline-block;
    vertical-align: -2px;
}

.specialShop .goodsUnitCard .goodsPrice .tit {
    font-size: 16px;
}

.specialShop .goodsUnitCard .priceInfor .priceArea .priceBase .existPrice {
    font-size: 12px;
}

.specialShop .flagDown_b {
    bottom: 4px;
}

.specialShop .goodsPrice .priceInfor .priceArea dl.first+dl {
    margin-top: 3px;
}

.specialShop .goodsPrice .priceInfor .priceArea dd * {
    vertical-align: middle;
}

.specialShop .goodsUnitCard .priceInfor .priceArea .priceBase {
    font-size: 11px;
}

.specialShop .goodsUnitCard .priceInfor .priceArea dl.first dt.hidden_text {
    width: auto;
    margin-right: 0;
}

.specialShop .hidden_text {
    visibility: hidden;
    overflow: hidden;
    text-indent: -10000px;
    width: .1%;
    height: .1%;
    line-height: .1%;
    font-size: .1%
}

.specialShop .scrollCon {
    position: relative;
    background-color: #e8e8e8;
}

.specialShop.specialShop_v2 .scrollCon {
    margin-top: -1px;
}

.specialShop .conWrap {
    position: relative;
}

.specialShop .scrollPrd {
    position: relative;
    width: 100%;
    height: 100%;
    padding-right: 84px;
    box-sizing: border-box;
}

.specialShop .scrollPrd ul {
    width: 100%;
}

.specialShop .scrollPrd ul li {
    height: auto;
}

.specialShop .scrollPrd .btlineBox .goodsUnitCard {
    margin-bottom: 5px;
}

.specialShop .scrollPrd .goodsUnitCard .priceInfor .priceArea {
    width: 77%;
}

.specialShop .scrollPrd .goodsUnitCard .goodsPrice .tit {
    font-size: 15px;
}

.specialShop .scrollPrd .goodsUnitCard .priceInfor .priceArea dl dt {
    font-size: 12px;
}

.specialShop .scrollPrd .goodsPrice.type03 .priceInfor .priceArea dl dd strong {
    font-size: 19px;
}

.specialShop .scrollPrd .goodsUnitCard .priceInfor .priceArea dl dd {
    font-size: 13px;
    line-height: 19px;
}

.specialShop .scrollPrd .goodsUnitCard .priceInfor .priceArea dl dt {
    width: 63px;
}

.specialShop .scrollPrd .btlineBox .goodsUnitCard:first-child {
    border-top: 0 none;
}

.specialShop .scrollPrd .btlineBox {
    padding-bottom: 10px;
}

.specialShop .scrollPrd .btlineBox .goodsUnitCard:last-child {
    margin-bottom: 0;
}

.specialShop .fixCon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 79px;
    height: 100%;
    transition: opacity .3s;
    overflow-x: hidden;
    overflow-y: auto;
}

.specialShop .fixCon.fix {
    position: fixed;
    right: 0;
    top: 45px;
    opacity: 1;
}

.specialShop .fixCon.off {
    position: fixed;
    right: 0;
    top: 45px;
    opacity: 0;
    height: 0;
}

.specialShop .isAppBanner .fixCon.fix {
    top: 90px;
}

.specialShop .fixCon ul {
    width: 100%;
    box-sizing: border-box;
}

.specialShop .fixCon ul li {
    height: 44px;
    line-height: 44px;
    margin-bottom: 1px;
}

.specialShop .fixCon ul li:last-child {
    margin-bottom: 0;
}

.specialShop .fixCon ul li a {
    display: block;
    color: #fff;
    text-align: center;
    background-color: #999;
}

.specialShop .fixCon ul li.cateType02 a {
    font-weight: bold;
    background-color: #f46300;
}

.specialShop .fixCon ul li.on a {
    font-weight: normal;
    background-color: #ca3000;
}

.specialShop .surpriseTopBanner {
    margin: 10px 10px 0;
}

.specialShop .surpriseTopBanner img {
    width: 100%;
    vertical-align: top;
}

.specialShop .videoListWrap01 {
    padding: 0 0;
    background: #fff;
}

.specialShop .videoListWrap01 .columnBox {
    overflow: hidden;
    width: 100%;
    margin-top: 15px;
    padding: 0 10px;
    box-sizing: border-box;
}

.specialShop .videoListWrap01 .columnBox li {
    float: left;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px;
}

.specialShop .videoListWrap01 .columnBox li:nth-child(4n-1) {
    margin: 0;
}

.specialShop .videoListWrap01 .columnBox li:nth-child(2n+1) {
    clear: both;
}

.specialShop .videoUnitCard.ver02 .imgZone {
    overflow: hidden;
    padding: 100% 0 0;
}

.specialShop .videoUnitCard.ver02 .imgZone .img {
    margin: 0 0 0;
}

.specialShop .videoUnitCard.ver02 .imgZone .img:before {
    display: none;
}

.specialShop .videoUnitCard.ver02 .imgZone .img:after {
    display: none;
}

.specialShop .videoUnitCard.ver02 .imgZone.squareImg {
    padding: 100% 0 0;
}

.specialShop .videoUnitCard.ver02 .imgZone.squareImg .img {
    margin: 0;
}

.specialShop .videoUnitCard.ver02 .imgZone.squareImg .img:after {
    top: 0;
}

.specialShop .videoUnitCard.ver02 .btnPlay {
    padding: 18px 0 0;
    margin: -15px 0 0;
}

.specialShop .videoUnitCard.ver02 .btnPlay:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 14px;
    height: 18px;
    margin: 0 0 0 -9px;
    background-position: -71px 0;
}

.specialShop .videoUnitCard.ver02 .btnPlay .playTime {
    position: relative;
    font-size: 11px;
    color: #fff;
}

.specialShop .videoUnitCard.ver02.ex1 .btnPlay .playTime:after {
    display: none;
}

.specialShop .videoUnitCard.ver02 .viewNum {
    bottom: 7px;
    right: 7px;
    height: 15px;
    padding: 1px 5px 0 19px;
    line-height: 15px;
    font-size: 10px;
}

.specialShop .videoUnitCard.ver02 .viewNum:before {
    left: 5px;
    width: 12px;
    height: 8px;
    margin: -4px 0 0;
    background-position: -90px 0;
}

.specialShop .videoUnitCard.ver02 .flagNew {
    bottom: 7px;
    right: 7px;
    height: 14px;
    padding: 1px 10px 0;
    line-height: 14px;
    font-size: 10px;
}

.specialShop .videoUnitCard.ver02 .videoInfoBox {
    position: static;
    padding: 5px 5px 10px;
}

.specialShop .videoUnitCard.ver02 .videoInfoBox .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 33.5px;
    line-height: 17px;
    font-size: 15px;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .tit {
    height: 39px;
    font-size: 15px;
    letter-spacing: -0.5px;
    line-height: 19px;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .priceBox .priceTit {
    color: #666;
    font-size: 12px;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .priceBox .price {
    font-size: 19px;
    line-height: 1;
}

.specialShop .videoUnitCard .videoInfoBox .priceBox .price {
    margin: 0;
    color: #000;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .priceBox .price em {
    font-size: 14px;
}

.specialShop .videoUnitCard .videoInfoBox .priceBox .price em {
    font-weight: normal;
    vertical-align: 1px;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .priceBox {
    margin-top: 4px;
}

.specialShop .videoUnitCard.ver02 .videoInfoBox {
    padding: 8px 0 19px;
}

.specialShop .videoListWrap01 .flagBox {
    left: 3px;
    top: 4px;
}

.specialShop .videoListWrap01.type02 .videoUnitCard.ver02 .videoInfoBox .priceBox .hidden_text+.price {
    margin-top: -2px;
}

/* 2018-03-29 특가샵 하루특가 배너 추가 */
.timeSaleBanner a {
    display: block;
    height: 55px;
    background-color: #4d0b99;
}

.timeSaleBanner img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.specialShop_v2 .timeSaleBanner {
    margin-top: -1px;
}

.specialShop_v2 .timeSaleBanner a {
    height: auto;
    background-color: transparent;
}

.specialShop_v2 .timeSaleBanner img {
    width: 100%;
    height: auto;
}

.al_popW {
    position: fixed;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0 auto;
    top: 120px;
    z-index: 9999;
    background: #fff
}

.al_popW .al_header {
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #444
}

.al_popW .al_header h1 {
    font-size: 17px
}

.al_popW .al_content div {
    border-top: 1px solid #eee;
    padding: 15px 10px
}

.al_popW .al_content div:first-child {
    border-top: 0
}

.al_popW .al_content div dl dt {
    color: #898989;
    font-size: 13px;
    margin-top: 12px
}

.al_popW .al_content div dl dt:first-child {
    margin-top: 0
}

.al_popW .al_content div dl dd {
    margin-top: 10px
}

.al_popW .al_content div dl dd span {
    border: 1px solid #e51937;
    border-radius: 5px;
    color: #e51937;
    font-size: 12px;
    padding: 5px;
    display: inline-block
}

.al_popW .al_content div dl dd input {
    vertical-align: -4px;
    margin-right: 5px
}

.al_popW .al_content div dl dd label {
    font-size: 17px;
    color: #000;
    font-weight: bold
}

.al_popW .al_content div dl dd .seven_change {
    float: right
}

.al_popW .al_content div dl dd .seven_change img {
    width: 73px
}

.al_popW .al_content div .seven_bullet li:before {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background: #cdcdcd;
}

.al_popW .al_content div .seven_bullet li {
    font-size: 10px;
    color: #898989;
    position: relative;
    padding-left: 5px;
    margin-top: 5px
}

.al_popW .al_content div .seven_bullet li:first-child {
    margin-top: 0
}

.al_popW .btns {
    background: #e51937;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.al_popW .btns a {
    display: block;
    color: #fff
}

.time_pops {
    width: 280px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    position: fixed;
    top: 200px;
    z-index: 9999;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 35px 0;
    text-align: center
}

.time_pops p {
    font-size: 21px;
    color: #222;
    letter-spacing: -2px;
    line-height: 28px;
}

.time_pops p span {
    color: #555;
    font-size: 18px;
    padding-top: 5px;
    display: block;
}

.al_popW.time_al_pop {
    width: 290px;
}

.al_popW.time_al_pop .al_content div dl dd {
    margin-top: 5px;
}

.al_popW.time_al_pop .al_content div dl dt:first-child {
    font-weight: bold
}

.al_popW.time_al_pop .al_content div .seven_bullet li {
    font-size: 11px;
    line-height: 14px;
}

.al_popW.time_al_pop .al_content div dl dd .seven_change {
    margin-top: 3px;
}

/* payco추가 2018-04-05 */
.order_table .kakaopay_wrap .kakopay_sect span.type03 {
    width: 53px;
    height: 20px;
    background-position: -100px -30px;
}

.order_table .kakaopay_wrap .kakopay_infor .payco_bar {
    display: block;
    padding-left: 10px;
    color: inherit;
    position: relative;
}

.order_table .kakaopay_wrap .kakopay_infor .payco_bar:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #898989;
}

.order_table .payco_list dl:after {
    clear: both;
    content: '';
    display: block;
    width: 100%
}

.order_table .payco_list dl dt {
    float: left;
    line-height: 24px;
}

.order_table .payco_list dl dt.canc {
    margin-top: 2px;
}

.order_table .payco_list dl dd {
    float: right;
    line-height: 24px;
}

.order_table .payco_list .payco_sum {
    border-bottom: 1px solid #ddd;
    padding: 3px 0 10px;
    margin-bottom: 6px
}

.order_table .payco_list .payco_detail {
    color: #898989;
    font-weight: normal;
    padding: 2px 0
}

.order_table .payco_list .payco_detail dd.full {
    width: 100%
}

/*고객자문단 2기 2018-04-13 */
.asse_topte {
    padding-top: 10px;
}

.regIptBox ul.v2 {
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box
}

.regIptBox ul.v2 .placeholderWrap .labelHdn {
    display: none;
    line-height: 0;
    color: transparent;
}

.regIptBox ul.v2 li {
    border-top: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    padding: 7px 10px;
}

.regIptBox ul.v2 li:first-child {
    border-top: none;
    padding: 6px 10px;
}

.asse_dir dd label {
    font-size: 13px;
}

.asse_one.v2 {
    border: 1px solid #ddd;
}

.asse_one.v2 .selectWrap .selectedView {
    padding-left: 3px;
    color: #888
}

.regIptBox .telWrap.v2 .selectWrap .inner,
.regIptBox .telWrap.v2 .placeholderWrap .inner {
    border: 1px solid #ddd;
}

.regIptBox .telWrap.v2 .selectWrap .inner .selectefixed {
    width: 86%;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.phnconfWrap {
    margin-top: 5px;
}

.phnconfWrap .btn_phnconf {
    width: 100%;
    height: 32px;
    border-radius: 2px;
    display: block;
    overflow: hidden;
    background: #888;
    text-align: center;
    line-height: 32px;
    color: #fff;
    font-size: 13px;
}

.phnconfWrap .smsconf {
    display: block;
    margin-top: 5px;
}

.phnconfWrap .smsconf label {
    display: inline-block;
    margin-left: 5px;
    color: #888;
    font-size: 11px;
}

.regIptBox.emailBox .subp {
    color: #666;
    font-size: 11px;
    margin-top: 8px;
}

.contents.v2 {
    background: #ececec;
}

.contents.v2 .phnconfWrap,
.contents.v2 .phnconfWrap .smsconf,
.contents.v2 .mail_choice button {
    margin-top: 7px;
}

/*PAYCO 적용 2018-05-09 */
.loginIptBox .login_type ul li.payco a span:before {
    width: 45px;
    background-position: -142px 0;
}

.loginIptBox .login_type ul li.t_id a span:before {
    width: 16px;
    background-position: -120px 0;
    margin-top: -3px;
}

.loginIptBox .login_type ul li.f_id a span:before {
    width: 16px;
    background-position: -98px 0;
    margin-top: -3px;
}

.loginIptBox .login_type.one ul li {
    width: 100% !important
}

.regIptBox.line {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.joinEndBox .btnLoginSave.active3 {
    color: #fff;
    border: 1px solid #fa1414;
    background: #fa1414;
}

.error_wrap.type02 {
    padding-left: 10px;
    padding-right: 10px;
}

.error_wrap.type02 em {
    margin-top: -20px;
}

.error_wrap.type02 .failComt {
    line-height: 0;
    margin-top: 20px;
    font-weight: bold
}

.error_wrap.type02 .codeTxt {
    margin-top: 14px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.error_wrap.type02 .failTxt {
    display: block;
    margin: 10px 0 0;
    font-size: 12px;
    color: #898989;
}

/* 상품상세 휴가공지배너 2018-05-10 */
.goods_img .new_bn_holiday_wrap {
    margin: 15px 1.6% 7px;
}

.goods_img .new_bn_holiday {
    position: relative;
    width: 100%;
    height: 128px;
    padding-top: 19px;
    box-sizing: border-box;
    text-align: center;
    background-color: #ffe1dd;
}

.goods_img .new_bn_holiday:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 125px;
    z-index: 1;
    background: url('//image.hnsmall.com/images/mobile2014/goods/img_banner_holiday.png') no-repeat 0 top;
    background-size: 330px auto;
}

.goods_img .new_bn_holiday:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 125px;
    z-index: 1;
    background: url('//image.hnsmall.com/images/mobile2014/goods/img_banner_holiday.png') no-repeat -48px top;
    background-size: 330px auto;
}

.goods_img .new_bn_holiday .holi_tit {
    position: relative;
    z-index: 2;
    width: 230px;
    height: 27px;
    margin: 0 auto;
    padding: 0;
    text-indent: -999px;
    color: transparent;
    font-size: 2px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/img_banner_holiday.png') no-repeat -94px top;
    background-size: 330px auto;
}

.goods_img .new_bn_holiday .holi_info {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 6px auto 0;
    padding: 0;
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.goods_img .new_bn_holiday .holi_info span {
    font-size: 15px;
    color: #000;
}

.goods_img .new_bn_holiday .holi_period {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding: 0;
    color: #6c5f5d;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    background-color: #f0d4d0;
}

/* 이미용원데이 10%추가적립 주문서 2018-05-15 */
.eventTemplate {
    padding: 0 10px;
    background: #fffdda url("//image.hnsmall.com/images/mobile2014/order/bg_eventTemplate02.png") no-repeat bottom left;
    background-size: 47px;
}

.eventTemplate .eventBox2 {
    text-align: center;
    padding: 20px 0 15px;
    position: relative;
}

.eventTemplate .eventBox2:before {
    display: block;
    content: "";
    position: absolute;
    right: 8px;
    top: 0;
    width: 32px;
    height: 20px;
    z-index: 1;
    background: url('//image.hnsmall.com/images/mobile2014/order/bg_eventTemplate01.png') no-repeat 0 top;
    background-size: 32px auto;
}

.eventTemplate .eventBox2 .eventImg img {
    width: auto;
    height: 57px;
}

.eventTemplate .eventBox2 .eventPrice {
    margin-top: 5px;
}

.eventTemplate .eventBox2 .eventPrice .tit {
    font-size: 13px;
    color: #666;
    display: inline-block
}

.eventTemplate .eventBox2 .eventPrice .price {
    font-size: 21px;
    color: #e51937;
    font-weight: bold;
    line-height: 0;
    display: inline-block;
    margin-left: 7px
}

.eventTemplate .eventBox2 .eventPrice .price em {
    font-size: 15px;
    font-weight: normal;
}

/*개인정보 이용현황 추가로인한 탭 수정 2018-05-17*/
/* .personaCs .join_tab.v11 {padding-top:10px;}
.personaCs .join_tab.v11 li {width:33%;}
.personaCs .join_tab.v11 li:first-child {width:34%}
.personaCs .join_tab.v11 li a {font-size:14px; color:#666; letter-spacing:-0.5px;}
.personaCs .join_tab.v11 li.on a,
.personaCs .join_tab.v11 li:nth-child(2).on a {border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0px; color:#000;}
.personaCs .join_tab.v11 li:nth-child(1).on a {border-left:0;}
.personaCs .join_tab.v11 li:nth-child(3).on a {border-right:0;}
.personaCs .agree_wrap.tab_cont {margin:20px 0 0 0; padding:0 10px; box-sizing:border-box; border:0;} */

/* 2025-01-20 ITSR-20827 추가페이지_회원정보 관리 UI 개선 - */
.personaCs .join_tab.v11 {
    margin-top: 20px;
    background: transparent;
    padding: 0 15px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 4px;
}

.personaCs .join_tab.v11 li {
    display: inline-block;
    width: 100%;
    flex: 1 1 auto;
}

.personaCs .join_tab.v11 li:first-child {
    width: 100%;
}

.personaCs .join_tab.v11 li a {
    border: 0 none;
    font-size: 14px;
    text-align: center;
    padding: 9px 0;
    border-radius: 4px;
    color: #414450;
    background: #eee;
    height: 100%;
    box-sizing: border-box;
    letter-spacing: -0.28px;
    line-height: 1.2;
}

.personaCs .join_tab.v11 li.on a {
    border: 0 none;
    color: #fff;
    background: #111;
    font-weight: normal;
    border-radius: 4px;
}

.personaCs .join_tab.v11 li:nth-child(2).on a {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    background: #111;
    font-weight: normal;
}

.personaCs .agree_wrap.tab_cont {
    margin: 20px 0 0 0;
    padding: 0 15px;
    box-sizing: border-box;
    border: 0;
}

/* 2018-05-17 상품상세 10% 추가적립 배너 신규타입 */
.goodsSaving.type04 .inner {
    position: relative;
    padding-left: 52px;
    background-color: #fffdda;
    letter-spacing: -0.5px;
}

.goodsSaving.type04 .inner:before {
    position: absolute;
    left: 10px;
    top: 50%;
    content: '';
    width: 35px;
    height: 32px;
    margin-top: -16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -242px;
    background-size: 300px auto;
}

.goodsSaving.saving5 .inner:before {
    background-position: -40px -242px;
}

.goodsSaving.saving7 .inner:before {
    background-position: -80px -242px;
}

.goodsSaving.type04 .view {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    font-size: 1px;
    color: transparent;
    line-height: 0;
}

.goodsSaving.type04 .view:after {
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -230px -227px;
    background-size: 300px auto;
}

.goodsSaving.type04 p {
    padding: 10px 0 8px;
    background-color: #fffdda;
}

.goodsSaving.type04 p:before {
    display: none;
}

.goodsSaving.type04 .pangpangPay a,
.goodsSaving.type04 .pangpangPay .no_link {
    line-height: 16px;
}

.goodsSaving.type04 p a {
    margin-left: -50px;
    padding: 0 25px 0 48px;
    font-size: 13px;
    color: #666;
    text-align: left;
}

.goodsSaving.type04 p strong {
    font-size: 15px;
    color: #e51937;
}

.goodsSaving.type04 p strong span {
    color: #222;
    font-weight: bold;
}

.goodsSaving.type04 p .pangpangPayPeriod {
    font-size: 14px;
}

/* 2018-06-28 상품상세 10% 추가적립 배너 행사기간없는버전  */
.goodsSaving.no_date .inner {
    padding: 9px 0 9px 52px;
}

/* 상품상세 설, 추석 연휴공지배너 2018-05-28 */
.goods_img .new_bn_holiday.sul {
    background-color: #fee3d9;
}

.goods_img .new_bn_holiday.sul:before {
    left: 0;
    top: auto;
    bottom: 0;
    width: 86px;
    height: 70px;
    background-position: left -229px;
}

.goods_img .new_bn_holiday.sul:after {
    right: 0;
    top: 0;
    width: 64px;
    height: 97px;
    background-position: -265px -37px;
}

.goods_img .new_bn_holiday.sul .holi_tit {
    width: 202px;
    height: 27px;
    background-position: left -145px;
}

.goods_img .new_bn_holiday.sul .holi_period {
    color: #e51937;
    font-weight: bold;
    background-color: #feede6;
}

.goods_img .new_bn_holiday.chusuck {
    background-color: #efddf3;
}

.goods_img .new_bn_holiday.chusuck:before {
    left: 0;
    top: 0;
    width: 130px;
    height: 87px;
    background-position: -104px -37px;
}

.goods_img .new_bn_holiday.chusuck:after {
    right: 0;
    top: auto;
    bottom: 0;
    width: 76px;
    height: 67px;
    background-position: -254px -229px;
}

.goods_img .new_bn_holiday.chusuck .holi_tit {
    width: 230px;
    height: 27px;
    background-position: left -187px;
}

.goods_img .new_bn_holiday.chusuck .holi_period {
    color: #503aaf;
    font-weight: bold;
    background-color: #e7ceed;
}

/* 상품상세 공통 팝업 스타일 통일 2018-06-28  */
.layerPopCommon .layerHeader {
    padding: 10px 0 8px;
}

.layerPopCommon .layerHeader h1 {
    letter-spacing: -1px;
    font-size: 15px;
}

.layerPopCommon .layerConts .popCon .sale_info2 * {
    vertical-align: middle;
}

.layerPopCommon .layerConts .popCon .sale_info2 {
    padding-left: 8px;
    padding-bottom: 8px;
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

.layerPopCommon .layerConts .popCon .sale_info2 em {
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #666;
}

.layerPopCommon .layerConts .popCon .order li:last-child .sale_info2 {
    padding-bottom: 0;
}

.layerPopCommon .layerConts .popCon .btn_ac {
    margin-top: 15px;
}

#bookDeduction {
    top: 15%;
    padding-bottom: 0;
}

/* 쿠폰 리스트 케이스 추가 2018-07-05 */
.coupon_wrap .coupon_count:first-child {
    margin-top: 0;
}

.coupon_wrap .coupon_count {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
    padding: 10px;
    line-height: 24px;
}

.allDownBtn {
    float: right;
    margin: 0;
    padding: 0 20px;
    height: 24px;
    border: 0 none;
    border-radius: 2px;
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    background-color: #333;
}

/* 쿠폰 리스트 케이스 추가 2018-07-30 */
.coupon_same_type .coupon_type_list>li:first-child {
    margin-top: 0;
}

.coupon_same_type .coupon_type_list>li {
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
}

.coupon_same_type .coupon_type_list>li .coupons {
    left: 0;
    top: 35px;
}

.coupon_same_type .coupon_type_list>li .coupon_num {
    top: 2px;
}

.coupon_same_type .btn_go_shop span {
    font-size: 15px;
    font-weight: bold;
}

/* 마이페이지 메인 퀵링크 리스트 2018-07-05 */
.quickLinkWrap.ver03 {
    position: relative;
    margin-bottom: 10px;
}

.quickLinkWrap.ver03:after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 33%;
    background-color: #e8e8e8;
}

.quickLinkWrap.ver03 li {
    float: left;
    width: 50%;
    border-top: 1px solid #e8e8e8;
}

.quickLinkWrap.ver03 li:first-child,
.quickLinkWrap.ver03 li:first-child+li {
    border-top: none;
}

.quickLinkWrap.ver03 li:nth-child(even) {
    border-right: none;
    margin-left: -1px;
}

.quickLinkWrap.ver03 li a {
    padding-left: 10px;
    padding-top: 2px;
    font-size: 14px;
    line-height: 36px;
}

.quickLinkWrap.ver03 li a:after {
    display: none;
}

.quickLinkWrap.ver03 li a.icoNew:after {
    display: inline-block;
    position: static;
    margin-left: 2px;
    vertical-align: -1px;
}

.quickLinkWrap.ver03 li.col3 {
    width: 33%;
    border-top: none;
    text-align: center;
}

.quickLinkWrap.ver03 li.col3:nth-child(even) {
    width: 34%;
    border-right: 1px solid #e8e8e8;
}

.quickLinkWrap.ver03 li.col3 a {
    padding: 20px 0;
    font-size: 13px;
    line-height: 1;
}

.quickLinkWrap.ver03 li.col3 .icoNew:after {
    display: inline-block;
    position: static;
    margin-left: 2px;
    vertical-align: -1px;
}

.quickLinkWrap.ver03 li.col3 .val {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: #e51937;
}

.quickLinkWrap.ver03 li.col3 .val em {
    font-size: 16px;
    vertical-align: 0;
}

.quickLinkWrap.ver03 li.col3 .downCouponTxt {
    display: inline-block;
    margin-top: 7px;
    color: #666;
    letter-spacing: -.5px;
    font-size: 11px;
}

.quickLinkWrap.ver03 li.col3 .downCouponTxt:after {
    display: inline-block;
    content: '';
    width: 5px;
    height: 9px;
    margin-left: 3px;
    vertical-align: -1px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -150px -186px;
    background-size: 200px auto;
}

/* 청구할인가 노출 확대 적용 2018-08-01 */
.cardGuide_new,
.cardGuide_new span,
.cardGuide_new span em {
    font-size: 13px;
    line-height: 16px;
    color: #7d8abe;
    letter-spacing: -0.6px;
    vertical-align: top;
}

.cardGuide_new span em.bracket {
    position: relative;
    top: -1px;
}

.cardGuide_new:after {
    content: "";
    display: block;
    clear: both;
}

.cardGuide_new span {
    display: block;
    float: left;
    position: relative;
}

.cardGuide_new .cost {
    font-weight: bold;
    color: #5472f4;
}

.cardGuide_new {
    position: relative;
    padding: 3px 0;
}

.cardGuideBox .cardGuideInner .cardGuide_new .btnTip {
    position: absolute;
    top: -2px;
    right: -24px;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods_new.png) no-repeat -22px 0;
    background-size: 150px auto;
}

.tipLayerWrap.type_20180801 .tipLayerBox {
    top: 0;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    padding: 11px 15px 13px 15px;
    border: 1px solid #222;
    box-sizing: border-box;
}

.tipLayerWrap.type_20180801 .tipLayerBox .btnClose {
    width: 19px;
    height: 19px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods_new.png) no-repeat -45px 0;
    background-size: 150px auto;
}

.tipLayerWrap.type_20180801 .tipLayerBox .tit {
    font-size: 14px;
    color: #222;
}

.tipLayerWrap.type_20180801 .list_desc {
    padding-top: 1px;
}

.tipLayerWrap.type_20180801 .list_desc li {
    position: relative;
    padding-left: 8px;
    margin-top: 4px;
    font-size: 12px;
    color: #666;
    line-height: 15px;
    letter-spacing: -0.8px;
}

.tipLayerWrap.type_20180801 .list_desc li:first-child {
    margin-top: 0;
}

.tipLayerWrap.type_20180801 .list_desc li:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 1.5px;
}

.dey_cation_new.type20180801 {
    position: relative;
    padding-left: 8px;
    padding-bottom: 0;
    margin: 8px 0 -2px 0 !important;
    font-size: 11px;
    color: #666;
    line-height: 15px;
}

.dey_cation_new.type20180801:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 3px;
    height: 3px;
    background: #888;
    border-radius: 1.5px;
}

.blue_bold {
    color: #4e72f2;
    font-size: 14px;
    font-weight: bold;
}

/* 2018-08-02 새로운주소 팝업 호출 */
/* .allpop_wrap2{position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; box-sizing:border-box;} 2018-08-21 해당 라인 삭제*/
.allpop_wrap2 .addrPop_cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10001;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.allpop_wrap2 .layer_height {
    position: relative;
    height: 100%;
}

.allpop_wrap2.contents h1 {
    z-index: 11;
}

.allpop_wrap2_iframe_wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding-top: 40px;
    box-sizing: border-box;
}

/* 2018-08-03 2CH 안내문구 추가 */
.tvOrderTimer.type03 {
    padding: 6px 0 6px;
    letter-spacing: 0;
    background: #f4f4f4;
}

.tvOrderTimer.type03 .txt {
    position: static;
    height: 17px;
    padding: 1px 0 0;
    line-height: 17px;
    font-size: 13px;
    color: #909090;
    text-align: center;
}

/* 2018-08-07 안드로이드 브라우저 input placehoder 포커스시 placehoder 날림 */
.focusClear:focus::-webkit-input-placeholder {
    color: transparent;
}

.focusClear:focus:-moz-placeholder {
    color: transparent;
}

.placeholderWrap input.focusClear::-webkit-input-placeholder {
    font-weight: normal;
}

/* 2018-08-10 주문완료 배너 삭제 및 슬라이드 상품 하단 보더 삭제 */
.noBtmBrd {
    border-bottom: 0 none;
}

/* 2018-08-14  청구할인가 노출 확대 */
.typem_20180814 {
    position: fixed;
    top: 50%;
    left: 10px !important;
    right: 10px !important;
    padding: 0 !important;
    border: 0 none !important;
}

.typem_20180814 .layerHeader {
    position: relative !important;
    height: 40px;
    padding: 0 17px !important;
    border-bottom: 1px solid #444
}

.typem_20180814 .layerHeader h1 {
    padding: 0 !important;
    line-height: 40px !important;
    font-size: 15px !important;
    color: #000;
    font-weight: bold;
    text-align: left !important;
    letter-spacing: -1px;
}

.typem_20180814 .layerHeader .btnLayerClose {
    top: 12px !important;
    right: 15px !important;
}

.typem_20180814 .layerConts {
    padding: 0 !important;
}

.typem_20180814 .layerConts .innerConts {
    padding: 17px 15px 10px 15px !important;
}

.typem_20180814 .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 310px;
    -webkit-overflow-scrolling: touch;
}

.typem_20180814 .layerConts .innerConts h2 {
    margin-top: 0 !important
}

.typem_20180814 .layerConts .innerConts .order {
    padding-bottom: 9px;
}

.typem_20180814 ul li {
    padding-bottom: 0 !important;
}

.typem_20180814 ul li.isflag {
    margin: 2px 0 5px 0 !important;
}

.typem_20180814 ul li.isflag p .flag_relpang {
    margin: -100% 0;
}

.typem_20180814 ul li p.info,
.typem_20180814 ul li p.sale_info2 {
    padding-bottom: 5px;
    font-size: 13px;
    color: #000;
    line-height: 15px;
    letter-spacing: -0.5px;
}

.typem_20180814 ul li p.info em,
.typem_20180814 ul li p.sale_info2 em {
    background: #888 !important;
    top: 6px !important;
}

.typem_20180814 ul li ul {
    padding: 0 0 7px 10px !important;
}

.typem_20180814 ul li ul li {
    line-height: 15px;
    font-size: 12px;
}

.typem_20180814 .btn_ac {
    display: none;
}

.typem_20180814 .pangcon .txts {
    margin-bottom: 15px;
    font-size: 13px !important;
    color: #000;
    line-height: 15px;
    letter-spacing: -0.5;
    font-weight: bold !important;
}

.typem_20180814 ul+.text {
    padding: 8px 0 !important;
}

.typem_20180814 ul+.text p {
    font-size: 12p;
    color: #888;
    line-height: 15px;
    letter-spacing: 0.5px;
}

.typem_20180814 .priceInfor_guide img {
    display: block;
    max-width: 320px;
    margin: auto;
}

#finalBenefit {
    top: 50% !important;
    margin-top: -190px;
}

#chungguPop {
    margin-top: -159px;
}

@media (orientation: landscape) {

    #finalBenefit,
    #chungguPop {
        top: 20px !important;
        margin-top: 0 !important;
    }
}

/* 2018-08-17 맨티스 1209건 */
.bfDetailPopDim.ver_app,
.bfDetailPop.ver_app {
    top: 55px !important;
}

.termsPop.ver_app .layer_box,
.detailPop.ver_app .layer_box,
.contents.ver_app {
    padding-top: 55px !important;
}

/* 상품상세 업체 등록 공지 이미지 배너 관련 : 2018-08-20  */
.goods_img .new_bn_img {
    margin: 15px 1.6% 7px;
}

.goods_img .new_bn_img img {
    display: block;
    width: 100%;
}

/* 2018-08-21 우편번호 팝업에 content 클래스 들어감으로 생기는 이슈 */
body>.contents.addrPop {
    position: static;
    padding-top: inherit;
    margin-top: inherit;
}

/* 2018-08-23 친구추천서비스 종료 관련 스타일 */
.myBuddyEvent .status_info.type02 {
    padding-top: 0;
    border-top: 0 none;
}

.myBuddyEvent.join.type02 .visuWrap {
    padding-bottom: 5px;
}

.myBuddyEvent.type02 .info_txt ul.bulletTxt li {
    font-weight: bold;
}

/* 2018-08-30 적립케이스 추가 */
.pay_benefitBox .pay_benefit.auto {
    padding: 15px 10px;
}

.pay_benefitBox .pay_benefit.auto:after {
    content: "";
    display: block;
    clear: both;
}

.pay_benefitBox .pay_benefit.auto li {
    /*width:auto!important;*/
    padding: 0 !important;
}

.pay_benefitBox .pay_benefit.auto li:first-child {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: 40% !important;
}

.pay_benefitBox .pay_benefit.auto li.desc {
    clear: both;
    width: 100% !important;
    box-sizing: border-box;
    border: 1px solid #e7edf0;
    padding: 8px 10px 7px 9px !important;
    margin: 9px 0 -5px 0;
    border-radius: 1.5px;
    background: #f5f7f8;
}

.pay_benefitBox .pay_benefit.auto li.desc strong {
    display: block;
    padding-bottom: 3px;
    font-size: 13px;
    color: #333;
    font-weight: bold;
}

.pay_benefitBox .pay_benefit.auto li.desc p {
    position: relative;
    padding: 0 0 0 8px;
    margin-top: 2px;
    font-size: 13px;
    color: #565656;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.pay_benefitBox .pay_benefit.auto li.desc p:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    margin-top: -2px;
    background: #666;
    border-radius: 1.5px;
}

.pay_benefitBox .pay_benefit.auto.type2 {
    padding: 7px 10px 15px 10px;
}

.pay_benefitBox .pay_benefit.auto.type2 li:first-child {
    padding-top: 8px !important;
}

/* 2018-08-30 쇼핑포인트 쿠폰교환 추가, 2019-06-12 #23883 팡팡페이 전용쿠폰 신설 (수정) */
.point_coupon {
    padding: 5px 10px;
}

.point_coupon:after {
    content: "";
    display: block;
    clear: both;
}

.point_coupon .coupon_area {
    position: relative;
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.point_coupon .coupon_area:nth-child(odd) {
    padding-right: 0;
    padding-right: 10px;
}

.point_coupon .coupon_area:nth-child(2)~.coupon_area {
    padding-top: 20px
}

.point_coupon .coupon_area .coupon {
    height: 65px;
    border: 1px solid #d6d6d6;
    position: relative;
    text-align: center;
}

.point_coupon .coupon_area .coupon img {
    height: 100%;
}

.point_coupon .coupon_area .coupon:before,
.point_coupon .coupon_area .coupon:after {
    content: "";
    display: block;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url('//image.hnsmall.com/images/mobile2014/common/bg_coupon.png');
    background-size: cover;
    position: absolute;
    top: 0;
}

.point_coupon .coupon_area .coupon:before {
    width: 25px;
    left: 0;
}

.point_coupon .coupon_area .coupon:after {
    width: 14px;
    right: 0;
    background-position: -123px 0;
}

.point_coupon .coupon_area p.desc {
    padding: 10px 0;
    font-size: 14px;
    color: #444;
    text-align: center;
}

.point_coupon .coupon_area p.desc .c_blue {
    color: #12a5cb;
}

.point_coupon .coupon_area .btn_coupon {
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
    color: #e51937;
    border: 1px solid #e51937;
    background-color: transparent;
}

.point_coupon .coupon_area .flag {
    position: absolute;
    left: 4px;
    top: 5px;
    width: 42px;
    height: 42px;
    z-index: 1
}

.point_coupon .coupon_area .flag img {
    width: 100%;
}

.v2.mypoint_bx .point_coupon .coupon_area:nth-child(2)~.coupon_area {
    padding-top: 30px
}

.v2.mypoint_bx .point_coupon .coupon_area .flag {
    top: 13px;
}

.v2.mypoint_bx .point_coupon .coupon_area .desc {
    font-size: 13px;
    color: #222;
}

.v2.mypoint_bx .point_coupon .coupon_area .btn_coupon {
    display: block;
    width: 135px;
    margin: 0 auto;
    border-radius: 4px;
}

.v2.mypoint_bx ul li:first-child {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0;
}

.v2.mypoint_bx ul>li .lh {
    display: inline-block;
    font-size: 15px;
    line-height: 21px;
}

.v2.mypoint_bx ul>li .sum_info {
    display: inline-block;
    margin-left: 15px;
    line-height: 21px;
}

.v2.mypoint_bx ul>li .sum_info .num {
    font-size: 15px;
    line-height: 17px;
}

.v2.mypoint_bx ul>li .info {
    position: relative;
    padding: 10px 10px 10px 18px;
    font-size: 12px;
    line-height: 1.42;
    color: #888;
    text-indent: 1px;
}

.v2.mypoint_bx ul>li .info:before {
    content: '';
    position: absolute;
    top: 17px;
    left: 10px;
    width: 3px;
    height: 3px;
    background-color: #888;
    border-radius: 10px;
}

/* 쿠폰팝업 */
.coupon-pop.popup_wrap {
    right: 0;
    background: none;
}

.coupon-pop.popup_wrap::after {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.coupon-pop.popup_wrap .popup_area {
    overflow: hidden;
    width: calc(100% - 40px);
    margin-left: calc(-50% - -20px);
    border-radius: 16px;
}

.layerPopWrap.coupon-pop {
    top: 50%;
    transform: translateY(-50%)
}

.layerPopWrap.coupon-pop .layerConts {
    padding: 10px 15px 15px 15px;
}

.layerPopWrap.coupon-pop .layerConts strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    color: #111;
}

.layerPopWrap.coupon-pop .layerConts .ico-angle {
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico-angle.png) no-repeat 100%;
    background-size: 16px;
}

.layerPopWrap.coupon-pop .layerConts .gray-txt {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #666;
}

.layerPopWrap.coupon-pop .layerConts strong+.btn-warp {
    margin-top: 26px;
}

.layerPopWrap.coupon-pop .layerConts .btn-warp {
    display: flex;
    width: 100%;
    margin-top: 20px;
}

.layerPopWrap.coupon-pop .layerConts .btn-warp button {
    overflow: hidden;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
    border: 0;
    box-sizing: border-box
}

.layerPopWrap.coupon-pop .layerConts .btn-warp button.btn01 {
    background-color: #333;
}

.layerPopWrap.coupon-pop .layerConts .btn-warp button.btn02 {
    background-color: #f51d2c;
}

.layerPopWrap.coupon-pop .layerConts .btn-warp button~button {
    margin-left: 5px;
}

.layerPopWrap.coupon-pop .layerConts .btn-warp.col2 button {
    width: 50%;
}

.layerPopWrap.detail-cp-pop {
    top: 50%;
    transform: translateY(-50%)
}

.layerPopWrap.detail-cp-pop .layerConts {
    padding: 10px 15px 30px 15px;
}

.layerPopWrap.detail-cp-pop .gray-box {
    overflow: hidden;
    padding: 20px 0;
    border-radius: 8px;
    background-color: #f6f6f6;
    text-align: center;
}

.layerPopWrap.detail-cp-pop .gray-box~.gray-box {
    margin-top: 10px;
}

.layerPopWrap.detail-cp-pop .gray-box span {
    display: inline-block;
    font-size: 18px;
    line-height: 27px;
    color: #111;
}

.layerPopWrap.detail-cp-pop .gray-box .num {
    margin-right: 5px;
    font-size: 24px;
    line-height: 18px;
    font-weight: bold;
}

.layerPopWrap.detail-cp-pop .gray-box .num .p {
    font-size: 15px;
    vertical-align: middle;
}

.layerPopWrap.detail-cp-pop .txt {
    padding: 0 15px;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.35px;
    color: #333
}

.layerPopWrap.detail-cp-pop .center {
    text-align: center;
}

.layerPopWrap.detail-cp-pop .date {
    margin-top: 15px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.28px;
    color: #888;
    text-align: center;
}


/* 쇼핑포인트 디자인 변경 */

/* 쇼핑포인트,적립금,예치금 */
.mypage h2.tit {
    padding: 0 15px;
    border-top: 1px solid #bbb;
    background: none;
}

.mypage h1+.tit.mypoint {
    border-top: none;
}

.mypage .tit.mypoint {
    height: 57px;
    padding-top: 15px;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    color: #111;
    line-height: 27px;
    letter-spacing: normal;
    box-sizing: border-box;
}

.mypage .tit.mypoint .arr-right {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -4px 2px 0;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_arr_right.png) no-repeat;
    background-size: 16px;
    font-size: 0;
    vertical-align: middle
}

.mypage .tit.mypoint+.txts {
    position: relative;
    z-index: 10;
    height: 57px;
    margin-top: -57px;
    padding: 22px 15px;
    font-size: 13px;
    color: #888;
    letter-spacing: normal;
    line-height: 13px;
    text-align: right;
    box-sizing: border-box;
}

.mypage .banner_area+.tit.mypoint {
    margin-top: 25px;
}

.mypage .banner_area {
    background: #eee6ff;
}

.mypage .banner_area img {
    display: block;
    width: 320px;
    margin: 0 auto;
}

.mypage .mypoint_bx {}

.mypage .mypoint_bx ul>li.grey {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 78px;
    margin: 15px 15px 0;
    padding: 0;
    border-radius: 8px;
    border-bottom: 0;
    background-color: #f6f6f6;
    text-align: center;
    box-sizing: border-box;
}

.mypage .mypoint_bx ul>li:last-child {
    padding: 0;
    border-bottom: none;
}

.mypage .mypoint_bx ul>li .lh {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 17px;
    color: #111;
    line-height: 17px;
    letter-spacing: normal;
}

.mypage .mypoint_bx ul>li .lh::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: -4px;
    left: -33px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_point.png) no-repeat;
    background-size: 25px;
}

.mypage .mypoint_bx ul>li .sum_info {
    display: block;
    padding-left: 20px;
    margin-top: 2px;
}

.mypage .mypoint_bx ul>li .sum_info .num {
    display: block;
    height: 29px;
    margin-right: 0;
    font-size: 24px;
    line-height: 24px;
    color: #111;
    letter-spacing: normal;
    font-weight: bold;
    vertical-align: middle;
}

.mypage .mypoint_bx ul>li .sum_info .num small {
    display: inline-block;
    font-size: 15px;
    vertical-align: middle;
    margin-top: 2px;
}

.mypage .mypoint_bx ul>li .sum_info .txts {
    display: block;
    font-size: 13px;
    color: #888;
    letter-spacing: normal;
    vertical-align: middle;
}

.mypage .mypoint_bx ul>li .input_ui {
    position: relative;
    display: table-cell;
    border-top: none;
}

.mypage .mypoint_bx ul>li .input_ui .input_area {
    margin-bottom: 10px;
    padding-right: 70px;
}

.mypage .mypoint_bx ul>li .input_ui .input_area .ipt {
    padding-right: 10px;
    border: 1px solid #ddd;
    line-height: 30px;
}

.mypage .mypoint_bx ul>li .input_ui .input_area .ipt input {
    border: none;
    width: 100%;
    text-indent: 0;
    background: #fff;
    font-size: 14px;
    color: #333;
    text-align: right;
}

.mypage .mypoint_bx ul>li .input_ui .input_area .btn06 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 19px 0 18px;
    height: 32px;
    font-size: 13px;
    line-height: 32px;
    vertical-align: middle;
}

.mypage .mypoint_bx ul>li .input_ui .chk_ui input[disabled="disabled"] {
    border: 1px solid #ddd !important;
}

.mypage .mypoint_bx ul>li .input_ui .chk_ui label {
    font-size: 13px;
    color: #333;
}

.mypage .mypoint_bx ul>li .input_ui .chk_ui label span {
    font-size: 12px;
    color: #222;
}

.mypage .mypoint_bx ul>li .input_ui .chk_ui label em {
    font-size: 12px;
    color: #e51937;
}

.mypage .mypoint_bx+.tits {
    position: relative;
    height: 54px;
    margin: 40px 0 0;
    padding: 19px 15px 0;
    border-top: 1px solid #ddd;
    background: #fff;
    font-size: 15px;
    color: #222;
    letter-spacing: normal;
    font-weight: normal;
    line-height: 15px;
    box-sizing: border-box
}

.mypage .mypoint_bx+.tits:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 16px;
    margin: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_arr_up_16.png) no-repeat;
    background-size: 16px auto;
    transform: translateY(-50%) rotate(180deg)
}

.mypage .mypoint_bx+.tits.active:after {
    background-position: 0;
    transform: translateY(-50%) rotate(0deg)
}

.mypage .mypoint_bx+.tits.active+.point_note {
    display: block;
}

.mypage .point_note {
    display: none;
    margin: 0;
    padding: 20px 15px 40px;
    border-top: 1px solid #eaeaea;
}

.mypage .point_note>li {
    position: relative;
    padding-bottom: 7px;
    padding-left: 8px;
    font-size: 11px;
    color: #888;
}

.mypage .point_note>li:last-child {
    padding-bottom: 0;
}

.mypage .point_note>li:before {
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: #aaa;
    overflow: hidden;
    text-indent: -1000px
}

.mypage .point_note>li span {
    color: #111
}

.mypage .point_note.v2>li {
    margin-top: 4px;
    padding: 0 0 0 8px;
    text-indent: 0;
    font-size: 14px;
    line-height: 20px;
    color: #888;
}

.mypage .point_note.v2>li:first-child {
    margin-top: 0;
}

.mypage .point_note.v2>li:before {
    left: 0;
    margin-right: 0;
    background: #aaa;
    border-radius: 0;
}

.mypage .mypoint_bx ul>li.white {
    margin-top: 30px;
}

.mypage .point_coupon {
    width: 315px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
    padding: 0;
}

.mypage .point_coupon:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .point_coupon .coupon_area {
    position: relative;
    width: calc(50% - 7.5px);
    float: left;
    box-sizing: border-box;
}

.mypage .point_coupon .coupon_area:nth-child(odd) {
    padding-right: 0;
}

.mypage .point_coupon .coupon_area:nth-child(2) {
    float: right;
}

.mypage .point_coupon .coupon_area:nth-child(2)~.coupon_area {
    padding-top: 20px
}

.mypage .point_coupon .coupon_area .coupon {
    width: 100%;
    height: auto;
    border: 0;
    position: relative;
    text-align: center;
}

.mypage .point_coupon .coupon_area .coupon img {
    display: block;
    width: 100%;
}

.mypage .point_coupon .coupon_area .coupon:before,
.mypage .point_coupon .coupon_area .coupon:after {
    display: none;
}

.mypage .point_coupon .coupon_area p.desc {
    padding: 10px 0;
    font-size: 13px;
    color: #666;
    text-align: center;
}

.mypage .point_coupon .coupon_area p.desc .c_blue {
    font-size: 14px;
    color: #666;
}

.mypage .point_coupon .coupon_area .btn_coupon {
    display: block;
    width: 135px;
    height: 35px;
    margin: 0 auto;
    padding: 0;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    color: #111;
    border: 1px solid #111;
    background-color: transparent;
}

.mypage .point_coupon .coupon_area .flag {
    position: absolute;
    left: 4px;
    top: 5px;
    width: 42px;
    height: 42px;
    z-index: 1
}

/* 조회 tap */
.mypage .mypoint~.order_search_area {
    overflow: hidden;
    padding: 15px 15px 0;
}

.mypage .mypoint~.order_search_area .osa_tap:after {
    content: "";
    display: block;
    clear: both;
}

.mypage .mypoint~.order_search_area .osa_tap {
    margin: 0 -3px;
    background: #fff;
}

.mypage .mypoint~.order_search_area .osa_tap li {
    position: relative;
    float: left;
    width: 25%;
}

.mypage .mypoint~.order_search_area .osa_tap li a {
    display: block;
    width: auto;
    height: 34px;
    margin: 0 3px;
    padding-top: 9px;
    font-size: 14px;
    line-height: 14px;
    color: #888;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.mypage .mypoint~.order_search_area .osa_tap li a em {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.mypage .mypoint~.order_search_area .osa_tap li .on {
    font-weight: bold;
    color: #111;
    border-color: #111;
}

.mypage .mypoint~.order_search_area .osa_tap li a:after {
    display: none;
}

.mypage .mypoint~.order_search_area .osa_tap li:last-child a:after {
    display: none;
}

.mypage .mypoint~.order_search_area .osa_bar {
    position: relative;
    padding: 10px;
    background: #444;
}

.mypage .mypoint~.order_search_area .osa_bar label {
    position: absolute;
    left: 10px;
    top: 17px;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
    vertical-align: middle;
}

.mypage .mypoint~.order_search_area .osa_bar span {
    display: block;
    padding: 0 67px 0 60px;
}

.mypage .mypoint~.order_search_area .osa_bar input {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 13px;
    color: #232323;
    vertical-align: middle;
}

.mypage .mypoint~.order_search_area .osa_bar a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    border-radius: 3px;
    vertical-align: middle;
}

.mypage .mypoint~.order_search_area .osa_bar.faq_search span {
    display: block;
    padding: 0 87px 0 0;
}

.mypage .mypoint~.order_search_area .osa_bar.faq_search a em {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: -1px 3px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -110px -90px;
    background-size: 200px auto;
    overflow: hidden;
    text-indent: -1000px;
}

.mypage .mypoint~.order_search_area .period2 {
    position: relative;
    display: block;
    padding: 10px 0 0;
    background: transparent;
}

.mypage .mypoint~.order_search_area .period2 ul {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    height: auto;
    padding: 0 101px 0 0;
}

.mypage .mypoint~.order_search_area .period2 ul li {
    float: none;
    width: calc(50% - 9px);
}

.mypage .mypoint~.order_search_area .period2 ul li input {
    width: 100%;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    text-align: center;
    text-indent: 0;
    vertical-align: middle;
    background: #fff;
    box-sizing: border-box;
}

.mypage .mypoint~.order_search_area .period2 ul li.finishDate {
    position: relative;
    width: calc(50% - 9px);
}

.mypage .mypoint~.order_search_area .period2 ul li.finishDate span {
    display: block;
    padding-left: 0;
    box-sizing: border-box;
}

.mypage .mypoint~.order_search_area .period2 ul li.finishDate span em {
    position: absolute;
    left: -12.5px;
    top: 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #ddd;
    text-align: center;
    vertical-align: middle;
}

.mypage .mypoint~.order_search_area .period2 a {
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    width: 92px;
    padding: 10px 0 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    height: 34px;
    border-radius: 4px;
    vertical-align: middle;
    border: 0;
    background: #111 !important;
    box-sizing: border-box;
}

.mypage .mypoint~.order_search_area .period2.faq_search span {
    display: block;
    padding: 0 67px 0 0;
}

.mypage .mypoint~.tableSt3 {
    width: 100%;
    margin-top: 15px;
}

.mypage .mypoint~.tableSt3 thead tr th {
    height: 49px;
    padding: 14px 0 13px 15px;
    color: #000;
    font-size: 15px;
    line-height: 22px;
    border-bottom: 1px solid #111;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    box-sizing: border-box;
    font-weight: bold;
}

.mypage .mypoint~.tableSt3 thead tr th:nth-child(2) {
    padding-left: 0;
    text-align: center;
}

.mypage .mypoint~.tableSt3 thead tr th span {
    font-size: 12px;
    color: #898989
}

.mypage .mypoint~.tableSt3 tbody tr td {
    padding: 10px 0;
    color: #000;
    font-size: 14px;
    line-height: 18px;
    border-bottom: 1px solid #eaeaea;
    border-left: 0;
    vertical-align: middle;
}

.mypage .mypoint~.tableSt3 tbody tr td:nth-child(1) {
    width: auto;
}

.mypage .mypoint~.tableSt3 tbody tr td:nth-child(2) {
    width: 100px;
}

.mypage .mypoint~.tableSt3 tbody tr td .tit {
    padding: 0 0 0 15px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.mypage .mypoint~.tableSt3 tbody tr td .reserve,
.mypage .mypoint~.tableSt3 tbody tr td .deduct {
    padding: 0;
    font-size: 14px;
    color: #111;
    text-align: center;
    font-weight: bold;
}

.mypage .mypoint~.tableSt3 tbody tr td .date {
    padding-left: 15px;
    margin-top: 2px;
    font-size: 13px;
    color: #888;
    text-align: left;
}

.mypage .mypoint~.tableSt3 tbody tr td .flag {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    margin-right: 5px;
}

.mypage .mypoint~.tableSt3 tbody tr td .flag.mobile {
    background: #ff657b;
}

.mypage .mypoint~.tableSt3 tbody tr td .flag.internet {
    background: #5fc69d;
}

.mypage .mypoint~.tableSt3 tbody tr td .status {
    padding-top: 20px;
    color: #565656;
    text-align: center;
}

.mypage .mypoint~.tableSt3 tbody tr td .status em {
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -30px -75px;
    background-size: 200px auto;
}

.mypage .mypoint~.tableSt3 tbody tr td .status em.circle {
    background-position: -30px -60px;
}

.page_nate.v2 {
    margin: 30px 40px 45px;
    padding: 0;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    overflow: hidden;
}

.page_nate.v2 p {
    text-align: center;
    background: #fff;
    height: 40px;
    padding-top: 13px;
    font-size: 14px;
    letter-spacing: -0.28px;
    line-height: 14px;
    color: #111;
    box-sizing: border-box;
}

.page_nate.v2 p em {
    display: none;
}

.page_nate.v2 p span {
    display: inline-block;
    position: relative;
    margin: -1px 0 0 4px;
    padding-right: 0;
    color: #111;
    vertical-align: middle;
}

.page_nate.v2 p span:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    margin: 1px 0 0 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_arr_dn_16.png) no-repeat;
    background-size: 16px auto;
    vertical-align: middle;
}

.contents~.page_nate.v2 {
    margin-top: -10px;
}

.mypage .mypoint~.list_none {
    padding: 80px 0;
    text-align: center;
}

.mypage .mypoint~.list_none em {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    vertical-align: middle;
}

.mypage .mypoint~.list_none em:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_nodata.png);
    background-size: 50px auto;
    width: 50px;
    height: 50px;
}

.mypage .mypoint~.list_none p {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.3px;
    padding-top: 0;
    vertical-align: middle;
}

/* 2018-09-05 주문완료배너 추가건 */
.banner_confirm_order {
    background: #e9e8e8;
    padding-top: 5px;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}

.banner_confirm_order a {
    display: block;
    padding: 0;
    margin: 0;
}

.banner_confirm_order img {
    width: 100%;
    vertical-align: top;
}

/* 2018-09-06 ISMS 대응 - 개인정보 관련 */
.agree_info_txt {
    margin: 10px 10px 0;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    font-weight: bold;
}

.agree_info_txt.m0 {
    margin-right: 0;
    margin-left: 0;
}

.agree_info_txt.joinAgreeBox {
    padding: 0 0 0 20px;
    color: #e51937
}

.agree_info_txt.joinAgreeBox:before {
    left: 0;
}

/* 2018-09-10 핫킬특가샵통합 */
.new_sp_kill {
    background: #e8e8e8;
}

.new_sp_kill.fixed {
    padding-top: 53px;
}

.new_sp_kill h2 {
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.25px;
    background: #d6d4f9;
    text-align: center;
}

.new_sp_kill .sp_kill_nav {
    padding: 10px;
}

.new_sp_kill.fixed .sp_kill_nav {
    position: fixed;
    width: 100%;
    z-index: 20;
    box-sizing: border-box;
    background: #e8e8e8;
}

.new_sp_kill .sp_kill_nav ul {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.new_sp_kill .sp_kill_nav ul:after {
    content: "";
    display: block;
    clear: both;
}

.new_sp_kill .sp_kill_nav ul li {
    position: relative;
    float: left;
    width: 20%;
}

.new_sp_kill .sp_kill_nav ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #e8e8e8;
}

.new_sp_kill .sp_kill_nav ul li:first-child:after {
    display: none;
}

.new_sp_kill .sp_kill_nav ul li a {
    display: block;
    text-align: center;
}

.new_sp_kill .sp_kill_nav ul li a span {
    position: relative;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.8px;
}

@media all and (max-width:359px) {
    .new_sp_kill .sp_kill_nav ul li a span {
        font-size: 13px;
    }
}

.new_sp_kill .sp_kill_nav ul li.on a span {
    color: #e51937;
    font-weight: bold;
}

.new_sp_kill .sp_kill_nav ul li.on a span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e51937;
}

.new_sp_kill .boxHotkill .prdFlagWrap {
    top: 10px;
    left: 10px
}

.new_sp_kill .boxHotkill .prdFlagWrap em {
    width: 40px;
    height: 40px
}

.new_sp_kill .boxHotkill .prdFlagWrap em+em {
    margin-left: -7px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_nowsale {
    background-position: -60px 0px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_savepoint {
    background-position: -60px -50px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_pang {
    background-position: -60px -100px;
    width: 44px;
    height: 45px;
    top: -4px
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale {
    background-position: 60px -150px;
    width: 47px;
}

/*em.flag_addsale 는 홈, 반값 스와이프에서 사용됨 */
.new_sp_kill .boxHotkill .prdFlagWrap em.flag_10plus {
    background-position: -60px -200px;
    width: 47px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_10,
.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_7,
.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_5,
.new_sp_kill .boxHotkill .prdFlagWrap em.flag_10plus_new,
.new_sp_kill .boxHotkill .prdFlagWrap em.flag_5plus_new {
    width: 47px;
    height: 41px;
    margin-left: -7px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_10 {
    background-position: -334px -109px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_7 {
    background-position: -334px -165px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_addsale_5 {
    background-position: -334px -220px;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_10plus_new {
    background-position: -334px 0;
}

.new_sp_kill .boxHotkill .prdFlagWrap em.flag_5plus_new {
    background-position: -334px -55px;
}

.new_sp_kill .goodsPrice.type03 .priceInfor .priceArea dl dd .textWonBlack,
.new_sp_kill .goodsPrice.type03 .priceInfor .priceArea dl dd .textWonRed {
    width: auto;
}

.new_sp_kill .goodsUnitCard .priceInfor .flagArea .flag_free {
    top: auto;
    bottom: 0;
}

.new_sp_kill .btlineBox .goodsUnitCard {
    border-bottom: 1px solid #b5b5b5 !important;
}

.new_sp_kill .btlineBox.sp_one .goodsUnitCard {
    position: relative;
    box-sizing: border-box;
    border: 2px solid #322c82 !important;
}

.new_sp_kill .btlineBox.sp_one .goodsUnitCard:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 10;
    width: 113px;
    height: 61px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/icon_sp_kill.png) no-repeat 0 0;
    background-size: 250px auto;
}

.new_sp_kill .btlineBox .goodTit_sbox {
    position: relative;
    z-index: 10;
    margin-top: -26px;
    text-align: center;
    padding: 0 20px;
}

.new_sp_kill .btlineBox .goodTit_sbox p {
    position: relative;
    top: -10px;
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(228, 227, 250, 0.95);
    border-radius: 13px;
    font-size: 14px;
    color: #795cd1;
    letter-spacing: -0.25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.new_sp_kill .limit {
    display: none;
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    background: #fff;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #898989;
}

.new_sp_kill .limit em {
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

.new_sp_kill .limit span {
    font-size: 12px;
    font-weight: bold;
    color: #898989;
}

.new_sp_kill .limit span.last {
    margin-left: 5px;
    font-weight: normal;
}

.new_sp_kill .sp_kill_area {
    min-height: 500px;
    padding: 0 10px 10px 10px;
}

.new_sp_kill .goodsUnitCard .priceInfor .priceArea {
    width: 70% !important;
}

.new_sp_kill .goodsHalf_wrap {
    padding: 0 0 10px 0;
    background-color: #e8e8e8;
}

.new_sp_kill .goodsHalf_wrap.half {
    padding: 0 10px 10px 10px;
    background-color: #fff;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap {
    left: 3px;
    top: 17px;
    min-width: 90px;
}

.new_sp_kill .goodsHalf_wrap.half ul.thumbList li.blineBox:nth-child(2n) .prdFlagWrap {
    left: 8px;
}

.goodsHalf_wrap.half .goodsUnitCard {
    position: relative;
}

.goodsHalf_wrap.half .goodsUnitCard .prdFlagWrap {
    top: 2px !important;
    left: 3px !important;
}

.new_sp_kill .goodsHalf_wrap.half .playBtn .playIco.large:before {
    width: 15px;
    height: 19px;
    margin-left: -6px;
    background-position: -160px -15px;
}

.new_sp_kill .goodsHalf_wrap.half .playBtn .playIco.large {
    margin-top: -11px;
    padding-top: 23px;
}

.new_sp_kill .goodsHalf_wrap.half .playBtn .playIco.large .playTime {
    line-height: 1;
    font-size: 11px;
}

.new_sp_kill .goodsHalf_wrap.half .priceArea .priceBase,
.goodsHalf_wrap.half .priceArea .btn_saleInfo,
.goodsHalf_wrap.half .priceArea .priceNormal,
.goodsHalf_wrap.half .priceInfor .flagDown_b {
    display: none
}

.new_sp_kill .goodsHalf_wrap .blineBox {
    margin-bottom: 10px;
    background: #fff;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.new_sp_kill .goodsHalf_wrap.half .blineBox {
    border-bottom: 0
}

.new_sp_kill .goodsHalf_wrap.half ul.thumbList:after {
    display: block;
    content: "";
    clear: both;
}

.new_sp_kill .goodsHalf_wrap.half ul.thumbList li.blineBox {
    padding-left: 0;
    padding-right: 5px;
    padding-top: 15px;
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.new_sp_kill .goodsHalf_wrap.half ul.thumbList li.blineBox:nth-child(2n) {
    padding-left: 5px;
    padding-right: 0;
}

.new_sp_kill .goodsHalf_wrap.half .imgCropWrap {
    padding-top: 100%
}

.new_sp_kill .goodsHalf_wrap .heightFullType .imgCrop img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: 100%;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .goodsPrice {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 8px;
}

.new_sp_kill .goodsHalf_wrap.half .goodsUnitCard .goodsPrice {
    border-top: 0;
    padding: 8px 0 0 0;
    margin-bottom: 0;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea {
    width: 75% !important;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceBase {
    color: #888;
    font-size: 1.083rem;
}

.new_sp_kill .goodsHalf_wrap.half .goodsUnitCard .priceInfor .priceArea dl dt,
.new_sp_kill .goodsHalf_wrap.half .goodsUnitCard .priceInfor .priceArea dl dd {
    clear: both;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea dl dd .textWon {
    position: relative;
    top: 1px;
    font-size: 1.083rem;
    vertical-align: bottom;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceNormal dt,
.goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceNormal dd {
    color: #666
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceDeep,
.goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceNormal {
    margin-top: 3px;
}

.new_sp_kill .goodsHalf_wrap.half .goodsUnitCard .priceInfor .priceArea .priceDeep {
    margin-top: 5px;
}

.new_sp_kill .goodsHalf_wrap.half .goodsUnitCard .priceInfor .priceArea .priceDeep dt {
    color: #666;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 3px;
}

.new_sp_kill .goodsHalf_wrap.half .priceInfor .priceArea dl dd strong {
    font-size: 20px !important;
    line-height: 20px;
}

.new_sp_kill .goodsHalf_wrap .goodsUnitCard .priceInfor .priceArea .priceDeep+.priceNormal dd .benefit_noint {
    position: relative;
    top: 2px;
    padding: 0 3px;
    height: 16px;
    line-height: 180%;
    margin-left: 8px;
    vertical-align: top;
}

.new_sp_kill .goodsHalf_wrap.half .goodsPrice .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 3rem;
    line-height: 1.5rem;
    font-size: 16px;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em {
    width: 32px !important;
    height: 32px !important;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em+em {
    margin-left: -5px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_nowsale {
    background-position: -235px 0;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_savepoint {
    background-position: -235px -37px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_pang {
    background-position: -235px -74px;
    width: 35px !important;
    height: 35px !important;
    top: -3px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale,
.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_10dc {
    background-position: -235px -114px;
    width: 37px !important;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_10plus {
    background-position: -235px -151px;
    width: 37px !important;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_10,
.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_7,
.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_5 {
    width: 38px !important;
    height: 33px !important;
    margin-left: -7px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_10 {
    background-position: -431px -109px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_7 {
    background-position: -431px -165px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_addsale_5 {
    background-position: -431px -220px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_10plus_new {
    width: 38px !important;
    height: 33px !important;
    margin-left: -7px;
    background-position: -431px 0px;
}

.new_sp_kill .goodsHalf_wrap.half .prdFlagWrap em.flag_5plus_new {
    width: 38px !important;
    height: 33px !important;
    margin-left: -7px;
    background-position: -431px -55px;
}

/* 2018-09-18 회원정보관리 이메일 스타일링 변경 */
.regIptBox .transform_email .emailWrap .mailSelectType {
    display: inline-block;
    width: 60%;
    padding: 7px 0 7px 7px;
    box-sizing: border-box;
}

.regIptBox .transform_email .emailWrap .mailSelectType select {
    padding: 9px 10px 11px;
    color: #000;
    background: url('//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif') no-repeat right center;
    background-size: 19px 6px;
}

.regIptBox .transform_email .emailWrap .mailSelectType input[type="text"] {
    display: none;
}

.regIptBox .transform_email .emailWrap .mailSelectType._insert select.mailSelectType {
    display: none;
}

.regIptBox .transform_email .emailWrap .mailSelectType._insert input[type="text"] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 0 none;
    color: #000;
}

/* 2018-09-28 3d디테일 버튼 추가 */
.btn_3d_detail_area {
    padding: 10px;
}

.btn_3d_detail_area .btn_3d_detail {
    width: 100%;
    padding: 10px;
    display: block;
    background: #3442ff;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
}

.btn_3d_detail_area .btn_3d_detail span {
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_3d_arrow.png') 100% 50% no-repeat;
    background-size: 16px auto;
}

.btn_3d_detail_area .btn_3d_detail span:before {
    margin-right: 10px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_3d_cube.png') 0 0 no-repeat;
    background-size: 20px auto;
    vertical-align: top;
}

.detail_3d {
    position: relative;
    z-index: 10;
}

.detail_3d iframe {
    width: 100%;
    height: 100%;
}

/* 결제안내 화면 추가 */
.cardpayinfoPop.contents {
    padding-bottom: 0;
}

.cardpayinfoPop.contents h1 {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #444;
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.cardpayinfoPop .detailPops {
    padding: 40px 0 0;
}

.cardpayinfoPop .txt_info {
    margin: 0;
    padding: 20px 15px;
    font-size: 14px;
    color: #666;
    line-height: 16px;
    text-align: center;
}

.cardpayinfoPop .tab_area .tab_btn {
    padding: 8px 11px 0;
    background-color: #eee;
    border-bottom: 1px solid #bbb;
}

.cardpayinfoPop .tab_area .tab_btn:after {
    content: "";
    display: block;
    clear: both;
}

.cardpayinfoPop .tab_area .tab_btn li {
    width: 50%;
    margin-bottom: -1px;
    float: left;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.cardpayinfoPop .tab_area .tab_btn li.active {
    background-color: #fff;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
}

.cardpayinfoPop .tab_area .tab_btn li button {
    width: 100%;
    background: transparent;
    border: none;
    font-size: 14px;
    color: #4d4d4d;
    line-height: 30px;
    letter-spacing: -0.5px;
    outline: none;
}

.cardpayinfoPop .tab_area .tab_cont .cont {
    display: none;
    text-align: center;
    font-size: 0;
}

.cardpayinfoPop .tab_area .tab_cont .cont.active {
    display: block;
}

.cardpayinfoPop .step_list {
    padding: 20px 20px 0;
}

.cardpayinfoPop .step_list>li {
    margin-top: 30px;
    text-align: center;
}

.cardpayinfoPop .step_list>li:before {
    content: "";
    display: block;
    height: 14px;
    margin-bottom: 50px;
    background: url('//image.hnsmall.com/images/mobile2014/order/ico_cardpay_step_arrow.png') 50% 0 no-repeat;
    background-size: 25px auto;
}

.cardpayinfoPop .step_list>li:first-child {
    margin-top: 0;
}

.cardpayinfoPop .step_list>li:first-child:before {
    display: none;
}

.cardpayinfoPop .step_list>li .tit_step {
    margin-bottom: 20px;
    display: block;
    font-size: 17px;
    color: #e51837;
    font-weight: bold;
    line-height: 20px;
}

.cardpayinfoPop .step_list>li .info {
    margin: 0;
    font-size: 14px;
    color: #888;
    line-height: 16px;
}

.cardpayinfoPop .step_list>li .info .f_bold {
    font-weight: bold;
}

.cardpayinfoPop .step_list>li .info .f_point {
    color: #333;
}

.cardpayinfoPop .step_list>li .info .f_small {
    font-size: 12px;
}

.cardpayinfoPop .step_list>li .ex_img {
    width: 280px;
    margin: 10px auto 0;
    font-size: 0;
}

.cardpayinfoPop .step_list>li .ex_img img {
    width: 100%;
}

.cardpayinfoPop .method_list>li {
    margin-top: 30px;
}

.cardpayinfoPop .method_list>li strong {
    display: block;
    font-weight: normal;
    color: #444;
    font-size: 14px;
    line-height: 16px;
}

.cardpayinfoPop .method_list>li strong::before {
    content: "";
    margin-right: 3px;
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #444;
    border-radius: 50%;
    vertical-align: middle;
}

.order_table .cardpay_info_area {
    border-bottom: none;
}

.order_table .cardpay_info_area td {
    padding: 15px 0 0;
}

.order_table .cardpay_info_area+tr td {
    padding-top: 10px;
}

.btn_cardpay_info {
    width: 100%;
    background: #5f95ef;
    border: none;
    border-radius: 3px;
    position: relative;
    text-align: left;
    font-size: 0;
}

.btn_cardpay_info img {
    width: 300px;
}

.btn_cardpay_info:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url('//image.hnsmall.com/images/mobile2014/order/cardpay_info_ico.png') 0 0 no-repeat;
    background-size: 16px auto;
    position: absolute;
    top: 50%;
    right: 10px;
}

.btn_cardpay_info.type2 {
    background: #f8f8f8;
}

.btn_cardpay_info.type2:after {
    background-image: url('//image.hnsmall.com/images/mobile2014/order/cardpay_info_ico_181026.png');
}

/* 2018-10-11 핫딜 수정 */
.new_sp_kill.ver2 .sp_kill_area {
    padding: 0 0 10px 0;
}

.new_sp_kill.ver2 .btlineBox.sp_one .goodsUnitCard {
    border: 4px solid #b8b4f3 !important;
}

.new_sp_kill.ver2 .btlineBox.sp_one .goodsUnitCard:before {
    right: -6px;
    width: 94px;
    height: 48px;
    background-position: -121px 0;
}

.new_sp_kill.ver2 .btlineBox .goodTit_sbox {
    margin-top: 0;
    padding: 12px 15px 0 15px;
    background: #fff;
}

.new_sp_kill.ver2 .btlineBox .goodTit_sbox p {
    top: 0;
    padding: 0;
    height: auto;
    line-height: 18px;
    background: none;
    color: #795cd1;
    font-size: 13px;
    text-align: left;
}

.new_sp_kill.ver2 .goodsUnitCard .goodsPrice {
    border-top: 0 none;
    padding: 0 15px 17px 15px;
}

.new_sp_kill.ver2 ul li.btlineBox {
    margin-bottom: 10px;
}

.new_sp_kill.ver2 .btlineBox .goodsUnitCard {
    border-bottom: 0 none !important;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img {
    background: #fff;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img>img:first-child {
    display: none;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img {
    width: 100%;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img>a {
    border-bottom: 1px solid #e8e8e8;
}

.new_sp_kill.ver2 .goodsUnitCard .prdImgBox .img>a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    margin: auto;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor {
    margin-top: 2px;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {
    text-decoration: line-through;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .flagArea .flag_sale {
    width: 45px;
    height: auto;
    top: 2px;
    font-weight: bold;
    background: none;
    color: #e51937;
    font-size: 25px;
    text-indent: 0;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .flagArea .flag_sale span {
    position: relative;
    top: 0;
    font-size: 13px;
    font-weight: normal;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .flagArea .flag_sale span:first-child {
    display: block;
    width: 1px;
    height: 1px;
    text-indent: -9999px;
    overflow: hidden;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .flagArea .flag_free {
    bottom: 3px;
    width: auto;
    height: auto;
    font-size: 12px;
    color: #898989;
    background: none;
    text-indent: 0;
}

.new_sp_kill.ver2 .goodsUnitCard .goodsPrice .tit {
    font-size: 17px;
}

.new_sp_kill.ver2 .goodsPrice.type03 .tit {
    margin-bottom: 0;
}

.new_sp_kill.ver2 .goodsPrice .priceInfor .priceArea dl dd strong {
    position: relative;
    top: 1px;
    font-size: 19px;
}

.new_sp_kill.ver2 .goodsPrice .priceInfor .priceArea dl dd .textWonBlack {
    position: relative;
    top: 2px;
    font-size: 14px;
    vertical-align: bottom;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl dt {
    position: relative;
    top: 0;
    width: auto;
    margin-right: 10px;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl.titImg dt {
    top: 1px;
    padding: 0;
    width: 47px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/icon_sp_kill.png) no-repeat 0 -64px;
    background-size: 250px auto;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl.titImg dd {
    padding-left: 2px;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl dd {
    position: relative;
    top: -1px;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea .priceBase {
    position: relative;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {
    font-size: 11px;
    color: #999;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea .priceBase .won {
    font-size: 10px;
    color: #999;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .flagArea .Msale_MB+.flag_free {
    top: 20px;
}

.pang_add_area {
    margin: 0 -10px -4px;
    padding: 10px 20px;
}

.pay_benefitBox .pay_benefit.auto .pang_add_area.type2 {
    width: 100% !important;
    margin: 10px -10px -15px;
    padding: 8px 10px !important;
}

.pang_add_area.bg_gray {
    background-color: #f9f9f9;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pang_add_area .txt_st {
    font-size: 12px;
    color: #888;
    line-height: 16px;
    font-weight: bold;
}

.pang_add_area .txt_st .c_red {
    color: #e51937;
}

.pang_add_area .txt_st+.btn_area {
    margin-top: 5px;
}

.pang_add_area .btn_area {
    font-size: 0;
}

.pang_add_area .btn_area .btn_detail {
    padding-right: 10px;
    display: inline-block;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_txt_arrow2.png') 100% 50% no-repeat;
    background-size: 4px auto;
}

.pang_add_area .btn_area .btn_detail>span {
    display: block;
    line-height: 16px;
    font-size: 11px;
    color: #666;
    text-decoration: underline;
}

.pang_add_area .btn_area .btn_detail.type2 {
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_txt_arrow.png') 100% 50% no-repeat;
    background-size: 5px auto;
}

.pang_add_area .btn_area .btn_detail.type2>span {
    font-size: 13px;
}

.banner_area {
    font-size: 0;
}

.banner_area a {
    display: block;
}

.banner_area img {
    width: 100%;
}

/* 2018-10-23 신규 릴팡 대응 상품상세 */
.layerPopWrap02.pangLayerType .layerHeader h1 {
    color: #000;
}

.layerPopWrap02.pangLayerType .pangcon .text.type02 p {
    color: #000;
    font-weight: bold;
}

.layerPopWrap02 .pangcon .text.type02 span {
    color: #e51937;
}

.layerPopWrap02 .pangcon .text.type02 a {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    color: #898989;
    font-weight: normal;
    font-size: 12px;
}

.layerPopWrap02 .pangcon .text.type02 a:after {
    content: '';
    display: block;
    width: 5px;
    height: 9px;
    z-index: 1000;
    position: absolute;
    right: 0;
    top: 2px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_goods.png') -105px -20px no-repeat;
    background-size: 300px auto;
}

@media(max-width:320px) {
    .layerPopWrap02.pangLayerType .pangcon .text.type02 p a {
        margin-left: 3px;
    }

    .layerPopWrap02.pangLayerType .pangcon .text.type02 p br {
        display: none;
    }
}

/* 2018-10-23 new릴팡 수정(마이페이지) */
.all_save .tit span {
    font-size: 13px;
    color: #fff;
    line-height: 33px;
}

.type2 .all_save_detail {
    display: block !important;
}

.type2 .tit {
    background: #494f64;
}

/* 2018-10-26 마이페이지 쿠폰관련 수정 */
.coachCoupon {
    position: relative;
}

.linkTxt {
    position: relative;
    display: inline-block;
    padding: 2px 11px 0 2px;
    color: #888;
    font-size: 12px;
}

.linkTxt:before {
    content: '';
    display: block;
    position: absolute;
    right: 1px;
    top: 5px;
    width: 5px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -174px -186px;
    background-size: 200px auto;
}

.linkTxt:after {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #888;
}

.coachCoupon .coachCupMark {
    animation: coachCoupon 5s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    position: absolute;
    top: 29px;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-block;
    width: 100px;
    padding: 5px 8px 4px;
    box-sizing: border-box;
    border-radius: 2px;
    z-index: 1000;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: rgba(102, 102, 102, 0.9);
}

@keyframes coachCoupon {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

.coachCoupon .coachCupMark:before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 10000;
    width: 9px;
    height: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -160px -186px;
    background-size: 200px auto;
}

/* 2018-10-25 묶음상품개선 */
.new_bundle .top_desc dl {
    padding: 0 10px;
}

.new_bundle .top_desc dt {
    padding-top: 24px;
    position: relative;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.new_bundle .top_desc dt:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 20px;
    margin-right: 4px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/icon_goods_bundle.png') no-repeat 0 0;
    background-size: 100px auto;
}

.new_bundle .top_desc dd {
    padding: 4px 10px 19px 10px;
    color: #666;
    line-height: 15px;
    font-size: 13px;
    text-align: center;
    word-break: keep-all;
}

.new_bundle .bundle_list {
    padding: 0 5px 5px 5px;
}

.new_bundle .bundle_list:after {
    content: "";
    display: block;
    clear: both;
}

.new_bundle .bundle_list li {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
}

.new_bundle .bundle_list li>div {
    border: 1px solid #ddd;
}

.new_bundle .bundle_list li>div:after {
    content: "";
    display: block;
    clear: both;
}

.new_bundle .bundle_list li>div .img_box {
    position: relative;
    width: 100%;
}

.new_bundle .bundle_list li>div .img_box:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.new_bundle .bundle_list li>div .img_box a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.new_bundle .bundle_list li>div .img_box a:before {
    content: "";
    display: block;
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 30px;
    height: 30px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/icon_goods_bundle.png') no-repeat -20px 0;
    background-size: 100px auto;
}

.new_bundle .bundle_list li>div .img_box a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.02);
}

.new_bundle .bundle_list li>div .img_box img {
    width: 100%;
}

.new_bundle .bundle_list li>div .infos {
    height: 121px;
}

.new_bundle .bundle_list li>div .infos:after {
    content: "";
    display: block;
    clear: both;
}

.new_bundle .bundle_list li>div .num {
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 8px;
    margin: 10px 0 5px 9px;
    border: 1px solid #222;
    border-radius: 10px;
    font-size: 12px;
    color: #000;
}

.new_bundle .bundle_list li>div .title {
    height: 36px;
    padding: 0 10px;
}

.new_bundle .bundle_list li>div .title a {
    font-size: 14px;
    color: #000;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new_bundle .bundle_list li>div .sale_p {
    float: left;
    font-size: 13px;
    margin: 1px 5px 0 9px;
    font-weight: bold;
    color: #e51937;
}

.new_bundle .bundle_list li>div .sale_p span {
    font-size: 23px;
    font-weight: bold;
    color: #e51937;
    vertical-align: baseline;
}

.new_bundle .bundle_list li>div .cost {
    float: left;
    font-size: 13px;
    margin-top: 4px;
    color: #000;
}

.new_bundle .bundle_list li>div .cost span {
    position: relative;
    top: 1px;
    vertical-align: baseline;
    font-size: 18px;
    margin-right: 1px;
    color: #000;
    font-weight: bold;
    letter-spacing: -1.5px;
}

.new_bundle .bundle_list li>div .title+.cost {
    margin-left: 9px;
}

#proDetailBundle {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-sizing: border-box;
    padding-top: 50px;
}

#proDetailBundle.bundle_pop2 {
    padding-bottom: 61px;
}

#proDetailBundle .layerHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

#proDetailBundle .layerConts {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
}

#proDetailBundle .layerConts .scrollY {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 15px 25px;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

#proDetailBundle .pro_bunlde_detail img {
    width: 100%;
    height: auto;
}

/* 2018-11-02 회원정보 탈퇴 */
.memberout_box {
    padding: 10px 105px 10px 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
}

.memberout_box .desc {
    font-size: 13px;
    color: #888;
    line-height: 18px;
}

.memberout_box .btn_round03 {
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 10px;
    letter-spacing: -1px;
    line-height: 22px;
}

.joinRegBox .memberout_area .h2_wrap {
    padding-top: 15px;
    margin-bottom: 10px;
}

.memberout_area .dotted_list {
    padding: 0 10px;
}

.memberout_area .dotted_list.type2,
.memberout_area .dotted_list.type3 {
    padding: 0;
}

.memberout_area .dotted_list li {
    margin-top: 3px;
    padding-left: 8px;
    position: relative;
    font-size: 13px;
    color: #666;
    line-height: 18px;
}

.memberout_area .dotted_list li:first-child,
.memberout_area .dotted_list.type2 li,
.memberout_area .dotted_list.type3 li {
    margin-top: 0;
}

.memberout_area .dotted_list.type3 li {
    color: #888;
}

.memberout_area .dotted_list li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    background-color: #888;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}

.memberout_area .dotted_list li .c_red {
    color: #e51937;
}

.memberout_area .agree_field {
    margin: 0 10px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
}

.memberout_area .reason_area {
    padding-left: 90px;
    margin: 10px 10px 0;
    position: relative;
}

.memberout_area .reason_area .h2_wrap {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.memberout_area .reason_area .h2_wrap h2 {
    margin: 0;
    line-height: 40px;
}

.memberout_area .reason_area .select_reason {
    height: 40px;
    padding: 0 28px 0 5px;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #666;
    border-radius: 0;
    background-image: url('//image.hnsmall.com/images/mobile2014/common/select_pic3.png');
    background-size: 18px auto;
    background-color: #fff;
}

.memberout_area .check_txt {
    margin: 10px 10px 0;
    padding-left: 20px;
    font-size: 13px;
    color: #e51937;
    line-height: 16px;
    font-weight: bold;
    position: relative;
}

.memberout_area .check_txt:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_goods.png') no-repeat -210px -180px;
    position: absolute;
    top: 5px;
    left: 0;
    background-size: 300px auto;
}

.memberout_area .pw_sch_wrap .id_text {
    padding-bottom: 20px;
    line-height: 22px;
}

.memberout_area .pw_sch_wrap .id_text+.id_text {
    margin-top: 8px;
}

.memberout_area .pw_input_area {
    padding: 0 10px;
}

.memberout_area .pw_input_area .input_password {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    display: block;
    border: 1px solid #ddd;
    font-size: 13px;
    color: #888;
    box-sizing: border-box;
    background: none;
    border-radius: 0;
}

.memberout_area .pw_input_area .btn_sc_password {
    padding-right: 8px;
    display: inline-block;
    position: relative;
}

.memberout_area .pw_input_area .btn_sc_password:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/ico_goods.png') no-repeat -230px -227px;
    position: absolute;
    top: 4px;
    right: 0;
    background-size: 300px auto;
}

.memberout_area .pw_input_area .btn_sc_password span {
    color: #888;
    text-decoration: underline;
}

/* 2018-11-07 new릴팡 */
.pangLayerType .flag_relpang.type_new {
    width: 28px;
    height: 28px;
    background: url('//image.hnsmall.com/images/mobile2014/goods/flag_relpang_new.png') no-repeat;
    background-size: 28px;
}

.layerPopWrap02 .pangcon .text.type03 {
    border-top: 0 none;
    padding: 6px 0 10px 0 !important
}

.layerPopWrap02 .pangcon .text.type03 p {
    text-align: center;
}

.layerPopWrap02 .pangcon .text.type03 p a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background: #333;
    border-radius: 2px;
    font-size: 12px;
    color: #fff;
}

/* 2018-12-01 상품상세 플래그 공통 */
.goods_flag_top {
    left: 25px;
    top: 34px;
}

/* 2018-12-01 기획전 상세 리스트(2단형) 예외처리 */
.prdList.frame .flag_wrap {
    left: 5px;
    top: 20px;
}

.prdList.frame .flag_size_56 em {
    width: 35px;
    height: 35px;
    background-position-x: -60px;
}

/* 2018-12-01 나의쇼핑/장바구니 리스트 플래그 예외처리 */
.order_list li .product.type02 .flag_wrap {
    left: 0;
    top: 0;
}

/* 2018-11-26 리스트 2단형 신규 코딩 */
.goods_temp_hotkill ul {
    padding-top: 0;
}

/* 핫킬 예외처리 (상단 여백 제거) */

/* 2018-12-03 여행상품 안내 문구, 2020-01-30 #30252 MEC상품 할인율 표기 */
.tax_info {
    font-size: 12px;
    color: #888;
    line-height: 14px;
    margin: -3px 10px 14px 10px;
}

.product_list3 .tax_info {
    margin: 0;
    padding: 7px 0 5px 0;
}

.goodsBundle .tax_info,
.goodsMC .tax_info {
    margin: 7px 0 -6px 0;
    padding: 0;
}

/* 2018-12-03 배송조회 개선 */
.order .order_process {
    padding-bottom: 20px;
    background-color: #fff;
    border-bottom: 1px solid #cdcdcd;
}

.order .order_process .process_list {
    overflow: hidden;
    position: relative;
}

.order .order_process .process_list:after {
    content: "";
    display: block;
    width: 76%;
    margin-left: -38%;
    height: 1px;
    background-color: #bbb;
    box-sizing: border-box;
    position: absolute;
    top: 55px;
    left: 50%;
}

.order .order_process .process_list li {
    width: 25%;
    padding-top: 65px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #aaa;
    line-height: 20px;
    background-repeat: no-repeat;
    background-size: 100px auto;
    background-image: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_sp.png');
    position: relative;
    z-index: 10;
}

.order .order_process .process_list li.active {
    background-image: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_sp_on.png');
    color: #444;
}

.order .order_process .process_list li:nth-child(1) {
    background-position: 50% -10px;
}

.order .order_process .process_list li:nth-child(2) {
    background-position: 50% -110px;
}

.order .order_process .process_list li:nth-child(3) {
    background-position: 50% -210px;
}

.order .order_process .process_list li:nth-child(4) {
    background-position: 50% -310px;
}

.order .bg_term_top {
    background-color: #eee;
    padding-top: 10px;
}

.order .order_info_table {
    border-bottom: 1px solid #cdcdcd;
}

.order .order_info_table table {
    width: 100%;
    background-color: #fff;
}

.order .order_info_table table th,
.order .order_info_table table td {
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    border-top: 1px solid #ddd;
}

.order .order_info_table table th {
    color: #898989;
    font-family: bold;
}

.order .order_info_table table td {
    color: #333;
}

.order .dotted_list {
    padding: 0 10px;
}

.order .dotted_list li {
    padding-left: 8px;
    margin-top: 5px;
    font-size: 12px;
    color: #888;
    line-height: 16px;
    position: relative;
}

.order .dotted_list li:before {
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #888;
    position: absolute;
    top: 8px;
    ;
    left: 0;
}

.order .dotted_list li:first-child {
    margin-top: 0;
}

.order .btn_round {
    padding: 4px 8px;
    font-size: 11px;
    color: #565656;
    line-height: 13px;
    background-color: #f9f9f9;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    display: inline-block;
}

.order .btn_round.telphone span {
    padding-left: 17px;
    display: block;
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_telephone.png') 0 50% no-repeat;
    background-size: 13px auto;
    font-size: 11px;
    color: #333;
    line-height: 13px;
    font-weight: bold;
}

.order .order_tit {
    position: relative;
}

.order .order_tit .btn_round.delivery {
    margin-top: -12px;
    position: absolute;
    top: 50%;
    right: 10px;
}

.order .faq_tit {
    border-top-color: #ddd;
    border-bottom-color: #cdcdcd;
}

.order .bg_term_top~.board_list {
    margin-bottom: 10px;
}

.order .board_list li a.tit {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 10px;
    word-break: keep-all;
    box-sizing: border-box
}

.order .board_list li a.tit strong {
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
    color: #333;
    line-height: 18px;
    font-weight: normal;
}

.order .board_list li a.tit .btn_arr {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_arr_16x16.png') center center no-repeat;
    background-size: 16px auto;
}

.order .board_list li .answer {
    display: none;
    padding: 5px 15px 15px;
    font-size: 12px;
    color: #333;
    line-height: 17px;
}

.order .board_list li.active a.tit .btn_arr {
    transform: rotate(-180deg);
    margin-top: -5px;
}

.order .board_list li.active a.tit strong {
    font-weight: bold;
}

.order .board_list li.active .answer {
    display: block;
}

/* 2018-12-12 마이페이지 개선 */
.new_mypage_main {
    margin-bottom: -10px;
}

.new_mypage_main .mypage_top {
    position: relative;
    padding: 15px 10px 0 10px;
    background: #4e475f;
}

.new_mypage_main .mypage_top .sale_total {
    height: 37px;
    line-height: 36px;
    background: #fff;
    border-radius: 18px;
    text-align: center;
    font-size: 15px;
    color: #4e475f;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.new_mypage_main .mypage_top .sale_total a {
    display: block;
    color: #4e475f
}

.new_mypage_main .mypage_top .sale_total a:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat -31px -20px;
    background-size: 100px auto;
}

.new_mypage_main .mypage_top .pay_list {
    position: relative;
    padding: 9px 0 13px 0;
}

.new_mypage_main .mypage_top .pay_list:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .mypage_top .pay_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 50%;
    width: 1px;
    height: 35px;
    background: #6d687b;
}

.new_mypage_main .mypage_top .pay_list li {
    float: left;
    width: 50%;
    padding-left: 10px;
    text-align: center;
    box-sizing: border-box;
}

.new_mypage_main .mypage_top .pay_list li:first-child {
    padding-left: 0;
    padding-right: 10px;
}

.new_mypage_main .mypage_top .pay_list li p {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}

.new_mypage_main .mypage_top .pay_list li p span:first-child {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.new_mypage_main .mypage_top .pay_list li p span.won {
    position: relative;
    top: -1px;
}

.new_mypage_main .mypage_top .pay_list.off li:first-child p,
.new_mypage_main .mypage_top .pay_list.off li:first-child p span {
    animation: tranColorMypage2 1s 1 forwards;
}

.new_mypage_main .mypage_top .pay_list.on li:first-child p,
.new_mypage_main .mypage_top .pay_list.on li:first-child p span {
    animation: tranColorMypage 1s 1 forwards;
}

@keyframes tranColorMypage {
    0% {
        color: #fff;
    }

    100% {
        color: #262133;
    }
}

@keyframes tranColorMypage2 {
    0% {
        color: #262133;
    }

    100% {
        color: #fff;
    }
}

.new_mypage_main .mypage_top .btn_detail {
    position: absolute;
    z-index: 2;
    bottom: -15px;
    left: 50%;
    margin-left: -18px;
}

.new_mypage_main .mypage_top .btn_detail a {
    display: block;
    width: 37px;
    height: 15px;
    text-indent: -1000em;
    overflow: hidden;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png');
    background-size: 100px auto;
}

.new_mypage_main .mypage_top .btn_detail.on {
    bottom: auto;
    top: 100px;
}

.new_mypage_main .mypage_top .btn_detail.on a {
    background-position: -43px 0;
}

.new_mypage_main .mypage_top .monthBfWrap {
    position: relative;
    padding: 0;
    background: #fff;
}

.new_mypage_main .mypage_top .monthBfWrap .tit {
    position: relative;
    padding-bottom: 7px;
    font-size: 15px;
    font-weight: bold;
    color: #42434c;
}

.new_mypage_main .mypage_top .monthBfWrap .tit .unit {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: normal;
    color: #77798a;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph {
    overflow: hidden;
    position: relative;
    padding: 35px 0 30px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/bg_mypage_new_graph.png') repeat;
    background-size: 4px auto;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul {
    width: 720px;
    border-bottom: 1px solid #eee;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul:after {
    display: block;
    content: "";
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul>li {
    float: left;
    width: 40px;
    padding: 0 10px;
    line-height: 20px;
    text-align: center;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul>li .graphStick {
    position: relative;
    width: 100%;
    height: 100px;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul>li .graphStick .date {
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -20px;
    font-size: 12px;
    color: #77798a;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul>li .graphStick .moneyTxt {
    position: absolute;
    left: -10px;
    right: -10px;
    top: -20px;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #875fc0;
    background: none;
    letter-spacing: -0.5px;
}

.new_mypage_main .mypage_top .monthBfWrap .monthGraph>ul>li .graphStick .innerStick {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #875fc0;
}

.new_mypage_main .mypage_top .monthBfWrap .mthGraphGuideBox {
    position: absolute;
    bottom: 35px;
    left: 0;
}

.new_mypage_main .mypage_top .monthBfWrap .mthGraphGuideBox .img {
    display: inline-block;
}

.new_mypage_main .mypage_top .monthBfWrap .mthGraphGuideBox .img img {
    width: 120px;
}

.new_mypage_main .mypage_top .monthBfWrap .mthGraphGuideBox .btnClose {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    border: none;
    -webkit-appearance: none;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -60px 0;
    background-size: 200px auto;
}

.new_mypage_main .mypage_top .monthBfWrap .mthGraphGuideBox .btnClose span {
    position: absolute;
    left: -9999px;
}

.new_mypage_main .blind {
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.new_mypage_main .detail_mypage_top {
    display: none;
}

.new_mypage_main .detail_mypage_inner {
    padding: 17px 20px 13px 20px;
    background: #fff;
    border-radius: 15px;
}

.new_mypage_main .detail_mypage_inner>dl {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ebebeb;
}

.new_mypage_main .detail_mypage_inner>dl dt {
    display: block;
    padding-bottom: 6px;
}

.new_mypage_main .detail_mypage_inner>dl dt:after,
.new_mypage_main .detail_mypage_inner>dl dd:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .detail_mypage_inner>dl dt p,
.new_mypage_main .detail_mypage_inner>dl dd p {
    float: right;
    color: #42434c;
    font-weight: bold;
    line-height: 21px;
}

.new_mypage_main .detail_mypage_inner>dl dt p span {
    font-size: 15px;
    color: #42434c;
    font-weight: bold;
    line-height: 21px;
}

.new_mypage_main .detail_mypage_inner>dl dt p span:first-child,
.new_mypage_main .detail_mypage_inner>dl dd p span:first-child {
    position: relative;
    top: -1px;
}

.new_mypage_main .detail_mypage_inner>dl dt p:first-child,
.new_mypage_main .detail_mypage_inner>dl dd p:first-child {
    float: left;
    font-size: 15px;
}

.new_mypage_main .detail_mypage_inner>dl dd p:first-child,
.new_mypage_main .detail_mypage_inner>dl dd p span {
    color: #77798a;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

.new_mypage_main .detail_mypage_inner .bottom_infos {
    padding-top: 18px;
}

.new_mypage_main .detail_mypage_inner .bottom_infos li {
    position: relative;
    padding: 0 0 5px 8px;
    font-size: 12px;
    color: #77798a;
    line-height: 16px;
}

.new_mypage_main .detail_mypage_inner .bottom_infos li:after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background: #77798a;
}

.new_mypage_main .detail_mypage_close a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.new_mypage_main .mypage_benefit {
    position: relative;
    padding: 17px 10px 20px 10px;
    background: #fff;
    border-bottom: 1px solid #d4d3d9;
}

.new_mypage_main .mypage_benefit>strong {
    display: block;
    padding-bottom: 8px;
    font-size: 16px;
    color: #42434c;
    font-weight: bold;
}

.new_mypage_main .mypage_benefit .benefit_top {
    display: table;
    width: 100%;
}

.new_mypage_main .mypage_benefit .benefit_top:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .mypage_benefit .benefit_top li {
    display: table-cell;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    background: #f1f0f5;
    border-radius: 15px;
    vertical-align: top;
}

.new_mypage_main .mypage_benefit .benefit_top li.center {
    width: 10px;
    background: none;
}

.new_mypage_main .mypage_benefit .benefit_top li>div {
    padding: 0 0 16px 0;
    box-sizing: border-box;
}

.new_mypage_main .mypage_benefit .benefit_top li strong {
    position: relative;
    display: inline-block;
    padding: 15px 0 3px 0;
    font-size: 14px;
    color: #42434c;
    font-weight: bold;
}

.new_mypage_main .mypage_benefit .benefit_top li.new strong:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: -6px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #de3838;
}

.new_mypage_main .mypage_benefit .benefit_top li .num span {
    position: relative;
    top: 1px;
    font-size: 18px;
    color: #42434c;
    font-weight: bold;
    line-height: 1;
}

.new_mypage_main .mypage_benefit .benefit_top li .num {
    font-size: 16px;
    font-weight: bold;
}

.new_mypage_main .mypage_benefit .benefit_top li .num .won {
    font-size: 16px;
    font-weight: normal;
}

.new_mypage_main .mypage_benefit .benefit_top li p:last-child {
    padding-top: 2px;
    color: #8d8c8f;
    font-size: 12px;
    letter-spacing: -1px;
}

.new_mypage_main .mypage_benefit .benefit_top li p:last-child .unit {
    font-size: 13px;
    margin-right: 2px;
}

.new_mypage_main .mypage_benefit .benefit_top li p:last-child .schedule {
    margin-right: 3px;
}

.new_mypage_main .mypage_benefit .benefit_bottom {
    display: table;
    width: 100%;
    padding-top: 15px;
}

.new_mypage_main .mypage_benefit .benefit_bottom li {
    position: relative;
    display: table-cell;
    width: 33.333333%;
    text-align: center;
}

.new_mypage_main .mypage_benefit .benefit_bottom li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #f0eff4;
}

.new_mypage_main .mypage_benefit .benefit_bottom li:first-child:before {
    display: none;
}

.new_mypage_main .mypage_benefit .benefit_bottom li strong {
    position: relative;
    display: inline-block;
    margin-top: -4px;
    font-size: 14px;
    color: #42434c;
    font-weight: normal;
}

.new_mypage_main .mypage_benefit .benefit_bottom li.new strong:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    right: -6px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #de3838;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p span {
    color: #42434c;
    font-size: 13px;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p span.unit {
    font-size: 15px;
    font-weight: bold;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p span.point {
    font-size: 15px;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p a {
    position: relative;
    display: inline-block;
    color: #de3838;
    font-size: 11px;
    margin-right: 13px;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p a:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: -13px;
    width: 11px;
    height: 9px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat -85px 0;
    background-size: 100px auto;
}

.new_mypage_main .mypage_benefit .benefit_bottom li p a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #de3a3a;
}

.new_mypage_main .mypage_benefit .more {
    position: absolute;
    top: 15px;
    right: 10px;
}

.new_mypage_main .mypage_benefit .more a {
    position: relative;
    font-size: 12px;
    color: #9794a0;
}

.new_mypage_main .mypage_benefit .more a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #9794a0;
}

.new_mypage_main .mypage_benefit .benefit_bottom.balance li {
    width: 50%;
}

.new_mypage_main .mypage_benefit .benefit_bottom.balance li:last-child {
    display: none;
}

.new_mypage_main .order_area {
    padding: 10px;
    background: #dfdee1;
}

.new_mypage_main .order_area_in {
    padding-top: 13px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #d4d3d9;
}

.new_mypage_main .order_area_in>a>strong {
    position: relative;
    display: inline-block;
    padding-right: 11px;
    font-size: 16px;
    color: #42434c;
    font-weight: bold;
}

.new_mypage_main .order_area_in>a>strong:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 6px;
    height: 9px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat -10px -20px;
    background-size: 100px auto;
}

.new_mypage_main .order_area_in .my_order_list {
    padding: 2px 0 14px 0;
}

.new_mypage_main .order_area_in .my_order_list:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .order_area_in .my_order_list>li {
    position: relative;
    float: left;
    width: 20%;
}

.new_mypage_main .order_area_in .my_order_list>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    left: -3px;
    width: 5px;
    height: 9px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat -21px -20px;
    background-size: 100px auto;
}

.new_mypage_main .order_area_in .my_order_list>li:first-child:before {
    display: none;
}

.new_mypage_main .order_area_in .my_order_list>li p {
    font-size: 12px;
    color: #9997a2;
    letter-spacing: -1px;
}

.new_mypage_main .order_area_in .my_order_list>li p:first-child {
    padding: 2px 0 1px 0;
    font-size: 28px;
    color: #d3cde6;
    font-weight: bold;
    letter-spacing: 0;
}

.new_mypage_main .order_area_in .my_order_list>li.new p:last-child:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -1px;
    left: 7px;
    width: 4px;
    height: 4px;
    margin-left: -4px;
    border-radius: 2px;
    background: #de3838;
    vertical-align: top;
}

.new_mypage_main .order_area_in .my_order_list>li.on p:first-child {
    color: #8470be;
}

.new_mypage_main .order_area_in .bottom_btn:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .order_area_in .bottom_btn li {
    float: left;
    width: 50%;
}

.new_mypage_main .order_area_in .bottom_btn li a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #f3f2f4;
}

.new_mypage_main .order_area_in .bottom_btn li a span {
    position: relative;
    font-size: 14px;
    color: #42434c;
}

.new_mypage_main .order_area_in .bottom_btn li.new a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -6px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #de3838;
}

.new_mypage_main .order_area_in .bottom_btn li a span em {
    position: relative;
    top: -1px;
    vertical-align: baseline;
    font-size: 13px;
    color: #42434c;
}

.new_mypage_main .order_area_in .bottom_btn li a span em i {
    font-size: 13px;
    color: #42434c;
    font-weight: bold;
    font-style: normal;
}

.new_mypage_main .order_area_in .bottom_btn li a:first-child {
    border-right: 1px solid #e5e4e7;
    box-sizing: border-box;
}

.new_mypage_main .link_area>ul {
    position: relative;
}

.new_mypage_main .link_area>ul:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .link_area>ul:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d4d3d9;
}

.new_mypage_main .link_area>ul li {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #f0eff4;
}

.new_mypage_main .link_area>ul li:nth-child(even) {
    border-left: 1px solid #f0eff4;
}

.new_mypage_main .link_area>ul li a {
    position: relative;
    display: block;
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background: #fff;
}

.new_mypage_main .link_area>ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    width: 5px;
    height: 9px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat 0 -20px;
    background-size: 100px auto;
}

.new_mypage_main .link_area>ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.new_mypage_main .link_area>ul li a span:first-child {
    position: relative;
    float: left;
    font-size: 14px;
    color: #42434c;
}

.new_mypage_main .link_area>ul li.new a span:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    right: -6px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #de3838;
}

.new_mypage_main .link_area>ul li a span.num {
    float: right;
    margin-right: 14px;
    font-size: 14px;
    color: #de3838;
    font-weight: bold;
}

.new_mypage_main .link_area>ul li i.ico-noti {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/ico_noti_red2.png') no-repeat;
    background-size: 18px;
}

.new_mypage_main .link_area>ul li .noti {
    margin: 2px 15px 20px;
    padding: 12px 15px;
    background-color: #ffedee;
    border-radius: 2px;
    overflow: hidden;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.28px;
    color: #333;
}

.new_mypage_main .myBannerBx {
    margin: 10px 0;
}

.new_mypage_main .myBannerBx a {
    position: relative;
    display: block;
    padding: 14px 20px 12px 25px;
    background: #5062e7;
}

.new_mypage_main .myBannerBx a span {
    text-indent: -1000em;
    overflow: hidden;
    display: block;
    width: 208px;
    height: 34px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/banner_first_buy_new.png') no-repeat;
    background-size: 208px auto;
}

.new_mypage_main .myBannerBx a span:after {
    content: "";
    display: block;
    position: absolute;
    top: 23px;
    right: 20px;
    width: 9px;
    height: 15px;
    background: url('//image.hnsmall.com/images/mobile2014/mypage/img_mypage_new.png') no-repeat -51px -20px;
    background-size: 100px auto;
}

.new_mypage_main .customer {
    margin-top: 10px;
}

.new_mypage_main .customer a {
    display: block;
    height: 50px;
    line-height: 50px;
    background: #555;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #ccc;
}

@media(max-width:320px) {
    .new_mypage_main .link_area>ul li a span:first-child {
        font-size: 13px;
        letter-spacing: -.5px;
    }

    .new_mypage_main .link_area>ul li a span.num {
        font-size: 13px;
    }

    .new_mypage_main .order_area_in .bottom_btn li a span {
        letter-spacing: -1px;
    }
}

/* 2018-12-13 팡팡페이 쿠폰 배너 노출 */
.pay_btn.pay_btn_v3 .rylpangTipWrap.paycoupon .btntipClose:before {
    background-position: -228px -210px;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap.paycoupon .tipTailBox:after {
    border-color: #3853ae;
    background: #3853ae;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap.paycoupon {
    display: none;
}

.pay_btn.pay_btn_v3 .rylpangTipWrap.paycoupon {
    display: block;
}

.pay_btn.pay_btn_v3.active .pay_sel2 {
    position: relative;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
}

/*
.pay_btn.pay_btn_v3.active .pay_sel2:after {content:"";display:block;width:33%;height:81px;margin-left:-2px; position: absolute;top:0px;left:0;border: 2px solid #bbc8f4;}
.pay_btn.pay_btn_v3.active .pay_sel2:before {content:"";display:block;width:2px;height:83px;position: absolute;top:0px;left:0;background-color:#bbc8f4;z-index:10; }
.pay_btn.pay_btn_v3.active .pay_sel2.no_border:before,
.pay_btn.pay_btn_v3.active .pay_sel2.no_border:after {display:none;}
*/

/* 2018-12-26 도서 적립 5% 적용 */
#mobileSave2 .sms_wrap.popup .tv_arimi_info {
    padding: 0;
}

#mobileSave2 .sms_wrap .text {
    margin: 0;
}

#mobileSave2 .sms_wrap .text p {
    font-size: 12px;
}

#finalBenefit {
    left: 20px !important;
    right: 20px !important;
}

#finalBenefit .layerHeader {
    height: 50px !important;
}

#finalBenefit .layerHeader h1.txtC {
    font-size: 18px !important;
    text-align: center !important;
    color: #444 !important;
    line-height: 50px !important;
}

#finalBenefit .layerHeader .btnLayerClose {
    top: 16px !important;
}

#finalBenefit .priceInfor_guide img {
    max-width: 100% !important;
}

.typem_20180814 ul li.etc_prev {
    padding-top: 13px;
}

.typem_20180814 ul li p.etc {
    font-size: 12px;
    color: #777;
    line-height: 15px;
    padding: 0 0 8px 8px;
}

.finalBenefit_img {
    padding: 10px 8px 0 8px;
}

/* 2019-01-14 묶음상품개선 */
#proDetailBundle.include_bundlegoods {
    padding-bottom: 60px;
}

.goods-bundle-sticky .layerHeader,
#proDetailBundle.include_bundlegoods .layerHeader {
    padding-right: 120px;
}

.goods-bundle-sticky .layerHeader h1 .abbreviation,
#proDetailBundle.include_bundlegoods .layerHeader h1 .abbreviation {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.goods-bundle-sticky .layerHeader .right_area,
#proDetailBundle.include_bundlegoods .layerHeader .right_area {
    padding: 12px 15px 0 0;
    position: absolute;
    top: 0;
    right: 0;
}

.goods-bundle-sticky .layerHeader .right_area .btn_hidden,
.goods-bundle-sticky .layerHeader .right_area .btnLayerClose,
#proDetailBundle.include_bundlegoods .layerHeader .right_area .btn_hidden,
#proDetailBundle.include_bundlegoods .layerHeader .right_area .btnLayerClose {
    vertical-align: middle;
}

.goods-bundle-sticky .layerHeader .right_area .btn_hidden,
#proDetailBundle.include_bundlegoods .layerHeader .right_area .btn_hidden {
    margin-right: 10px;
    padding: 3px 10px;
    font-size: 13px;
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 3px;
    background: none;
}

.goods-bundle-sticky .layerHeader .right_area .btnLayerClose,
#proDetailBundle.include_bundlegoods .layerHeader .right_area .btnLayerClose {
    position: relative;
    top: 0;
    right: 0;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper {
    width: 100%;
    padding: 7px 15px;
    border-bottom: 1px solid #000;
    background-color: #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
}

#proDetailBundle.include_bundlegoods.hidden .bundlegoods_swiper {
    display: none;
}

#proDetailBundle.include_bundlegoods.hidden .layerConts .innerConts {
    padding-top: 0;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide {
    width: 60px;
    border: 1px solid #ddd;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide button {
    padding: 0;
    display: block;
    border: none;
    background: none;
    font-size: 0;
    outline: none;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide button>img {
    width: 100%;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide .txt_round {
    padding: 4px 5px 4px;
    text-align: center;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide .txt_round span {
    padding: 3px 0;
    display: block;
    border: 1px solid #ddd;
    font-size: 11px;
    color: #bbb;
    border-radius: 20px;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide.active {
    border-color: #e51937;
}

#proDetailBundle.include_bundlegoods .bundlegoods_swiper .swiper-slide.active .txt_round span {
    border-color: #e51937;
    color: #e51937;
}

#proDetailBundle.include_bundlegoods .layerConts {
    padding: 0;
}

#proDetailBundle.include_bundlegoods .layerConts .innerConts {
    padding: 108px 0 0;
    overflow-y: hidden;
}

#proDetailBundle.include_bundlegoods .layerConts .pro_bunlde_detail {
    height: 100%;
    padding: 10px;
    overflow-y: auto;
    box-sizing: border-box;
}

.buy_wrap.upmost {
    z-index: 999999 !important;
}

#proDetailBundle #coupondownPopBundle {
    position: fixed;
}

#proDetailBundle #coupondownPopBundle .layerHeader {
    position: fixed;
    top: 0;
    height: 50px;
    padding: 14px 18px;
}

#proDetailBundle #coupondownPopBundle .layerConts {
    overflow: scroll;
    padding: 79px 15px 100px;
}


/* 방송알림 설정 토스트팝업 2019-01-16 */
.popup_wrap_arimi {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0 !important;
    left: 0;
    z-index: 9999;
    display: none;
}

.popup_wrap_arimi .popup_area {
    width: 250px;
    margin-left: -125px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: 10;
}

.popup_wrap_arimi .popup_cont {
    padding: 30px 10px 25px;
}

.popup_wrap_arimi .popup_cont p.info {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 23px;
    color: #222;
}

.popup_wrap_arimi .popup_bottom {
    padding-bottom: 30px;
}

.popup_wrap_arimi .popup_bottom .btn_area {
    padding: 0 20px;
    text-align: center;
    font-size: 0;
}

.popup_wrap_arimi .popup_bottom .btn_area:after {
    content: "";
    display: block;
    clear: both;
}

.popup_wrap_arimi .popup_bottom .btn_area.col_2 .btn_pop {
    display: inline-block;
}

.popup_wrap_arimi .btn_pop {
    display: inline-block;
    width: 103px;
    height: 32px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    border: none;
    line-height: 30px;
}

.popup_wrap_arimi .btn_pop.black {
    border: 1px solid #bbb;
    border-radius: 2px;
    margin-right: 4px;
    color: #666;
}

.popup_wrap_arimi .btn_pop.red {
    border: 1px solid #e51937;
    border-radius: 2px;
    color: #fff;
    background-color: #e51937;
}

/* 2019-01-28 로그인 변경 */
.joinEndBox.ver2 {
    padding: 0 20px;
}

.joinEndBox.ver2 .txtLoginEnd {
    height: auto;
    padding-top: 36px;
    padding-bottom: 32px;
}

.joinEndBox.ver2 .txtJoinEnd02 {
    margin: 12px 0 0 0;
}

.joinEndBox.ver2 .btnBox {
    margin: 13px 0 0 0;
}

.joinEndBox.ver2 .btnLoginSave.mobile.active {
    background: #666;
    border: 1px solid #666;
}

.joinEndBox.ver2 .btnLoginSave.mobile.active input[type="checkbox"].checkBox04:checked {
    background-position: -170px 0;
}

.joinEndBox.ver2 .btnLoginSave.kakao.active {
    background: #fde819;
    border: 1px solid #fde819;
    color: #3b1e1e;
}

.joinEndBox.ver2 .btnLoginSave.kakao.active input[type="checkbox"].checkBox04:checked {
    background-position: -148px 0;
}

.joinEndBox.ver2.month .txtLoginEnd {
    padding-bottom: 4px;
}

.joinEndBox.ver2.month .txtLoginEnd .red {
    color: #e51937;
}

.joinEndBox.ver2.month .txtJoinEnd02 {
    margin-top: 0;
    padding-bottom: 5px;
}

/* 2019-02-07 반품 안내문구 추가 */
.return_txt {
    position: relative;
    padding: 0 0 13px 8px !important;
    font-size: 11px;
    line-height: 14px;
    color: #898989;
    text-align: left;
}

.return_txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 1.5px;
    background: #cdcdcd;
}

.return_txt.type2 {
    padding: 0 0 5px 8px !important;
}

.exchgtextaera_wrap+.return_txt {
    margin-top: 3px;
}

.exchgtextaera_wrap.mb3 {
    margin-bottom: 3px !important;
}

.exchg_sel .return_txt {
    padding: 0 0 3px 8px !important;
    margin-top: 3px;
}

/*  2019-02-18 tv베스트 개선(홈에서 서브로 이동) */
.tvBestCateWrap {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    -webkit-box-sizing: border-box;
    width: 80px;
    -webkit-overflow-scrolling: touch;
}

.tvBestCateWrap ul {
    padding: 0 0 50px;
}

.tvBestCateWrap ul li {
    border-bottom: 1px solid #e8e9e4;
}

.tvBestCateWrap ul li a {
    display: block;
    height: 39px;
    padding: 1px 0 0;
    line-height: 39px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #adb3b3;
    word-break: normal;
    letter-spacing: -1px;
}

.tvBestCateWrap ul li.cateType02 a {
    background: #a7a3f0;
}

.tvBestCateWrap ul li.on a,
.tvBestCateWrap ul li.cateType02.on a {
    font-weight: bold;
    background: #4f47c1;
}

.ver_sub {
    padding-top: 40px;
}

.ver_sub .tvBestCateWrap {
    position: fixed;
    top: 0 !important;
}

.ver_sub .tvBestCateWrap ul li {
    border-left: 1px solid #e8e9e4;
}

.ver_sub>h1 {
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 9999;
    width: 100%;
    box-sizing: border-box;
}

.ver_sub .tvBestCateWrap ul {
    padding: 95px 0 0 0;
}

.app_setup~main .ver_sub .tvBestCateWrap ul {
    padding: 140px 0 0 0;
}

.app_setup~main .ver_sub>h1 {
    top: 100px;
}

.bannerBx.type02 {
    margin: 0 80px 0 0;
    padding: 0;
}

.bannerBx.type02>a {
    display: block;
    text-align: center;
}

.bannerBx.type02 img {
    width: 100%;
    height: auto;
}

.bannerBx.type02+.tvBestCateWrap {
    top: 55px;
}

.bannerBx.type02~.tvBestLeftBox {
    padding-top: 0;
}

.tvBestLeftBox {
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin: 0 80px 0 0;
    padding: 5px 0 0;
    -webkit-overflow-scrolling: touch;
}

.tvBestLeftBox .prdListCard {
    padding: 0;
}

.tvBestLeftBox .prdListCard li {
    position: relative;
    margin: 5px 0 0;
}

.tvBestLeftBox .prdListCard li:first-child {
    margin: 0;
}

.tvBestLeftBox .prdListCard li .goodsUnitCard .priceInfor .priceArea dl {
    overflow: hidden;
    padding-top: 2px
}

.tvBestLeftBox .prdListCard li .goodsUnitCard .priceInfor .priceArea dl.first {
    padding-top: 0
}

body.font_small .tvBestLeftBox .prdListCard li .goodsUnitCard .priceInfor .priceArea dl dd {
    line-height: 18px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em {
    width: 35px;
    height: 35px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em+em {
    margin-left: -5px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em.flag_nowsale {
    background-position: -110px 0px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em.flag_savepoint {
    background-position: -110px -50px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em.flag_10dc {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
}

.tvBestLeftBox .goodsUnitCard .prdFlagWrap em.flag_10plus {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
}

.verApp .tvBestCateWrap ul {
    padding: 0 0 50px;
}

.verApp .tvBestLeftBox .prdListCard {
    padding: 0 0 50px;
}

/* 2019-03-15 릴레이 팡팡 현황누적영역 명료화 */
.titleType .tit {
    overflow: hidden;
    padding: 14px 0 10px;
    color: #222;
    line-height: 1;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    background-color: #e8e8e8;
}

.titleType .tit strong {
    float: right;
    color: #e51937;
    font-size: 15px;
}

.titleType .tit strong span {
    color: #e51937;
    line-height: inherit;
    font-size: 13px;
}

/* S : 2019-03-26 기본배송지 추가 */
.setBasicAddressWrap {
    position: relative;
    margin: 8px 0 8px 30px;
}

.setBasicAddressWrap:after {
    display: block;
    content: "";
    clear: both
}

.setBasicAddressWrap label {
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: top;
    font-weight: bold;
    color: #000;
}

.setBasicAddressWrap input[type="checkbox"] {
    vertical-align: top;
}

.setBasicAddressWrap .btnTip {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin: 0;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px 0;
    background-size: 300px auto;
}

.setBasicAddressWrap .tipLayerWrap .tipLayerBox {
    border-color: #000;
    padding: 15px 21px 15px 15px;
    margin-right: 30px;
}

.setBasicAddressWrap .tipLayerWrap .tipLayerBox em {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    line-height: 14px;
    color: #898989;
}

.ship_wrap li .addListbox .setBasicAddressWrap p {
    padding: 0;
}

.setBasicAddressWrap .setBasicBtn {
    display: inline-block;
    padding: 0 12px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #565656;
    font-size: 11px;
    background-color: transparent;
}

.setBasicAddressWrap .setBasicBtn:focus {
    outline: 0 none;
}

/* E : 2019-03-26 기본배송지 추가 */

/* S : 2019-03-21 나의쇼핑 정기배송설문 스타일 추가 */
.survey_wrap .popup_wrap {
    top: -20%;
}

.survey_wrap .popup_wrap .popup_header strong.title {
    padding: 0 5%;
    letter-spacing: -0.5px;
}

.survey_wrap .popup_wrap .popup_cont {
    padding: 20px;
}

.survey_wrap .popup_wrap .product_agree li {
    margin-top: 13px;
}

.survey_wrap .popup_wrap .product_agree input.etc_btn:checked~.etc_box {
    display: block !important;
}

.survey_wrap .etc_box {
    padding-right: 15px;
}

.survey_wrap .etc_box input[type="text"] {
    border-radius: 0;
    margin: 10px 0 0 18px;
}

/* E : 2019-03-21 나의쇼핑 정기배송설문 스타일 끝 */

/* S : 2019-03-29 나의쇼핑 하단 다다익선 배너 */
.new_mypage_main .tvBanner {
    margin: 10px 0 0;
}

.new_mypage_main .tvBanner img {
    width: 100%;
    vertical-align: top;
}

/* E : 2019-03-29 나의쇼핑 하단 다다익선 배너 */

/* 2019-04-02 FAQ 버튼 추가 */
.faqBtnWrap {
    overflow: hidden;
    display: block;
}

.faqBtnWrap .faqBtn:first-child {
    margin-left: 0px;
}

.faqBtnWrap .faqBtn {
    position: relative;
    float: left;
    height: 22px;
    margin-top: 5px;
    margin-right: 5px;
    padding: 0 10px;
    line-height: 22px;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 1px;
    font-size: 12px;
    background-color: #fff;
}

.faqBtnWrap .faqBtn:hover {
    text-decoration: none;
}

/* S : 2019-04-02 회원가입 완료 팡팡페이 쿠폰 노출 배너 추가 */
.joinEndBox .regPangCoupon {
    margin-top: 20px;
    padding: 0 10px;
    font-size: 0;
}

.joinEndBox .regPangCoupon img {
    width: 100%;
}

/* E : 2019-04-02 회원가입 완료 팡팡페이 쿠폰 노출 배너 추가 */

/* S: 2019-04-08 행정안전부 검색 추가  */
.allpop_wrap2_iframe_wrap {
    padding-bottom: 80px;
}

.addrlink_wrap {
    width: 100%;
    height: 80px;
    padding: 17px 19px;
    background: #fff;
    z-index: 11;
    box-sizing: border-box;
    font-size: 13px;
    color: #898989;
}

.addrlink_wrap a {
    color: #898989;
}

.allpop_wrap2 .addrlink_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
}

.allpop_wrap2 .addrlink_wrap a {
    text-decoration: underline;
}

.allpop_wrap3 .addrPop_cnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10002;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

.allpop_wrap3 .addrlink_wrap {
    border-top: 1px solid #eee;
}

.allpop_wrap3 .addrlink_wrap a {
    text-decoration: underline;
}

.addrPop.v2 .letter_sch {
    padding: 30px 10px 0
}

.addrPop.v2 .letter_wrap .road_name2 {
    padding-right: 72px;
}

.addrPop.v2 .letter_wrap .del_sel {
    padding-bottom: 25px;
}

.addrPop.v2 .letter_wrap .del_sel input {
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    color: #888;
    padding: 0;
}

.addrPop.v2 .letter_wrap .del_sel .btn_search {
    display: inline-block;
    width: 66px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #dd1032;
    border-radius: 2px;
    background: #e51937;
    color: #fff;
    font-size: 15px;
    text-align: center;
    box-sizing: border-box;
}

.addrPop.v2 .addrPop_tip {
    padding: 0 10px;
    border: 0;
    margin-bottom: 100px;
}

.addrPop.v2 .addrPop_tip .tit_tip {
    padding: 0;
    margin-bottom: 7px;
    font-size: 17px;
    color: #333;
    font-weight: bold;
}

.addrPop.v2 .addrPop_tip .desc_tip {
    margin-bottom: 13px;
    font-size: 14px;
    color: #666;
}

.addrPop.v2 .addre_txt li {
    font-size: 14px;
    line-height: 20px;
    color: #828282;
}

.addrPop.v2 .addre_txt li em {
    color: #f13a65;
}

/* E: 2019-04-08 행정안전부 검색 추가  */

/* 2019-04-11 회원 가입 지문로그인 타입 추가 :: 안드로이드용 */
.loginIptBox .login_type ul li.finger_id a span:before {
    width: 15px;
    background-position: 0px -26px;
    margin-top: -3px;
}

/* 2019-04-11 카카오-KB 청구할인 불가 문구 스타일추가 */
.kakopay_comm .nosale_kb {
    display: block;
    font-size: 11px;
    padding-top: 2px;
}

/* 2019-04-17 상품상세 속옷 사이즈 측정 방법 */
.underwearChkPop {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.underwearChkPop:before {
    display: block;
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1;
}

.underwearChkPop .underwearIframe {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 5;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.underwearChkPop.contents h1 {
    z-index: 1000;
}

.underwearChkPop.contents h1 .allpop_close {
    z-index: 1001;
}

.btn_underwear_chk {
    padding: 5px 10px 10px;
}

.btn_underwear_chk .btn_underwear {
    position: relative;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    border: 0 none;
    box-sizing: border-box;
    background: #6a74fc;
}

.btn_underwear_chk .btn_underwear span {
    display: block;
    width: 175px;
    height: 17px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -280px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.btn_underwear_chk .btn_underwear:before {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -270px -227px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px
}

.hideCon {
    display: none;
}

.underwearChkPop h1 .allpop_close {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-image: none;
    text-indent: -1000px
}

.underwearChkPop h1 .allpop_close:before {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 11px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -300px;
    background-size: 300px 390px;
}

/* 2019-04-23 이메일 링크 APP연결 브릿지 페이지 */
.app_bridge {
    position: relative;
    box-sizing: border-box;
    padding: 65px 0 35px 0;
    background-color: #f6f6f6;
}

.app_bridge:before {
    content: '';
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #f6f6f6;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.app_bridge img {
    width: auto;
    max-width: 100%;
}

.app_bridge .tit {
    position: relative;
    padding: 0 18.3%;
    box-sizing: border-box;
    text-align: center;
}

.app_bridge .con_bridge {
    position: relative;
    margin-top: 14px;
    padding: 0 12.5%;
    box-sizing: border-box;
}

.app_bridge .con_bridge p {
    color: #666;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.5px;
}

.app_bridge .con_bridge .bridgeBtnWrap {
    display: block;
    margin-bottom: 30px;
}

.app_bridge .con_bridge a {
    display: block;
    margin-top: 10px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: bold;
}

.app_bridge .con_bridge .btn_goapp {
    height: 40px;
    border: 1px solid #bbb;
    color: #666;
    line-height: 40px;
    background-color: #fff;
}

.app_bridge .con_bridge .btn_goweb {
    margin-top: 14px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.app_bridge .con_bridge .btn_install {
    height: 42px;
    color: #fff;
    line-height: 42px;
    background-color: #e51937;
}

/* 2019-06-03 비회원주문 추가 */
.no-member-order {
    padding: 20px 0;
    text-align: center;
}

.no-member-order p {
    font-weight: bold;
    font-size: 16px;
}

.no-member-order .btn07 {
    margin-top: 10px;
    font-size: 14px;
}

/* 2019-06-10 주문서 결제수단 노출 : PG사 도입 */
.order_pay .pay_pg>div {
    width: 100%;
}

.order_pay .pay_select_con {
    display: none;
}

.order_pay .pay_pg .paylist {
    position: relative;
    display: table;
    float: left;
    width: 50%;
    height: 50px;
    padding: 5px 0 0;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.order_pay .pay_pg .paylist>button {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #eaeaea;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    background-color: transparent;
}

.order_pay .pay_pg .paylist>button:focus {
    outline: 0 none;
}

.order_pay .pay_pg .payTop .paylist {
    height: 63px;
    font-size: 15px;
}

.order_pay .pay_pg .payTop .paylist button {
    font-size: 15px;
}

.order_pay .pay_pg .payTop .paylist:first-child {
    padding-right: 3px;
}

.order_pay .pay_pg .payTop .paylist:last-child {
    padding-left: 3px;
}

.order_pay .pay_pg .payTop .paylist:only-child {
    width: 100%;
    padding: 5px 0 0;
    box-sizing: border-box;
}

.order_pay .pay_pg .payTop .flagHot {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 25px;
    height: 25px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png) no-repeat -6px -6px;
    background-size: 250px auto;
}

.order_pay .pay_pg .payTop em {
    position: relative;
    display: inline-block;
}

.order_pay .pay_pg .payTop em:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background-image: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png);
    background-repeat: no-repeat;
    background-size: 250px auto;
}

.order_pay .pay_pg .payTop .pangpangpay em {
    padding-left: 24px;
}

.order_pay .pay_pg .payTop .pangpangpay em:before {
    width: 18px;
    height: 23px;
    background-position: -40px -6px;
}

.order_pay .pay_pg .payTop .creditcard em {
    padding-left: 26px;
}

.order_pay .pay_pg .payTop .creditcard em:before {
    width: 20px;
    height: 14px;
    background-position: -63px -6px;
}

.order_pay .pay_pg .payCenter {
    overflow: hidden;
    padding-bottom: 13px;
}

.order_pay .pay_pg .payCenter .paylist:nth-child(odd) {
    padding-right: 3px;
}

.order_pay .pay_pg .payCenter .paylist:nth-child(even) {
    padding-left: 3px;
}

.order_pay .pay_pg .payCenter .paylist:only-child {
    width: 100%;
    padding: 5px 0 0;
    box-sizing: border-box;
}

.order_pay .pay_pg .payCenter:last-of-type {
    margin-bottom: -10px;
}

.order_pay .pay_pg .paylist.selected>button {
    border: 1px solid #3853ae;
    color: #3853ae;
    font-weight: bold;
    background-color: #f8faff;
}

.order_pay .pay_pg .paylist.selected>button:before {
    position: absolute;
    right: 4px;
    top: -4px;
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png?20200709) no-repeat -123px -6px;
    background-size: 250px auto;
}

/* 2020-07-02 toss 프로모션 파라미터값 변경 */
.order_pay .pay_pg .payTop .creditcard.selected em:before {
    width: 20px;
    height: 14px;
    background-position: -146px -6px;
}

.order_pay .pay_pg .payBottom {
    display: inline-block;
    position: relative;
}

.order_pay .pay_pg .payBottom:before {
    content: '';
    width: 200%;
    height: 1px;
    background-color: #eaeaea;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translate(-50%, 0);
}

/* .order_pay .pay_pg .payBottom:after {content:''; width:200%; height:1px; background-color:#eaeaea; position:absolute; bottom:0; left:50%; transform:translate(-50%, 0);} */
.order_pay .pay_pg .payBottom .paylist {
    width: 33.333333%;
    height: 58px;
    padding: 0 3px;
    margin: 15px 0;
}

.order_pay .pay_pg .payBottom .paylist>button {
    text-indent: -9999px;
}

.order_pay .pay_pg .payBottom .paylist.selected>button {
    border: 1px solid #eaeaea;
    color: inherit;
}

.order_pay .pay_pg .payBottom .paylist.selected>button:before {
    display: none;
}

.order_pay .pay_pg .payBottom .paylist>button:before,
.order_pay .pay_pg .payBottom .paylist.selected>button:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png?20200709);
    background-repeat: no-repeat;
    background-size: 250px auto;
}

/* 2020-07-02 toss 프로모션 파라미터값 변경 */
.order_pay .pay_pg .payBottom .kakaopay>button:before {
    width: 56px;
    height: 13px;
    margin: -6.5px 0 0 -28px;
    background-position: -6px -40px;
}

.order_pay .pay_pg .payBottom .payco>button:before {
    width: 44px;
    height: 10px;
    margin: -5px 0 0 -22px;
    background-position: -6px -59px;
}

.order_pay .pay_pg .payBottom .samsungpay>button:before {
    width: 76px;
    height: 11px;
    margin: -5.5px 0 0 -38px;
    background-position: -6px -74px;
}

.order_pay .pay_pg .payBottom .kakaopay.selected>button {
    border-color: #ffeb00;
    background-color: #ffeb00;
}

.order_pay .pay_pg .payBottom .kakaopay.selected>button:before {
    background-position: -6px -40px;
}

.order_pay .pay_pg .payBottom .payco.selected>button {
    border-color: #fb2328;
    background-color: #fb2328;
}

.order_pay .pay_pg .payBottom .payco.selected>button:before {
    background-position: -55px -59px;
}

.order_pay .pay_pg .payBottom .samsungpay.selected>button {
    border-color: #024ca1;
    background-color: #024ca1;
}

.order_pay .pay_pg .payBottom .samsungpay.selected>button:before {
    background-position: -86px -74px;
}

.order_pay .sub_pay_wrap>div {
    padding: 13px 10px 15px;
}

.order_pay .sub_pay_wrap .sub_pay_btn {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding: 0 17px 0 0;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    border: 0 none;
    background-color: transparent;
}

.order_pay .sub_pay_wrap .sub_pay_btn:focus {
    outline: 0 none;
}

.order_pay .sub_pay_wrap .sub_pay_btn:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 10px;
    height: 6px;
    margin-top: 0;
    background: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png) no-repeat -108px -6px;
    background-size: 250px auto;
}

.order_pay .sub_pay_wrap .sub_pay_con {
    display: none;
}

.order_pay .sub_pay_wrap .sub_pay_con .sale_info {
    padding-bottom: 3px;
    font-size: 12px;
}

.order_pay .sub_pay_wrap .sub_pay_con .refer {
    margin-top: 9px;
    padding-top: 10px;
    color: #aaa;
    border-top: 1px solid #eee;
    font-size: 12px;
}

.order_pay .sub_pay_wrap>div.active .sub_pay_btn {
    margin-bottom: 7px;
}

.order_pay .sub_pay_wrap>div.active .sub_pay_btn:before {
    background-position: -93px -6px;
}

.order_pay .sub_pay_wrap>div.active .sub_pay_con {
    display: block;
}

/* 2019-06-10 나의쇼핑 결제수단 변경 수정 */
.orderChangeBox .order_pay .pay_btn.pay_btn_v3 {
    padding: 16px 10px 13px 10px;
}

.order .order_open_wrap .cautionComtWrap02 .referTxt {
    font-size: 12px;
}

/* 2019-06-10 신용카드 툴팁 배너 하단 화살표 위치값 수정 */
.order_pay .pay_btn.pay_btn_v3 .rylpangTipWrap.type03 .tipTailBox:after {
    left: 83%;
}

/* 2019-06-14 로그인/본인인증 수정  */
.loginJoinBox.type2 .btn-area {
    margin-top: -2px;
}

.loginJoinBox.type2 .btn-area:after {
    content: '';
    display: block;
    clear: both;
}

.loginJoinBox.type2 .btn-area .btn02 {
    height: 40px;
    line-height: 40px;
}

.loginJoinBox.type2 .btn-area .btn-gray {
    background-color: #888;
    border: 1px solid #888;
}

.loginJoinBox.type2 .btn-area .btn-block {
    display: block;
}

.loginJoinBox.type2 .btn-area.col2 .btn-half {
    display: inline-block;
    width: 48.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: left;
}

.loginJoinBox.type2 .btn-area.col2 .btn-half+.btn-half {
    margin-left: 3%;
}

.none_user.type2 {
    background-color: #fff;
    margin-top: 10px;
    padding-top: 15px;
}

.none_user.type2 .none_user_info {
    padding: 0;
    margin: 30px 10px 0;
}

.none_user.type2 .none_user_info .bulletTxt {
    margin-top: 10px;
    padding: 0 8px 10px;
}

.none_user.type2 .none_user_info .bulletTxt+.bulletTxt {
    margin-top: 0;
}

.none_user.type2 .none_user_info .bulletTxt:before {
    border-radius: 50%;
}

.none_user.type2 .member_btn .btn_ib50 {
    padding: 0 14px;
}

/* 2019-06-20 주문/결제 1대1 문의 추가 */
.btn-info {
    position: absolute;
    bottom: 8.5px;
    right: 10px;
    height: 20px;
    padding: 1px 7.5px 0;
    ;
    line-height: 20px;
    font-size: 11px;
    color: #666;
    border: 1px solid #bbb;
    border-radius: 3px;
    letter-spacing: -0.75px;
    font-weight: normal;
}

.return_info {
    position: fixed;
    z-index: 100003;
    left: 0;
    right: 0;
    top: 140px;
    min-width: 300px;
    margin: 0 auto;
    width: 94%;
}

.return_info .tooltip {
    box-sizing: border-box;
    background: #fff;
    line-height: initial;
}

.return_info .tooltip .inner {
    position: relative;
    padding: 17px 15px;
    text-align: left;
}

.return_info .tooltip .title {
    border-bottom: 1px solid #444;
    font-size: 15px;
    color: #000;
    letter-spacing: -0.25px;
    font-weight: bold;
    padding: 10px 15px;
}

.return_info .tooltip .inner .txt.bulletTxt {
    color: #000;
}

.return_info .tooltip .inner .txt.bulletTxt:before {
    border-radius: 50%;
    background-color: #888;
    top: 7px;
}

.return_info .tooltip .inner .txt {
    font-size: 13px;
    color: #888;
    letter-spacing: -1px;
    font-weight: normal;
    margin-top: 0;
}

.return_info .tooltip .inner .txt.bullDot {
    position: relative;
    padding-left: 12px;
    padding-top: 7px;
    font-size: 12px;
}

.return_info .tooltip .inner .txt.bullDot:before {
    display: block;
    content: "※";
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 0;
    width: 10px;
    height: 15px;
}

.return_info .tooltip .inner .txt+.txt {
    margin-top: 7px;
    border-top: 1px solid #ddd;
}

.return_info .tooltip .close {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 16px;
    height: 16px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;
    background-size: 300px auto;
    -webkit-appearance: none;
    font-size: 0;
    line-height: 0;
}

.order_list_v2 li {
    border: 0;
    background-color: #eee;
}

.order_list_v2 li div {
    box-sizing: border-box;
}

.order_list_v2 li .product .product_area {
    padding-bottom: 12px;
}

.order_list_v2 li .product_box {
    border: 1px solid #cdcdcd;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    background-color: #fff;
}

.order_list_v2 li .only1 {
    border-radius: 3px;
    overflow: hidden;
}

.order_list_v2 li .gift_wrap+.order_btn_wrap {
    border-top: none;
}

.order_list_v2 li .product_box+.order_btn_wrap {
    border-top: none;
}

.order_list_v2 li .product_box .info_type_gray {
    margin-top: 7px;
    padding: 0;
}

.order_list_v2 .orderStatBox {
    padding: 7px 7px 7px 12px;
    border-radius: 4px;
    background-color: #fdf1f3;
    overflow: hidden;
}

.order_list_v2 li+li.gift_box {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    margin-top: -13px;
}

.order_list_v2 li+li.gift_box .product_box {
    border-radius: 0 0 3px 3px;
    border-top: 1px solid #cdcdcd;
}

.order_list_v2 .orderStatBox .btnWrap {
    margin: 0;
}

.order_list_v2 .orderStatBox .orderStat {
    line-height: 31px;
}

.order_list_v2 .orderStatBox .orderStat+.deliveryPost {
    margin-left: 5px;
}

.order_list_v2 .orderStatBox .deliveryPost {
    border: 1.5px solid #df1835;
    padding: 0 5px;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 12px;
    font-weight: bold;
    color: #e51937;
    border-radius: 12px;
    display: inline-block;
    margin-top: 3px;
    line-height: 22px;
}

.order_list_v2 .order_btn_wrap {
    border-radius: 0 0 3px 3px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
}

.order_list_v2 .btnReorder {
    padding: 10px 0 15px;
    background-color: #eee;
}

.order_list_v2 .order_btn_wrap.len4 p {
    letter-spacing: -1px;
}

.order_list_v2 .order_red {
    padding: 7px 7px 7px 12px;
    border-radius: 4px;
    background-color: #fdf1f3;
    line-height: 27px;
}

.order_list_v2 .order_btn_wrap3 {
    top: 5px;
    right: 7px;
}

/* 2019-07-01 MEC적립금 추가 */
.goods_img .mec_img {
    margin: 5px 0;
}

.goods_img .mec_img a {
    display: block;
}

.goods_img .mec_img img {
    width: 100%;
    height: auto;
}

/* 2019-07-08 상품평쓰기 추가 */
.goods_satisfaction_v2 .btn-write-area {
    margin: 8px 0;
    text-align: center;
}

.goods_satisfaction_v2 .btn-write-area .btn01 {
    width: 138px;
}

.bestComtWrap .btnWrapR .btn-red {
    background: #e51937;
}

/* 2019-07-09 1대1문의 추가 */
.order_table.type2 .borderNone {
    border-top: 1px solid #fff;
}

.order_table.type2 .dey_cation_new {
    padding-bottom: 5px;
}

/* S: 2019-07-23 css 수정 */
.order_table.type2 .email-area {
    display: table;
    width: 100%;
}

.order_table.type2 .email-area .form-item {
    display: table-cell;
    vertical-align: middle;
    width: 55%;
    padding-left: 4px;
}

.order_table.type2 .email-area .form-item:first-child {
    width: 41%;
    padding-right: 4px;
    padding-left: 0;
}

.order_table.type2 .email-area .form-item input,
.order_table.type2 .email-area .form-item select {
    width: 100%;
    box-sizing: border-box;
    height: 30px;
}

/* E: 2019-07-23 css 수정 */
.order_table.type2 .email-area .form-item input.form-st {
    display: none;
}

.order_table.type2 .email-area .form-item.insert select.form-st {
    display: none;
}

.order_table.type2 .email-area .form-item.insert input.form-st {
    display: block;
}

.order_table.type2 .alert-area {
    margin-top: 8px;
    position: relative;
}

.order_table.type2 .alert-area input {
    position: absolute;
    left: 0;
    top: 0;
}

.order_table.type2 .alert-area label {
    display: inline-block;
    padding-left: 25px;
    font-size: 13px;
    color: #232323;
    font-weight: normal;
}

/* 2019-07-23 1대1문의 추가 */
.order_table.type2 .email-area .form-atsign {
    display: table-cell;
    font-size: 15px;
    padding-top: 5px;
    text-align: center;
}

/* 2019-07-31 1대1문의 추가 */
.order_table.type2 .email-area input:disabled {
    border-color: #ebebeb;
    color: #cfcfcf;
    opacity: 1;
}

.order_table.type2 .email-area select:disabled {
    border-color: #ebebeb;
    color: #cfcfcf;
}

.order_table.type2 .email-area input::-webkit-input-placeholder {
    color: #cfcfcf;
}

.order_table.type2 .email-area input::-moz-placeholder {
    color: #cfcfcf;
}

.order_table.type2 .email-area input::-ms-input-placeholder {
    color: #cfcfcf;
}

.order_table.type2 .email-area input:placeholder {
    color: #cfcfcf;
}

/* 2019-08-09 로그인 이벤트배너영역 추가 */
.event-banner-area {
    padding: 10px 10px 0;
}

.event-banner-area a {
    display: block;
    overflow: hidden;
}

.event-banner-area img {
    width: 100%;
    vertical-align: top;
}

/* S : 2019-08-21 나의쇼핑 하단 임직원 배너 */
.new_mypage_main .staffBanner {
    margin: 10px 0 0;
}

.new_mypage_main .staffBanner img {
    width: 100%;
    vertical-align: top;
}

/* E : 2019-08-21 나의쇼핑 하단 임직원 배너 */

/* 2019-08-21 #25120 적립금 안내툴팁 주문서  */
.order .order_table .tipLayerWrap {
    z-index: 30;
}

/* 2019-08-28 마이페이지 적립금 인증번호 본인인증 팝업 추가 */
.mypage .promotion-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    box-sizing: border-box;
    padding: 0;
}

.mypage .promotion-popup:after {
    content: " ";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0
}

.mypage .promotion-popup img {
    width: 100%;
}

.mypage .promotion-popup.active {
    display: block;
}

.mypage .promotion-popup .popup-inner {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    box-sizing: border-box;
    padding: 0 10%;
    text-align: center;
    z-index: 1
}

.mypage .promotion-popup .popup-inner a>img {
    display: inline-block;
}

.mypage .promotion-popup .btn-pop-close:focus {
    outline: 0 none;
}

.mypage .promotion-popup .btn-pop-close {
    position: absolute;
    top: 0;
    right: 11%;
    height: 50px;
    width: 50px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 0;
    background: url(//image.hnsmall.com/images/mobile2014/event/common/btn_pop_close.png) no-repeat center center;
    background-size: 20px auto;
}

/* 2019-07-24 수정 */
.mypage .promotion-popup .btn-pop-close img {
    width: 100%;
}

/* 2019-08-28 회원가입 이벤트배너영역 추가 */
.joinEndBox .regPangCoupon.join-banner-area {
    display: block;
}

/* S : 2019-08-30 #25972 나의쇼핑 메인 > 비밀번호 변경 팝업제작 */
.tempPopup_wrap .popup_wrap {
    top: -20%;
}

.tempPopup_wrap .popup_wrap .popup_header strong.title {
    padding: 0 5%;
    letter-spacing: -0.5px;
}

.tempPopup_wrap .popup_wrap .popup_cont {
    padding: 19px 15px 20px;
}

.tempPopup_wrap .popup_wrap .popup_cont p {
    margin-top: 0;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

.tempPopup_wrap .popup_wrap .popup_cont p+p {
    margin-top: 8px;
    font-weight: bold;
    color: #000;
}

.tempPopup_wrap .popup_wrap .popup_cont p>em {
    color: #e51937
}

.tempPopup_wrap .popup_wrap .btn_pop {
    float: none;
    display: block;
    width: auto;
    margin-top: 14px;
    border-radius: 2px;
    font-size: 17px;
}

.tempPopup_wrap .popup_wrap .popup_bottom {
    background: #a3a3a3;
    overflow: hidden;
    clear: both;
}

.tempPopup_wrap .popup_wrap .popup_bottom button {
    border: 0;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.tempPopup_wrap .popup_wrap .popup_bottom .pop_close {
    float: right;
    background: #888;
}

/* E : 2019-08-30 #25972 나의쇼핑 메인 > 비밀번호 변경 팝업제작 */

/* 2019-08-29 장바구니 고도화 추가 */
.cart-buy-wrap {
    position: fixed;
    bottom: -120px;
    left: 0;
    width: 100%;
    z-index: 51;
}

.cart-buy-wrap .cart-buy-head {
    position: relative;
    z-index: 2;
    height: 31px;
}

.cart-buy-wrap .cart-buy-head:after {
    content: '';
    width: 100%;
    height: 11px;
    background-color: #fff;
    border-top: 1px solid #cdcdcd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}

/* 2019-12-24 #29397 간격 공백 수정 */
.cart-buy-wrap .cart-buy-head .open-layer {
    display: block;
    width: 85px;
    height: 21px;
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -42.5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_cart_goods.png) no-repeat 0 0;
    background-size: 300px auto;
    text-indent: -9999em;
    border: none;
    outline: 0 none;
    z-index: 5;
}

.cart-buy-wrap .cart-buy-head .open-layer.on {
    background-position-x: -103.5px;
}

.cart-buy-wrap .cart-buy-content {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 10px 10px;
    background: #fff;
    z-index: 3;
}

.cart-buy-wrap .cart-buy-content .total-order-price {
    text-align: right;
}

.cart-buy-wrap .cart-buy-content .total-order-price:after {
    display: block;
    content: '';
    clear: both;
}

.cart-buy-wrap .cart-buy-content .total-order-price .order-tit {
    color: #000;
    font-size: 14px;
    float: left;
    margin-top: 4px;
}

.cart-buy-wrap .cart-buy-content .total-order-price .order-tit span {
    font-weight: bold;
}

.cart-buy-wrap .cart-buy-content .total-order-price .order-price {
    color: #e51937;
    font-size: 22px;
    font-weight: bold;
}

.cart-buy-wrap .cart-buy-content .total-order-price .order-price .order-won {
    font-size: 14px;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area {
    margin-top: 10px;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area ul:after {
    display: block;
    content: '';
    clear: both;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area ul li {
    float: left;
    width: 40%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area ul li:nth-child(2) {
    width: 60%;
    padding-left: 5px;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area .btn-darkgray {
    background: #3b3b3b;
    width: 100%;
    border-color: #3b3b3b;
}

.cart-buy-wrap .cart-buy-content .cart-btn-area .btn_red {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    line-height: 36px;
}

/* 2019-09-16 결제수단 영역 일부 내용추가 */
.order_pay .sub_pay_wrap>div.pay_select_con_type2 {
    padding: 0 0 10px;
}

.pay_select_con_type2 .order_table {
    padding: 0 10px;
    border-bottom: 1px solid #ddd
}

.pay_select_con_type2 .order_table.vam table td label {
    vertical-align: middle;
}

.order_pay .sub_pay_wrap .pay_select_con_type2 .sub_pay_btn {
    margin: 10px 13px 7px;
}

.order_pay .sub_pay_wrap .pay_select_con_type2 .sub_pay_con {
    padding: 0 10px;
}

/* 2019-09-19 장바구니 배송비 노출 */
.info_delivery_charge {
    padding-bottom: 2px;
}

.info_delivery_charge p.first {
    margin-top: 7px;
    font-size: 12px;
}

.info_delivery_charge p.first .sum {
    font-size: 13px;
}

.info_delivery_charge p {
    color: #888;
    font-size: 11px;
    letter-spacing: -.5px;
}

.info_delivery_charge p .sum {
    font-size: 12px;
    color: #888;
}

/* 2019-09-26 주문서 마크업수정 */
.order_pay .pay_btn.pay_btn_v3 .rylpangTipWrap .tipTailBox {
    width: 50%;
}

.order_pay .sub_pay_wrap.type2>div.pay_select_con_type2 {
    margin: 0;
    padding-bottom: 10px;
}

.order_pay .sub_pay_wrap.type2 .pay_select_con_type2 .sub_pay_btn {
    margin: 10px 13px 7px;
}

.order_pay .pay_select_con_type2.order_table table td label {
    vertical-align: middle;
}

.order_pay .sub_pay_wrap.type2 .sub_pay_btn {
    margin: 10px 3px 7px;
}

.order_pay table+.sub_pay_wrap.type2 {
    border-top: 1px solid #ddd;
}

.order_pay .sub_pay_wrap.type2+table {
    border-top: 1px solid #ddd;
}

.order_pay .sub_pay_wrap.type2 .notice-list {
    border-bottom: 1px solid #ddd;
    padding: 7px 0 10px;
}

.order_pay .con_creditandnobankbook .sub_pay_wrap.type2 .notice-list {
    border-bottom: 0 none;
}

.order_pay .sub_pay_wrap.type2 .btn_cardpay_info.type3 {
    margin-top: 15px;
}

.order_pay .sub_pay_wrap.type2>div {
    margin: 7px 0 10px;
    padding: 0;
}

.order_pay .sub_pay_wrap.type2 .kakaopay_wrap.type2 {
    padding: 0;
}

.order_pay .sub_pay_wrap.type2 .hdCardSaleWrap {
    padding: 13px 10px 15px;
}

.order_pay .sub_pay_wrap.type2 .hdCardSaleWrap .salePrice {
    font-weight: bold;
}

.order_pay .sub_pay_wrap.type2 .pay_select_con {
    padding: 0;
}

.order_pay .sub_pay_wrap.type2>div.active .sub_pay_con {
    display: block;
}

.order_pay .pay_select_con.active .sub_pay_btn:before {
    background-position: -93px -6px;
}

.order_pay .pay_select_con.active .sub_pay_con {
    display: block;
}

/* 2019-09-30 상품상세 팡팡페이 말풍선 추가 (배포시점~ 2019.12.31까지 노출) */
.layer_btnB_wrap.textType li .btn_pangpang span.tooltip {
    display: inline-block;
    bottom: 36px;
    width: 68px;
    height: 21px;
    margin-left: -43px;
    padding: 0 9px 0 8px;
    white-space: nowrap;
    border: 1px solid #d7f0f9;
    border-radius: 15px;
    line-height: 23px;
    vertical-align: middle;
    color: #202f7d;
    text-align: center;
    font-size: 12px;
    background-color: #d7f0f9;
}

.layer_btnB_wrap.textType li .btn_pangpang span.tooltip:after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    display: block;
    content: '';
    width: 10px;
    height: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/pang_tooltip_arrow.png) no-repeat left top;
    background-size: 10px 6px;
}


/* S: 2019-09-30 #26344 미리보기 기능 추가  */
.toastBox {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 9999999;
    text-align: center;
    transform: translate(0, -50%);
}

.toastBox.active {
    display: block;
}

.toastBox p {
    display: inline-block;
    line-height: 18px;
    padding: 23px 20px 25px;
    background: rgba(17, 17, 17, 0.8);
    color: #fff;
    font-size: 14px;
    border-radius: 2px;
}

/* E: 2019-09-30 #26344 미리보기 기능 추가 */

/* 2019-10-07 주문서 공통 현금영수증 구분선 추가 및 수정 */
.cash_receipt table {
    border-top: 1px solid #ddd;
}

/* 2019-10-08 주문서 테이블 border-bottom > border-top 기준으로 변경 */
.order_table table.order_list_type tr {
    border-bottom: 0 none;
    border-top: 1px solid #ddd;
}

.order_table table.order_list_type tr:first-child {
    border-top: 0 none;
}

.order_pay .order_table table:first-child {
    margin-top: -10px;
}

.order_pay .con_pangpangpay table,
.order_pay .cash_receipt table {
    margin-top: 0;
}

.order_pay .pay_btn.pay_btn_v3 {
    padding-bottom: 0;
    border-bottom: 0 none;
}

.order_pay .rylpangComt {
    padding-top: 0;
}

.order_pay .con_creditandnobankbook .sub_pay_wrap.type2 .notice-list {
    border-bottom: 0 none;
}

.order_pay .pay_pg {
    position: relative;
}

.order_pay .pay_pg:after {
    content: '';
    width: 200%;
    height: 1px;
    background-color: #eaeaea;
    position: absolute;
    bottom: 13px;
    left: 50%;
    transform: translate(-50%, 0);
}

.order_pay .pay_pg .payCenter {
    padding-bottom: 0;
}

.order_pay .pay_pg .payBottom {
    margin-top: 13px;
}

.order_pay .pay_pangpang {
    border-bottom: 0 none;
}

.order_pay .pay_sel2.pay_sel_radio .pay_pg:after {
    bottom: inherit;
    top: 0;
}


/* S : 2019-10-23 #27193 아이디, 비번 찾기 개선 */
.v27193.sch_tab_wrap .tt_tab li.on:first-child a {
    border-left-color: #fff;
}

.v27193.sch_tab_wrap .tt_tab li+li.on a {
    border-right-color: #fff;
}

.v27193 .sch_info {
    padding-top: 17px;
    padding-bottom: 9px;
}

.v27193 .sch_wrap {
    padding: 0 10px;
    margin-bottom: 0;
    border: 0;
}

.v27193 .dey_cation_new {
    padding: 0 8px;
}

.v27193 .dey_cation_new>em {
    top: 7px;
    width: 3px;
    height: 3px;
    background: #cdcdcd;
}

.v27193 .dey_cation_new>span {
    display: block;
    color: #888;
    font-weight: normal;
}

.v27193 .member_btn_single {
    padding: 0 10px;
}

.v27193 .total_sch_wrap {
    padding: 0 10px;
}

.v27193 .total_sch_wrap .id_sch_sel li {
    padding: 0 10px;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
}

.v27193 .total_sch_wrap .id_sch_sel li>a {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding: 10px 40px 10px 50px;
    border: 0;
    font-weight: normal;
}

.v27193 .total_sch_wrap .id_sch_sel li>a:after {
    content: ' ';
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -5.5px;
    display: inline-block;
    width: 22px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_27193.png) no-repeat 0px -20px;
    background-size: 60px auto;
}

.v27193 .total_sch_wrap .id_sch_sel li.on>a {
    font-weight: bold;
}

.v27193 .total_sch_wrap .id_sch_sel li.on>a:after {
    background-position: -40px -20px;
}

.v27193 .total_sch_wrap .id_sch_sel li>a em {
    top: 10px;
    left: 0;
    width: 45px;
    height: 45px;
}

.v27193 .total_sch_wrap .id_sch_sel li:nth-child(1)>a em {
    background-position: -5px -5px;
}

.v27193 .total_sch_wrap .id_sch_sel li:nth-child(2)>a em {
    background-position: -5px -60px;
}

.v27193 .total_sch_wrap .id_sch_sel li:nth-child(3)>a em {
    background-position: -5px -115px;
}

.v27193 .total_sch_wrap .id_sch_sel li.on>div {
    display: block;
}

.v27193 .total_sch_wrap .id_sch_sel li>div {
    display: none;
    padding: 10px 0;
    border-top: 1px solid #cdcdcd;
}

.v27193 .total_sch_wrap .id_sch_sel li>div>p {
    margin-top: 2px;
    font-size: 14px;
    color: #373e40
}

.v27193 .total_sch_wrap .id_sch_sel li:nth-child(3) .btn_red,
.v27193.sch_tab .btn_red,
.v27193 .member_btn_single .btn_red,
.result_wrap .member_btn_single .btn_red,
.v27193 .btn_red {
    display: block;
    padding: 0;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    border: 1px solid #e51937;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
}

.v27193 .btn_white {
    display: block;
    padding: 0;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 15px;
    color: #565656;
    font-weight: bold;
}

.v27193 .id_list {
    margin: 0;
    padding: 0 10px;
    border: 0;
}

.v27193 .id_list .id_list_zone {
    padding: 2px 10px 13px;
    border: 0;
    border-top: 2px solid #cdcdcd;
    border-bottom: 2px solid #cdcdcd;
    line-height: 18px;
}

.v27193 .id_list .id_list_zone p {
    margin-top: 10px;
}

.v27193 .id_list .id_list_zone .dey_cation_new:first-child~.dey_cation_new {
    margin-top: 3px;
}

.v27193 .id_sch_btn {
    padding: 10px 10px 0;
    height: auto;
}

.v27193 .id_sch_btn p em {
    margin-top: -3px;
}

/* 입력폼 공통 */
.input_group {
    margin-bottom: 10px;
}

.input_group label {
    display: none;
}

.input_group .input_box {
    border: 1px solid #cdcdcd;
}

.input_group .input_box+.input_box {
    border-top: 0
}

.input_group .input_box input {
    width: 100%;
    border: 0;
    background: none;
    height: 39px;
    line-height: 19px;
    text-indent: 7px;
    font-weight: bold;
    font-size: 13px;
}

.input_group .input_box input::placeholder {
    color: #888;
    font-weight: normal;
}

.input_group .input_box .join_arm {
    position: relative;
    display: block;
    color: #e51937;
    padding: 0 7px 8px;
    margin-top: -8px;
    font-size: 12px;
    z-index: 10
}

/* 하단 링크 */
.sch_more {
    padding: 0 10px;
    margin-top: 12px;
    text-align: center;
    color: #232323;
    font-size: 12px;
}

.sch_more>p>a {
    position: relative;
    font-weight: bold;
    color: #333;
}

.sch_more>p>.link {
    padding-right: 9px;
}

.sch_more>p>.link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_27193.png) no-repeat 0 0;
    background-size: 60px auto;
}

.sch_more>p>.tel {
    padding-left: 11px;
    margin-left: 2px;
}

.sch_more>p>.tel:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    display: inline-block;
    width: 9px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_27193.png) no-repeat -15px 0;
    background-size: 60px auto;
}

/* 아이디 찾기, 비번 찾기 결과 텍스트 박스 */
.mem_txt_box {
    padding: 38px 20px;
}

.mem_txt_box .text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 21px;
    letter-spacing: -1px;
}

.mem_txt_box .text em {
    color: #12a5cb;
}

.mem_txt_box .text span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    color: #888;
    line-height: 19px;
    font-weight: normal;
}

.result_wrap {
    padding: 0 10px;
}

.result_wrap .mem_txt_box {
    padding: 38px 0 27px;
}

.result_wrap.pw_change .mem_txt_box {
    padding: 38px 0 12px;
}

/* E : 2019-10-23 #27193 아이디, 비번 찾기 개선 */

/* 2019-10-28 기획전 UI변경 추가 */
.app_setup+.wrapAllHeaderInner~main .plan_list_v2.fixed .plan-swiper {
    top: 100px;
}

.app_setup.v2+.wrapAllHeaderInner~main .plan_list_v2.fixed .plan-swiper {
    top: 135px;
}

.wrapAllHeaderInner~main .plan_list_v2.fixed .plan-swiper {
    top: 55px;
}

.plan_list_v2 .plan-swiper {
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 12.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.plan_list_v2 .plan-swiper::before {
    content: '';
    width: 25px;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/main/plan/bg_plan_detail_left_gradient.png) repeat-y left top;
    background-size: 25px 1px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.plan_list_v2 .plan-swiper::after {
    content: '';
    width: 25px;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/main/plan/bg_plan_detail_right_gradient.png) repeat-y right top;
    background-size: 25px 1px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.plan_list_v2.fixed .plan-swiper {
    position: fixed;
    z-index: 11;
}

.plan_list_v2.fixed .list_select {
    margin-top: 44px;
}

.plan_list_v2 .plan-swiper ul {
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.plan_list_v2 .plan-swiper ul:after {
    content: '';
    display: block;
    clear: both;
}

.plan_list_v2 .plan-swiper ul li {
    float: left;
    width: auto;
    padding: 0 11.5px 0 12.5px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    max-width: 50%;
}

.plan_list_v2 .plan-swiper ul li button {
    background-color: transparent;
    border: none;
    outline: none;
    letter-spacing: -1px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 15px;
    color: #666;
    padding: 11.5px 1px 11.5px 0;
}

.plan_list_v2 .plan-swiper ul li.on button {
    z-index: -1;
    position: relative;
    border-bottom: 2px solid #000;
    color: #000;
    font-weight: bold;
}

.plan_list_v2 .plan-swiper ul li:last-child {
    padding-right: 15px;
}

.plan_list_v2 .list_select {
    position: relative;
    padding: 11px 0;
    border-top: 0;
}

.plan_list_v2 .list_select .list-info-area {
    width: 100%;
    padding-right: 70px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
}

.plan_list_v2 .list_select .list-info-area span {
    display: inline-block;
    vertical-align: top;
}

.plan_list_v2 .list_select .list-info-area .list-tit {
    max-width: 69%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.plan_list_v2 .list_select .list-info-area .total {
    color: #e51937;
}

.plan_list_v2 .list_select p:last-child {
    position: absolute;
    right: 0;
    top: 50%;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -9.5px;
}

.plan_list_v2 .list_select p .btn_img {
    margin-right: 0;
    margin-top: 1px;
}

/* S: 2019-10-28 #27522, #27545 홈 개선_1차 : 플레이 버튼 디자인 변경 */
.v27275.pd_view.pd_view_v2 .tv_play {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    background: url(//image.hnsmall.com/images/mobile2014/main/v27275/btn_play_circle_80.png) 0 0 no-repeat;
    background-size: 100%;
}

/* 2단 상품리스트 공통 */
.v27275 .goods_temp_list .playBtn .playIco.medium {
    margin-top: -16px;
    padding-top: 32px;
}

.v27275 .goods_temp_list .playBtn .playIco.medium:before {
    width: 32px;
    height: 32px;
    margin-left: -16px;
    background: url(//image.hnsmall.com/images/mobile2014/main/v27275/btn_play_circle_64.png) 0 0 no-repeat;
    background-size: 100%;
}

.v27275 .goods_temp_list .playBtn .playIco.medium .playTime {
    margin-top: 4px;
}

/* E: 2019-10-28 #27522, #27545 홈 개선_1차 : 플레이 버튼 디자인 변경 */

/* 2019-10-30 회원가입 페이지 개선 추가 */
.check-area {
    margin: 13px 10px 0;
}

.check-area .check-group input {
    vertical-align: text-top;
}

.check-area .check-group+.check-group {
    margin-top: 10px;
}

.check-area .check-group label {
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-left: -1px;
}

.check-area .check-group label em {
    color: #e51937;
}

/* 2019-11-05 회원정보변경 페이지 일부 변경요청 */
.regIptBox.type2 .telWrap {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    padding: 0 81px 0 21px;
    box-sizing: border-box;
}

.regIptBox.type2 .telWrap .placeholderWrap .inner {
    border: none;
    padding: 0;
}

.regIptBox.type2 .telWrap .placeholderWrap .required {
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -9px;
    color: #e51937;
}

.regIptBox.type2 .telWrap .placeholderWrap {
    padding-right: 0;
}

.regIptBox.type2 .placeholderWrap input {
    height: 100%;
}

.regIptBox.type2 .telWrap .placeholderWrap:after {
    display: none;
}

/* S : 2019-11-08 payco 프로모션 관련 임시 노출 버튼 : 노출기간 11/18(월) 00:00 ~ 12/1(일) 11:59 */
.order_pay .pay_pg .payBottom .payco.paycoevt>button:before {
    width: 68px;
    height: 40px;
    margin: -20px 0 0 -34px;
    background-position: -6px -90px;
}

.order_pay .pay_pg .payBottom .payco.paycoevt.selected>button:before {
    background-position: -80px -90px;
}

/* E : 2019-11-08 payco 프로모션 관련 임시 노출 버튼 : 노출기간 11/18(월) 00:00 ~ 12/1(일) 11:59 */
/* S : 2019-11-11 #27800 비밀번호 변경캠페인 */
.pwChange30 .popup_wrap {
    top: -20%;
}

.pwChange30 .popup_wrap .popup_header {
    height: auto;
    border: 0;
}

.pwChange30 .popup_wrap .popup_header strong.title {
    padding-top: 21px;
    line-height: 25px;
    ;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.5px;
}

.pwChange30 .popup_wrap .popup_cont {
    padding: 14px 15px 20px;
    text-align: center;
}

.pwChange30 .popup_wrap .popup_cont>p {
    margin-top: 0;
    font-size: 16px;
    line-height: 18px;
}

.pwChange30 .popup_wrap .popup_cont>p>strong {
    color: #000;
}

.pwChange30 .popup_wrap .btn_pop {
    float: none;
    display: inline-block;
    width: auto;
    padding: 8px 28px;
    margin-top: 13px;
    border-radius: 2px;
    font-size: 17px;
}

.pwChange30 .popup_wrap .popup_bottom {
    background: #a3a3a3;
    overflow: hidden;
    clear: both;
}

.pwChange30 .popup_wrap .popup_bottom button {
    border: 0;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.pwChange30 .popup_wrap .popup_bottom .pop_close {
    border-left: 1px solid #333;
}

/* E : 2019-11-11 #27800 비밀번호 변경캠페인 */

/* 2019-11-21 1:1문의 상담가능 시간 안내 표기 추가 */
.notice_area {
    padding: 12px 10px 13px;
    border-bottom: 1px solid #ddd;
}

.notice_area .must_write {
    height: auto;
    color: #232323;
    border-bottom: none;
    padding: 0;
}

.notice_area .must_write.bulletTxt {
    margin-top: 0;
    padding-left: 9px;
}

.notice_area .must_write span {
    margin-right: 3px;
    vertical-align: -2px;
}

.notice_area .must_write+.must_write {
    margin-top: 1px;
}

/* 2019-12-10 주문서 개발 배포용 스타일 추가 : order_dev 클래스 추가(퍼블 파일에는 없음) */
.order_pay.order_dev .sub_pay_wrap.type2+table {
    border-top: 0 none;
}

.order_dev .order_table table tr.bd1:last-child,
.order_dev .order_table table tr:last-child {
    border: inherit;
    border-bottom: 0 none;
}

.order_dev .order_table table tr.bd1.noBrd,
.order_dev .order_table table tr.noBrd {
    border: 0;
}

.order_pay.order_dev table+.sub_pay_wrap.type2 {
    border-top: 0 none;
}

.order_pay.order_dev table+.sub_pay_wrap.type2>.paymentWrap {
    margin: 0;
}

/* 클래스 paymentWrap는 간편결제 안내문구 토글 내용 감싸는 div 클래스이며 퍼블파일에는 없고 개발페이지에만 있음  */
.order_pay.order_dev table+.sub_pay_wrap.type2>.paymentWrap,
.order_pay.order_dev table+.sub_pay_wrap.type2>ul {
    border-top: 1px solid #ddd;
}

/* 2019-12-11 tv쇼핑 구분값 추가 */
.goods h2.tit.tit_v2 .pinkColor {
    display: inline-block;
    font-size: 18px;
    color: #f13a65;
    text-overflow: inherit;
    white-space: inherit;
    overflow: inherit;
}

/* 2019-12-12 도서소득공제 대상 안내문구추가 */
.goods .pd_sale table td strong+.pd-notice {
    margin-left: 5px;
}

.goods .pd_sale table .pd-notice {
    font-size: 14px;
    color: #898989;
}

/* 2019-12-17 장바구니 ui변경 */
.order .cart_btn.type2 li:nth-child(3) {
    padding-right: 10px;
}

.order .cart_btn.type2 li:nth-child(3) a {
    border: 1px solid #cdcdcd;
    background-color: #fff;
    padding: 1px 5.5px 0;
    border-radius: 3px;
    font-size: 11px;
    line-height: 20px;
    position: relative;
    top: -1px;
}

.order .cart_btn.type2 li:nth-child(3) a em {
    display: none;
}

.order_list.v3 li .product_box .product_tit {
    position: relative;
}

.order_list.v3 li .product_box .product_tit>input {
    position: absolute;
    top: 2px;
    left: 0
}

.order_list.v3 li .product_box .product_tit>span {
    display: -webkit-box;
    max-height: 42px;
    min-height: 23px;
    overflow: hidden;
    line-height: 22px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: 30px;
}

.order_list.v3 li .product.type02 {
    margin-top: 18px;
    padding-top: 0;
    padding-left: 70px;
    padding-bottom: 23px;
}

.order_list.v3 li .product.type02 .priceInfoBox {
    padding-right: 43px;
}

.order_list.v3 li .product.type02 .priceInfoBox>p .tit {
    width: 70px;
}

.order_list.v3 li .product.type02 .priceInfoBox>p .txt em {
    letter-spacing: -0.5px;
}

.order_list.v3 li .product.type02 .priceInfoBox>p.discountPrice {
    color: #b0b0b0;
    margin-bottom: 2px;
}

.order_list.v3 li .product.type02 .flag_wrap {
    top: 2px;
}

.order_list.v3 li .product .product_stop,
.order_list.v3 li .product .product_stop span,
.order_list.v3 li .product .product_soldout,
.order_list.v3 li .product .product_soldout span {
    top: 0;
}

.order_list.v3 li .product.type02 .product_soldout p,
.order_list.v3 li .product.type02 .product_stop p {
    top: 35px;
}

.order_list.v3 li .product.type02 .img {
    top: 2px;
}

.order_list.v3 li .product.type02 .priceInfoBox>p.goods_benefit_num {
    position: absolute;
    bottom: 2px;
    right: 1px;
    font-size: 10px;
    color: #e51937;
    font-weight: bold;
    letter-spacing: -1px;
}

.order_list.v3 li .product.type02 .priceInfoBox>p.goods_benefit_num em {
    font-size: 25px;
    vertical-align: middle;
}

.order_list.v3 li .product.type02 .priceInfoBox>p.goods_benefit_num span {
    font-size: 13px;
    position: relative;
    top: 6px;
}

.order_list.v3 .info_delivery_charge p.first {
    margin-top: 14px;
    color: #666;
}

.order_list.v3 .info_delivery_charge p.first strong {
    color: #000;
    font-weight: normal;
}

.order_list.v3 .info_delivery_charge p.first .sum {
    color: #000;
}

.order_list.v3 li .product.type02 .pd_op {
    margin-top: 14px;
    padding-bottom: 0;
}

.order_list.v3 li .product_box.bdt1 {
    margin-top: 0;
}

.order_list.v3 li .order_price {
    margin-top: 0;
}

/* 2020-01-03 일대일 문의 취소 기능화 */
.ask_wrap .ask_del {
    margin: 10px 0 0 25px;
    padding: 6px 10px 6px;
    color: #fff;
    border: 0 none;
    border-radius: 1px;
    font-size: 12px;
    background-color: #333;
}

/* 2020-01-13 기획전 공유하기 */
.btn-share {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 8px;
    text-indent: -9999px;
    overflow: hidden;
}

.btn-share:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?202310) no-repeat -276px -180px;
    background-size: 300px auto;
}

/* 2020-01-13 상품상세 공유하기 */
.etcUtilWrap .etcUtilInner .linkBox a.btnShare.v2:before {
    background-position: -29px -302px;
}

/* 2020-01-29 공정위 판촉 심사 강화 대응 */
.specialShop.specialShop_v2 .old_sp_wrap.specialChance {
    background-color: #b9e0ee;
}

.old_sp_wrap.specialChance .btlineBox.specialBanner.type2 ul {
    background-color: #b9e0ee;
}

.old_sp_wrap.specialChance .specialBanner.type2 ul li .time-wrap .time-area.off {
    background-color: #b9e0ee;
}

.old_sp_wrap.specialChance .specialBanner.type2 ul li .time-wrap .time-area {
    background-color: #006468;
}

.old_sp_wrap.specialChance .specialBanner.type2 ul li .time-wrap .time-area:before {
    background-color: #006468;
}

.old_sp_wrap.specialChance .specialBanner.type2 ul li .time-wrap .time-area.off:before {
    background-color: #fff;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl.specialPick dt {
    background-image: url(//image.hnsmall.com/images/mobile2014/goods/icon_sp_mdpick.png);
    background-position: 0 0;
    width: 38px;
    top: 3px;
    margin-left: 2px;
}

.new_sp_kill.ver2 .goodsUnitCard .priceInfor .priceArea dl.specialPick dd {
    padding-left: 0;
}

/* 2020-01-30 #30252 MEC상품 할인율 표기 */
.goodsBundle .price.price_origin,
.goodsMC .price.price_origin {
    font-size: 12px;
    letter-spacing: -0.5px;
}

.goodsBundle .info_txt,
.goodsMC .info_txt {
    color: #898989;
    font-size: 13px;
}

/* S : 2020-02-17 #29209 하루특가 고도화  */
.specialChance {
    background: #e8e8e8;
}

.specialChance .img_wrap {
    width: 100%;
}

.specialChance .img_wrap img {
    width: 100%;
    vertical-align: top;
}

.specialChance .goods_temp_list .goods_box,
.specialChance .goods_temp_list .goods_price,
.specialChance .goods_temp_list .goods_thumb {
    display: block;
}

.specialChance .goods_temp_list .goods_thumb .goods_thumb_img span.img:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.03;
    z-index: 1
}

/* 상단(special_list_wrap)  */
/* .special_list_wrap .goods_box .flag_wrap .flag {position: relative;display: inline-block;width: 63px;height: 40px;overflow: hidden;}
.special_list_wrap .goods_box .flag_wrap .flag .txt {position: absolute;right: 13px;bottom: 8.5px;font-weight: 600;font-size: 33px; font-family: arial; line-height: 24px; letter-spacing: -2px;color: #000;}
.special_list_wrap .goods_box .flag_wrap .flag_num {background: url(//image.hnsmall.com/images/mobile2014/goods/special_chance/flag_num.png) 0 0 no-repeat;background-size: 100%;}
.special_list_wrap .goods_box .flag_wrap .flag_today {background: url(//image.hnsmall.com/images/mobile2014/goods/special_chance/flag_today.png) 0 0 no-repeat;background-size: 100%;}
.special_list_wrap .goods_box .flag_wrap .flag_today .txt {right: -100px;color: transparent;} */
.flag_size_special {
    width: 63px;
    height: 41px;
    border-bottom: 4px solid #000;
}

.flag_size_special .flag_img {
    display: block;
    margin-bottom: 5px;
    background: none;
}

.flag_size_special .flag_img img {
    display: block;
    width: 100%;
    vertical-align: top;
}

.special_list_wrap .goods_temp_list .goods_thumb {
    margin-bottom: 20px;
}

.special_list_wrap .time-wrap {
    color: #999;
    font-size: 13px;
    line-height: 12px;
    margin-bottom: 4px;
}

.special_list_wrap .time-wrap .left,
.special_list_wrap .time-wrap .right {
    display: inline-block;
}

.special_list_wrap .time-wrap .left .time {
    display: inline-block;
    min-width: 51px;
}

.special_list_wrap .time-wrap .right {
    position: relative;
    padding-left: 7px;
}

.special_list_wrap .time-wrap .right:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    width: 1px;
    height: 12px;
    background: #999;
}

.special_list_wrap .goods_temp_list ul {
    padding: 0;
    background: none;
}

.special_list_wrap .goods_temp_list ul li+li {
    margin-top: 10px;
}

.special_list_wrap .goods_temp_list .soldout:before {
    content: ' ';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 119px;
    height: 28px;
    margin-left: -59.5px;
    margin-top: -14px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/special_chance/img_soldout.png) no-repeat;
    background-size: 100%;
    z-index: 2
}

.special_list_wrap .goods_temp_list .soldout:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .8;
    z-index: 1
}

.special_list_wrap .goods_temp_list .goods_benefit_box {
    height: auto;
}

.special_list_wrap .goods_temp_list .goods_benefit_box .goods_benefit_detail dd {
    padding: 0;
}

.special_list_wrap .goods_temp_list .goods_price .tit {
    font-size: 16px;
    margin-bottom: 7px;
    line-height: 19.5px;
}

.special_list_wrap .goods_temp_list .goods_price {
    padding: 0 74px 0 0;
}

.special_list_wrap .goods_temp_list .goods_price .price_wrap {
    display: inline-block;
    line-height: 19px;
}

.special_list_wrap .goods_temp_list .goods_price .won {
    font-size: 13px;
    vertical-align: 1px;
}

.special_list_wrap .goods_temp_list .goods_price .discount {
    color: #e51937;
}

.special_list_wrap .goods_temp_list .goods_price .discount .price {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -.5px;
}

.special_list_wrap .goods_temp_list .goods_price .discount .won {
    vertical-align: 1.5px;
}

.special_list_wrap .goods_temp_list .goods_price .origin {
    color: #999;
    margin-left: -1px;
}

.special_list_wrap .goods_temp_list .goods_price .origin .price {
    font-size: 17px;
    color: #999;
}

.special_list_wrap .goods_temp_list .goods_box {
    padding: 50px 25px 46px;
}

.special_list_wrap .goods_temp_list .goods_box .flag_wrap {
    left: 0;
    top: 30px;
}

.special_list_wrap .goods_temp_list .goods_box .flag_wrap .flag img {
    width: 63px;
}

.special_list_wrap .goods_temp_list .btn_zone {
    position: absolute;
    right: 0;
    bottom: 4px;
}

.special_list_wrap .goods_temp_list .btn_zone .btn_red {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

.special_list_wrap .notice_wrap {
    padding: 15px 0 25px;
    text-align: center;
}

.special_list_wrap .notice_wrap .notice {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 27px;
    color: #6b8087;
    background: url(//image.hnsmall.com/images/mobile2014/goods/special_chance/icon_notice.png) left center no-repeat;
    background-size: 20px auto;
    font-size: 14px;
    letter-spacing: -.5px;
}

/* 하단(md_pick_wrap) */
.md_pick_wrap {
    margin-top: 10px;
    background: #fff;
}

.md_pick_wrap.fixed {
    padding-top: 53px;
}

.md_pick_wrap.fixed .md_pick_nav {
    position: fixed;
    width: 100%;
    z-index: 20;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.md_pick_wrap.clicked .md_pick_nav {
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}

.md_pick_wrap .tit_md {
    font-size: 29px;
    color: #333;
    line-height: 1.2em;
    padding: 36px 13px 12px;
}

.md_pick_nav {
    padding: 10px;
}

.md_pick_nav ul:after {
    content: "";
    display: block;
    clear: both;
}

.md_pick_nav ul li {
    position: relative;
    float: left;
    width: 20%;
}

.md_pick_nav ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 1px;
    height: 10px;
    background: #e8e8e8;
}

.md_pick_nav ul li:first-child:after {
    display: none;
}

.md_pick_nav ul li a {
    display: block;
    text-align: center;
}

.md_pick_nav ul li a span {
    position: relative;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.8px;
}

@media all and (max-width:359px) {
    .md_pick_nav ul li a span {
        font-size: 13px;
    }
}

.md_pick_nav ul li.on,
.md_pick_nav ul li.on:after {
    background: #333;
}

.md_pick_nav ul li.on+li:after {
    display: none;
}

.md_pick_nav ul li.on a span {
    color: #fff;
}

.md_pick_area {
    min-height: 500px;
}

.md_pick_area .goods_temp_list ul {
    padding: 0;
}

.md_pick_area .product_list.list_none {
    border: 0;
}

/* 한정찬스 (md_pick_main) */
.md_pick_main .icon {
    position: absolute;
    z-index: 10;
}

.md_pick_main .icon img {
    width: 50%;
}

.md_pick_main .icon_today {
    left: 10px;
    top: 10px;
}

.md_pick_main .icon_free {
    right: 15px;
    bottom: 0;
    text-align: right;
}

.md_pick_main .flag_wrap {
    position: relative;
    left: 0;
    top: 0;
    margin: 10px 15px 0;
}

.md_pick_main .flag_wrap em {
    position: static;
    margin: 5px 5px 0 0
}

.md_pick_main .flag_wrap em:nth-child(1):before {
    content: "";
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 1px;
    background: #f1f1f1;
}

.md_pick_main .flag_wrap em:last-child {
    margin-bottom: 25px;
}

.md_pick_main .goods_temp_list ul li+li {
    margin-top: 10px;
}

.md_pick_main .goods_temp_list .goods_benefit_num {
    right: 15px;
    bottom: 9px;
}

.md_pick_main .goods_temp_list .goods_price {
    padding: 12px 14px
}

.md_pick_main .goods_temp_list .goods_price .goodTit_sbox p {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #2ab4a2;
    font-size: 14px
}

.md_pick_main .goods_temp_list .goods_price .tit {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #222;
    font-size: 16px;
    height: auto;
    max-height: 40px;
    margin-bottom: 2px
}

.md_pick_main .goods_temp_list .priceArea .priceBase {
    font-size: 14px;
    color: #b0b0b0;
}

.md_pick_main .goods_temp_list .priceArea .priceBase .won {
    font-size: 13px
}

.md_pick_main .goods_temp_list .priceArea dl dt {
    display: inline-block;
    width: 87px;
    color: #222;
}

.md_pick_main .goods_temp_list .priceArea dl dd {
    display: inline-block;
    line-height: 20px;
    margin-top: 1px;
}

.md_pick_main .goods_temp_list .priceArea dl dd .priceBlack {
    vertical-align: -.5px;
    letter-spacing: -.5px;
    font-size: 19px;
    font-family: 'Malgun Gothic', arial, sans-serif, Helvetica;
    color: #222
}

.md_pick_main .goods_temp_list .priceArea dl dd .priceGray {
    letter-spacing: -.5px;
    font-size: 19px;
    font-family: 'Malgun Gothic', arial, sans-serif, Helvetica;
    color: #888
}

.md_pick_main .goods_temp_list .priceArea dl dd .textWonBlack {
    letter-spacing: 0;
    font-size: 14px;
    margin: 0;
    color: #222;
}

.md_pick_main .goods_temp_list .priceArea dl dd .textWonGray {
    letter-spacing: 0;
    font-size: 14px;
    margin: 0;
    color: #888;
}

.md_pick_main .goods_temp_list .priceArea .specialPick dt {
    color: #e51937;
    font-weight: bold;
    width: 39px;
}

.md_pick_sub .goods_temp_list.goods_second ul {
    padding-top: 15px;
    background: #fff;
}

.md_pick_sub .goods_temp_list.goods_second ul li {
    padding: 0 7.5px 15px 15px;
}

.md_pick_sub .goods_temp_list.goods_second ul li:nth-child(even) {
    padding: 0 15px 15px 7.5px;
}

.md_pick_sub .goods_temp_list.goods_second .goods_thumb .goods_thumb_img {
    border-bottom: 0;
}

/* E : 2020-02-17 #29209 하루특가 고도화  */
/* S : 2020-03-23 하루찬스 장애시 통배너 등록영역 */
.special_list_wrap .goods_temp_list .goods_box_system .goods_thumb_img {
    margin: -50px -25px 6px;
}

.special_list_wrap .goods_temp_list .goods_box_system .goods_thumb_img img {
    width: 100%;
    vertical-align: top;
}

.special_list_wrap .goods_temp_list .goods_box_system .time-wrap {
    margin: 0 -25px 0;
    padding: 0 8%;
}

/* E : 2020-03-23 하루찬스 장애시 통배너 등록영역 */
/* S : 2020-03-24 #31459 결제수단 토스 추가 */
/* .order_pay .pay_pg .payBottom.payCol2 {margin-top: 11px;margin-bottom: 14px;padding-top: 5px} */
.order_pay .pay_pg .payBottom.payCol2 .paylist {
    width: 50%;
    height: 40px;
    padding: 5px 0 0;
    margin: 0;
}

.order_pay .pay_pg .payBottom.payCol2 .paylist:nth-child(odd) {
    padding-right: 3px;
}

.order_pay .pay_pg .payBottom.payCol2 .paylist:nth-child(even) {
    padding-left: 3px;
}

.order_pay .pay_pg .payBottom.payCol2 .paylist:first-child,
.order_pay .pay_pg .payBottom.payCol2 .paylist:first-child+.paylist {
    margin-top: 5px
}

.order_pay .pay_pg .payBottom.payCol2 .paylist:last-child {
    margin-bottom: 14px
}

.order_pay .pay_pg .payBottom .toss>button:before {
    width: 47px;
    height: 12px;
    margin: -6px 0 0 -23.5px;
    background-position: -6px -135px;
}

.order_pay .pay_pg .payBottom .toss.selected>button {
    border-color: #0050ff;
    background-color: #0050ff;
}

.order_pay .pay_pg .payBottom .toss.selected>button:before {
    background-position: -63px -135px;
}

.order_pay .sub_pay_wrap.type2 .pay_select_con_type2.con_toss .sub_pay_btn {
    margin-top: 1.5px;
}

/* E : 2020-03-24 #31459 결제수단 토스 추가 */
/* S : 2020-03-30 #31387 릴레이팡팡 개선 */
.pang_wrap .em {
    color: #5972de;
}

.pang_wrap .pang_box .pang_head {
    padding: 12px 15px 5px;
}

.pang_wrap .pang_box .pang_head h2 {
    font-size: 15px;
    color: #222
}

.pang_wrap .pang_box .pang_head h2+a {
    float: right;
    margin-top: -18px;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
    position: relative
}

.pang_wrap .pang_box .pang_head h2+a i.ico_04 {
    top: 50%;
    margin-top: -5px;
}

.pang_wrap .pang_box .pang_body {
    margin: 0 15px;
}

/* 달성현황(pang_status) */
.pang_wrap .pang_status {
    padding-left: 0;
    padding-right: 0;
}

.pang_wrap .pang_status .pang_body {
    padding: 32px 15px 30px;
    margin: 0;
    background: #6c87e9;
    color: #fff;
}

.pang_status .top_text {
    text-align: center;
    margin-bottom: 26px;
}

.pang_status .top_text.completed {
    margin-bottom: 25px;
}

.pang_status .top_text .text {
    display: block;
    font-size: 15px;
    line-height: 1.3em;
}

.pang_status .top_text .text>strong .price {
    font-size: 16px;
}

.pang_status .top_text .text_lg {
    font-size: 20px;
    line-height: 1.3em;
}

.pang_status .top_text .text_lg>strong .price {
    font-size: 21px;
}

.pang_status .top_text .help {
    position: relative;
}

.pang_status .top_text .help .help_btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    margin-left: -1px;
    overflow: hidden;
    text-indent: -40px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_help_pkg.png) 0 0 no-repeat;
    background-size: 150px auto;
    vertical-align: 0;
}

.pang_status .top_text .help_box {
    display: none;
    position: absolute;
    right: 0;
    top: 21px;
    width: 193px;
    background: #4764cc;
    padding: 12px 15px;
    border: 1px solid #3852af;
    color: #fff;
    text-align: left;
    z-index: 100;
}

.pang_status .top_text .help_box .help_list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

.pang_status .top_text .help_box .help_sub {
    padding-left: 8px;
    margin-top: 5px;
    font-size: 11px;
    position: relative;
}

.pang_status .top_text .help_box .help_sub:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_help_pkg.png) -65px 0 no-repeat;
    background-size: 150px auto;
}

.pang_status .top_text .help_box .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 11px;
    margin-top: 8px;
    margin-right: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_help_pkg.png) -35px 0 no-repeat;
    background-size: 150px auto;
    overflow: hidden;
    text-indent: -50px;
}

.pang_status .top_text .btn {
    display: inline-block;
    margin-top: 10px;
    border-radius: 2px;
    border: 1px solid #fff;
    padding: 0 20px 0 8px;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    color: #4d69d2;
    font-size: 13px;
    font-weight: bold;
    background: #fff url(//image.hnsmall.com/images/mobile2014/mypage/pang_btn_arr.png?1) right 9px no-repeat;
    background-size: 16.5px auto;
}

.pang_status .pang_list_wrap {
    position: relative;
    width: 180px;
    min-height: 120px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_list_bg.png?1) 0 0 no-repeat;
    background-size: 100%;
    margin: auto;
}

.pang_status .pang_list_wrap:after {
    content: ' ';
    display: block;
    clear: both;
}

.pang_status .pang_list_wrap .pang_list {
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
    text-align: center;
    color: transparent;
    overflow: hidden;
}

.pang_status .pang_list_wrap .pang_list:nth-child(2),
.pang_status .pang_list_wrap .pang_list:nth-child(5) {
    margin-left: 15px;
    margin-right: 15px;
}

.pang_status .pang_list_wrap .pang_tick {
    display: none;
    position: absolute;
    color: transparent;
    font-size: 1px;
    line-height: 27.5px;
    font-weight: bold;
    white-space: nowrap;
    width: 50px;
    height: 35px;
    text-align: center;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_challenging.png?1) 0 0 no-repeat;
    background-size: 100%;
}

.pang_status .pang_list_wrap[class*=step] .pang_list {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_list_on.png) 0 0 no-repeat;
    background-size: 100%;
}

.pang_status .pang_list_wrap.step1 .pang_list {
    background: none;
}

.pang_status .pang_list_wrap.step2 .pang_list:nth-child(1)~.pang_list,
.pang_status .pang_list_wrap.step1end .pang_list:nth-child(1)~.pang_list {
    background: none;
}

.pang_status .pang_list_wrap.step3 .pang_list:nth-child(2)~.pang_list,
.pang_status .pang_list_wrap.step2end .pang_list:nth-child(2)~.pang_list {
    background: none;
}

.pang_status .pang_list_wrap.step4 .pang_list:nth-child(3)~.pang_list,
.pang_status .pang_list_wrap.step3end .pang_list:nth-child(3)~.pang_list {
    background: none;
}

.pang_status .pang_list_wrap.step5 .pang_list:nth-child(4)~.pang_list,
.pang_status .pang_list_wrap.step4end .pang_list:nth-child(4)~.pang_list {
    background: none;
}

.pang_status .pang_list_wrap.step6 .pang_list:nth-child(5)~.pang_list,
.pang_status .pang_list_wrap.step5end .pang_list:nth-child(5)~.pang_list {
    background: none;
}

.pang_status .pang_list_wrap.stepend .pang_list,
.pang_status .pang_list_wrap.step6end .pang_list {
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_list_on.png) 0 0 no-repeat;
    background-size: 100%;
}

.pang_status .pang_list_wrap[class*=step] .pang_tick {
    display: block;
    top: -17.5px;
}

.pang_status .pang_list_wrap.step1 .pang_tick {
    left: 0;
}

.pang_status .pang_list_wrap.step2 .pang_tick {
    left: 65px;
}

.pang_status .pang_list_wrap.step3 .pang_tick {
    left: 130px;
}

.pang_status .pang_list_wrap.step4 .pang_tick {
    left: 0;
    top: 53px;
}

.pang_status .pang_list_wrap.step5 .pang_tick {
    left: 65px;
    top: 53px;
}

.pang_status .pang_list_wrap.step6 .pang_tick {
    top: 53px;
    right: 0;
}

.pang_status .pang_list_wrap.stepend .pang_tick {
    top: 53px;
    right: -6px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step1end .pang_tick {
    left: -5.75px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step2end .pang_tick {
    left: 59.25px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step3end .pang_tick {
    left: 124.25px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step4end .pang_tick {
    left: -5.75px;
    top: 53px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step5end .pang_tick {
    left: 59.25px;
    top: 53px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_list_wrap.step6end .pang_tick {
    left: 124.25px;
    top: 53px;
    width: 61.5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/pang_tick_success.png?1);
}

.pang_status .pang_total {
    height: 42px;
    line-height: 42px;
    background: #3f5abe;
    text-align: center;
}

.pang_status .pang_total>strong .price {
    font-size: 16px;
}

.pang_status .pang_notice {
    margin-top: 17px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
}

/* 총누적혜택영역(pang_result) */
.pang_wrap .pang_result {
    margin-top: 10px;
    background: #fff;
}

.pang_result .pang_body {
    border-top: 1px solid #ebebeb;
}

.pang_result .text_tit {
    padding: 22px 0 23px;
    color: #000;
    font-size: 14px;
    text-align: center;
}

.pang_result .text_tit .price {
    font-size: 15px;
}

.pang_result .list_none {
    padding-top: 84px;
}

.pang_result .list_none p {
    font-size: 14px;
}

.pang_result .tableSt31.ver02 {
    border-top: 0
}

.pang_result .tableSt31.ver02 .tableSt3 {
    table-layout: fixed;
}

.pang_result .tableSt31.ver02 .tableSt3 thead tr th {
    font-size: 13px;
    height: 36px;
}

.pang_result .tableSt31.ver02 .tableSt3 thead tr th:last-child {
    border-right: 0;
}

.pang_result .tableSt31.ver02 .tableSt3 tbody tr td:first-child {
    border-left: 0;
}

.pang_result .tableSt31.ver02 .tableSt3 tbody tr td {
    font-size: 14px;
    padding: 12px 10px 11px;
    text-align: center;
}

.pang_result .tableSt31.ver02 .tableSt3 tbody tr td .em {
    color: #e51937;
}

.pang_result .tableSt31.ver02 .tableSt3 tbody tr td .won {
    font-size: 13px;
}

.pang_result .saving_note {
    padding: 7px 10px 8px;
    margin-bottom: 10px;
}

.pang_result .saving_note>li {
    position: relative;
    padding-bottom: 7px;
    padding-left: 8px;
    font-size: 12px;
    color: #888;
    letter-spacing: -0.5px;
}

.pang_result .saving_note>li:before {
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/pang_dot.png) 0 0 no-repeat;
    background-size: 3px;
}

/* 추천상품영역(pang_recommend) */
.pang_wrap .pang_recommend {
    margin-top: 10px;
    background: #fff;
}

.pang_recommend .pang_body {
    border-top: 1px solid #ebebeb;
}

.pang_recommend .text_tit {
    padding: 15px 0 18px;
    color: #000;
    font-size: 14px;
    text-align: center;
}

.pang_recommend .text_tit .price {
    font-size: 15px;
}

.pang_recommend .text_tit .text_sub {
    display: block;
    font-size: 13px;
    color: #666
}

.pang_recommend .text_tit .text_sub .price {
    font-size: 14px;
}

.pang_recommend .goods_temp_list ul {
    padding: 0 10px;
    background: none;
}

/* .pang_recommend .goods_temp_list.goods_third .goods_price {padding-bottom: 0;} */
.pang_recommend .goods_temp_list.goods_third {
    font-size: 12px
}

.pang_recommend .goods_temp_list.goods_third .goods_price .tit {
    font-size: 1.17em;
}

.pang_recommend .goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd .textWon {
    font-size: 12px
}

/* 릴팡배너(bot_banners) */
.pang_wrap .bot_banners {
    padding: 10px 0;
}

.pang_wrap .bot_banners>a {
    display: block;
}

.pang_wrap .bot_banners>a img {
    vertical-align: top;
}

/* 릴레이팡팡 주문상품 상세 내역 */
.relay_orderList_wrap.ver02 {
    padding: 0 0 10px;
    background: #eee;
}

.relay_orderList_wrap.ver02 .payment_list_check {
    padding: 10px 10px 6px;
    line-height: 20px;
    border-top: 1px solid #ddd;
}

.relay_orderList_wrap.ver02 .payment_list_check .checkbox_label {
    display: inline-block;
    vertical-align: top
}

.relay_orderList_wrap.ver02 .relay_list {
    padding: 0
}

.relay_orderList_wrap.ver02 .relay_list li {
    border: 0;
    border-top: 1px solid #898989;
    border-radius: 0;
}

.relay_orderList_wrap.ver02 .relay_list li .list_title {
    background: none;
    padding: 10px 10px 8px;
}

.relay_orderList_wrap.ver02 .relay_list li .list_title .ordertime {
    top: 10px;
}

.relay_orderList_wrap.ver02 .product_box {
    position: relative;
    padding: 15px 10px 15px 80px;
    min-height: 60px;
}

/* 2020-05-13 #2565 멘티스 수정  */
.relay_orderList_wrap.ver02 .product_box .img {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 60px;
    height: 60px;
}

.relay_orderList_wrap.ver02 .product_box .img img {
    width: 100%;
}

.relay_orderList_wrap.ver02 .product_box .product_tit {
    -webkit-line-clamp: 3;
    margin-top: -2px;
}

.relay_orderList_wrap.ver02 .product_box .product .price {
    margin-top: 3px;
}

.relay_orderList_wrap.ver02 .product_box .product .price>strong {
    font-size: 15px;
}

.relay_orderList_wrap.ver02 .product_box .product .product_payment {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #898989;
}

.relay_orderList_wrap.ver02 .product_box .product .product_payment .payment_x em,
.relay_orderList_wrap.ver02 .product_box .product .product_payment .payment_ok em {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_product_payment.png) no-repeat 0 0;
    background-size: 12px auto;
    color: transparent;
    vertical-align: -1px;
}

.relay_orderList_wrap.ver02 .product_box .product .product_payment .payment_x em {
    background-position: 0 -38px;
}

.relay_orderList_wrap.ver02+.btnMoreDefaultWrap.marginType02 {
    margin: -10px 0 0;
    padding: 0 10px 10px;
    background: #eee;
}

/* 2020-06-08 토스 주문 관련 문구 추가 (#33051) */
.tossReferTxt {
    float: right;
    margin-top: 1px;
    padding-right: 10px;
    color: #898989;
    font-size: 12px;
}

.tossReferTxt:after {
    display: block;
    clear: both;
    content: ""
}


/* 2020-07-01 메인 기획전 서브페이지로 이관 */
main .contents.plan_sub {
    padding-bottom: 10px;
}

.plan_sub .planCategory {
    position: relative;
    height: 34px;
    margin-top: 5px;
    padding: 0 10px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 33px;
}

.plan_sub .planCategory em {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 19px;
    height: 10px;
    margin-top: -5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat -100px -36px;
    background-size: 150px auto;
    text-indent: -1000px
}

.plan_sub .planCategory.active em {
    background-position: -100px -25px;
}

.plan_sub .planCategory span {
    margin-left: 2px;
    color: #e51937;
}

.plan_sub .planCatelist {
    margin-bottom: 10px;
    background: #fff;
}

.plan_sub .planCatelist ul {
    overflow: hidden;
}

.plan_sub .planCatelist ul li {
    float: left;
    width: 50%;
}

.plan_sub .planCatelist ul li a {
    display: block;
    overflow: hidden;
    padding: 0 10px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    color: #565656;
    font-size: 12px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.857rem;
}

.plan_sub .planCatelist ul li:nth-child(even) a {
    border-right: none;
}

.plan_sub .planCategory.active~.plan-list-area {
    margin-top: 10px;
}

.plan_sub .plan-list-area ul:after {
    content: '';
    display: block;
    clear: both;
}

.plan_sub .plan-list-area ul li {
    float: left;
    width: 50%;
}

.plan_sub .plan-list-area ul li:nth-child(2n+1) {
    clear: both;
}

.plan_sub .plan-list-area ul li a {
    display: block;
}

.plan_sub .plan-list-area ul li img {
    width: 100%;
    vertical-align: top;
}

.plan_sub .planCategory.active~section.boxPlan {
    margin-top: 10px !important;
}

.plan_sub .planCategory.active~.plan-list-area+section.boxPlan {
    margin-top: 0 !important;
}

.plan_sub .boxPlan {
    margin-top: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.plan_sub .boxPlan .goodImg {
    margin-bottom: 0;
}

.plan_sub .goodImg img,
.plan_sub .goodImg a img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.v2.plan_sub {
    background-color: #fff;
}

.v2.plan_sub .boxPlan .goodImg {
    margin-top: 10px;
}

/* S : 2020-07-02 토스 프로모션 관련 임시 노출 버튼 : 노출기간 07/09 ~ 7/31(금) am 11:59:59 */
.order_pay .pay_pg .payBottom .toss.tossevt>button:before {
    width: 66px;
    height: 23px;
    margin: -12px 0 0 -33px;
    background-position: -43.5px -152px;
}

.order_pay .pay_pg .payBottom .toss.tossevt.selected>button:before {
    background-position: -118.5px -152px;
}

.order_pay .pay_pg .payBottom .toss.tossevt>button:after {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    background-image: url(//image.hnsmall.com/images/mobile2014/order/img_order_pay.png?20200709);
    background-repeat: no-repeat;
    background-size: 250px auto;
    background-position: 0 -152px;
    width: 34px;
    height: 13px;
}

/* E : 2020-07-02 토스 프로모션 관련 임시 노출 버튼 : 노출기간 07/09 ~ 7/31(금) am 11:59:59 */

/* S: 2020-07-03 PASS 로그인 추가  */
.loginIptBox.loginIptBox_v2 .social-title {
    margin: 21px 0 12px;
    position: relative;
    text-align: center;
}

.loginIptBox.loginIptBox_v2 .social-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #ccc;
    width: 100%;
    height: 1px;
}

.loginIptBox.loginIptBox_v2 .social-title span {
    font-size: 12px;
    color: #666;
    letter-spacing: -0.5px;
    padding: 0 6px;
    background-color: #e9e8e8;
    z-index: 1;
    position: relative;
}

.loginIptBox.loginIptBox_v2 .login_type ul li a {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #ddd;
}

.loginIptBox.loginIptBox_v2 .login_type ul li a span {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 -2.5px;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 ul:after {
    content: '';
    display: block;
    clear: both;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 li {
    flex: 1;
    padding: 0 2.5px;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 ul li a span:before {
    display: block;
    margin: 0 auto 2px;
    height: 15px;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 ul li a {
    padding: 15px 0 5px;
}

.loginIptBox.loginIptBox_v2 .login_type.col4 ul li a span {
    line-height: inherit;
}

.loginIptBox .login_type ul li.pass a span:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_login.png?20200703);
    background-position: -20px -22px;
    width: 30px;
}

.loginIptBox .login_type ul li.apple a span:before {
    background-position: -54px -26px;
    width: 16px;
}

.loginIptBox.loginIptBox_v2 .login_type ul li.finger_id a span:before {
    width: 16px;
}

.loginIptBox.loginIptBox_v2 .sub-title {
    margin: 15px 0 34px;
    font-size: 12px;
    color: #222;
    letter-spacing: -0.5px;
    text-align: center;
}

.loginIptBox.loginIptBox_v2 .sub-title a {
    margin-left: 5px;
    border-bottom: 1px solid #222;
    color: #222;
}

.loginIptBox.loginIptBox_v2 .sub-title+.findUserInfo {
    margin-top: 0;
}

.loginIptBox.loginIptBox_v2 .findUserInfo {
    margin-bottom: 15px;
}

.loginIptBox.loginIptBox_v2 .findUserInfo a {
    color: #222;
    letter-spacing: -0.5px;
}

.loginIptBox.loginIptBox_v2 .findUserInfo a:first-child {
    left: 2px;
}

.loginIptBox.loginIptBox_v2 .findUserInfo a:after {
    top: 50%;
    margin-top: -7px;
}

.loginJoinBox.type3 .btn-area .btn-block {
    height: 42px;
    line-height: 42px;
}

.joinEndBox .btnLoginSave.pass {
    border-color: #ccc;
}

.joinEndBox .btnLoginSave.pass.active {
    border: 1px solid #8951ff;
    background: #8951ff;
}

.joinEndBox .btnLoginSave.pass .checkBox08 {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -2px 0 0;
    border: none !important;
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png?20200703);
    background-repeat: no-repeat;
    background-position: -104px 0;
    background-size: auto 17px;
    background-color: transparent;
    vertical-align: middle;
}

.joinEndBox .btnLoginSave.pass.active .checkBox08 {
    background-position: -277px 0
}

/* E: 2020-07-03 PASS 로그인 추가  */

/* S: 2020-07-07 apple 로그인 추가  */
.loginIptBox .login_type ul li.apple a span:before {
    background-position: -54px -26px;
    width: 16px;
}

.joinEndBox .btnLoginSave.apple {
    border-color: #ccc;
}

.joinEndBox .btnLoginSave.apple.active {
    border: 1px solid #000;
    background: #000;
}

/* E: 2020-07-07 apple 로그인 추가  */

/* S : 2020-11-25 #37092 apple 로그인 수정  */
.loginIptBox.loginIptBox_v2 .login_type.one ul li a {
    background-color: #000;
    border: 1px solid #000;
}

.loginIptBox.loginIptBox_v2 .login_type.one ul li a span {
    font-size: 15px;
    color: #fff;
}

.loginIptBox .login_type.one ul li a span:before {
    margin: -3px 5px 0 0;
}

.loginIptBox.loginIptBox_v2 .login_type.one ul li.finger_id a {
    background-color: #fff;
    border: 1px solid #ddd;
}

.loginIptBox.loginIptBox_v2 .login_type.one ul li.finger_id a span {
    color: #111;
}

.loginIptBox .login_type ul li.finger_id a span:before {
    width: 17px;
    height: 18px;
    background-position: -60px -52px;
}

.loginIptBox .login_type ul li.f_id a span:before {
    width: 16px;
    height: 16px;
    background-position: -21px -52px;
}

.loginIptBox .login_type ul li.t_id a span:before {
    width: 16px;
    height: 16px;
    background-position: 0px -52px;
}

.loginIptBox .login_type ul li.apple a span:before {
    width: 13px;
    height: 16px;
    background-position: -42px -52px;
}

.loginIptBox .login_type.one ul li.apple a span:before {
    margin: -4px 6px 0 0;
}

/* E: 2020-11-25 #37092 apple 로그인 수정  */

/* S: 2020-07-13 중카테고리 기획전 배너 영역 추가 */
.cate_samall .plan-banner-area {
    background-color: #e6e6e6;
    padding: 10px 0;
}

.cate_samall .plan-banner-area .banner-link {
    padding: 0 47px 0 20px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.5px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}

.cate_samall .plan-banner-area .banner-link+.banner-link {
    margin-top: 10px;
}

.cate_samall .plan-banner-area .banner-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: url(//image.hnsmall.com/images/mobile2014/category/bg_catagory_banner.png) no-repeat right top;
    background-size: cover;
    width: 150px;
    height: 60px;
}

.cate_samall .plan-banner-area .banner-link .title {
    display: inline-block;
    overflow: hidden;
    max-width: 62%;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.cate_samall .plan-banner-area .banner-link .num {
    font-size: 13px;
    vertical-align: top;
    margin-left: 5px;
}

.cate_samall .plan-banner-area .banner-link.bg-purple {
    background-color: #8f26fc;
}

.cate_samall .plan-banner-area .banner-link.bg-pink {
    background-color: #d03ccb;
}

.cate_samall .plan-banner-area .banner-link.bg-blue {
    background-color: #4a41fc;
}

.cate_samall .plan-banner-area .banner-link.bg-brown {
    background-color: #905f4c;
}

.cate_samall .plan-banner-area .banner-link.bg-orange {
    background-color: #f06c15;
}

.cate_samall .plan-banner-area .banner-link.bg-green {
    background-color: #189751;
}

.cate_samall .plan-banner-area .banner-link.bg-lightgreen {
    background-color: #94ae07;
}

.cate_samall .plan-banner-area .banner-link.bg-skyblue {
    background-color: #01a2a8;
}

/* E: 2020-07-13 중카테고리 기획전 배너 영역 추가 */

/* 2020-07-13 #34009 장바구니 팝업 스크롤 추가 */
.cart_use_guide.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 303px;
}

/* S: 2020-07-13 #34009 주문서 */
.order .personal-code-area {
    padding: 3px 10px 20px;
}

.order .personal-code-area .order_table {
    padding: 0;
}

.order .personal-code-area .order_table table th {
    width: 90px;
    font-size: 14px;
}

.order .personal-code-area .order_table table th label em {
    display: inline-block;
    margin-left: 4px;
    color: #e51937;
    vertical-align: top;
    font-size: 13px;
}

.order .personal-code-area .order_table input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 30px;
    margin-top: 4px;
}

.order .personal-code-area .chk-area {
    margin: 15px 0;
    position: relative;
    padding-left: 24px;
}

.order .personal-code-area .chk-area input {
    position: absolute;
    left: 0;
    top: -1px;
}

.order .personal-code-area .chk-area label {
    font-weight: bold;
    letter-spacing: -1px;
    font-size: 13px;
}

.order .personal-code-area .info-list {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

.order .personal-code-area .info-list .sale_info {
    padding-bottom: 0;
    letter-spacing: -0.5px;
    font-size: 12px;
}

.order .personal-code-area .info-list .sale_info:nth-child(2) {
    padding-right: 70px;
}

.order .personal-code-area .info-list .btn-datail {
    position: absolute;
    right: 0;
    padding-right: 10px;
    display: inline-block;
    text-decoration: underline;
    color: #565656;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_txt_arrow2.png) 100% 50% no-repeat;
    background-size: 4px auto;
}

.order .personal-code-area .info-list .btnTip {
    margin-left: 4px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 18px;
    height: 18px;
    color: transparent;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px 0;
    background-size: 300px auto;
}

.order .personal-code-area .refer {
    position: relative;
    padding-left: 20px;
    color: #898989;
    letter-spacing: -0.5px;
    font-size: 12px;
}

.order .personal-code-area .refer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -180px;
    background-size: 300px auto;
}

.order_pay .rylpangComt .culture_info {
    padding: 5px 0 15px;
    letter-spacing: -0.5px;
    font-size: 12px;
    color: #000;
    border-bottom: 1px solid #eee;
}

.order_pay .rylpangComt .culture_info .bold {
    font-weight: bold;
}

.order_pay .rylpangComt .culture_info+.sale_info {
    margin-top: 10px;
}

/* E: 2020-07-13 #34009 주문서 */

/* 2020-07-24 #34350 타이틀 변경  */
.multiSales>.tit h3 .related {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?34350) no-repeat -280px -129px;
    background-size: 300px auto;
    font-size: 0;
    color: transparent;
    line-height: 0;
    vertical-align: bottom;
}

/* 2020-08-06 #34655 애플로그인 심사리젝 보완 추가  */
.loginIptBox .text-area {
    margin: 16px 0 13px;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
}

/* 2020-09-11 #35101 선물하기 상품상세 */
.layer_btnT_wrap .btn_gift {
    display: none;
}

.layer_btnT_wrap.gift_btn_wrap:after {
    content: '';
    display: block;
    clear: both;
}

.layer_btnT_wrap.gift_btn_wrap>div {
    float: left;
}

.layer_btnT_wrap.gift_btn_wrap .btn_gift {
    display: block;
    width: 24%;
    padding-right: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.layer_btnT_wrap.gift_btn_wrap .btn_gift button {
    width: 100%;
    font-size: 12px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    height: 40px;
    text-align: center;
    padding: 4px 8px 3px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    outline: none;
}

.layer_btnT_wrap.gift_btn_wrap .btn_gift button:before {
    content: '';
    display: block;
    width: 16px;
    height: 17px;
    margin: 0 auto;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?35101) no-repeat 0 -332px;
    background-size: 300px auto;
}

.layer_btnT_wrap.gift_btn_wrap .btn_buy {
    width: 76%;
}

.layer_btnT_wrap.type2 {
    padding-top: 8px;
}

.layer_btnT_wrap .btn_buy.disabled {
    border-color: #888;
    background-color: #888;
}

.pop_wrap.pop_gift {
    top: auto;
    bottom: 60px;
}

.pop_wrap.pop_gift .pop_content:after {
    content: '';
    position: absolute;
    left: 30px;
    bottom: -9px;
    z-index: 9999;
    width: 17.5px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?35101) no-repeat -31px -332px;
    background-size: 300px auto;
}

.pop_wrap.pop_gift .pop_content {
    margin: 0 10px 10px;
    position: relative;
    z-index: 9999;
    background-color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
}

.pop_wrap.pop_gift .pop_content .content_wrap {
    padding: 18px 15px 0;
}

.pop_wrap.pop_gift .pop_content .title {
    font-size: 19px;
    color: #222;
    letter-spacing: -1px;
}

.pop_wrap.pop_gift .pop_content .title>strong {
    border-bottom: 1px solid #e8e8e8;
}

.pop_wrap.pop_gift .pop_content .title .color_blue {
    color: #3658fb;
}

.pop_wrap.pop_gift .pop_content .btn_link {
    font-size: 12px;
    color: #888;
    padding-right: 7px;
    position: relative;
    margin-top: 3px;
    display: inline-block;
}

.pop_wrap.pop_gift .pop_content .btn_link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 5px;
    height: 7px;
    margin-top: -3.5px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?35101) no-repeat -21px -332px;
    background-size: 300px auto;
}

.pop_wrap.pop_gift .pop_content .img_area img {
    width: 100%;
}

.pop_wrap.pop_gift .pop_content .btn_warp {
    margin-top: 13px;
}

.pop_wrap.pop_gift .pop_content .btn_warp:after {
    content: '';
    display: block;
    clear: both;
}

.pop_wrap.pop_gift .pop_content .btn_warp>button {
    float: left;
    width: 50%;
    border: none;
    outline: none;
    letter-spacing: -0.5px;
    border-top: 1px solid #bbb;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: normal;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.pop_wrap.pop_gift .pop_content .btn_warp .btn05 {
    color: #666;
}

@media (orientation: landscape) {
    .pop_wrap.pop_gift {
        top: auto !important;
        height: 234px;
    }

    .pop_wrap.pop_gift .pop_content.scrollY {
        max-width: 500px;
    }

    .pop_wrap.pop_gift .pop_content.scrollY .content_wrap {
        max-height: 153px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

/* 2020-09-11 #35101 선물하기 주문하기  */
.order .banner_gift {
    font-size: 0;
}

.order .banner_gift img {
    width: 100%;
}

.order .order_import_wrap {
    position: relative;
}

.contents h1+.hiddenPayment .order_import_wrap .order_tit:nth-child(1) {
    border-top: 1px solid #cdcdcd;
}

.order .order_import_wrap .btn_import {
    position: absolute;
    right: 39px;
    top: 11px;
    z-index: 1;
    font-size: 12px;
    border-color: #bbb;
    padding: 3.5px 7px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
}

.order .order_gift_info .order_table {
    padding: 0 10px;
}

.order .order_gift_info .order_table table th {
    font-size: 14px;
    width: 90px;
}

.order .order_gift_info .order_table table th label em {
    display: inline-block;
    margin-left: 4px;
    color: #e51937;
    vertical-align: top;
    font-size: 13px;
}

.order .order_gift_info .order_table table td {
    padding: 8px 0;
    font-size: 13px;
}

.order .order_gift_info .regIptBox {
    margin: 0;
}

.order .order_gift_info .regIptBox .telWrap .selectWrap select {
    height: 28px;
}

.order .order_gift_info .regIptBox .telWrap .selectWrap .inner {
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
}

.order .order_gift_info .regIptBox .telWrap .placeholderWrap {
    height: 28px;
    line-height: 28px;
}

.order .order_gift_info .regIptBox .telWrap .placeholderWrap:after {
    height: 28px;
    line-height: 28px;
}

.order .order_gift_info .regIptBox .telWrap .placeholderWrap .inner {
    padding: 0 8px;
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
}

.order .order_gift_info .regIptBox .telWrap .placeholderWrap input {
    height: 26px;
    background: #f9f9f9;
    font-weight: normal;
}

.order .order_gift_info .regIptBox .telWrap .options {
    position: relative;
    float: left;
    display: inline-block;
    height: 28px;
    padding-right: 12px;
    line-height: 28px;
    vertical-align: middle;
    -webkit-box-sizing: border-box
}

.order .order_gift_info .regIptBox .telWrap .options:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 12px;
    content: '-';
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.order .order_gift_info .regIptBox .telWrap .options select {
    height: 28px;
    font-size: 14px;
    color: #333;
    vertical-align: top;
}

.order .order_gift_info .regIptBox .telWrap .selectWrap .selectedView {
    padding-right: 10px;
}

.order .order_gift_info .regIptBox .telWrap .selectWrap .inner {
    padding-left: 7px;
}

.order .order_gift_info .info-list {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin: 0 10px 10px;
}

.order .order_gift_info .info-list .sale_info {
    letter-spacing: -0.5px;
    font-size: 12px;
}

.order .gift_text {
    padding: 10px;
}

.order .gift_text textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 110px;
    font-size: 13px;
}

.order .gift_text textarea:-webkit-placeholder {
    font-size: 13px;
}

.order .gift_text textarea:-ms-placeholder {
    font-size: 13px;
}

.order .gift_text textarea:-moz-placeholder {
    font-size: 13px;
}

.order .gift_text .byte {
    margin-top: 3px;
    margin-bottom: 8px;
    text-align: right;
    font-size: 12px;
    color: #898989;
}

/* 2020-09-11 #35101 선물하기 주문완료 */
.glift_complete_area .order_list li .goodsBox .gift_zone {
    min-height: 60px;
}

.glift_complete_area .order_list li .goodsBox .goods.type02 .goodsTit {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.glift_complete_area .gift_complete_text {
    text-align: center;
    padding: 18px 0 18px;
}

.glift_complete_area .gift_complete_text .text {
    font-size: 16px;
    color: #000;
    letter-spacing: -0.5px;
}

.glift_complete_area .gift_complete_text .text+.sub_text {
    margin-top: 5px;
    letter-spacing: -0.5px;
}

.glift_complete_area .gift_complete_text .sub_text {
    font-size: 14px;
    color: #888;
}

.glift_complete_area .gift_mag_area {
    margin: 10px 10px 16px;
}

.glift_complete_area .gift_mag_area p {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px;
    min-height: 110px;
    font-size: 13px;
    color: #232323;
}

/* 2020-09-11 #35101 선물하기 마이페이지 */
.order_list_v2 .orderStatBox.ico_gift_red {
    padding-left: 10px;
}

.order_list_v2 .orderStatBox.ico_gift_red .orderStat {
    position: relative;
    padding-left: 20px;
}

.order_list_v2 .orderStatBox.ico_gift_red .orderStat:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 17px;
    margin-top: -8.5px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_gift.png) no-repeat 0 0;
    background-size: 100px auto;
}

.order_list_v2 .order_red.ico_gift_red {
    padding-left: 31px;
}

.order_list_v2 .order_red.ico_gift_red:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 16px;
    height: 17px;
    margin-top: -8.5px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_gift.png) no-repeat 0 0;
    background-size: 100px auto;
}

.order_mint.ico_gift_mint {
    padding-left: 88px;
}

.order_mint.ico_gift_mint:before {
    content: '';
    position: absolute;
    left: 68px;
    top: 2px;
    width: 16px;
    height: 17px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_gift.png) no-repeat -26px 0;
    background-size: 100px auto;
}

.order_list_v2 .btnReorder.btnGray,
.order_list_v2 li:last-child .btnReorder.btnGift {
    padding-bottom: 0;
}

.order_list_v2 li .btnReorder.btnGift {
    padding-bottom: 13px;
}

.order_list_v2 .btnReorder.btnGray a {
    border-color: #888;
    color: #fff;
    background-color: #888;
}

.order_list_v2 .btnReorder.btnGray+.btnReorder {
    padding-top: 5px;
}

/* 2020-09-11 #35101 선물하기 알림톡 */
.header_gift {
    border-bottom: 1px solid #cdcdcd;
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    z-index: 1;
}

.header_gift h1 {
    font-size: 16px;
    color: #000;
}

.header_gift .btn_home {
    position: absolute;
    top: 50%;
    right: 10px;
    font-size: 12px;
    color: #565656;
    letter-spacing: -0.5px;
    border: 1px solid #bbb;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    margin-top: -12.5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

section.contents.talk {
    padding-top: 40px;
    position: relative;
}

.talk_gift_area .info_input {
    padding: 12px 0 12px 10px;
    color: #666;
    font-size: 12px;
}

.talk_gift_area .gift_product_area {
    position: relative;
    background-color: #4464ff;
    padding: 0 10px 25px;
}

.talk_gift_area .gift_product_area:before,
.talk_gift_area .gift_product_area:after {
    content: '';
    position: absolute;
    top: 0;
    background: url(//image.hnsmall.com/images/mobile2014/etc/talk/bg_gift_left.png) no-repeat left top;
    background-size: cover;
    width: 116px;
    height: 110px;
}

.talk_gift_area .gift_product_area:before {
    left: 0;
}

.talk_gift_area .gift_product_area:after {
    right: 0;
    background: url(//image.hnsmall.com/images/mobile2014/etc/talk/bg_gift_right.png) no-repeat right top;
    background-size: cover;
    width: 85px;
}

.talk_gift_area .gift_product_area .gift_top {
    padding: 43px 0 27px 0;
    text-align: center;
}

.talk_gift_area .gift_product_area .gift_state {
    color: #fff;
    font-size: 20px;
    position: relative;
    letter-spacing: -1px;
    line-height: 22px;
}

.talk_gift_area .gift_product_area .gift_top.gift_arrive {
    padding-left: 40%;
    text-align: left;
}

.talk_gift_area .gift_product_area .gift_arrive .gift_state {
    padding-left: 2px;
}

.talk_gift_area .gift_product_area .gift_arrive .gift_state:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -80px;
    background: url(//image.hnsmall.com/images/mobile2014/etc/talk/ico_talk_gift.png) no-repeat center center;
    width: 70px;
    height: 54px;
    background-size: 70px 54px;
    margin-top: -27px;
}

.talk_gift_area .gift_product_area .gift_top.gift_delivery {
    padding-left: 35%;
    text-align: left;
    margin-left: -1px;
}

.talk_gift_area .gift_product_area .gift_delivery .gift_state:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -61px;
    background: url(//image.hnsmall.com/images/mobile2014/etc/talk/ico_talk_dv.png) no-repeat center center;
    width: 47px;
    height: 43px;
    background-size: 47px 43px;
    margin-top: -21px;
}

.talk_gift_area .gift_product_area .gift_state .name {
    max-width: 54%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    ;
}

.talk_gift_area .gift_product_area .gift_product {
    background-color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    padding-top: 20px;
}

.talk_gift_area .gift_product_area .gift_product .product_box {
    padding: 0 20px 17px;
}

.talk_gift_area .gift_product_area .gift_product .product {
    position: relative;
    padding-left: 102px;
    min-height: 93px;
    overflow: hidden;
}

.talk_gift_area .gift_product_area .gift_product .product .img {
    position: absolute;
    left: 0;
    top: 0px;
    height: 90px;
    width: 90px;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    overflow: hidden;
    box-sizing: border-box;
}

.talk_gift_area .gift_product_area .gift_product .product .img img {
    width: 100%;
}

.talk_gift_area .gift_product_area .gift_product .product .product_tit {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-top: 3px;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #232323;
}

.talk_gift_area .gift_product_area .gift_product .product .product_tit+.pd_op {
    margin-top: 5px;
}

.talk_gift_area .gift_product_area .gift_product .product .pd_op {
    color: #898989;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.talk_gift_area .gift_product_area .gift_product .gift_mag {
    padding: 17px 20px 23px;
    border-top: 1px solid #efefef;
}

.talk_gift_area .gift_product_area .gift_product .gift_mag .mag_tit {
    position: relative;
    font-size: 14px;
    color: #222;
    font-weight: bold;
    padding-left: 21px;
}

.talk_gift_area .gift_product_area .gift_product .gift_mag .mag_tit:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background: url(//image.hnsmall.com/images/mobile2014/etc/talk/ico_talk_mag.png) no-repeat center center;
    background-size: 15px 10px;
    width: 15px;
    height: 10px;
    margin-top: -6px;
}

.talk_gift_area .gift_product_area .gift_product .gift_mag .mag_tit+.message {
    margin-top: 5px;
}

.talk_gift_area .gift_product_area .gift_product .gift_mag .message {
    font-size: 13px;
    color: #444;
}

.talk_gift_area .gift_receive_area .gift_receive_tit {
    font-size: 15px;
    background: #f4f4f4;
    padding: 0 10px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ddd;
    letter-spacing: -0.5px;
}

.talk_gift_area .gift_receive_area .gift_table {
    padding: 0 10px;
}

.talk_gift_area .gift_receive_area .gift_table table {
    width: 100%;
}

.talk_gift_area .gift_receive_area .gift_table table tr {
    border-bottom: 1px solid #ddd;
}

.talk_gift_area .gift_receive_area .gift_table table th {
    width: 119px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    vertical-align: top;
    padding: 15px 0;
}

.talk_gift_area .gift_receive_area .gift_table table td {
    padding: 8px 0;
    text-align: left;
    color: #232323;
    font-size: 13px;
}

.talk_gift_area .gift_receive_area .chk_area {
    padding-left: 25px;
    position: relative;
    margin: 15px 10px 30px;
}

.talk_gift_area .gift_receive_area .chk_area input {
    position: absolute;
    top: 0;
    left: 0;
}

.talk_gift_area .gift_receive_area .chk_area label {
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    letter-spacing: -0.5px;
}

.talk_gift_area .gift_receive_area .chk_area.active {
    margin-bottom: 10px;
}

.talk_gift_area .gift_receive_area .chk_area .btn_toggle {
    background-color: transparent;
    border: none;
    position: absolute;
    padding-right: 13px;
    right: 0;
    font-size: 12px;
    color: #565656;
}

.talk_gift_area .gift_receive_area .chk_area .btn_toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 7px;
    height: 4px;
    margin-top: -3px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -70px -185px;
    background-size: 300px auto;
}

.talk_gift_area .gift_receive_area .chk_area.active .btn_toggle:after {
    background-position: -70px -180px;
}

.talk_gift_area .gift_receive_area .chk_area+.gift_agree_box {
    display: none;
}

.talk_gift_area .gift_receive_area .chk_area.active+.gift_agree_box {
    display: block;
}

.talk_gift_area .gift_receive_area .gift_agree_box {
    margin: 0 10px 30px;
    padding: 10px;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
}

.talk_gift_area .list_area {
    padding: 13px 10px 33px;
}

.talk_gift_area .sale_info {
    position: relative;
    font-size: 12px;
    padding-left: 8px;
    padding-bottom: 5px;
    color: #898989
}

.talk_gift_area .sale_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
}

.talk_gift_area .btn_area {
    margin: 0 10px 50px;
}

.talk_gift_area .btn_area .btn02 {
    background-color: #666;
    border: none;
}

.talk_gift_area .gift_receive_area+.btn_area {
    margin-top: 20px;
}

.talk_gift_area .join_app_area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.talk_gift_area .list_li2 {
    overflow: hidden;
}

.talk_gift_area .list_li2 li {
    float: left;
    width: 50%;
}

.talk_gift_area .list_li2 li a {
    display: block;
}

.talk_gift_area .list_li2 li:nth-child(1) a {
    margin-right: 3px;
}

.talk_gift_area .list_li2 li:nth-child(2) a {
    margin-left: 3px;
}

.talk_gift_area .join_app_area .list_li2 li a {
    margin: 0;
}

.talk_gift_area .join_app_area .list_li2 li:nth-child(2) a {
    border-left: 1px solid #ccc;
}

.talk_gift_area .join_app_area .list_li2 li .btn05 {
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: none;
    border-top: 1px solid #ccc;
    font-size: 15px;
    color: #666;
    font-weight: bold;
    border-radius: 0;
    -webkit-border-radius: 0;
}

/* 2023-03-20 ITSRI-11550 선물 하기 */
.order-wrap .dib {
    display: inline-block;
    vertical-align: middle;
}

.order-wrap {
    padding-top: 40px;
    padding-bottom: 0px;
    letter-spacing: -0.26px;
}

.order-wrap .sub-top-tit {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.order-wrap.bg-gray {
    min-height: 100vh;
    background: #f6f6f6;
    box-sizing: border-box;
}

.order-wrap .sub-tit-fix {
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}

.app_setup+.hns-sub-page~main .order-wrap {
    padding-top: 139px;
}

.hns-sub-page~main .order-wrap {
    padding-top: 94px;
}

.order-wrap .top-tit,
.order-form-table th {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #282a33;
    font-weight: bold;
}

.sub-top-tit .hns-util {
    display: none;
}

.order-header {
    padding-top: 50px;
}

.order-header .sub-top-tit {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #bbb;
    box-sizing: border-box;
}

.order-header .sub-top-tit h2 {
    padding-top: 17px;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: normal;
    letter-spacing: normal;
}

.order-header .sub-top-tit>a:first-child {
    top: 13px;
    left: 15px;
    background: none;
}

.order-header .sub-top-tit>a:first-child::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/header/ico_header_back2.png) center no-repeat;
    background-size: 25px;
}

.order-header .sub-top-tit .hns-util {
    display: flex;
    position: absolute;
    top: 13px;
    right: 15px;
    font-size: 0;
}

.order-header .sub-top-tit .hns-util a {
    display: block;
    position: static;
}

.order-header .sub-top-tit .hns-util .hns-home {
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/header/ico_header_home.png) center no-repeat;
    background-size: 25px;
}

/* input */
.order-wrap input[type="text"],
.order-wrap input[type="number"],
.order-wrap input[type="tel"] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    border-color: #ddd;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-indent: 0;
    box-sizing: border-box;
    color: #111;
}

.order-wrap input[type="text"]::placeholder,
.order-wrap input[type="number"]::placeholder,
.order-wrap input[type="tel"]::placeholder {
    color: #bbb;
    font-weight: normal;
}

.order-wrap input[type="text"]:read-only,
.order-wrap input[type="number"]:read-only,
.order-wrap input[type="tel"]:read-only {
    background-color: #f6f6f6;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #333;
}

.order-wrap input[type="text"]:focus,
.order-wrap input[type="number"]:focus,
.order-wrap input[type="tel"]:focus {
    border-color: #111;
}

.order-wrap input[type="text"]:read-only:focus,
.order-wrap input[type="number"]:read-only:focus,
.order-wrap input[type="tel"]:read-only:focus {
    border-color: #ddd;
}

.Shipping-addr input[type="radio"],
.order-wrap input[type="radio"],
.order-wrap input:checked[type="radio"],
.order-wrap input[type="checkbox"],
.order-wrap input[type="checkbox"][disabled] {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat;
    background-size: 150px auto;
}

.order-wrap input[type="checkbox"] {
    width: 21px;
    height: 21px;
    background-position: 0 0;
}

.order-wrap input[type="checkbox"]:checked {
    background-position: -25px 0;
}

.order-wrap input.check-black[type="checkbox"]:checked {
    background-position: -25px -25px;
}

.Shipping-addr input[type="radio"],
.order-wrap input[type="radio"] {
    width: 20px;
    height: 20px;
    background-position: -50px 0;
}

.Shipping-addr input:checked[type="radio"],
.order-wrap input[type="radio"]:checked {
    background-position: -75px 0;
}

.order-wrap input[type="checkbox"][disabled],
.order-wrap input.check-black[type="checkbox"][disabled] {
    background-position: 0 -25px;
}

.order-wrap input.check-toggle[type="checkbox"],
.order-wrap input.check-toggle[type="checkbox"][disabled] {
    width: 48px;
    height: 24px;
    background-position: -100px -0px;
}

.order-wrap input.check-toggle[type="checkbox"]:checked,
.order-wrap input.check-toggle[type="checkbox"]:checked[disabled] {
    background-position: -100px -25px;
}

.order-wrap .select-naverpay,
.order-wrap select {
    display: inline-block;
    height: 40px;
    padding: 10px 30px 10px 15px;
    border-color: #ddd;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    letter-spacing: -0.3px;
    text-indent: 0;
    box-sizing: border-box;
    background: #fff url(//image.hnsmall.com/images/mobile2014/order/icon_select_bg.png) right 8px no-repeat;
    background-size: 100px auto;
    white-space: pre-wrap;
}

.order-wrap input.select-naverpay:read-only {
    background-color: #fff;
}

.order-wrap select:disabled {
    color: #a1a1a1;
}

.order-wrap select.select-mid {
    height: 44px;
    padding: 5px 12px 0 15px;
    font-size: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_select_bg.png) right 11px no-repeat;
    background-size: 100px auto;
}

.order-wrap select.select-small {
    height: 28px;
    padding: 2px 12px 0 15px;
    font-size: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_select_bg.png) right 3px no-repeat;
    background-size: 100px auto;
}

.order-wrap.cart input[type="checkbox"],
.order-wrap.cart input[type="radio"] {
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_check_off.png) no-repeat;
    background-size: 20px;
}

.order-wrap.cart input[type="checkbox"]:checked,
.order-wrap.cart input[type="radio"]:checked {
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_check_on.png) no-repeat;
    background-size: 20px;
}

/* 수량 증감 */
.order-wrap .option-num {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 114px;
    height: 36px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
}

.order-wrap .option-num .num {
    width: 34%;
    height: 100%;
    padding: 0;
    border: 0;
    text-align: center;
    font-weight: 500;
}

.order-wrap .option-num button {
    position: relative;
    display: inline-block;
    flex: 1;
    width: 33%;
    height: 100%;
    border: 0;
}

.order-wrap .option-num button:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
}

.order-wrap .option-num button.minus {
    border-radius: 4px 0 0 4px;
}

.order-wrap .option-num button.minus.disabled::before {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_option_minus_d.png) no-repeat;
    background-size: 12px 12px;
}

.order-wrap .option-num button.plus {
    border-radius: 0 4px 4px 0;
}

.order-wrap .option-num button.minus::before {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_option_minus.png) no-repeat;
    background-size: 12px 12px;
}

.order-wrap .option-num button.plus::before {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_option_plus.png) no-repeat;
    background-size: 12px 12px;
}

/* button */
.order-wrap button {
    border: 0;
    color: transparent;
    background-color: transparent;
}

.order-wrap .btn-bottom {
    display: flex;
    padding: 0 15px;
}

.order-wrap .btn-bottom a,
.order-wrap .btn-bottom button {
    flex: 1;
    text-align: center;
    font-size: 17px;
    line-height: 49px;
    height: 49px;
    font-weight: normal;
    letter-spacing: -0.34px;
    border-radius: 4px;
    box-sizing: border-box;
}

.order-wrap .btn-bottom a+*,
.order-wrap .btn-bottom button+* {
    margin-left: 5px;
}

.order-wrap .btn-bottom button {
    width: 100%;
    padding: 5px 0;
    margin-top: -5px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #666;
    background-color: transparent;
}

.order-wrap .btn-bottom button:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 15px;
    margin-left: 5px;
    margin-top: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_arr_right_7x15.png) center center no-repeat;
    background-size: 7px auto;
    vertical-align: middle;
}

.order-wrap .fixed-bottom-btn {
    height: 92px;
    background-color: #f6f6f6;
}

.order-wrap .fixed-bottom-btn-inner {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0 21px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 -5px 12px 0 rgba(0, 0, 0, 0.05);
}

.order-wrap .btn-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 24px;
    font-size: 1px;
    color: transparent;
    background: none;
}

.order-wrap .btn-toggle i.ico-arr {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_arr_16x16.png) no-repeat;
    background-size: 16px auto;
}

.order-wrap .toggle-type.active .btn-toggle i.ico-arr {
    transform: rotate(-180deg);
    top: 8px;
}

.order-wrap .bottom-agree-box .btn-toggle i.ico-arr {
    top: 6px;
}

.order-wrap .bottom-agree-box.toggle-type.active .btn-toggle i.ico-arr {
    transform: rotate(-180deg);
    top: 5px;
}

.order-wrap .txt-line a {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    text-decoration: underline;
}

.btn-red-large,
.btn-pink-large,
.btn-line-large,
.btn-black-large {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 49px;
    border-radius: 4px;
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.34px;
    color: #fff;
    background-color: #f51d2c;
    box-sizing: border-box
}

.btn-red-large em,
.btn-pink-large em,
.btn-line-large em,
.btn-black-large em {
    font-size: 18px;
    letter-spacing: -0.36px;
    font-weight: bold;
}

.btn-black-large {
    background: #111;
    color: #fff;
}

.btn-pink-large {
    background: #ffdee0;
    color: #111;
}

.btn-pink-large em {
    color: #f51d2c;
}

.btn-line-large {
    background: #fff;
    border: 1.5px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    color: #111;
}

.btn-line-large.black {
    border-color: #333;
    color: #111;
    font-weight: normal;
}

.btn-line-large.red {
    border-color: #f51d2c;
    font-size: 17px;
    color: #f51d2c;
}

.order-wrap .btn-txt-arr {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #666;
}

.order-wrap .btn-txt-arr:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_arr_right_7x15.png) 0 0 no-repeat;
    background-size: 7px auto;
    vertical-align: middle;
}

.order-wrap .btn-black,
.order-wrap .btn-line-arr,
.order-wrap .btn-line {
    display: inline-block;
    min-width: 80px;
    height: 40px;
    padding: 13px 15px 13px;
    border-radius: 4px;
    background-color: #fff;
    line-height: 15px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
}

.order-wrap .btn-black {
    background-color: #111;
    font-size: 14px;
    color: #fff;
}

.order-wrap .btn-line-arr,
.order-wrap .btn-line {
    border: 1px solid #ddd;
    font-size: 13px;
    color: #333;
}

.order-wrap .btn-line-arr::after {
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    margin: -2px 0 0 6px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v12/icon/ico_sel_arr.png) no-repeat;
    background-size: auto 16px;
    vertical-align: middle;
}

.order-wrap .btn-line-arr.active::after,
.order-wrap .btn-line-arr.on::after {
    transform: rotate(180deg);
}

.order-wrap .btn-line.disabled {
    background: #f6f6f6;
    color: #bbb;
    cursor: inherit;
}

.order-wrap .btn-line.black {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #282a33;
    border: 1.5px solid #333;
    box-sizing: border-box
}

.btn-line.red {
    padding-top: 12px;
    border-color: #f51d2c;
    color: #f51d2c;
    font-size: 14px;
    font-weight: bold;
}

.shippingList-conts .btn-line.black {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 4px;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    letter-spacing: -0.3px;
    color: #111;
    border: 1.5px solid #333;
    box-sizing: border-box;
    background: #fff;
}

.order-wrap .btn-black-mid,
.order-wrap .btn-line-mid {
    display: inline-block;
    min-width: 80px;
    height: 36px;
    padding: 11px 10px 0;
    border-radius: 4px;
    background-color: #fff;
    font-size: 13px;
    color: #333;
    line-height: 14px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
}

.order-wrap .btn-black-mid {
    background-color: #111;
    color: #fff;
    border: 1px solid #111;
}

.order-wrap .btn-line-mid {
    border: 1px solid #ddd;
}

body .btn-line-small,
body .btn-gray-small {
    display: inline-block;
    min-width: 46px;
    height: 28px;
    padding: 5px 10px 6px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
}

body .btn-gray-small {
    background-color: #f6f6f6;
}

body .btn-line-small {
    border: 1px solid #ddd;
}

.order-wrap .btn-bottom a+.btn-applepay {
    margin-left: 0;
}

.order-wrap .btn-applepay {
    background: #111;
    color: #fff;
}

.order-wrap .btn-applepay .ico-applepay {
    display: inline-block;
    margin-right: 3px;
    width: 48px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_Applepay.png) 100% / 100% no-repeat;
}

/* icons */
i[class*=ico-] {
    display: inline-block;
    margin-top: -3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat;
    background-size: 150px;
}

i.ico-plus2 {
    width: 28px;
    height: 28px;
    background-position: 0 -150px;
}

i.ico-close {
    width: 25px;
    height: 25px;
    background-position: -0px -200px;
}

i.ico-copy {
    width: 20px;
    height: 20px;
    background-position: -50px -50px;
}

i.ico-download {
    width: 20px;
    height: 20px;
    background-position: -75px -150px;
}

i.ico-check {
    width: 19px;
    height: 19px;
    background-position: -100px -150px;
}

i.ico-info1 {
    width: 18px;
    height: 18px;
    background-position: -0px -50px;
}

i.ico-info2 {
    width: 18px;
    height: 18px;
    background-position: -25px -50px;
}

i.ico-info3 {
    width: 18px;
    height: 18px;
    background-position: -0px -75px;
}

i.ico-plus {
    width: 18px;
    height: 18px;
    background-position: -50px -150px;
}

i.ico-arr-r {
    width: 16px;
    height: 16px;
    background-position: -75px -99.5px;
}

i.ico-arr-r02 {
    width: 7px;
    height: 12px;
    background-position: -50px -125px;
}

i.ico-black-plus {
    width: 18px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ic_plus_36.png) 0 / 100% no-repeat;
    margin-top: 0;
    margin-left: 2px;
}

i.req {
    display: inline-block;
    font-size: 13px;
    color: #f51d2c;
    vertical-align: middle;
}

.Z::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    margin-top: -3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -75px;
    background-size: 150px;
}

.order-wrap .txt-link {
    position: relative;
    color: #282a33;
    font-size: 13px;
    line-height: 14px;
}

.order-wrap .txt-link::before {
    display: inline-block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1px;
    background-color: #111;
}

.order-wrap .txt-link::after {
    display: inline-block;
    content: '';
    margin-left: 5px;
    width: 6px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_link_arr.png) 0 / 100% no-repeat;
    vertical-align: -1px;
}

/* dot-type */
.order-wrap .dot-list {
    margin-top: 10px;
}

.order-wrap .dot-list li {
    position: relative;
    padding-left: 7px;
    text-indent: 0;
    font-size: 13px;
    line-height: 19px;
    color: #333;
}

.order-wrap .dot-list li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background-color: #333;
}

.order-wrap .dot-list li+li {
    margin-top: 5px;
}

.order-wrap .dot-list.type2 {
    margin-top: 8px;
}

.order-wrap .dot-list.type2 li {
    font-size: 13px;
    line-height: 19px;
    color: #888;
    letter-spacing: -0.26px;
}

.order-wrap .dot-list.type2 li:before {
    top: 7px;
    background-color: #888;
}

.order-wrap .gray-box .dot-list.type2 li:before {
    top: 8px;
    background-color: #888;
}

.order-wrap .dot-list.type2 li.emp {
    padding-left: 13px;
}

.order-wrap .dot-list.type2 li.emp:before {
    content: '※';
    top: 0;
    font-size: 11px;
    background-color: transparent;
}

.order-wrap .dot-list.type2 li a {
    display: block;
    color: #111;
    text-decoration: underline;
}


/* font-style */
.order-wrap .txt1 {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #282a33;
}

.order-wrap .txt2 {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #282a33;
}

.order-wrap .txt3 {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #282a33;
}

.order-wrap .txt4 {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #333;
}

.order-wrap .txt5 {
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #111;
}

.order-wrap .txt-gray1 {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #666;
}

.order-wrap .txt-gray2 {
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #888;
}

.order-wrap .txt-gray3 {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #666;
    line-height: 18px;
}

.order-wrap .txt-gray4 {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #888;
    line-height: 19px;
}

.order-wrap .txt-gray5 {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #888;
}

.order-wrap .txt-gray6 {
    font-size: 12px !important;
    color: #666 !important;
}

.order-wrap .c1 {
    color: #f51d2c !important;
}

.order-wrap .c2 {
    color: #2b6cff !important;
}

/* tooltip */
.order-wrap .tip-wrap {
    position: relative;
    margin-top: 10px;
    font-size: 0;
    line-height: 0;
}

.order-wrap .tip-wrap .tip-tit {
    display: inline-block;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #666;
}

.order-wrap .tip-wrap .tip-open {
    width: 18px;
    height: 18px;
    border: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_tooltip_Q_36x36.png) center no-repeat;
    background-size: 18px auto;
    vertical-align: top;
}

.order-wrap .tip-wrap .tip-tit~.tip-open {
    margin-left: 5px;
}

.order-wrap .tip-wrap .tip-open.ty2 {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) 0 -50px no-repeat;
    background-size: 150px auto;
}

.order-wrap .tip-wrap .tip-box {
    min-width: 250px;
    width: 66.6vw;
    z-index: 9;
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    padding: 15px;
    box-sizing: border-box;
    white-space: normal;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: left;
}

.order-wrap .tip-wrap .tip-box .tip-tit {
    display: block;
    padding-right: 14px;
    font-size: 14px;
    line-height: 17px;
    color: #333;
    font-weight: bold;
}

.order-wrap .tip-wrap .tip-box .tip-tit.tit {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #111;
    margin-bottom: 20px;
}

.order-wrap .tip-wrap .tip-box .tip-txt {
    display: block;
    padding-right: 15px;
    font-size: 13px;
    line-height: 17px;
    color: #333;
    word-break: keep-all;
}

.order-wrap .tip-wrap .tip-box .tip-txt.c2 {
    color: #2b6cff;
}

.order-wrap .tip-wrap .tip-box .dot-list li {
    word-break: keep-all;
}

.order-wrap .tip-wrap .tip-box .tip-tit~.tip-txt {
    padding-right: 0;
}

.order-wrap .tip-wrap .tip-box .tip-txt+.dot-list {
    margin-top: 5px;
}

.order-wrap .tip-wrap .tip-box .tip-tit+.tip-txt {
    margin-top: 8px;
}

.order-wrap .tip-wrap .tip-box .tip-close {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_close_30x30.png) center center no-repeat;
    background-size: 30px auto;
}

.order-wrap .order-form .tbl-between .tit .tip-wrap {
    margin-top: 0;
}

.order-wrap .tooltip-area {
    display: flex;
    align-items: center;
}

.order-wrap .tooltip-area .tip-open {
    margin-left: 5px;
}

/* 결제공지 툴팁 */
.order-wrap .tip-wrap .notice-box .tip-txt {
    margin-top: 3px;
}

.order-wrap .tip-wrap .notice-box .tip-txt+.tip-tit {
    margin-top: 20px;
}

/* 탑배너 */
.order-wrap .banner-gift {
    font-size: 0;
}

.order-wrap .banner-gift img {
    display: block;
    width: 100%;
}

/* 탑 문구 */
.order-wrap .top-notice {
    margin: 30px 0;
    text-align: center;
}

.order-wrap .top-notice strong {
    display: block;
    font-size: 20px;
    letter-spacing: -0.4px;
    color: #282a33;
}

.order-wrap .top-notice strong span {
    font-size: 20px;
    color: #f51d2c;
}

.order-wrap .top-notice strong em {
    font-size: 22px;
    letter-spacing: -0.44px;
    color: #f51d2c
}

.order-wrap .top-notice p {
    line-height: 22px;
    font-size: 15px;
    letter-spacing: -0.36px;
    color: #282a33;
    font-weight: 500;
}

.order-wrap .top-notice strong+p,
.order-wrap .top-notice p+strong {
    margin-top: 5px;
}

.order-wrap .top-notice.save-price strong em {
    font-size: 24px;
}

.order-wrap .top-notice.save-price p em {
    display: inline-block;
    line-height: 23px;
    font-size: 19px;
    color: #f51d2c;
    font-weight: bold;
    vertical-align: -1px;
}

.order-wrap .noti-box {
    position: relative;
    min-height: 43px;
    font-size: 13px;
    line-height: 17px;
    color: #111;
    padding: 14px 10px 12px 33px;
    border-radius: 4px;
    background-color: #ecf1fe;
    box-sizing: border-box;
}

.order-wrap .noti-box::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 13px;
    left: 10px;
    width: 18px;
    height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -75px;
    background-size: 150px;
}

.order-wrap .noti-box em {
    color: #2b6cff;
    font-weight: 500;
}

.order-wrap .noti-box2 {
    min-height: 43px;
    font-size: 13px;
    line-height: 15px;
    color: #111;
    padding: 12px 10px;
    border: 1px solid rgba(43, 108, 255, 0.15);
    border-radius: 4px;
    background-color: #ecf1fe;
    box-sizing: border-box;
}

.order-wrap .noti-box2 strong {
    display: block;
    margin: 6px 5px;
    font-size: 15px;
    line-height: 16px;
    color: #2b6cff;
    font-weight: bold;
}

.order-wrap .noti-box2 strong::before {
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    margin: -4px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -75px;
    background-size: 150px;
}

.order-wrap .noti-box2 p {
    margin: 8px 5px;
    font-size: 13px;
    color: #333;
    line-height: 19px;
}

.order-wrap .noti-box3 {
    display: block;
    position: relative;
    min-height: 40px;
    margin-top: 18px;
    padding: 9px 30px 11px 10px;
    background-color: #ECF1FE;
    border-radius: 2px;
    box-sizing: border-box;
}

.order-wrap .noti-box3 .txt {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
    font-size: 14px;
    line-height: 20px;
    color: #282a33;
    letter-spacing: -0.28px;
}

.order-wrap .noti-box3 .txt:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    margin-top: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) -25px -75px no-repeat;
    background-size: 150px;
    vertical-align: middle;
}

.order-wrap .noti-box3 .txt:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 16px;
    right: 13px;
    width: 11px;
    height: 12px;
    margin-top: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/order/btn_arr_black_11x12.png) 0 0 no-repeat;
    background-size: 11px auto;
    vertical-align: middle;
}

@media only all and (max-width: 320px) {
    .order-wrap .noti-box3 .txt:after {
        right: 5px;
    }
}

.order-wrap .noti-box4 {
    position: relative;
    min-height: 43px;
    font-size: 13px;
    color: #888;
    line-height: 19px;
    padding: 12px 15px 12px 38px;
    border-radius: 2px;
    background-color: #f6f6f6;
    box-sizing: border-box;
}

.order-wrap .noti-box4::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    width: 18px;
    height: 18px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -50px;
    background-size: 150px;
}

.order-wrap .noti-box4 em {
    color: #2b6cff;
    font-weight: 500;
}

.order-wrap .noti-box5 {
    min-height: 43px;
    text-align: center;
    font-size: 13px;
    line-height: 14px;
    color: #111;
    padding: 13px 10px;
    border-radius: 4px;
    background-color: #ecf1fe;
    box-sizing: border-box;
}

.order-wrap .noti-box5 strong {
    display: block;
    font-size: 17px;
    line-height: normal;
    color: #2b6cff;
    font-weight: bold;
    letter-spacing: -0.34px
}

.order-wrap .noti-box5 p {
    margin: 2px 0 0;
    font-size: 13px;
    color: #888;
    line-height: 19px;
}

.order-wrap .noti-box5-img img {
    display: block;
    width: 100%;
}

.order-wrap [class*="noti-box5"]+[class*="noti-box5"] {
    margin-top: 4px;
}

.order-wrap .noti-box6 {
    position: relative;
    min-height: 43px;
    font-size: 13px;
    color: #888;
    line-height: 19px;
    padding: 13px 15px 12px 38px;
    border-radius: 2px;
    background-color: #f6f6f6;
    box-sizing: border-box;
}

.order-wrap .noti-box6::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    width: 18px;
    height: 18px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -0px -75px;
    background-size: 150px;
}

.order-wrap .noti-box6 em {
    color: #2b6cff;
    font-weight: 500;
}

.order-wrap .tooltip {
    position: absolute;
    box-sizing: border-box;
    height: 28.6px;
    padding: 7px 0 0 12.2px;
    font-size: 12px;
    line-height: 13px;
    color: #fff;
    letter-spacing: -0.24px;
    background: url(//image.hnsmall.com/images/mobile2014/order/bg_tooltip.png) no-repeat;
    background-size: auto 28.6px;
}

.order-wrap .tooltip::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 10px;
    height: 100%;
    background: #fff url(//image.hnsmall.com/images/mobile2014/order/bg_tooltip.png) no-repeat 100% 0;
    background-size: auto 28.6px;
}

.order-wrap .h-line {
    display: block;
    width: 100%;
    height: 1px;
    margin: 16px 0;
    background-color: #ddd;
    border: 0;
}

.order-wrap .h-line.light {
    background-color: rgba(221, 221, 221, 0.3);
}

.order-wrap .toggle-type {
    height: 63px;
    overflow: hidden;
}

.order-wrap .toggle-type.order-goods-box.active {
    overflow: hidden;
}

.order-wrap .toggle-type.order-goods-box.v2 {
    height: auto;
}

.order-wrap .toggle-type.active {
    height: auto !important;
    overflow: visible;
}

.order-form-box.visible {
    overflow: visible
}

.order-form-box.visible .tooltip {
    top: -5px;
    left: 86px;
}

.order-form-box.toggle-agree {
    height: 74px;
}

.order-form-box.toggle-type .top-tit-wrap {
    padding-right: 21px;
}

.order-form-box.toggle-type .top-tit-wrap .right {
    margin-right: 0;
}

.order-form-box.toggle-type .top-tit-wrap~* {
    visibility: hidden;
}

.order-form-box.toggle-type.order-goods-box .top-tit-wrap+.order-goods {
    visibility: unset;
}

.order-form-box.toggle-type .top-tit-wrap .hidden-txt {
    display: block;
}

/* 2025-03-06 ITSRI-23713 주문자 입력정보 표기 요청 퍼블리싱 display:none => display: block 으로변경 */

.order-form-box.toggle-type.active .top-tit-wrap~* {
    visibility: unset;
}

.order-form-box.toggle-type.order-goods-box.active .top-tit-wrap+.order-goods {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.order-form-box.toggle-type.active .top-tit-wrap .hidden-txt {
    display: none;
}

.order-form-box.toggle-order-goods {
    height: 100px;
}

.order-form-box.toggle-order-goods .top-tit-wrap~* {
    visibility: unset;
}

.order-form .notice.toggle-type {
    height: 55px;
}

.order-form .notice.toggle-type .btn-toggle {
    position: static;
    font-size: 13px;
    line-height: 19px;
    color: #888;
    text-align: left;
}

.order-form .notice.toggle-type .btn-toggle i.ico-arr {
    position: static;
    display: inline-block;
    margin-top: -1px;
    margin-left: 3px;
    font-size: 1px;
    color: transparent;
}

.order-form .notice.toggle-type.active .btn-toggle i.ico-arr {
    margin-top: -1px;
}

.order-form-box.toggle-type.order-goods-box.v2 .noti-box6 {
    margin-top: 16px;
}

.order-form-box.toggle-type.order-goods-box.v2 .order-goods-list {
    visibility: unset;
    display: none;
}

.order-form-box.toggle-type.order-goods-box.v2.active .order-goods-list {
    visibility: unset;
    display: block;
}

.order-form-box.toggle-type.order-goods-box.v2 .noti-box6 {
    visibility: unset;
    margin-top: 16px;
}


.order-form-box {
    position: relative;
    margin-top: 10px;
    padding: 18px 15px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
}

.order-complete .order-form-box {
    padding-top: 20px;
    padding-bottom: 25px;
}

/* .order-wrap .order-form-box .txt1{line-height: 21px;} */
.order-wrap .order-form-box .txt1 .req {
    line-height: 6px;
    margin-bottom: 1px;
}

.order-form {
    margin-top: 20px;
    padding: 0 15px;
}

.order-form .top-tit {
    position: relative;
    display: block;
}

.order-form .sub-tit {
    font-size: 17px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
}

.order-form .tbl-between .tit,
.order-form .order-goods .tit {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.28px;
    color: #282a33;
}

.order-form .tbl-between .tit .chk-txt input,
.order-form .order-goods .tit .chk-txt input {
    vertical-align: -5px;
    margin-right: 5px;
}

.order-form .tbl-between .con,
.order-form .order-goods .con {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.28px;
    color: #282a33;
}

.order-form .tbl-between .con span {
    font-size: 14px;
    display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
}

.order-form .order-goods {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box
}

.order-form .order-goods .tit {
    max-width: 100%;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.order-form .order-goods .more {
    flex-shrink: 0;
    margin-right: 18px;
    color: #282a33;
}

.order-form .order-goods .more b {
    font-size: 15px;
}

.order-form .top-tit-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.order-form .top-tit-wrap .top-tit {
    margin-bottom: 0;
}

.order-form .top-tit-wrap .top-tit+.tooltip {}

.order-form .top-tit-wrap .right {
    display: flex;
    align-items: center;
    margin-right: 23px;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: -0.26px;
    color: #666;
}

.order-form .top-tit-wrap .num {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #f51d2c;
}

.order-form .top-tit-wrap .num em {
    font-size: 18px;
    line-height: 19px;
    letter-spacing: -0.26px;
    font-weight: bold;
    vertical-align: -1px;
}

.order-form .top-tit-wrap .num-large {
    display: block;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.32px;
    color: #f51d2c;
}

.order-form .top-tit-wrap .num-large em {
    display: inline-block;
    vertical-align: -1px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.4px;
    font-weight: bold;
}

.order-form .top-tit-wrap .num02 {
    max-width: 70%;
    font-size: 15px;
    color: #282a33;
    letter-spacing: -0.3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.order-form .top-tit-wrap .tip-wrap {
    position: absolute;
    top: 4px;
    right: 0;
    margin-top: 0;
}

.order-form .tbl-between {
    width: 100%;
}

.order-form .tbl-between tr:first-child th,
.order-form .tbl-between tr:first-child td {
    padding-top: 0;
}

.order-form .tbl-between tr th,
.order-form .tbl-between tr td {
    padding-top: 8px;
}

.order-form .tbl-between tr th {
    text-align: left;
    font-weight: normal;
}

.order-form .tbl-between tr td {
    text-align: right;
}

.order-form .tbl-between tr td.con em {
    font-weight: bold;
}

.order-form .tbl-between.gray-type tr th,
.order-form .tbl-between.gray-type tr td {
    padding-bottom: 8px;
    padding-top: 0;
}

.order-form .tbl-between.gray-type tr:first-child th,
.order-form .tbl-between.gray-type tr:first-child td {
    padding-bottom: 10px;
}

.order-form .tbl-between.gray-type tr:last-child th,
.order-form .tbl-between.gray-type tr:last-child td {
    padding-bottom: 0;
}

.order-form .tbl-between.gray-type tr:not(:first-child) th {
    color: #888;
    font-size: 14px;
}

.order-form .tbl-between.gray-type tr:not(:first-child) td {
    color: #888;
    font-size: 14px;
}

.order-wrap .no-member-order {
    padding: 0;
    margin: 30px;
}

.order-wrap .no-member-order strong {
    display: block;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #282a33;
    font-weight: bold;
    text-align: center;
}

.order-wrap .no-member-order .agree-btn {
    margin: 12px 0 20px;
}

.order-wrap .no-member-order .agree-btn .btn-black {
    height: 36px;
    line-height: 37px;
    border-radius: 4px;
    padding: 0 25px;
    font-size: 13px;
    color: #fff;
}

.order-wrap .no-member-order .join-txt {
    padding-top: 12px;
    border-top: 1px solid #ddd;
    line-height: 22px;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    font-weight: 400;
}

.order-wrap .no-member-order .join-txt span {
    font-weight: bold;
}

.order-wrap .no-member-order .join-txt a {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    font-weight: bold;
    color: #282a33;
    font-size: 14px;
}

.order-wrap .no-member-order .join-txt a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #111;
}

.order-form .agree-box .top-txt {
    padding-right: 26px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -0.26px;
    color: #111;
}

.order-form .agree-box .top-txt em {
    font-weight: bold;
}

.order-form .agree-box .btn-toggle {
    top: -3px;
}

.order-form .agree-box.toggle-type {
    height: 26px;
}

.order-form .agree-box.toggle-type.active {
    height: auto;
}

.order-form .order-form-box .check label {
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.26px;
    color: #666;
}

.order-form .order-form-box .check label input {
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: middle;
}

.order-form .order-form-box .cash-inner .check label input {
    margin-top: -4px;
}

.order-form .order-form-box .home-npay>.check {
    font-size: 0;
}

.order-form .order-form-box .home-npay>.check label {
    vertical-align: middle;
}

.order-form .order-form-box .home-npay>.check label .ico-homenpay {
    display: inline-block;
    width: 53px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/homepay_logo_118.png) 0 50% / 53px 20px no-repeat;
    font-size: 0;
}

.order-form .order-form-box .home-npay>.check .tip-wrap {
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.order-form .flag-red {
    display: inline-block;
    height: 20px;
    padding: 2px 8px 0;
    background-color: #f51d2c;
    border-radius: 10px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    box-sizing: border-box;
}

/* s : 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - .order-form .flag-line-blue 추가 */
.order-form .flag-line,
.order-form .flag-line-red,
.order-form .flag-line-blue {
    display: inline-block;
    height: 24px;
    padding: 4px 8px 0;
    margin-bottom: 6px;
    border: 1px solid #f51d2c;
    border-radius: 15px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.26px;
    color: #f51d2c;
    font-weight: 500;
    box-sizing: border-box;
}

.order-form .flag-line-red {
    margin-bottom: 8px;
}

.order-form .flag-line-blue {
    color: #315dfe;
    border-color: #315dfe;
}

/* e : 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - .order-form .flag-line-blue 추가 */
.order-form .flag-line {
    border-color: #333;
    color: #282a33;
}

.order-form .order-form-table {
    width: 100%;
    border: 0;
}

.order-form .order-form-table tr+tr th {
    padding-top: 20px;
}

.order-form .order-form-table tr th {
    position: relative;
    display: block;
    text-align: left;
}

.order-form .order-form-table tr th .btn-line-small.right {
    position: absolute;
    bottom: -2px;
    right: 0;
}

.order-form .order-form-table tr th strong.mark::after {
    content: '*';
    display: inline-block;
    color: #f51d2c;
    line-height: 6px;
    margin-left: 5px;
    margin-bottom: 4px;
    vertical-align: -4px;
}

.order-form .order-form-table tr td {
    display: block;
    margin-top: 14px;
}

.order-form .order-form-table tr td .tel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
}

.order-form .order-form-table .tel select {
    padding: 0 12px 0 15px;
    line-height: 39px;
    ;
}

.order-form .order-form-table .tel input {
    display: inline-block;
}

.order-form .order-form-table .tel span {
    margin: 0 6px;
    width: 4px;
    border: 1px solid #111;
    background-color: #111;
}

.order-form .order-form-table dt.tit {
    margin-bottom: 10px;
    font-weight: 500;
    color: #282a33;
}

.order-form .field {
    display: block;
    margin-top: 10px;
}

.order-form .field+.field {
    margin-top: 8px;
}

.order-form .field input {
    margin-right: 6px;
}

.order-form .field .val-won {
    display: block;
    position: relative;
    flex: 1;
    margin-right: 6px;
}

.order-form .field .val-won input {
    padding-right: 28px;
    font-weight: bold;
}

.order-form .field .val-won input::placeholder {
    font-weight: normal;
}

.order-form .field .val-won i {
    display: inline-block;
    content: '원';
    position: absolute;
    top: 12px;
    right: 15px;
    font-size: 14px;
    line-height: 15px;
    color: #111;
    font-style: normal;
}

.order-form .field .val-won input.empty {
    padding-right: 15px;
}

.order-form .field .val-won input.empty~i {
    display: none;
}

.order-form .field .val-txt {
    display: block;
    position: relative;
    flex: 1;
    margin-right: 6px;
}

.order-form .field .val-txt~.btn-line {
    min-width: 70px;
}

.order-form .prod-coupon input:read-only {
    color: #888;
}

.order-form .field> :first-child~* {
    margin-top: 8px;
}

.order-form .field+.check {
    margin-top: 10px;
}

.order-form .field>.btn-line+select {
    margin-top: 10px;
}

.order-form .field select+select {
    margin-top: 8px;
}

.order-form .between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-form .between .btn-line {
    padding: 10px 16px 11px 16px;
    line-height: 19px;
    letter-spacing: -0.26px;
}

.order-form .field.between> :first-child~* {
    margin-top: 0;
}

.order-form .txtbox {
    padding: 7px 0 10px 0;
    margin-top: 10px;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #282a33;
    border-radius: 2px;
}

.order-form .txtbox em {
    font-size: 13px;
    color: #f51d2c;
    font-weight: bold;
}

.order-form .card-txtbox {
    padding: 9px 0 11px;
    margin-top: 12px;
    background-color: #f4f4f4;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #282a33;
    border-radius: 2px;
}

.order-form .card-txtbox~.card-txtbox {
    margin-top: 6px;
}

.order-form .card-txtbox em {
    font-size: 15px;
}

.order-form .card-txtbox b {
    font-size: 15px;
    letter-spacing: -0.3px;
}

.order-form .card-txtbox.red {
    background-color: #ffeef0;
}

.order-form .card-txtbox.red em {
    color: #f51d2c;
    font-weight: bold;
}

.order-form .card-txtbox.blue {
    background-color: #ecf1fe;
}

.order-form .card-txtbox.blue em {
    color: #0045ed;
    font-weight: bold;
}

.order-form .order-form-table .address {
    margin-left: -12px;
    margin-top: -10px;
}

.order-form .order-form-table .address>input {
    margin-top: 6px;
}

.order-form .order-form-table .address .post {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.order-form .order-form-table .address .post input {
    margin-right: 5px;
}

.order-form .order-form-table .address .post .btn-line {
    flex-shrink: 0;
    width: 98px;
    padding: initial;
    box-sizing: border-box
}

.order-form .order-form-table .btn-bottom-txt {
    text-align: center;
    margin-top: -4px;
    padding-bottom: 5px;
}

.order-form .order-form-table .btn-bottom-txt .btn-txt-arr:after {
    margin-top: -2px;
}

.order-form .order-form-table.table-base tr th,
.order-form .order-form-table.table-base tr td {
    display: table-cell;
}

.order-form .field .name {
    height: 28px;
    font-size: 17px;
    letter-spacing: -0.3px;
    color: #282a33;
    font-weight: bold;
    line-height: 28px;
}

.order-form .field .name b {
    display: inline-block;
    vertical-align: middle;
}

.order-form .field .name span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    letter-spacing: -0.2px;
    color: #666;
    font-weight: normal;
}

/* 주문서 최종결제 */
.order-wrap .final-payment-box .top-tit-wrap {
    margin-bottom: 0;
}

.order-wrap .final-payment-box .tooltip-area {
    display: flex;
    align-items: center;
}

.order-wrap .final-payment-box .top-tit-wrap+.tooltip-area {
    margin-top: 4px;
}

.order-wrap .final-payment-box .top-tit-wrap+.tooltip-area .tip-wrap {
    margin-top: 0
}

.order-wrap .final-payment-box .tooltip-area .tip-wrap .tip-open {
    margin-left: 5px
}

.order-wrap .final-payment-box .final-payment-tit {
    box-sizing: border-box;
    min-height: 65px;
}

.order-wrap .final-payment-box.active .final-payment-tit {
    min-height: auto;
    margin-bottom: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd;
}


.order-content .gift-card-wrap {
    padding: 20px 0;
    background-color: #fff;
}

.gift-card-wrap .text-menu-swiper .swiper_st {
    padding: 0 15px;
}

.gift-card-wrap .text-menu-swiper ul {
    position: relative;
}

.gift-card-wrap .text-menu-swiper .swiper-slide {
    width: auto;
}

.gift-card-wrap .text-menu-swiper ul li {
    margin-right: 5px;
}

.gift-card-wrap .text-menu-swiper ul li a {
    display: block;
    height: 38px;
    padding: 9px 20px;
    background-color: #eee;
    border-radius: 100px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box
}

.gift-card-wrap .text-menu-swiper ul li.active a {
    background-color: #000;
    color: #fff;
}

.gift-card-wrap .item-list-swiper.first {
    position: relative;
    margin-top: 20px;
    margin-right: 15px;
}

.gift-card-wrap .item-list-swiper.first .swiper_st {
    padding-left: 15px;
    padding-right: 36px;
}

.gift-card-wrap .item-list-swiper.first .swiper_st:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 39px;
    background-image: linear-gradient(to left, #fff 62%, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0));
    z-index: 1;
}

.gift-card-wrap .item-list-swiper.first .swiper-slide {
    width: auto;
}

.gift-card-wrap .item-list-swiper.first ul li {
    margin-right: 5px;
}

.gift-card-wrap .item-list-swiper.first ul li a {
    position: relative;
    display: block;
    width: 63px;
    height: 39px;
    border-radius: 4px;
    box-sizing: border-box;
    overflow: hidden;
}

.gift-card-wrap .item-list-swiper.first ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0.9px solid transparent;
}

.gift-card-wrap .item-list-swiper.first ul li a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    box-sizing: border-box;
}

.gift-card-wrap .item-list-swiper.first ul li.active a:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
}

.gift-card-wrap .item-list-swiper.first .total-view {
    z-index: 2;
    position: absolute;
    top: 0;
    right: -6px;
    width: 26px;
    height: 26px;
    padding: 7px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_more_26x26.png) center center no-repeat;
    background-size: 26px auto;
}

.gift-card-wrap .card-img {
    position: relative;
    margin: 20px 15px 0;
    padding-bottom: 56.52%;
    border-radius: 4px;
    overflow: hidden;
}

.gift-card-wrap .card-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 4px;
}

.gift-card-wrap .card-text {
    position: relative;
    margin: 5px 15px 0;
    padding: 20px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.gift-card-wrap .card-text textarea {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
    font-size: 15px;
    line-height: 28px;
    color: #111;
    letter-spacing: -0.3px;
    background: url(//image.hnsmall.com/images/mobile2014/order/bg_textline2.png?v=1) 0 -2px;
    background-size: 1px;
    -webkit-appearance: none;
    resize: none;
}

.gift-card-wrap .card-text textarea::placeholder {
    font-size: 15px;
    line-height: 29px;
    color: #8f8f8f;
    letter-spacing: -0.3px;
}

.gift-card-wrap .card-text .byte {
    text-align: right;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #7a7a7a;
    margin-top: 6px;
}

/* 주문서 내 선물하기 case */
.order-content.order-gift {
    margin: 0 -15px;
}

.order-content.order-gift:first-child {
    margin-top: -20px;
}

.order-content.order-gift .order-form-box {
    margin: 20px 15px 0;
}

.bottom-modal.layer-gift-cate {
    height: calc(100% - 95px);
    max-height: none;
}

.bottom-modal.layer-gift-cate .bottom-modal-title .title {
    display: block;
    height: 25px;
    margin: 10px 0 20px;
    font-size: 17px;
    line-height: 25px;
    color: #111;
    font-weight: bold;
    text-align: center;
}

.bottom-modal.layer-gift-cate .btn-close {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 25px;
    height: 25px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_closebtn_25x25_333.png) no-repeat;
    background-size: 25px auto;
    -webkit-appearance: none;
    font-size: 1px;
    color: transparent;
    overflow: hidden;
}

.bottom-modal.layer-gift-cate .btn-bottom {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}

.bottom-modal.layer-gift-cate .bottom-modal-cont {
    height: calc(100% - 197px);
    margin-top: 15px;
    padding: 0 15px;
}

.bottom-modal.layer-gift-cate .item-list-swiper ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    font-size: 0;
}

.bottom-modal.layer-gift-cate .item-list-swiper li {
    width: 50%;
    padding: 0 0 10px 10px;
    box-sizing: border-box;
}

.bottom-modal.layer-gift-cate .item-list-swiper li a {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}

.bottom-modal.layer-gift-cate .item-list-swiper li img {
    width: 100%;
    border-radius: 4px;
    box-sizing: border-box;
}

.bottom-modal.layer-gift-cate .item-list-swiper li a::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat 0 -25px;
    background-size: 150px auto;
}

.bottom-modal.layer-gift-cate .item-list-swiper li.active a::before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 2px solid #000;
    box-sizing: border-box;
}

.bottom-modal.layer-gift-cate .item-list-swiper li.active a::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat -25px -25px;
    background-size: 150px auto;
}

/* 선물하기 완료 */
.top-message-area {
    padding: 30px 15px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
}

.top-message-area .top-message {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: #111;
    line-height: 30px;
    letter-spacing: -0.44px;
}

.top-message-area .top-message em {
    font-weight: bold;
}

.top-message-area .btn-area {
    margin-top: 15px;
}

.top-message-area .btn-area .btn-delivery-gift {
    display: block;
    line-height: 49px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #f9e000;
    font-size: 16px;
    color: #111;
    font-weight: bold;
    letter-spacing: -0.32px;
}

.top-message-area .btn-area .btn-delivery-gift span::before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 3px;
    background: url('//image.hnsmall.com/images/mobile2014/common/v10/icon/ico_gift_kakao.png') 100% / 100% no-repeat;
    vertical-align: -11px;
}

.complete-info-area {
    position: relative;
    overflow: hidden;
}

.complete-info-area .card-complete-img {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 0 15px;
}

.complete-info-area .card-complete-img img {
    width: 100%;
}

.complete-info-area .gift-message {
    position: relative;
    padding-top: 56.52%;
    margin: 0 15px 15px;
}

.complete-info-area .gift-message-box {
    padding: 0 15px;
    border-radius: 4px;
    background: #fff;
}

.complete-info-area .gift-txt {
    padding: 15px 0;
}

.complete-info-area .gift-txt strong {
    font-size: 19px;
    font-weight: bold;
    color: #111;
    ;
}

.complete-info-area .gift-txt strong em {
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    color: #111;
}

.complete-info-area .gift-txt .txt-con {
    margin-top: 10px;
    color: #333;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 22px;
}

.complete-info-area .prod-gift {
    position: relative;
    margin: 0 -15px;
    padding: 15px;
}

.complete-info-area .gift-txt~.prod-gift::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #f1f1f1;
}

.complete-info-area .prod-gift .goods-item {
    position: relative;
    min-height: 68px;
    padding-left: 83px;
}

.complete-info-area .prod-gift .goods-item .goodsTit {
    font-size: 14px;
    color: #101010;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.complete-info-area .prod-gift .goods-item .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.complete-info-area .prod-gift .goods-item .img img {
    width: 100%;
}

.complete-info-area .prod-gift .goods-item .prod-info {
    margin-top: 5px;
}

.complete-info-area .prod-gift .goods-item .prod-info li {
    font-size: 13px;
    line-height: 19px;
    color: #888;
    letter-spacing: -0.26px;
}

.complete-info-area .prod-gift .goods-item .prod-info li span {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    font-size: 13px;
    line-height: 19px;
    color: #888;
    letter-spacing: -0.26px;
}

.complete-info-area .prod-gift .goods-item .prod-info li span::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 12px;
    background: #b8b8b8;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

.complete-info-area .prod-gift .goods-item .gift-option-txt {
    margin-top: 12px;
    font-size: 13px;
    color: #111;
    letter-spacing: -0.26px;
    line-height: 17px;
    font-weight: bold;
}

.complete-info-area+.dot-list {
    padding: 20px 15px;
}

.order-gift-complete .order-form-box {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.order-gift-complete .order-form-box strong {
    font-size: 18px;
    font-weight: bold;
    color: #111;
    line-height: 26px;
    letter-spacing: -0.36px;
}

.order-gift-complete .order-form-box .order_gift_info {
    color: #888;
    font-size: 15px;
    line-height: 26px;
}

.order-gift-complete .order-form-box .order_gift_info span {
    display: inline-block;
    margin-right: 10px;
    font-size: 15px;
    color: #111;
    letter-spacing: -0.3px;
    ;
}

.order-gift-complete .btn-bottom {
    margin-top: 20px;
}


/* 선물받기 */
.order-gift-receive {
    background-color: #fff;
}

.order-gift-receive .top-message-area {
    text-align: left;
    padding-bottom: 20px;
}

.order-gift-receive .top-message-area .top-message {
    font-weight: bold;
}

.order-gift-receive .order-form-box {
    padding: 20px 15px 15px 15px;
}

.order-gift-receive .goods-item .order-form-box {
    padding: 12px 0 0 0;
}

.order-gift-receive .order-date-msg {
    margin: 20px 15px 20px;
    text-align: center;
}

.order-gift-receive .order-date-msg span {
    display: block;
}

.order-gift-receive .order-date-msg span em {
    color: #4376ff;
    font-weight: bold;
}

.order-gift-receive .order-date-msg .txt1 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #111;
}

.order-gift-receive .order-date-msg .txt2 {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #888;
}

.order-gift-receive .order-form-table tr+tr th {
    padding-top: 12px;
}

.order-gift-receive .table-base tr th {
    width: 70px;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #111;
    font-weight: bold;
    vertical-align: top;
}

.order-gift-receive .table-base tr td {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #000;
}

.order-gift-receive .table-base tr th,
.order-gift-receive .table-base tr td {
    padding: 12px 0;
}

.order-gift-receive .table-base tr:first-child th,
.order-gift-receive .table-base tr:first-child td {
    padding-top: 0;
}

.order-gift-receive .table-base tr td.btn-type {
    padding: 0;
}

.order-gift-receive .table-base tr td.btn-type .field {
    margin-top: 0;
}

.order-gift-receive .table-base tr td.btn-type select {
    margin-top: 0;
}

.order-gift-receive .agree-box.toggle-type {
    height: 23px;
    margin-top: 10px;
}

.order-gift-receive .agree-box .check {
    font-size: 0;
}

.order-gift-receive .agree-box .check .chkbox01 {
    margin-right: 5px;
    vertical-align: middle;
}

.order-gift-receive .agree-box .check label {
    color: #111;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
}

.order-gift-receive .agree-box .check .btn-toggle {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
}

.order-gift-receive .agree-box .check .btn-toggle i.ico-arr {
    top: 0;
    left: 0;
    right: 0;
}

.order-gift-receive .agree-box .cont .dot-list.type2 li {
    padding-left: 12px;
    text-indent: 0;
}

.order-gift-receive .agree-box .cont .dot-list.type2 li:before {
    left: 5px;
}

.order-gift-receive .btn-bottom {
    margin-top: 40px;
}

.order-gift-receive .btn-bottom.mt60 {
    margin-top: 60px;
}

.order-gift-receive .btn-bottom .btn-line-large {
    flex: 0 0 126px;
}

.order-gift-receive select {
    margin-top: 12px;
}

.order-gift-receive .address-box {
    padding: 20px 15px;
}

.order-gift-receive .address-box dt.top-tit {
    margin-bottom: 10px
}

.order-gift-receive .address-box dd {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.28px;
    color: #111;
}

.order-gift-receive .address-box dd .tel {
    color: #888;
}

.order-gift-receive .address-box+.dot-list {
    margin-top: 15px;
}

.order-gift-receive .btn-line-large i.ico-gift {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_gift_red.png) 0 0 no-repeat;
    background-size: 25px auto;
}

.order-gift-receive .btn-line-large.red {
    flex: 1;
}



/* 2020-09-16 #35414 애플로그인 추가 */
.joinStartBox p {
    text-align: center;
    letter-spacing: -0.5px;
}

.joinStartBox .txtLoginTitle {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    margin-top: 45px;
}

.joinStartBox .txtLoginTitle+.txtJoinSub {
    margin-top: 12px;
}

.joinStartBox .txtJoinSub {
    font-size: 14px;
    color: #222
}

.joinStartBox .txtJoinSub+.txtJoinSub2 {
    margin-top: 35px;
}

.joinStartBox .txtJoinSub2 {
    font-size: 14px;
    color: #000;
}

.joinStartBox .txtJoinSub2 a {
    text-decoration: underline;
    color: #000;
}

.joinStartBox .termsAgreeBox {
    display: none;
    margin: 14px 0 1px;
}

.joinStartBox .termsAgreeBox .privacy_info_table {
    width: 100%;
}

.joinStartBox.open .termsAgreeBox {
    display: block;
}

.joinStartBox .btnJoinArea {
    padding: 14px 10px 0;
}

.joinStartBox .btnJoinArea .btnJoin {
    font-size: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* 2020-10-05 #35869 노란우산 추가 */
.joinRegBox .regIptBox .selectArea {
    width: 100%;
    height: auto;
}

.joinRegBox .regIptBox .selectArea .labelTit {
    border: 1px solid #cdcdcd;
    padding: 7px 20px 7px 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center #fff;
    background-size: 19px 6px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 24px;
    font-size: 13px;
    color: #888;
    letter-spacing: -1px;
}

.joinRegBox .regIptBox .selectArea .selectedView {
    font-size: 13px;
    border: 1px solid #cdcdcd;
    padding: 7px 20px 7px 7px;
    height: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center #fff;
    background-size: 19px 6px;
}

.joinRegBox .regIptBox .selectArea .selectBox02 {
    height: 41px;
}

.joinRegBox .regIptBox .selectWrap.disabled .selectedView {
    background: #f4f4f4 url(//image.hnsmall.com/images/mobile2014/common/ico_select_disabled.png) no-repeat right center;
    background-size: 19px 6px;
}

.joinRegBox .regIptBox .selectWrap.disabled .selectedView.active {
    color: #aaa;
    font-weight: normal;
}

.joinRegBox .regIptBox .selectWrap.disabled .selectBox02 {
    display: none;
}

.joinRegBox .regIptBox .selectArea+.errorTxt {
    margin-top: 5px;
}

.btnJoin.btnJoin_v2 {
    font-size: 15px;
}

.contents.bg_gray {
    background-color: #ececec;
}

.joinRegBox .btnJoinArea {
    margin: 30px 10px 0;
}

.joinRegBox .btnJoinArea .btnJoin.btnJoin_v2 {
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.memberArea {
    padding: 0 10px;
}

.memberArea p {
    text-align: center;
    letter-spacing: -0.5px;
}

.memberArea .title {
    margin: 36px 0 9px;
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.memberArea .subTitle {
    color: #888;
    font-size: 13px;
}

.memberArea .bannerArea {
    margin-top: 13px;
    font-size: 0;
}

.memberArea .bannerArea img {
    width: 100%;
}

.memberArea .btnOneArea {
    margin-top: 10px;
}

.memberArea .btnOneArea .btnJoin.btnJoin_v2 {
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}

.joinEndBox .regPangCoupon+.yellowBanner {
    margin-top: 10px;
}

.joinEndBox .yellowBanner+.h2_wrap {
    margin-top: 15px;
}

/* S : 2020-11-02 #36469 MD픽 - 하루찬스 판매수량 집계 기준 표기 위한 툴팁 기능 추가 */
.special_list_wrap li {
    position: relative;
}

.special_list_wrap .toolTipListWrap {
    position: absolute;
    right: 25px;
    bottom: 120px;
    margin-top: 0;
    border-bottom: 0 none;
}

.special_list_wrap .toolTipListWrap.imgBanner {
    right: 8%;
    bottom: 45px;
    margin-right: -6px;
    z-index: 12;
}

.special_list_wrap .toolTipListWrap .toolTipInfoWrap {
    display: inline-block;
    position: relative;
}

.special_list_wrap .toolTipListWrap .toolTipInfo {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    overflow: hidden;
    margin-top: -2px;
    vertical-align: middle;
    text-indent: -1000px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_q_cir.png) no-repeat 0 0;
    background-size: 18px auto;
}

.special_list_wrap .toolTipListWrap .tipLayerWrap.type02 {
    z-index: 12;
}

.special_list_wrap .toolTipListWrap .tipLayerWrap.type02 .tipLayerBox {
    top: auto;
    padding: 0;
    border: 0 none;
    line-height: normal;
    background-color: transparent;
}

.special_list_wrap .toolTipListWrap .tipLayerWrap.type02 .tipLayerBox .tipConts {
    position: absolute;
    left: auto;
    right: -9px;
    top: 6px;
    white-space: nowrap;
    padding: 10px 32px 10px 11px;
    border: 1px solid #333;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background-color: #333;
}

.special_list_wrap .toolTipListWrap .tipLayerWrap.type02 .tipLayerBox .btnClose02 {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    margin-top: -15.5px;
    width: 11px;
    height: 11px;
    padding: 10px;
}

.special_list_wrap .toolTipListWrap .tipLayerWrap.type02 .tipLayerBox .btnClose02 i {
    display: inline-block;
    position: static;
    width: 11px;
    height: 11px;
    color: transparent;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_close.png) no-repeat 0 0;
    background-size: 11px auto;
}

.special_list_wrap .toolTipListWrap .tipTailBox:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: 10px;
    height: 6px;
    margin: 0 0px 0 -5px;
    padding: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_arrow.png) no-repeat 0 0;
    background-size: 10px auto;
}

/* E : 2020-11-02 #36469 MD픽 - 하루찬스 판매수량 집계 기준 표기 위한 툴팁 기능 추가 */

/* S : 2020-11-19 #36854 MD픽> 하루찬스 툴팁 적용 개선 요청의 건 */
.special_list_wrap.saleTooltip .goods_temp_list .btn_zone {
    bottom: auto;
    top: 0;
}

.special_list_wrap.saleTooltip .goods_temp_list ul {
    overflow: visible;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-wrap {
    margin: 15px 0 0;
}

/* 상품 리스트 남은시간영역 상단 마진 영역 */
.special_list_wrap.saleTooltip .goods_temp_list .goods_box_system .time-wrap {
    margin: 13px -25px 0;
    padding: 0 8% 0;
}

/* 통이미지 배너 남은시간영역 상단 마진 영역 */
.special_list_wrap.saleTooltip .goods_temp_list .goods_box {
    padding: 50px 25px 30px;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-area {
    position: relative;
    padding-top: 10px;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-area:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-wrap .right {
    position: absolute;
    right: 22px;
    top: 10px;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-wrap.no-tooltip .right {
    right: 0;
}

.special_list_wrap.saleTooltip .goods_temp_list .time-wrap .right:before {
    display: none;
}

.special_list_wrap.saleTooltip .toolTipListWrap {
    bottom: 28px;
}

.special_list_wrap.saleTooltip .toolTipListWrap.imgBanner {
    margin-right: -4px;
}

/* E : 2020-11-19 #36854 MD픽> 하루찬스 툴팁 적용 개선 요청의 건 */
/* S : 2020-11-30 #36907 설매장 */
.holiday_order_wrap .img_wrap {
    margin-top: 10px;
}

.holiday_order_wrap .img_wrap img {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.holiday_order_wrap .btn_wrap {
    padding: 10px;
}

.holiday_order_wrap .btn_wrap .btn {
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
}

.holiday_order_wrap .btn_wrap .btn+.btn {
    margin-top: 10px;
}

.holiday_order_wrap .btn_wrap .btn_white {
    color: #666 !important;
}

/* E : 2020-11-30 #36907 설매장 */

/* S: 2020-12-09 #37417 한발빠른TV */
.fast_tv_area .fast_top_banner .fast_title {
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 20px;
    color: #000;
    padding: 0 10px;
    letter-spacing: -1px;
}

.fast_tv_area .fast_baner_area .fast_banner {
    display: block;
}

.fast_tv_area .fast_baner_area .fast_banner img {
    width: 100%;
    vertical-align: top;
}

.fast_tv_area .fast_goods_area {
    padding-bottom: 8px;
    background-color: #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

.fast_tv_area .fast_goods_area+.fast_goods_area {
    border-top: 0;
}

.fast_tv_area .fast_baner_area+.fast_goods_area {
    border-top: 0;
}

.fast_tv_area .fast_top_banner+.fast_goods_area {
    border-top: 1px solid #e8e8e8;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_box {
    padding-top: 20px;
}

.fast_tv_area .fast_goods_area .goods_time {
    display: inline-block;
    padding: 6px 20px 6px 15px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    margin-bottom: 8px;
    border-radius: 0 15px 15px 0;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -0.5px;
}

.fast_tv_area .fast_goods_area .notice_box {
    font-size: 12px;
    text-align: center;
    padding: 7px 0;
    background-color: #fff;
    color: #111;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #e9e9e9;
}

.fast_tv_area .fast_goods_area .notice_box:before {
    content: '';
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/fast/ico_fast_notice.png) no-repeat center center;
    width: 14px;
    height: 13px;
    background-size: 14px 13px;
    margin-right: 3px;
    vertical-align: -2px;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_thumb .goods_thumb_img span:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.03);
}

.fast_tv_area .fast_goods_area .flag_wrap {
    position: relative;
    left: auto;
    top: auto;
}

.fast_tv_area .fast_goods_area .flag_wrap+.tit {
    margin-top: 4px;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_box {
    height: auto;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_price {
    padding: 13px 15px 15px;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_price .tit {
    display: block;
    height: auto;
    margin-bottom: 6px;
    font-size: 15px;
    color: #111;
    white-space: nowrap;
    line-height: initial;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_info {
    position: relative;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_num {
    font-size: 15px;
    bottom: 0;
    right: 0;
    font-weight: normal;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_num em {
    font-size: 23px;
    font-weight: bold;
    vertical-align: -3px;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_num span {
    font-size: 13px;
    font-weight: bold;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_box .goods_benefit_detail dt {
    font-size: 11px;
    color: #888;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_box .goods_benefit_detail dd {
    padding-top: 11px;
}

.fast_tv_area .fast_goods_area .goods_temp_l.event-customer-pop .layerContsist .goods_benefit_box .goods_benefit_detail dd strong {
    color: #111;
}

.fast_tv_area .fast_goods_area .goods_temp_list .goods_benefit_box .goods_benefit_detail dd .textWon {
    font-size: 14px;
    color: #111;
    vertical-align: 1px;
}

.fast_tv_area .fast_goods_area .btn_order_box {
    margin: 0 -3px;
    padding: 11px 0 0;
    background-color: transparent;
}

.fast_tv_area .fast_goods_area .btn_order_box:after {
    content: '';
    display: block;
    clear: both;
}

.fast_tv_area .fast_goods_area .btn_order_box li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 3px;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn {
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 15px;
    box-sizing: border-box;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn_alram {
    border: 1px solid #aaa;
    background-color: #fff;
    color: #111;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn_alram:before {
    display: inline-block;
    content: "";
    vertical-align: -4px;
    width: 19px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/fast/ico_alram.png) no-repeat 0 0;
    background-size: 43px auto;
    margin-right: 5px;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn_alram.on {
    color: #e51937;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn_alram.on:before {
    background-position: -24px 0;
}

.fast_tv_area .fast_goods_area .btn_order_box .btn_buy {
    background-color: #e51937;
    color: #fff;
}

.fast_tv_area .fast_goods_area .more_tv .hide_side {
    display: none;
    background-color: #fff;
}

.fast_tv_area .fast_goods_area .more_tv .hide_side .list {
    max-height: 171px;
    overflow-y: scroll;
}

.fast_tv_area .fast_goods_area .more_tv .list {
    border-top: 1px solid #e8e8e8
}

.fast_tv_area .fast_goods_area .more_tv .list li>div {
    position: relative;
    height: 85px;
    padding-left: 95px;
    border-bottom: 1px solid #f4f4f4
}

.fast_tv_area .fast_goods_area .more_tv .list li:last-child>div {
    border-bottom: none;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div a {
    display: block;
    padding: 22px 15px 1px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #111;
    text-align: left;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div .price span {
    color: #111;
    letter-spacing: -0.5px;
    font-size: 13px;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div .price span:first-child {
    font-size: 12px;
    color: #888;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div .price em {
    position: relative;
    top: 1px;
    display: inline-block;
    padding: 0 2px 0 4px;
    font-size: 17px;
    color: #111;
    font-weight: bold;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div .thum {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 65px;
    height: 65px;
}

.fast_tv_area .fast_goods_area .more_tv .list li>div .thum img {
    max-width: 100%;
}

.fast_tv_area .fast_goods_area .more_tv .close_btn a:after {
    width: 9px;
    height: 6.5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/btn_arr_up.png) no-repeat;
    background-size: 9px;
}

.fast_tv_area .fast_goods_area .close_btn {
    display: none;
}

.fast_tv_area .fast_goods_area .ac_btn a {
    font-size: 13px;
    color: #666;
    text-align: center;
    display: block;
    background: #fff;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #e8e8e8;
}

.fast_tv_area .fast_goods_area .ac_btn a span em {
    font-weight: bold;
    color: #4d4d4d;
    font-size: 14px;
    margin: 0 2px;
}

.fast_tv_area .fast_goods_area .ac_btn a span.fir {
    position: relative;
    color: #4d4d4d;
    font-size: 13px;
    padding-right: 4px;
}

.fast_tv_area .fast_goods_area .ac_btn a span.more {
    position: relative;
    color: #4d4d4d;
    font-size: 13px;
    margin-left: -4px;
}

.fast_tv_area .fast_goods_area .ac_btn a i.last {
    display: inline-block;
    width: 9px;
    height: 6.5px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/btn_arr_down.png) no-repeat;
    background-size: 9px;
    vertical-align: middle;
}

.fast_tv_area .fast_goods_area .close_btn a:after {
    content: "";
    display: inline-block;
    position: relative;
    top: -1px;
    width: 9px;
    height: 6.5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/btn_arr_up.png) no-repeat;
    background-size: 9px;
    margin-left: 3px;
    background-size: 250px auto;
    vertical-align: middle;
}

/* E: 2020-12-09 #37417 한발빠른TV */
/* S : 2020-12-15 #37635 텐텐+ */
.home_box {
    padding: 0;
    margin-top: 8px;
    background: #fff;
    color: #42434c;
}

.home_box .home_title {
    position: relative;
    padding: 26px 15px 7px;
}

.home_box .home_title .title {
    font-size: 16px;
    font-weight: bold;
}

.home_box .home_title .title .sub_text {
    font-size: 14px;
    font-weight: normal;
}

.home_box .home_title .title .sub_text .num {
    font-size: 16px;
}

.home_box .home_title .more {
    position: absolute;
    right: 14px;
    top: 22px;
    height: 21px;
    line-height: 23px;
    padding: 0 7px;
    border: 1px solid #c4c0ce;
    border-radius: 2px;
    font-size: 12px;
    color: #4e475f;
    overflow: hidden;
}

.home_box .home_title .more:after {
    content: ' ';
    display: inline-block;
    width: 6px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/btn_more.png?1) right 1.5px no-repeat;
    background-size: 40px;
    margin-left: 4px
}

.home_box .pinkColor {
    color: #111;
    font-weight: bold;
}

/* 상품리스트 공통  */
.home_box .goods_temp .goods_temp_list ul {
    padding: 0 10px;
    background: #fff;
}

.home_box .goods_temp .goods_temp_list ul li {
    padding: 0 5px 30px;
    box-sizing: border-box;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_box {
    height: auto;
}

.home_box .goods_temp .goods_temp_list .goods_thumb>a {
    display: block;
}

.home_box .goods_temp .goods_temp_list .goods_thumb_img {
    padding-top: 100%;
    border: 0;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
}

.home_box .goods_temp .goods_temp_list.goods_wide .goods_thumb_img {
    padding-top: 55%;
    background: #f9f9f9;
}

.home_box .goods_temp .goods_temp_list .goods_thumb_img span.img img {
    max-width: 100%;
}

.home_box .goods_temp .goods_temp_list .goods_thumb_img .img:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .03;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_detail {
    letter-spacing: -.5px;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_detail dt {
    font-size: 11px;
    color: #9794a0;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_detail dd {
    padding-top: 11px;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_detail dd strong {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -.5px;
    color: #42434c;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_detail dd .textWon {
    margin-left: 1px;
    vertical-align: 1px;
    font-size: 13px;
    color: #42434c;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_num {
    bottom: 0;
    right: 0;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_num em {
    font-size: 21px;
}

.home_box .goods_temp .goods_temp_list .goods_benefit_num span {
    top: -2px;
}

.home_box .goods_temp .goods_temp_list .goods_price {
    padding: 0;
    margin-bottom: 4px;
}

.home_box .goods_temp .goods_temp_list .goods_price .tit {
    margin-top: 10px;
    margin-bottom: 4px;
    color: #42434c;
    font-size: 1.071rem
}

.home_box .goods_temp .goods_temp_list .flag_wrap {
    position: relative;
    left: 0;
    top: 0;
}

.home_box .goods_temp .swiper_st .swiper-wrapper {
    overflow: visible;
}

.home_box .goods_temp .swiper_st .swiper-slide {
    float: none;
    width: 38%;
}

.home_box .goods_temp .swiper_st .swiper-slide:last-child {
    margin-right: 20px;
}

/* E : 2020-12-15 #37635 텐텐+ */

/* 2020-12-17 #36154 청구할인가 노출 정교화 */
/* 상품상세 */
.chungguDetail,
.chungguDetail span,
.chungguDetail span em,
.chungguDetail .cost {
    color: #4e72f2;
    font-size: 12px;
}

.cardGuideBox .cardGuideInner .chungguDetail .btnTip {
    margin-left: 5px;
}

.chungguDetail span.chungguTime {
    clear: both;
    color: #888;
    font-size: 12px;
}

.chungguDetail span.chungguTime em {
    color: #888;
    font-size: 12px;
}

.typem_20180814 .pangcon .txts.chungguTxt i {
    display: block;
    font-style: normal;
    font-weight: normal;
}

.typem_20180814 .pangcon .txts.chungguTxt .wordWrap {
    white-space: nowrap;
}

/* 주문결제 */
.order_table .hdCardSaleWrap.chungguOrder {
    position: relative;
}

.order_table .hdCardSaleWrap.chungguOrder .salePrice {
    display: inline-block;
    margin: 0 0 0;
}

.chungguOrder .chungguOrderRefer {
    margin-bottom: 5px;
    color: #666;
    font-size: 12px;
}

.chungguOrder .btnTip {
    display: inline-block;
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin: -1px 0 0px -2px;
    color: transparent;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -90px 0;
    background-size: 300px auto;
}

.chungguOrder .tipLayerWrap .tipLayerBox {
    left: 50%;
    right: auto;
    width: 240px;
    margin-left: -136px;
    border: 1px solid #222;
}

.chungguOrder .tipLayerWrap .tipLayerBox .tit {
    background: transparent;
}

/* 2020-12-17 #37317 선물하기 고도화  */
.layer_btnT_wrap.gift_btn_wrap .btn_gift.btn_gift_v2 button {
    border-color: #dd1032;
    position: relative;
    padding-top: 22px;
}

.layer_btnT_wrap.gift_btn_wrap .btn_gift.btn_gift_v2 button:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods_gift.gif) no-repeat center center;
    width: 42px;
    height: 23px;
    background-size: 42px auto;
}

.talk_gift_area .gift_product_area .gift_product .product .pd_op.op_dlvy {
    color: #000;
    margin-top: 5px;
}

/* 2021-01-20 #38490 품절상품 환불계좌 입력  */
.contents.refund_info {
    padding-top: 0;
}

.refund_info .refund_header {
    position: relative;
}

.refund_info .refund_header h1 {
    font-size: 17px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}

.refund_info .refund_header .btn_close_refund {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    overflow: hidden;
    text-indent: -1000px;
    border: 0 none;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_close_refund.png) no-repeat 0 0;
    background-size: 15px 15px;
}

.refund_info .refund_content {
    margin-bottom: 30px;
}

.refund_info .refund_content .txt_area {
    margin: 25px 30px 18px;
}

.refund_info .refund_content .txt_area p {
    text-align: center;
    letter-spacing: -0.5px;
}

.refund_info .refund_content .txt_area p+p {
    margin-top: 5px;
}

.refund_info .refund_content .txt_area .refund_title {
    font-size: 17px;
    color: #000;
    font-weight: bold;
}

.refund_info .refund_content .txt_area .refund_title_sub {
    font-size: 13px;
    color: #666;
}

.refund_info .refund_content .txt_area+.refund_goods_area {
    border-top: 1px solid #cdcdcd;
}

.refund_info .refund_content .refund_goods_area {
    padding: 7px 10px 8px;
    letter-spacing: -0.5px;
    min-height: 36px;
    box-sizing: border-box;
}

.refund_info .refund_content .refund_goods_area:after {
    content: '';
    display: block;
    clear: both;
}

.refund_info .refund_content .refund_goods_area dt {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    float: left;
    width: 100px;
}

.refund_info .refund_content .refund_goods_area dd {
    padding-left: 110px;
    font-size: 14px;
    color: #333;
}

.refund_info .refund_content .refund_goods_area.price_area {
    border-top: 1px solid #eee;
    margin: 0 10px 10px;
    padding: 5px 0 9px;
}

.refund_info .refund_content .refund_goods_area.price_area dt {
    margin-top: 2px;
}

.refund_info .refund_content .refund_goods_area.price_area dd {
    font-size: 14px;
    color: #e51937;
}

.refund_info .refund_content .refund_goods_area.price_area .num {
    font-size: 16px;
    font-weight: bold;
    vertical-align: -1px;
}

.refund_info .refund_content .refund_input_tit {
    padding: 0 10px;
    font-size: 15px;
    color: #000;
    letter-spacing: -0.5px;
    font-weight: bold;
    background-color: #f4f4f4;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.refund_info .refund_content .refund_input {
    margin-top: 10px;
    padding: 0 10px;
}

.refund_info .refund_content .refund_input .form_input+.form_input {
    margin-top: 5px;
}

.refund_info .refund_content .refund_input .form_input select:disabled {
    color: #898989;
    opacity: 1;
}

.refund_info .refund_content .refund_input .form_input input {
    width: 100%;
    box-sizing: border-box;
}

.refund_info .refund_content .refund_input .form_input input::placeholder {
    color: #333;
}

.refund_info .refund_content .refund_input .form_input :-webkit-input-placeholder {
    color: #333;
}

.refund_info .refund_content .refund_input .form_input :-moz-placeholder {
    color: #333;
}

.refund_info .refund_content .refund_input .form_input :-ms-input-placeholder {
    color: #333;
}

.refund_info .refund_content .refund_input .form_input input:-moz-read-only {
    color: #898989;
}

.refund_info .refund_content .refund_input .form_input input:read-only {
    color: #898989;
}

.refund_info .refund_content .btn_area {
    margin: 20px 10px 7px;
}

.refund_info .refund_content .btn_area>button {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    box-sizing: border-box;
    letter-spacing: -0.5px;
    height: 40px;
    line-height: 40px;
}

.refund_info .refund_content .btn_area>button+button {
    margin-top: 10px;
}

.refund_info .refund_content .btn_area .btn_confirm {
    background-color: #e51937;
    border: 1px solid #e51937;
}

.refund_info .refund_content .btn_area .btn_disabled {
    background-color: #3b3b3b;
    border: 1px solid #3b3b3b;
}

.refund_info .refund_content .btn_area .btn_account {
    background-color: #e51937;
    border: 1px solid #e51937;
}

.refund_info .refund_content .sale_info {
    position: relative;
    font-size: 12px;
    padding-left: 8px;
    padding-bottom: 5px;
    color: #898989;
    margin: 0 10px;
    letter-spacing: -0.5px;
}

.refund_info .refund_content .sale_info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
}

/* 2021-02-10 #39011 주문상세내역 안내문구 추가 */
.btn-info.type2 {
    bottom: 7.5px;
    font-size: 12px;
    color: #565656;
    letter-spacing: -0.5px;
    padding: 0 6px;
    height: 23px;
    line-height: 23px;
}

.order .hiddenPayment.type2 .order_table td.dey_change02 .divTxt {
    padding: 0 126px 0 0;
}

.order .hiddenPayment.type2 .order_table td.dey_change02 .btnChbox .btn_h30 {
    right: 19px;
}

.order .hiddenPayment.type2 .order_table td.dey_change02 .btnChbox .btn_tip {
    top: 15px;
    right: 0;
}

.order .hiddenPayment.type2 .btn_tip {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    color: transparent;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_q_cir_30.png) no-repeat right top;
    background-size: 15px auto;
}

.order .hiddenPayment.type2 .btn_tip.v2 {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7.5px;
}

.order .hiddenPayment.type2 .tipLayerWrap {
    z-index: 30;
}

.order .hiddenPayment.type2 .tipLayerWrap.type03 .tipLayerBox {
    top: 47px;
    border-color: #444;
    padding: 12px 13px 11px 14px;
    width: 100%;
    box-sizing: border-box;
}

.order .hiddenPayment.type2 .tipLayerWrap.type03 .tit {
    background: transparent;
}

.order .hiddenPayment.type2 .order_tit.orderTitBtn .titBtn01 {
    right: 33px;
}

.order .hiddenPayment.type2 .order_tit.orderTitBtn .tipLayerWrap.type03 .tipLayerBox {
    top: -6px;
    right: 0;
    left: auto;
}

.order .hiddenPayment.type2 .orderTitBtn .tipLayerWrap.type03 {
    margin-left: 119px;
}

.order .hiddenPayment.type2 .orderTitBtn .tipLayerWrap.type03 .tipLayerBox .tit,
.order .hiddenPayment.type2 .orderTitBtn .tipLayerWrap.type03 .tipLayerBox .tipConts ul li {
    line-height: initial;
    height: auto;
}

.order .hiddenPayment.type2 .tipLayerWrap.type03 .tipLayerBox .tipConts ul {
    margin-top: 0;
    margin-left: 1px;
}

.order .hiddenPayment.type2 .tipLayerWrap.type03 .tipLayerBox .tipConts ul li {
    font-size: 12px;
    color: #666;
    position: relative;
    padding-left: 7px;
    font-weight: normal;
    margin-bottom: 0;
}

.order .hiddenPayment.type2 .tipLayerWrap.type03 .tipLayerBox .tipConts ul li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #666;
}

.order .order_info_area .order_info_content {
    padding: 0 10px;
}

.order .order_info_area .order_info_content .table_info {
    margin: 20px 0;
    border: 1px solid #cdcdcd;
    width: 100%;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
}

.order .order_info_area .order_info_content .table_info th {
    background-color: #f1f1f1;
    font-weight: normal;
    text-align: center;
    width: 91px;
    padding: 9px 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.order .order_info_area .order_info_content .table_info td {
    padding: 0 11px;
    border-bottom: 1px solid #cdcdcd;
}

.order .order_info_area .order_info_content .table_info tr:last-child th,
.order .order_info_area .order_info_content .table_info tr:last-child td {
    border-bottom: none;
}

.order .order_info_area .order_info_content .table_info+.sale_info {
    margin-top: -3px;
}

.order .order_info_area .order_info_content .sale_info {
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 7px;
}

.order .hiddenPayment.type2 .process_datail .order_table.exchg tr th {
    color: #787878;
}

.order .hiddenPayment.type2 .process_datail .order_table.exchg tr td {
    padding: 15px 0 14px;
    color: #333;
}

.order .hiddenPayment.type2 .process_datail .order_table.exchg tr td.prd-tit {
    font-size: 14px;
    padding: 10px 0 15px;
    color: #333;
    line-height: 1.36;
}


/* S : 2021-02-09 #38526 편의점 택배 */
.goods .pd_sale .sale .pinckup_info_txt .btnTip {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    ;
    margin-left: 2px;
    margin-top: -2px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods_new.png) no-repeat -22px 0;
    background-size: 150px auto;
    ;
    font-size: 0;
    text-indent: -100px;
    overflow: hidden;
    vertical-align: top;
}

.storepickupPop {
    position: fixed;
    top: 50%;
    width: 300px;
    padding: 0;
    border: 0;
    margin-top: -159px;
    margin-left: -150px;
    color: #000;
}

.storepickupPop .layerHeader .btnLayerClose {
    top: 11px;
}

.storepickupPop .layerHeader {
    padding: 9px 40px 9px 15px;
}

.storepickupPop .layerHeader h1 {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

.storepickupPop .layerConts {
    padding: 17px 15px 15px;
}

.storepickupPop .innerConts {
    max-height: 300px;
}

.storepickupPop .innerConts .txts {
    font-size: 14px;
    font-weight: bold;
}

.storepickupPop .pickupInfo {
    margin-top: 13px;
    padding: 13px 15px 11px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
}

.storepickupPop .pickupInfo .title {
    display: block;
    text-align: center;
    text-decoration: underline;
}

.storepickupPop .pickupInfo .list {
    margin-top: 10px;
}

.storepickupPop .pickupInfo .list li {
    display: table;
    position: relative;
    min-height: 40px;
    font-size: 13px;
    color: #666;
    letter-spacing: -.8px;
}

.storepickupPop .pickupInfo .list li+li {
    margin-top: 6px;
}

.storepickupPop .pickupInfo .list .thumb img {
    display: inline-block;
    width: 50px;
    vertical-align: top;
}

.storepickupPop .pickupInfo .list .thumb,
.storepickupPop .pickupInfo .list .info {
    display: table-cell;
    vertical-align: middle;
}

.storepickupPop .pickupInfo .list .info {
    padding-left: 10px;
}

.add_ship_pop .sale_info_list {
    margin: 20px 10px;
    padding: 10px 0;
    border-top: 1px solid #eee
}

.add_ship_pop .sale_info_list li {
    font-size: 12px;
    color: #898989;
    padding-bottom: 2px;
    position: relative;
    padding-left: 8px;
    border: 0;
}

/*@@@ 2015-04-07 팝업 폰트크기 변경*/
.add_ship_pop .sale_info_list li:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 6px;
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-right: 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

.pickup_map_wrap .pickup_map {
    height: 100%
}

.pickupPopup_wrap .popup_wrap {
    top: -20%;
}

.pickupPopup_wrap .popup_wrap .popup_area {
    width: 306px;
    margin-left: -153px
}

.pickupPopup_wrap .popup_wrap .popup_header strong.title {
    padding: 0 5%;
    letter-spacing: -0.5px;
}

.pickupPopup_wrap .popup_wrap .popup_cont {
    padding: 19px 25px 30px;
    text-align: center;
}

.pickupPopup_wrap .popup_wrap .popup_cont p {
    margin-top: 0;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: bold;
}

.pickupPopup_wrap .popup_wrap .popup_cont p+p {
    margin-top: 8px;
    font-weight: bold;
    color: #000;
}

.pickupPopup_wrap .popup_wrap .popup_cont p>em {
    color: #e51937
}

.pickupPopup_wrap .popup_wrap .btn_pop {
    float: none;
    display: block;
    width: auto;
    margin-top: 14px;
    border-radius: 2px;
    font-size: 17px;
}

.pickupPopup_wrap .popup_wrap .popup_bottom {
    background: #a3a3a3;
    overflow: hidden;
    clear: both;
}

.pickupPopup_wrap .popup_wrap .popup_bottom button {
    border: 0;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.pickupPopup_wrap .popup_wrap .popup_bottom .pop_close {
    float: right;
    background: #e51937;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap {
    overflow: hidden;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup {
    display: inline-block;
    width: 47%;
    margin-top: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    padding: 14px 0 10px;
    outline: 0;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup.active {
    border-color: #e51937;
    outline: 0;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup img {
    display: inline-block;
    width: 53px;
    vertical-align: top;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup.gs25 {
    float: left;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup.cu {
    margin-left: 5px;
}

.pickupPopup_wrap .popup_wrap .pickupBtn_wrap .btn_pickup .txt {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #666;
}

.order_pickup {
    margin: 10px 0;
}

.order_pickup button {
    overflow: hidden;
    width: 100%;
    text-align: center;
    border: none;
    border-radius: 3px;
    background: #ddd;
    -webkit-appearance: none;
    vertical-align: top;
}

.order_pickup button span {
    display: inline-block;
    padding: 2px 0 0 0;
    height: 33px;
    line-height: 33px;
    vertical-align: top;
    background: none;
    font-size: 13px;
    color: #666;
}

.order_pickup button span:after {
    display: inline-block;
    content: "";
    width: 5px;
    height: 9px;
    margin: -3px 0 0 3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png?20210217) no-repeat -294px -210px;
    background-size: 300px auto;
}

.exchange_tab_wrap {
    position: relative;
    top: 12px;
    right: 10px;
    float: right;
    margin-top: -47px;
    white-space: nowrap;
}

.exchange_tab_wrap .exchange_tab {
    display: inline-block;
    line-height: 20px;
}

.exchange_tab_wrap .exchange_tab input {
    vertical-align: top;
}

.return_step {
    padding: 10px;
}

.return_step .list li+li {
    margin-top: 5px;
}

.return_step .list .thumb img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

/* E : 2021-02-09 #38526 편의점 택배 */

/* S : 2021-02-24 #38660 회원가입 개선요청 */
/* 간편로그인 인트로 페이지 */
.join_home_area {
    padding: 0 10px;
    text-align: center;
}

.join_home_area .join_simple_area {
    margin-top: 36px;
}

.join_home_area .join_title {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -0.5px;
}

.join_home_area .join_simple_area .join_title img {
    width: 52px;
    margin-left: 2px;
    vertical-align: -4px;
}

.join_home_area .join_simple_area .join_title+.sub_title {
    margin-top: 14px;
}

.join_home_area .join_simple_area .sub_title {
    color: #888;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.join_home_area .join_simple_area .btnBox {
    margin-top: 18px;
}

.join_home_area .join_simple_area .btnBox .btn01 {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
}

.join_home_area .join_simple_area+.join_social_area {
    margin-top: 36px;
}

.join_home_area .join_social_area .list_social {
    margin-top: 17px;
}

.join_home_area .join_social_area .list_social li {
    display: inline-block;
    margin: 0 10px;
}

.join_home_area .join_social_area .list_social li a {
    color: #111;
    font-size: 13px;
    display: block;
}

.join_home_area .join_social_area .list_social .ico a:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto 7px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login_simple.png?2275) no-repeat 0 0;
    background-size: 250px auto;
}

/* 2022-05-02 ITSRI-6429 변경 */
.join_home_area .join_social_area .list_social .ico_pass a:before {
    background-color: #924eff;
    background-position: 0 0;
}

.join_home_area .join_social_area .list_social .ico_naver a:before {
    background-color: #00c700;
    background-position: -70px 0;
}

.join_home_area .join_social_area .list_social .ico_kakao a:before {
    background-color: #ffe500;
    background-position: -140px 0;
}

.join_home_area .join_social_area .list_social .ico_apple a:before {
    background-color: #000;
}

.join_home_area.v2 {
    padding: 0 15px;
    background-color: #f9f9f9;
    margin-bottom: -40px;
}

.join_home_area.v2 .join_simple_area {
    margin-top: 0;
    padding-top: 60px;
}

.join_home_area.v2 .join_simple_area .join_title {
    font-size: 22px;
    line-height: 27px;
    color: #111;
}

.join_home_area.v2 .join_simple_area .sub_title {
    font-size: 17px;
    line-height: 24px;
    color: #111;
}

.join_home_area.v2 .join_simple_area .sub_title .t-blue {
    color: #2b6cff;
}

.join_home_area.v2 .join_simple_area .join_title+.sub_title {
    margin-top: 12px;
}

.join_home_area.v2 .join_simple_area .nclub {
    display: inline-block;
    font-size: 0;
}

.join_home_area.v2 .join_simple_area .nclub:before {
    content: '';
    display: inline-block;
    margin: 25px 0;
    width: 100%;
    height: 1px;
    background-color: #eee;
    border: 0;
    box-sizing: border-box
}

.join_home_area.v2 .join_simple_area .nclub i.ico-nclub {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/member/join_sprite.png) 0 0 no-repeat;
    background-size: 200px auto;
    margin-top: 0;
}

.join_home_area.v2 .join_simple_area .nclub span {
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    color: #111;
    vertical-align: middle;
    margin-top: 0;
}

.join_home_area.v2 .join_social_area {
    margin-top: 40px;
    padding-bottom: 90px;
}

.join_home_area.v2 .list-social li {
    overflow: hidden;
    background-color: #ffff;
    box-shadow: 0 5px 12px 0 rgba(17, 17, 17, 0.1);
    border-radius: 4px;
}

.join_home_area.v2 .list-social li a {
    position: relative;
    display: block;
    padding: 15px 20px 15px 66px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #111;
    box-sizing: border-box
}

.join_home_area.v2 .list-social li.ico a:before {
    content: '';
    position: absolute;
    top: 14px;
    left: 25px;
    width: 26px;
    height: 26px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/join_sprite.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
}

.join_home_area.v2 .list-social li.ico a:after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/member/join_sprite.png) 100% 0 no-repeat;
    background-size: 200px auto;
}

.join_home_area.v2 .list-social li.ico-simple a:before {
    background-position: 0 -40px;
}

.join_home_area.v2 .list-social li.ico-appcard a:before {
    background-position: -40px -40px;
}

.join_home_area.v2 .list-social li.ico-naver a:before {
    background-position: -80px -40px;
}

.join_home_area.v2 .list-social li.ico-kakao a:before {
    background-position: -120px -40px;
}

.join_home_area.v2 .list-social li.ico-apple a:before {
    background-position: -160px -40px;
}

.join_home_area.v2 .list-social li+li {
    margin-top: 12px;
}

/* 회원가입 페이지 */
.joinRegBox_v2 {
    background-color: #fff;
}

.joinRegBox_v2 .regIptBox .regIptUnit {
    padding: 0;
    border: none;
}

.joinRegBox_v2 .labelTit {
    overflow: hidden;
    text-indent: -1000px;
}

.joinRegBox_v2 .placeholderWrap {
    height: 100%;
}

.joinRegBox_v2 .placeholderWrap input {
    height: 40px;
    line-height: 40px;
    border: 1px solid #cdcdcd;
    padding: 0 11px;
    font-size: 14px;
    box-sizing: border-box;
    font-weight: normal;
    border-radius: 2px;
}

.joinRegBox_v2 .placeholderWrap input::-webkit-input-placeholder {
    color: #888;
}

.joinRegBox_v2 .placeholderWrap input::-moz-placeholder {
    color: #888;
}

.joinRegBox_v2 .placeholderWrap input::-ms-input-placeholder {
    color: #888;
}

.joinRegBox_v2 .placeholderWrap input::placeholder {
    color: #888;
}

.joinRegBox_v2 .placeholderWrap input.bd_black {
    border: 1px solid #111;
}

.joinRegBox_v2 .placeholderWrap input.bd_red {
    border: 1px solid #e51937;
}

.joinRegBox_v2 .placeholderWrap input.lb_pw {
    padding-right: 33px;
}

/* 2022-05-13 ITSR-6698 네이버 간편가입 고도화 추가(네이버) */
.joinRegBox_v2 .placeholderWrap .inp_close_btn {
    display: none;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/inp_close_btn.png) 50% 50% / 16px no-repeat;
}

/* //2022-05-13 ITSR-6698 네이버 간편가입 고도화 추가(네이버) */
.joinRegBox_v2 .regIptBox .errorTxt {
    margin: 9px 10px 13px;
}

.joinRegBox_v2 .placeholderWrap .switchTypeInput {
    top: 50%;
    right: 10px;
    z-index: 10;
    margin-top: -11px;
    border: none;
    border-radius: inherit;
    width: 22px;
    height: 22px;
    overflow: hidden;
    padding: 0;
    outline: none;
    text-indent: -1000px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_password.png) no-repeat 0 0;
    background-size: auto 22px;
}

.joinRegBox_v2 .placeholderWrap .switchTypeInput.on {
    background-position: -27px 0;
}

.joinRegBox_v2 .regIptBox+.check-area {
    margin-top: 28px;
}

.joinRegBox_v2 .check-area .check-group.check-all {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.joinRegBox_v2 .check-area .check-group input {
    vertical-align: middle;
}

.joinRegBox_v2 .check-area .check-group label {
    vertical-align: -1px;
}

.joinRegBox_v2 .check-area .check-group+.check-group {
    margin: 10px 0;
}

.joinRegBox_v2 .check-area .check-group {
    position: relative;
}

.joinRegBox_v2 .check-area .check-group .btn_more {
    position: absolute;
    right: 0;
    top: 1px;
    padding: 0;
    background-color: transparent;
    font-size: 13px;
    color: #888;
    text-decoration: underline;
}

.joinRegBox_v2 .check-area .check-group .btn_toggle {
    position: absolute;
    right: -1px;
    top: 0;
    text-indent: -1000px;
    overflow: hidden;
    border: none;
    background-color: transparent;
    outline: none;
    width: 20px;
    height: 20px;
}

.joinRegBox_v2 .check-area .check-group .btn_toggle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -4px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_toggle.png) no-repeat 0 0;
    background-size: auto 6px;
    width: 8px;
    height: 6px;
}

.joinRegBox_v2 .check-area .check-group.open .btn_toggle:before {
    background-position: -13px 0;
}

.joinRegBox_v2 .join_agree_box {
    display: none;
    margin-top: 15px;
}

.joinRegBox_v2 .check-area .check-group.open+.join_agree_box {
    display: block;
}

.joinRegBox_v2 .privacy_info_table {
    width: 100%;
}

.joinRegBox_v2 .btnJoinArea {
    margin: 20px 10px 10px;
}

.joinRegBox_v2 .bulletTxt.infoTxt {
    margin: 0 10px;
    padding: 15px 0
}

/* ITSR-6698  2022-05-11 네이버 간편가입 고도화 추가 */
.join_pop_wrap .popup_wrap {
    top: -20%;
}

.join_pop_wrap .popup_wrap .popup_cont {
    padding: 26px 25px 28px;
    text-align: center;
}

.join_pop_wrap .popup_wrap .popup_cont .cont_title {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.join_pop_wrap .popup_wrap .popup_cont .cont_title+.cont_sub {
    margin-top: 8px;
}

.join_pop_wrap .popup_wrap .popup_cont .cont_sub {
    color: #666;
    font-size: 16px;
    letter-spacing: -0.5px;
}

.join_pop_wrap .popup_wrap .popup_bottom {
    background: #a3a3a3;
    overflow: hidden;
    clear: both;
}

.join_pop_wrap .popup_wrap .popup_bottom button {
    border: 0;
    float: left;
    width: 50%;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.join_pop_wrap .popup_wrap .popup_bottom .pop_close {
    float: right;
    background: #e51937;
}

/* 회원가입 완료 */
.joinEndBox .regPangCoupon.join-banner-area.type2+.h2_wrap {
    margin-top: 10px;
}

.joinEndBox .emailBox .lb_email {
    text-indent: 0;
    color: #111;
}

.joinEndBox .emailBox .lb_emailinput::-webkit-input-placeholder {
    color: #888;
}

.joinEndBox .emailBox .lb_emailinput::-moz-placeholder {
    color: #888;
}

.joinEndBox .emailBox .lb_emailinput::-ms-input-placeholder {
    color: #888;
}

.joinEndBox .emailBox .lb_email.bd_black {
    border: 1px solid #111;
}

.joinEndBox .emailBox .lb_email.bd_red {
    border: 1px solid #e51937;
}

.joinEndBox .regIptBox .errorTxt.type2 {
    margin: 0 10px;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    border: 1px solid #e8e8e8;
    background: #ffffff;
    z-index: 100;
}

.ui-autocomplete .ui-menu-item {
    padding: 3px 0;
}

.ui-autocomplete .ui-menu .ui-menu-item-wrapper {
    position: relative;
    color: #111;
    font-size: 13px;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* E : 2021-02-24 #38660 회원가입 개선요청 */

/* 2021-03-22 #38661 로그인 개선 */
/* 툴팁 */
.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox {
    top: auto;
    padding: 0;
    border: 0 none;
    line-height: normal;
    background-color: transparent;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .tipConts {
    position: absolute;
    left: 0;
    top: -81px;
    padding: 0 34px 0 15px;
    height: 36px;
    box-sizing: border-box;
    white-space: nowrap;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    background-color: #333;
    opacity: 0.95;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .tipConts .btn_more {
    background-color: transparent;
    border: none;
    padding: 10px 0;
    color: #fff;
    position: relative;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .tipConts .btn_more i {
    display: inline-block;
    width: 5px;
    height: 9px;
    vertical-align: 9px;
    font-size: 0;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_tooltip_more.png) no-repeat center center;
    background-size: auto 9px;
    margin: 0 11px 0 3px;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .tipConts .btn_more:after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: #fff;
    opacity: 0.3;
    margin-top: -10px;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .btnClose02 {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15.5px;
    width: 11px;
    height: 11px;
    padding: 10px 13px 10px 10px;
    background-color: transparent;
    border: none;
}

.toolTipListWrap.type2 .tipLayerWrap .tipLayerBox .btnClose02 i {
    display: inline-block;
    position: static;
    width: 11px;
    height: 11px;
    color: transparent;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_close.png) no-repeat 0 0;
    background-size: 11px auto;
}

.toolTipListWrap.type2 .tipTailBox:after {
    display: block;
    content: "";
    position: absolute;
    top: -45px;
    left: 50%;
    width: 15px;
    height: 8px;
    margin-left: -6px;
    padding: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_arrow_down_op.png) no-repeat 0 0;
    background-size: 15px auto;
}

/* 툴팁 */
.loginIptBox .login_type_sns .toolTipListWrap.type2 .tipLayerWrap {
    top: -27px;
}

.loginIptBox .login_type.login_type_sns.col4 {
    overflow: visible;
}

.loginIptBox .login_type ul li.point_bd>a {
    border-color: #000;
}

.loginIptBox.loginIptBox_v2 .login_type ul li.cacao a span:before {
    width: 16px;
    background-position: -60px 0;
}

.loginIptBox .login_type.login_type_app+.sub-title {
    margin-top: 27px;
}

.loginIptBox.loginIptBox_v2 .login_type ul li.home a {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 0 8px;
}

.loginIptBox.loginIptBox_v2 .login_type ul li.home a span {
    color: #111;
    height: auto;
    line-height: inherit;
}

.loginIptBox .login_type ul li.home a span:before {
    width: 23px;
    height: 23px;
    background-position: -81.5px -52px;
    margin-right: 4px;
}

.loginIptBox .login_type ul li.home .notice {
    text-align: center;
    color: #565656;
    font-size: 12px;
    letter-spacing: -0.5px;
    margin-top: 1px;
}

.pop_pass.layerPopWrap {
    position: fixed;
}

.pop_pass .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 310px;
    -webkit-overflow-scrolling: touch;
}

.pop_pass .layerConts img {
    width: 100%;
}

.pop_pass.layerPopWrap .btnWrap .btnConfirm {
    background-color: #222;
}

.pop_pass .layerConts {
    text-align: center;
}

.pop_pass .cont_area+.list_area:before {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background-color: #111;
    margin: 18px auto 17px;
}

.pop_pass .layerConts .cont_tit {
    font-size: 16px;
    color: #111;
    font-weight: bold;
    margin-bottom: 1px;
}

.pop_pass .layerConts .cont_sub {
    font-size: 13px;
    color: #666;
}

.pop_pass .layerConts .list_area .list_tit {
    margin: 17px 0 8px;
    font-size: 13px;
    color: #111;
}

/* 2021-03-22 #40160 배송현황 안내문구 노출 */
.order .order_process.v2 {
    padding-bottom: 0;
}

.order .order_process.v2 .process_list {
    padding-bottom: 20px;
}

.order .process_notice {
    padding: 18px 10px 16px;
    border-top: 1px solid #ddd;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.5px;
    text-align: center;
}

/* 2021-06-21 복수배송지 스타일링 수정 */
.btn-red.disabled {
    border-color: #888 !important;
    background-color: #888 !important;
}

.ship_wrap input[disabled] {
    background: #eee;
    color: #aaa;
}

/* 백화점 */
.contents.dptstore h1 {
    font-size: 17px;
    color: #333;
    font-weight: normal;
}

.contents.dptstore h1 a:first-child {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 11px;
    height: 20px;
    padding: 0 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -50px -150px;
    background-size: 300px 390px;
    overflow: hidden;
    text-indent: -1000px
}

/* 마이페이지 메인 중간배너 신설 */
.mypage-banner {
    font-size: 0;
    margin: 25px 15px 0;
    border-radius: 8px;
    overflow: hidden;
}

.mypage-banner img {
    width: 100%;
}

/* 2022-06-29 ITSR-7114 문의하기 첨부파일 추가개선의 건 + 디자인,퍼블 현행화 */
.order_table.v2 .imgup_box {
    margin-bottom: 10px;
}

.order_table.v2 .imgup_box .img {
    float: left;
    width: 50px;
    height: 50px;
}

.order_table.v2 .imgup_box .img img {
    width: 100%;
    height: 100%;
}

.order_table.v2 .imgup_box .btn {
    float: left;
    padding-left: 5px;
    padding-top: 20px;
}

.order_table.v2 table td {
    padding: 10px 0;
}

.order_table.v2 .dey_cation_new {
    padding-bottom: 0;
    margin: 10px 0;
}

.order_table.v2 .btn_gray.disabled {
    background-color: #eee !important;
    color: #bbb !important;
    border: 1px solid #eee !important;
}

/* 2022-11-10 ITSRI-9335 주문상세 내역 */
.order-v2 {
    background: #fff;
}

.order-v2 .order_list_wrap {
    background-color: transparent;
}

.order-v2 .order_list_v2 li {
    background: none;
}

.order-v2 .order_list_v2 li .product_box {
    padding: 11px 15px 15px;
    border-radius: 8px 8px 0 0;
}

.order-v2 .order_list_v2 li .not-bottom-btn {
    border-radius: 8px
}

.order-v2 .order_list_v2 .orderStatBox.ico_gift_red .orderStat {
    padding-left: 0;
}

.order-v2 .order_list_v2 .orderStatBox.ico_gift_red .orderStat:before {
    display: none;
}

.order-v2 .order_list_v2 .order_btn_wrap {
    border-radius: 0 0 8px 8px
}

.order-v2 .order_list_v2 .btnReorder {
    background: transparent;
}

.wrap .order.order-v2 .order_tit {
    height: 50px;
    box-sizing: unset;
    line-height: 50px;
    border-top: 8px solid #eee;
    background: transparent;
}

.order-v2 .total_wrap.bgn {
    background: #fff;
}

.wrap .order.order-v2 .btn_tip {
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_q_cir_30_v2.png) no-repeat right top;
    background-size: 25px;
}

.order-v2 .order_table {
    padding: 0 15px;
}

.wrap .order.order-v2 .order_table td.dey_change02 .btnChbox .btn_h30 {
    right: 30px;
    height: 30px;
    border-radius: 4px;
    border-color: #ddd;
    box-sizing: border-box;
}

.wrap .order.order-v2 .order_table td.dey_change02 .btnChbox .btn_tip {
    top: 12px;
}

.wrap .order.order-v2 .order_table td.dey_change02 .divTxt {
    padding-right: 130px;
}

.wrap .order.order-v2 .order_table td.dey_change02 .btnChbox span {
    width: 10px;
    height: 6px;
    margin-right: 0;
    background-position: -70px -70px;
}

.wrap .order.order-v2 .order_table td.dey_change02 .btnChbox a {
    top: 9px;
}

.wrap .order.order-v2 .order_tit.orderTitBtn .titBtn01 {
    top: 9px;
    right: 45px;
    height: 30px;
    margin-top: 0;
    background-color: #fff;
    font-size: 12px;
    line-height: 26px;
}

.wrap .order.order-v2 .btn_tip.v2 {
    top: 12px;
    right: 15px;
    margin-top: 0;
}

.order-v2 .process_datail {
    margin-top: 10px;
    border-top: 8px solid #eee;
}

.order-v2 .order_table.total4 tr.last td span {
    font-size: 18px;
}

.order-v2 .order_table.vam td .price {
    font-size: 18px;
}

.order-v2 .order_table.vam td .won {
    font-size: 13px;
}

.order-v2 .order_table.vam td .c_gray {
    display: block;
    margin-top: 5px;
}

.order-v2 .detail li {
    margin-bottom: 20px;
}

.order-v2 .txt-finished {
    padding-left: 67px;
    color: #12a5cb;
    font-size: 13px;
    font-weight: bold;
}

.order-v2 .order_list li .product .price {
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
}

.order-v2 .order_list_tit2 a {
    padding: 15px 15px 5px;
    height: auto;
    line-height: normal;
    color: #333;
}

.order-v2 .order_list_tit2 a span {
    color: #666;
}

.order-v2 .order_list_tit2 span.ord_dtail {
    top: 11px;
}

.order-v2 .order_list li .product .img {
    border-radius: 8px;
    overflow: hidden;
    font-size: 0;
}

.order-v2 .order_table table .info {
    width: 25px;
    height: 25px;
    margin: -2px 0 0 -2px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tooltip_q_cir_30_v2.png) no-repeat right top;
    background-size: 25px;
}

.order-v2 .order_table .ar {
    padding-top: 0;
    padding-bottom: 0;
}

.order-v2 .order_table.vam th,
.order-v2 .order_table.vam td {
    height: 48px;
    padding-top: 13px;
    padding-bottom: 13px;
    box-sizing: border-box
}

.order-v2 .order_table.vam th {
    padding-top: 0;
    padding-bottom: 0;
}

.order-v2 .order_table.vam tr.agent_pay_info td .text_info {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: -0.26px;
    color: #898989;
}

.order-v2 .order_table.vam tr.agent_pay_info td .btn_agent_link {
    height: 28px;
    margin-top: 3px;
    padding: 0 9px;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.69;
    letter-spacing: -0.26px;
    color: #315dff;
    border-radius: 4px;
    border: solid 1px #315dff;
    background-color: #fff;
}
.order-v2 .order_list {
    padding-left: 15px;
    padding-right: 15px;
}

.order-v2 .total_wrap.bgn {
    padding-left: 5px;
    padding-right: 5px;
}

.order-v2 .total_wrap .total_price {
    border-radius: 8px 8px 0 0
}

.order-v2 .total_wrap .total_result {
    border-radius: 0 0 8px 8px
}

.order-v2 .order_list_wrap .btnReorder a {
    border-radius: 8px;
}

.order-v2 .btn_ib7 {
    border-radius: 4px
}

.order-v2 .order_list_v2 li+li.gift_box .product_box {
    border-radius: 8px
}

/* 2022-12-20 ITSRI-10097 로그인 UI개선 */
.login_wrap_v2 input[type="checkbox"].checkBox02 {
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login_v2.png) no-repeat;
    background-position: 0 -55px;
    background-size: 250px auto;
}

.login_wrap_v2 input[type="checkbox"].checkBox02:checked {
    background-position: -25px -55px;
}

.login_wrap_v2 .btn01 {
    height: 50px;
    line-height: 50px;
    border-color: #f51d2c;
    border-radius: 4px;
    background-color: #f51d2c;
    font-size: 16px;
    letter-spacing: -0.32px;
    box-sizing: border-box
}

.login_wrap_v2 .btn02 {
    height: 50px;
    width: 100%;
    padding: 0;
    line-height: 50px;
    border: 1px solid #898989;
    background-color: #fff;
    border-radius: 4px;
    font-size: 16px;
    letter-spacing: -0.32px;
    font-weight: bold;
    color: #111;
    box-sizing: border-box;
}

.login_wrap_v2 .cr-blue {
    border-color: #4a5cff;
    color: #4a5cff;
}

.login_wrap_v2 .cr-gray {
    border-color: #eee;
    background-color: #eee;
    color: #111;
}

.login_wrap_v2 {
    padding-bottom: 0;
    min-height: auto !important;
}

.login_wrap_v2 h1 {
    border-bottom-color: #bbb;
    font-size: 17px;
    font-weight: normal;
    color: #333;
}

.login_wrap_v2 .sch_tab_wrap {
    margin: 0 15px;
}

.login_wrap_v2 .sch_tab_wrap .tt_tab {
    padding-top: 0;
    background-color: #fff;
}

.login_wrap_v2 .sch_tab_wrap .tt_tab li {
    position: relative;
    background-color: #fff;
}

.login_wrap_v2 .sch_tab_wrap .tt_tab li a {
    padding: 14px 0 10px;
    background-color: #fff;
    border: 0;
    border-bottom: 2px solid #eee;
    border-radius: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #aaa;
    box-sizing: border-box;
}

.login_wrap_v2 .sch_tab_wrap .tt_tab li.on {
    border-bottom-color: #111;
}

.login_wrap_v2 .sch_tab_wrap .tt_tab li.on a {
    border: 0;
    border-bottom: 2px solid #111;
    color: #111;
}

.login_wrap_v2 .sch_tab {
    margin-bottom: 60px;
}

.login_wrap_v2 .loginIptBox {
    padding: 20px 0 0 0;
    margin: 0 15px;
    background-color: #fff;
}

.login_wrap_v2 .loginIptBox .loginChkBox {
    margin: 15px 0 20px;
    font-size: 14px;
    line-height: 1.43;
    color: #111;
}

.login_wrap_v2 .loginIptBox .loginChkBox .checkBox02 {
    margin-right: 4px;
}

.login_wrap_v2 .loginIptBox .loginChkBox .kor_key {
    height: 20px;
    padding: 0 26px 0 0;
    font-size: 14px;
    line-height: 1.43;
    color: #111;
}

.login_wrap_v2 .loginIptBox .loginChkBox .kor_key:after {
    top: 5px;
    right: 5px;
    width: 13px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_login_v2.png) 0 -80px no-repeat;
    background-size: 250px auto;
    transform: rotate(-180deg);
}

.login_wrap_v2 .loginIptBox .loginChkBox .kor_key.on:after {
    transform: rotate(0deg);
}

.login_wrap_v2 .loginIptBox .loginChkBox .img_key {
    padding: 0 3px;
    margin: 30px auto;
    font-size: 0;
}

.login_wrap_v2 .loginIptBox .login_type {
    margin: 30px 0 0;
    text-align: center;
}

.login_wrap_v2 .loginIptBox .login_type .btn02+.btn02 {
    margin-top: 8px;
}

.login_wrap_v2 .loginIptBox .login_type .btn_underline {
    display: block;
    margin-top: 25px;
    padding: 5px 0;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    text-decoration: underline;
    font-weight: bold;
}

.login_wrap_v2 .loginIptBox .login_type .no_member {
    border-color: #eee;
    background-color: #eee;
    color: #111;
    margin-top: 25px;
}

.login_wrap_v2 .loginIptBox .login_type_sns {
    margin-top: 40px;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul {
    display: flex;
    justify-content: center;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li {
    float: initial;
    width: 50px;
    margin-left: 15px;
    padding: 0;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li:first-child {
    margin-left: 0;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li a {
    display: block;
    border: 0;
    width: 100%;
    text-align: center;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li a span {
    display: none;
    position: relative;
    height: auto;
    font-size: 13px;
    line-height: initial;
    color: #666;
    vertical-align: top;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li a:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_login_v2.png);
    background-size: 250px auto;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li.naver a:before {
    background-position: 0 0;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li.cacao a:before {
    background-position: -55px 0;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li.payco a:before {
    width: 50px;
    background-position: -110px 0;
}

.login_wrap_v2 .loginIptBox .login_type_sns ul li.apple a:before {
    background-position: -165px 0;
}

.login_wrap_v2 .loginIptBox .findUserInfo {
    position: relative;
    margin: 20px 0 0;
    text-align: right;
}

.login_wrap_v2 .loginIptBox .findUserInfo a {
    padding: 0 8px;
    font-size: 14px;
    color: #666;
}

.login_wrap_v2 .loginIptBox .findUserInfo a+a:after {
    top: 9px;
    height: 10px;
    margin-top: 0;
    transform: translateY(-50%);
    background-color: #999;
}

.login_wrap_v2 .loginIptBox .findUserInfo .btn_sch_id:after {
    display: none;
}

.login_wrap_v2 .loginIptBox .findUserInfo .btn_join {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}

.login_wrap_v2 .regIptBox ul {
    border: 0;
}

.login_wrap_v2 .regIptBox ul li {
    padding: 0;
    border: 0;
}

.login_wrap_v2 .regIptBox ul li+li {
    margin-top: 10px;
}

.login_wrap_v2 .regIptBox .btnIptDel {
    display: none;
    top: 17px;
    right: 15px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-radius: 0;
}

.login_wrap_v2 .regIptBox .btnIptDel:Before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: -40px -180px;
}

.login_wrap_v2 .regIptBox .switchTypeInput {
    display: none;
    top: 18px;
    right: 15px;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-color: transparent;
    color: #666;
}

.login_wrap_v2 .placeholderWrap {
    height: auto;
}

.login_wrap_v2 .placeholderWrap .inp {
    height: 50px;
    padding: 15px 15px 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.13;
    color: #111;
    font-weight: normal;
    box-sizing: border-box
}

.login_wrap_v2 .placeholderWrap .inp:focus {
    border-color: #111;
}

.login_wrap_v2 .placeholderWrap .labelTit {
    top: 15px;
    left: 15px;
    right: 15px;
    height: 21px;
    padding: 0;
    font-size: 15px;
    line-height: 21px;
    color: #999;
    letter-spacing: normal;
}

.login_wrap_v2 .placeholderWrap .labelTit .txtS {
    font-size: 13px;
    line-height: 1.31;
    color: #999;
}

.login_wrap_v2 .placeholderWrap .labelTit .txtS.ph_line {
    top: 1px;
    right: 0;
}

.login_wrap_v2 .placeholderWrap input[type="text"],
.login_wrap_v2 .placeholderWrap input[type="password"] {}

@media only all and (max-width: 320px) {
    .login_wrap_v2 .loginIptBox .loginChkBox .img_key {
        width: 290px;
        padding: 0;
    }
}

.login_wrap_v2 .none_user {
    padding: 0;
    margin: 0 15px;
    border-top: 0;
    background-color: #fff;
}

.login_wrap_v2 .none_user h2 {
    padding: 20px 0 0;
    font-size: 14px;
    line-height: 1.21;
    color: #333;
    font-weight: bold;
}

.login_wrap_v2 .contIn .txt01 {
    padding: 10px 0 0;
}

.login_wrap_v2 .privacy_info {
    margin: 20px 0 0;
}

.login_wrap_v2 .none_user_info {
    padding: 15px 0 0 0;
    margin-top: 30px;
    border-top: 1px solid #e8e8e8;
}

.login_wrap_v2 .none_user_info .bulletTxt {
    padding: 0 0 0 10px;
    margin: 0;
    line-height: 1.42;
    font-family: "Noto Sans KR";
}

.login_wrap_v2 .none_user_info .bulletTxt:before {
    top: 6px;
    background-color: #ddd;
}

.login_wrap_v2 .none_user_info .bulletTxt+.bulletTxt {
    margin-top: 8px;
}

.login_wrap_v2 .privacy_info_table thead th {
    padding: 10px 2px 9px;
    background-color: #efefef;
    font-size: 13px;
    font-weight: bold;
}

.login_wrap_v2 .privacy_info_table tbody td {
    padding: 10px 10px 10px 9px;
    font-size: 12px;
}

.login_wrap_v2 .privacy_info_table tbody td .f_bold {
    font-weight: bold;
    font-size: 13px;
}

.login_wrap_v2 .agree_info_txt {
    margin: 20px 0 0 0;
}

.login_wrap_v2 .agree_info_txt+.agree_info_txt {
    margin: 10px 0 0 0;
    font-weight: normal;
    color: #111;
}

.login_wrap_v2 .member_btn {
    padding: 0;
    margin-top: 20px;
}

.login_wrap_v2 .member_btn .btn_red {
    display: inline-block;
    width: 190px;
    height: 40px;
    background-color: #ff001a !important;
    border: 1px solid #ff001a;
    border-radius: 4px;
    font-size: 14px;
    line-height: 38px;
    letter-spacing: -0.28px;
    text-align: center;
    box-sizing: border-box;
    font-weight: normal;
}

.login_wrap_v2 .login-app-card {
    padding: 60px 0 228px 0;
}

.login_wrap_v2 .login-app-card .text {
    font-size: 16px;
    line-height: 26px;
    color: #111;
    text-align: center;
}

.login_wrap_v2 .login-app-card .btn02 {
    margin-top: 40px;
}


/* ITSRI-11023 신규 와이드형 구좌 추가 */
.tmr_baner_area {
    margin-bottom: 10px;
}

.tmr_baner_area img {
    width: 100%;
}

.plan_detail_area .plan-list-box .tit-box {
    padding: 20px 0 10px;
    margin: 0 15px;
}

.plan_detail_area .plan-list-box .tit-box h2 {
    text-align: center;
    font-size: 21px;
    font-weight: bold;
    color: #111;
    line-height: 30px;
}

.plan_detail_area .plan-list-box .tit-box.tit-left h2 {
    text-align: left;
    font-size: 20px;
}

.plan_detail_area .plan-list-box .tit-box h2 img {
    width: 100%;
}

.plan_detail_area .plan-list-box .tit-box span {
    display: inline-block;
    margin-right: 6px;
    font-size: 20px;
}

.plan_detail_area .plan-list-box .goods-box .goods-price {
    padding: 10px 0 5px;
}

.plan-banner-box {
    margin: 20px 0 40px;
}

.plan-banner-box ul li+li {
    margin-top: 15px;
}

.plan-banner-box ul li .img {
    display: block;
    width: 100%;
}

.plan-banner-box ul li .img>img {
    display: block;
    width: 100%;
    height: 100%;
}

/* ITSRI-11746 기획전 템플릿 */
/* 타이틀 */
.plan-template-wrap .template-box {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
}

.plan-template-wrap .template-box .tit-box {
    padding-top: 10px;
}

.plan-template-wrap .template-box:first-of-type,
.plan-template-wrap .sub-top-tit+.template-box {
    margin-top: 0;
    padding-top: 0;
}

.plan-template-wrap .tit-box {
    padding: 0 15px 10px;
}

.plan-template-wrap .tit-box h2 {
    padding-right: 0;
}

/* 상품영역 */
.plan-template-wrap .goods-box .goods-price {
    padding: 10px 0 2px;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 4px;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .img:before {
    display: none;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .img img {
    border: 0.9px solid transparent;
    width: 100%;
    object-fit: contain;
    box-sizing: border-box;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .flag-price {
    z-index: 1;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 70px;
    height: 70px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/flag_save.png) 0 0 no-repeat;
    background-size: 70px auto;
}

.plan-template-wrap .goods-box .goods-benefit-box .goods-benefit-detail dt {
    font-size: 11px;
    letter-spacing: -0.22px
}

.plan-template-wrap .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    font-size: 18px;
    letter-spacing: -0.36px
}

.plan-template-wrap .goods-box .goods-benefit-num em {
    font-size: 18px;
}

.plan-template-wrap .goods-box .goods-benefit-num span {
    font-size: 11px;
}

.plan-template-wrap .goods-wide .goods-price .tit {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    color: #111;
}

.plan-template-wrap .img-flag {
    max-width: 60%;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .img-flag.v2 {
    top: 0;
    left: 0;
    max-width: none;
}

.plan-template-wrap .goods-wide .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 64px;
}

.plan-template-wrap .goods-second .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 50px;
}

.plan-template-wrap .goods-third .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 45px;
}

.plan-template-wrap .cate-list-all .goods-third .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 45px;
}

.plan-template-wrap .goods-left-align .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 45px;
}

.plan-template-wrap .time-chance .goods-thumb .goods-thumb-img .img-flag.v2 img {
    width: 70px;
}

/* 인디게이터 */
.plan-template-wrap .indicator-temp-box.type1 {
    position: absolute;
    bottom: 10px;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 26px;
    padding: 0 10px;
    box-sizing: border-box
}

.plan-template-wrap .indicator-temp-box.type1 .pag-wrap {
    position: absolute;
    z-index: 10;
    top: auto;
    left: auto;
    right: 10px;
    width: 75px;
    height: 26px;
    padding: 0 28px 0 10px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 13px;
    box-sizing: border-box;
}

.plan-template-wrap .indicator-temp-box.type1 .pag-wrap .pag-in {
    display: inline-block;
    height: 100%;
    padding: 0;
    margin-left: 0;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
}

.plan-template-wrap .indicator-temp-box.type1 .pag-wrap .pag-in span {
    letter-spacing: -0.24px;
    line-height: 25px;
    color: #ccc;
    vertical-align: middle;
}

.plan-template-wrap .indicator-temp-box.type1 .pag-wrap .pag-in .activeNum {
    color: #fff;
    font-weight: bold;
}

.plan-template-wrap .indicator-temp-box.type1 .btn-autoplay {
    position: absolute;
    top: 0;
    right: 3px;
    width: 26px;
    height: 26px;
    margin: 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v11/btn_autoplay_26x26.png) 0 -26px no-repeat;
    background-size: 26px auto;
    font-size: 1px;
    color: transparent;
    border: 0;
}

.plan-template-wrap .indicator-temp-box.type1 .btn-autoplay.play {
    background-position: 0 0;
}

.plan-template-wrap .indicator-temp-box.type1 .btn-more-plus {
    position: absolute;
    right: 10px;
    width: 26px;
    height: 26px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v11/btn_all_26x26.png) 0 -0 no-repeat;
    background-size: 26px auto;
    font-size: 0;
    border: 0;
}

.plan-template-wrap .indicator-temp-box.type1 .pag-wrap~.btn-more-plus {
    position: absolute;
    z-index: 10;
}

.plan-template-wrap .indicator-temp-box.v3.type2 {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box;
}

.plan-template-wrap .indicator-temp-box.v3.type2 .pag-wrap {
    top: 1px;
    left: initial;
    right: 0;
    width: auto;
    padding: 0;
    background: none;
    border-radius: initial;
}

.plan-template-wrap .indicator-temp-box.v3.type2 .pag-wrap .pag-in {
    min-width: 38px;
    padding: 0;
    text-align: center;
}

.plan-template-wrap .indicator-temp-box.v3.type2 .pag-wrap .pag-in span {
    display: inline-block;
    color: #aaa;
}

.plan-template-wrap .indicator-temp-box.v3.type2 .pag-wrap .pag-in span.activeNum {
    color: #111;
    text-align: right;
}

.plan-template-wrap .indicator-temp-box.v3.type2 .swiper-pagination {
    padding-right: 55px;
    padding-left: 0;
}

/* 프로모션 배너 */
.plan-template-wrap .banner-area {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.plan-template-wrap .banner-area a {
    display: block;
}

.plan-template-wrap .banner-area img {
    display: block;
    width: 100%;
}

/* 배너(스와이프) */
.plan-template-wrap .banner-swiper {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.plan-template-wrap .banner-swiper .swiper-slide a {
    display: block;
    font-size: 0;
}

.plan-template-wrap .banner-swiper .swiper-slide img {
    width: 100%;
}


/* 연합기획전 버튼 */
.plan-template-wrap .plan-buttons {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
    box-sizing: border-box;
}

.plan-template-wrap .plan-buttons:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
}

.plan-template-wrap .plan-buttons .template-fixed .inner {
    padding: 10px 15px 0;
}

.plan-template-wrap .plan-buttons .template-fixed ul {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
    margin-left: -5px;
    font-size: 0;
    padding: 0;
}

.plan-template-wrap .plan-buttons .template-fixed ul li {
    width: 25%;
    height: 38px;
    margin-top: 5px;
    padding-left: 5px;
    box-sizing: border-box;
}

.plan-template-wrap .plan-buttons .template-fixed ul li:nth-child(4n) {
    margin-right: 0;
}

.plan-template-wrap .plan-buttons .template-fixed ul li a {
    display: block;
    height: 38px;
    margin: 0;
    padding: 12px 0 0;
    text-align: center;
    background-color: #fff;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #111;
    border-radius: 220px;
    word-break: break-all;
    white-space: normal;
    box-sizing: border-box;
}

.plan-template-wrap .plan-buttons .template-fixed ul li a span {
    display: block;
    height: 15px;
    padding: 0 2px;
    overflow: hidden;
    box-sizing: border-box;
}

.plan-template-wrap .plan-buttons .template-fixed ul li.active a {
    background-color: #111;
    color: #fff;
}

.plan-template-wrap .plan-buttons .btn-cate-arr {
    display: none;
}

.plan-template-wrap .template-layer-cate-all .cate-txt-type {
    padding-bottom: 20px;
}

.plan-template-wrap .template-layer-cate-all .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
    position: relative;
    margin-left: -5px;
    font-size: 0;
    padding: 0;
}

.plan-template-wrap .template-layer-cate-all .swiper-slide {
    width: 25%;
    height: 38px;
    margin-top: 5px;
    padding-top: 0;
    padding-left: 5px;
    box-sizing: border-box;
}

.plan-template-wrap .template-layer-cate-all .swiper-slide a {
    background: #fff;
    white-space: normal;
    padding: 0 2px;
}

.plan-template-wrap .plan-buttons.is-sticky {
    height: 50px;
    padding-bottom: 0;
    box-sizing: border-box;
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed {
    position: fixed;
    z-index: 10;
    top: 55px;
    left: 0;
    width: 100%;
    background-color: #f4f4f4;
    box-shadow: 0 5px 12px 0 rgb(0 0 0 / 16%);
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed ul {
    flex-wrap: nowrap;
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed ul li {
    flex: 0 0 83px;
    width: 83px;
    max-width: none;
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed ul li a {
    display: block;
    width: 100%;
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed .inner {
    padding: 1px 48px 6px 15px;
}

.plan-template-wrap .plan-buttons.is-sticky .template-fixed .cate-txt-type {
    display: block;
}

.plan-template-wrap .plan-buttons.is-sticky .btn-cate-arr {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 59px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v11/ico_cate_arr.png) no-repeat;
    background-size: 59px;
    font-size: 0;
}

@media all and (max-width:360px) {

    .plan-template-wrap .plan-buttons .template-fixed ul li,
    .plan-template-wrap .template-layer-cate-all .swiper-slide {
        width: 33.333%;
    }
}

.app_setup+.wrapAllHeaderInner~main .plan-buttons.is-sticky .template-fixed {
    top: 100px;
}

.app_setup.v2+.wrapAllHeaderInner~main .plan-buttons.is-sticky .template-fixed {
    top: 135px;
}

/* 상단배너 */
.plan-template-wrap .top-bnr {
    margin-top: 0;
    padding: 0;
    box-sizing: border-box;
}

.plan-template-wrap .top-bnr>a {
    z-index: 1;
    position: relative;
    display: block;
}

.plan-template-wrap .top-bnr>a img {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.plan-template-wrap .plan_detail {
    position: relative;
    z-index: 1;
    margin: 0 -15px;
}

.plan-template-wrap .plan_detail img {
    border-radius: 0;
}

.plan-template-wrap .toggle-area,
.plan-template-wrap .toggle_area {
    font-size: 0;
}

.plan-template-wrap .toggle-area img,
.plan-template-wrap .toggle_area img {
    width: 100%;
    vertical-align: top;
}

.plan-template-wrap .toggle-area .btn-toggle,
.plan-template-wrap .toggle_area .btn_toggle {
    width: 100%;
    font-size: 0;
    border: none;
    outline: none;
    padding: 0;
}

.plan-template-wrap .toggle-area img.btn-toggle-up,
.plan-template-wrap .toggle_area img.btn_toggle_up {
    display: none;
}

.plan-template-wrap .toggle-area.active img.btn-toggle-up,
.plan-template-wrap .toggle_area.active img.btn_toggle_up {
    display: block;
}

.plan-template-wrap .toggle-area img.btn-toggle-down,
.plan-template-wrap .toggle_area img.btn_toggle_down {
    display: block;
}

.plan-template-wrap .toggle-area.active img.btn-toggle-down,
.plan-template-wrap .toggle_area.active img.btn_toggle_down {
    display: none;
}

.plan-template-wrap .toggle-area .hidden-area,
.plan-template-wrap .toggle_area .hidden_area {
    display: none;
}

.plan-template-wrap .toggle-area.active .hidden-area,
.plan-template-wrap .toggle_area.active .hidden_area {
    display: block;
}

/* 타임세일 */
.plan-template-wrap .time-chance {
    margin-top: 20px;
}

.plan-template-wrap .time-chance .tit-box img {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -5px 1px 0 -5px;
    vertical-align: middle;
}

.plan-template-wrap .time-chance .timer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 25px 15px 10px 15px;
    font-size: 22px;
    color: #111;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
}

.plan-template-wrap .time-chance .timer:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/main/beauty/icon_timer.png) center center no-repeat;
    background-size: 30px auto;
    vertical-align: middle;
}

.plan-template-wrap .time-chance .timer span {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.plan-template-wrap .time-chance .timer span b {
    display: inline-block;
    margin: -3px 6px 0 0;
    font-size: 18px;
    line-height: 19px;
    vertical-align: middle;
}

.plan-template-wrap .time-chance .goods-wide {
    position: relative;
    padding: 0 30px 25px;
}

.plan-template-wrap .time-chance .goods-wide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
}

.plan-template-wrap .time-chance .goods-wide ul li {
    margin-bottom: 0;
}

.plan-template-wrap .time-chance .goods-wide .goods-box {
    overflow: hidden;
    border-radius: 4px;
    background-color: #f1f1f1;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb {
    border-radius: 4px;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img {
    padding-top: 108%;
    background-color: #fff;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .img:after {
    display: none;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .img img {
    border: 0;
    object-fit: fill;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .flag-price {
    top: 0;
    left: 0;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-price {
    background-color: #f1f1f1;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-price .tit {
    margin-bottom: 3px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dt {
    display: block;
}

.plan-template-wrap .time-chance .goods-wide .swiper-wrapper .swiper-slide {
    width: 87.333%;
    margin: 0 20px 0 0;
}

.plan-template-wrap .time-chance.single .goods-wide .goods-box {
    padding: 0;
}

.plan-template-wrap .time-chance.single .goods-wide .goods-box .goods-thumb .goods-thumb-img {
    padding-top: 0;
}

.plan-template-wrap .time-chance.single .goods-box .goods-thumb .goods-thumb-img .img {
    position: static;
}

/* 할인상품 */
.plan-template-wrap .sale-prd .goods-wide .goods-price .tit {
    margin-bottom: 5px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.plan-template-wrap .sale-prd .goods-wide.swiper_st .swiper-slide {
    margin-right: 15px;
}

/* 하단배너 */
.plan-template-wrap .bottom-bnr {
    padding: 0;
}

.plan-template-wrap .bottom-bnr:last-child {
    margin-bottom: -40px;
}

.plan-template-wrap .bottom-bnr a {
    display: block;
    overflow: hidden;
}

.plan-template-wrap .bottom-bnr img {
    display: block;
    width: 100%;
}

/* 배너 + 다중 상품 */
.plan-template-wrap .multi-prd .goods-box {
    background-color: transparent;
}

.plan-template-wrap .multi-prd .goods-box .goods-thumb {
    background-color: transparent;
}

.plan-template-wrap .multi-prd .goods-box .goods-thumb .goods-thumb-img .img {
    background-color: #fff;
}

.plan-template-wrap .multi-prd .bg-img .img {
    display: block;
}

.plan-template-wrap .multi-prd .bg-img .img img {
    display: block;
    width: 100%;
}

.plan-template-wrap .multi-prd .goods-temp {
    margin-top: -8%;
}

/* 대표상품 */
.plan-template-wrap .on-product .goods-wide .goods-price .tit {
    margin-bottom: 5px;
    /*-webkit-line-clamp: 2; line-clamp: 2;*/
}

.plan-template-wrap .on-product .goods-wide.swiper_st .swiper-slide {
    margin-right: 15px;
}

/* 빅배너 */
.plan-template-wrap .bnr-img {
    padding: 0 15px;
}

.plan-template-wrap .bnr-img .img {
    display: block;
}

.plan-template-wrap .bnr-img .img img {
    display: block;
    width: 100%;
}

.plan-template-wrap .big-bnr .goods-temp {
    margin-top: 15px;
}

/* 가격대별 인기상품 */
.plan-template-wrap .best-prd .cate-txt-type .swiper_st {
    background-color: #fff;
}

.plan-template-wrap .best-prd .cate-txt-type .swiper-slide+.swiper-slide {
    margin-left: 5px;
}

.plan-template-wrap .best-prd .cate-txt-type .swiper-slide a {
    padding: 0 20px;
    background-color: #f6f6f6;
}

.plan-template-wrap .best-prd .cate-txt-type .swiper-slide.active a {
    background-color: #111;
}

.plan-template-wrap .best-prd .goods-left-align ul li:first-child {
    margin-top: 0;
}

.plan-template-wrap .best-prd .goods-left-align .goods-box {
    display: block;
    min-height: 105px;
}

.plan-template-wrap .best-prd .goods-left-align .goods-box .goods-thumb {
    width: 105px;
    height: 105px;
    border-radius: 4px;
}

.plan-template-wrap .best-prd .goods-left-align .goods-box .goods-price {
    padding-left: 120px;
}

.plan-template-wrap .best-prd .goods-left-align .goods-box .goods-price .tit {
    margin-bottom: 5px;
    line-height: 20px;
    font-size: 15px;
    color: #111;
}

.plan-template-wrap .best-prd .goods-left-align .goods-benefit-box .goods-benefit-detail dt {
    display: block;
}

.plan-template-wrap .best-prd .goods-left-align .goods-benefit-info .goods-benefit-num {
    bottom: 5px;
}

.plan-template-wrap .best-prd .goods-box .goods-thumb .goods-thumb-img .flag-price {
    z-index: 2;
}

/* 브랜드배너  */
.plan-template-wrap .brand-banner .swiper_st {
    padding: 0 15px;
}

.plan-template-wrap .brand-banner.not-swiper .swiper-wrapper {
    justify-content: space-between
}

.plan-template-wrap .brand-banner.not-swiper .swiper-slide {
    flex: auto;
    width: 50%;
    flex-shrink: 1
}

.plan-template-wrap .brand-banner.not-swiper .swiper-slide:first-child {
    margin-right: 5px;
}

.plan-template-wrap .brand-banner.not-swiper .item {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 4px;
}

.plan-template-wrap .brand-banner .item {
    border-radius: 4px;
    overflow: hidden;
}

.plan-template-wrap .brand-banner .item .img {
    position: relative;
    font-size: 0;
}

.plan-template-wrap .brand-banner .item .img img {
    display: block;
    width: 100%;
}

.plan-template-wrap .brand-banner .item .tit {
    display: none;
    z-index: 2;
    position: absolute;
    top: 61%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

.plan-template-wrap .brand-banner .item .tit b {
    display: block;
    font-size: 24px;
    line-height: 32px;
    box-sizing: border-box;
    letter-spacing: -0.48px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 3px;
    text-align: center;
}

/* 카테고리 */
.plan-template-wrap .plan-cate-list {
    margin-top: 40px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-num span {
    font-size: 11px;
}


/* 참여형기획전  2023-05-23 ITRSI-12616 */
.event-customer .btn-share:before {
    width: 24px;
    height: 24px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_share_24x24.png) 0 0 no-repeat;
    background-size: 24px auto;
}

.event-customer .img {
    width: 100%;
}

.event-customer .img img {
    display: block;
    width: 100%;
}

.event-customer .goods-thumb {
    position: relative;
    overflow: hidden;
    font-size: 0;
}

.event-customer .goods-thumb a {
    display: block;
}

.event-customer .goods-thumb a.btn-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_play_48x48.png) 0 0 no-repeat;
    background-size: 48px auto;
}

.event-customer .goods-thumb .goods-thumb-img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    font-size: 0;
}

.event-customer .goods-thumb .goods-thumb-img .img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    white-space: nowrap;
    background: #ddd;
}

.event-customer .goods-thumb .goods-thumb-img .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    background: #000;
    opacity: 0.03;
}

.event-customer .goods-thumb .goods-thumb-img .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.event-customer .goods-thumb .goods-thumb-img .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
}

.event-customer .goods-thumb .goods-thumb-img .btn-play:after {
    content: '';
    width: 54px;
    height: 54px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_play_54x54.png) 0 0 no-repeat;
    background-size: 54px auto;
}

.event-customer .goods-thumb .goods-thumb-img .vod {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: #000;
}

.event-customer .goods-thumb .goods-thumb-img .vod video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-customer .goods-thumb .goods-thumb-img .vod .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    box-sizing: border-box
}

.event-customer .join-box {
    padding: 0 15px;
}

.event-customer .btn-join-box {
    margin-top: 40px;
}

.event-customer .btn-join-box .tit {
    display: block;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    color: #111;
    text-align: center;
}

.event-customer .btn-join-box .btn-join {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 49px;
    border-radius: 4px;
    width: 100%;
    height: 49px;
    border: 1.5px solid #333;
    margin: 20px 0 0 0;
    text-align: center;
    box-sizing: border-box
}

.event-customer .btn-join-box .btn-join span {
    font-size: 17px;
    line-height: 28px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
}

.event-customer .btn-join-box .btn-join span:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 14px;
    margin-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_arrow_right.png) 0 0 no-repeat;
    background-size: 9px auto;
}

.event-customer .btn-join-box .btn-join.img {
    height: auto;
    border: 0;
    font-size: 0;
}

.event-customer .btn-join-box .btn-join.img:after {
    display: none;
}

.event-customer .btn-join-box .btn-join.img img {
    height: 100%;
}

.event-customer .btn-join-box a+a {
    margin-top: 25px;
}

.event-customer .post-box {
    margin-top: 25px;
}

.event-customer .post-box .recent-view {
    position: relative;
    text-align: right;
}

.event-customer .post-box .recent-view a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #666;
}

.event-customer .post-box .recent-view a:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_arrow_right_12x12.png) 0 0 no-repeat;
    background-size: 12px auto;
}

.event-customer .post-box .recent-view.type2 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 13px 0;
    margin: 0 20px 0 20px;
    border: 1px solid #eee;
    border-radius: 30px;
    text-align: center;
}

.event-customer .post-box .recent-view.type2 a {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #111;
    font-weight: 500;
}

.event-customer .post-box .recent-view.type2 a:after {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_arrow_right_16x16.png) 0 0 no-repeat;
    background-size: 16px auto;
}

.event-customer .post-box .list-wrap {
    margin: 15px -15px 0 -15px;
}

.event-customer .post-box .img-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -1px;
}

.event-customer .post-box .img-list li {
    width: 33.333%;
    padding: 1px 0 0 1px;
    box-sizing: border-box
}

.event-customer .post-box .img-list li .goods-thumb .all-view {
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 6px;
}

.event-customer .post-box .img-list li .goods-thumb .all-view span {
    display: block;
    width: 28px;
    height: 28px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/all_view.png) 0 0 no-repeat;
    background-size: 28px auto;
    font-size: 0;
}

.event-customer .post-box .img-list li .goods-thumb .fix-pin {
    z-index: 1;
    position: absolute;
    top: 5px;
    right: 5px;
}

.event-customer .post-box .img-list li .goods-thumb .fix-pin span {
    display: block;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_pin.png) 0 0 no-repeat;
    background-size: 25px auto;
    font-size: 0;
}

.event-customer .pag-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0 45px;
}

.event-customer .pag-wrap>[class^="btn"] {
    font-size: 0;
}

.event-customer .pag-wrap>[class^="btn"] button+button {
    margin-left: 5px;
}

.event-customer .pag-wrap button {
    width: 30px;
    height: 30px;
    background-image: url(//image.hnsmall.com/images/mobile2014/plan/ic_arr_white_30.png);
    background-repeat: no-repeat;
    background-size: 61px auto;
    border: 0;
    background-color: transparent;
}

.event-customer .pag-wrap button.btn-prev {
    background-position: 0 0;
}

.event-customer .pag-wrap button.btn-next {
    background-position: -31px 0;
}

.event-customer .pag-wrap button.btn-first {
    background-position: 0 -30px;
}

.event-customer .pag-wrap button.btn-last {
    background-position: -31px -30px;
}

.event-customer .pag-wrap .pag-in {}

.event-customer .pag-wrap .pag-in span {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #aaa;
}

.event-customer .pag-wrap .pag-in .activeNum {
    color: #111;
    font-weight: bold;
}

.event-customer .bnr-box {
    margin: 20px 15px 40px;
}

.event-customer .bnr-box a {
    overflow: hidden;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.event-customer .bnr-box img {
    display: block;
    width: 100%;
}

.event-customer .btn-array-box {
    margin: 30px auto 20px;
    display: flex;
    justify-content: center;
}

.event-customer .btn-array-box ul {
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-customer .btn-array-box ul li {
    display: inline-block;
    height: 38px;
    text-align: center;
    ;
    box-sizing: border-box;
}

.event-customer .btn-array-box ul li+li {
    margin-left: 15px;
}

.event-customer .btn-array-box ul li a {
    display: block;
    padding: 9px 15px;
    border-radius: 220px;
    background-color: #f6f6f6;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    box-sizing: border-box
}

.event-customer .btn-array-box ul li.like a:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_favorite_14x14.png) 0 0 no-repeat;
    background-size: 14px auto;
    margin-right: 2px;
    vertical-align: middle;
    margin-top: -1px;
}

.event-customer .btn-array-box ul li.on a {
    background-color: #111;
    color: #fff;
}

.event-customer .btn-array-box ul li.like.on a:before {
    background-position: 0 -14px;
}

@media only all and (max-width: 360px) {
    .event-customer .btn-array-box {
        margin: 30px 0 20px 0;
    }
}

/* 참여형기획전 - 글쓰기 */
.event-customer .list_goods_zone {}

.event-customer .tit-box {
    padding: 0 15px;
}

.event-customer .tit-box h2 {
    padding-right: 0;
}

.event-customer-write .tit-box {
    margin-top: 29px;
}

.event-customer .tit-graybox {
    padding: 12px 15px 0;
    margin-top: 20px;
    height: 48px;
    background: #f4f4f4;
    font-size: 0;
    box-sizing: border-box;
}

.event-customer .tit-graybox em {
    display: inline-block;
    width: 60px;
    height: 24px;
    margin: 0 10px 0 0;
    padding-top: 4px;
    border: 1px solid #111;
    border-radius: 20px;
    font-size: 14px;
    line-height: 15px;
    color: #111;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.event-customer .tit-graybox span {
    font-size: 14px;
    line-height: 20px;
    color: #111;
    font-weight: 500;
    vertical-align: middle;
}

.event-customer .text-area {
    margin-top: 20px;
    padding: 0 15px;
    box-sizing: border-box;
}

.event-customer .text-area textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    box-sizing: border-box;
    resize: none;
}

.event-customer .text-area textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.event-customer .list_goods_zone {
    border: 0;
}

.event-customer .list_goods_zone .list_goods {
    display: flex;
    margin: 0 13.5px;
    padding-top: 20px;
    padding-bottom: 0;
}

.event-customer .list_goods_zone .list_goods li img {
    padding: 1.5px;
}

.event-customer .list_goods_zone .list_goods li a:nth-child(2) {
    top: 1.5px;
    right: 1.5px;
}

.event-customer .list_goods_zone .list_goods li a:nth-child(1)::after {
    top: 1.5px;
    left: 1.5px;
    right: 1.5px;
    bottom: 1.5px;
    background-color: #f7f7f7;
}

.event-customer .list_goods_zone .list_goods li a:nth-child(1)::after {
    border: 0;
}

.event-customer .list_goods_zone.v2 .upload-box .upload {
    border-color: #eaeaea;
}

.event-customer .list_goods_zone.v2 .upload-box .upload span {
    font-weight: 500;
}

.event-customer .list_goods_zone.v2 .upload-box .upload+.mov-play {
    margin-top: 10px;
}

.event-customer .comment_zone {
    margin-top: 40px;
    padding: 0 15px;
}

.event-customer .comment_zone .info_txt {
    margin: 0;
    padding: 0;
    border: 0;
}

.event-customer .comment_zone .info_txt .tit {
    margin-top: 0;
    letter-spacing: -0.28px;
}

.event-customer .comment_zone .info_txt .tit:before {
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_info.png) 0 0 no-repeat;
    background-size: 16px auto;
}

.event-customer .comment_zone .info_txt .tit+.bulletTxt {
    margin-top: 7px;
}

.event-customer .comment_zone .info_txt .bulletTxt li {
    line-height: 16px;
}

.event-customer .comment_zone .info_txt .bulletTxt li+li {
    margin-top: 5px;
}

.event-customer .comment_zone .info_txt+.choice-agree {
    margin-left: 7px;
}

.event-customer .comment_zone .choice-agree {
    margin-top: 16px;
}

.event-customer .comment_zone .choice-agree .chk-box label {
    font-size: 13px;
    line-height: 21px;
    letter-spacing: -0.26px;
}

.event-customer .comment_zone .choice-agree .chk-box input {
    margin: -3px 5px 0 0;
    vertical-align: middle;
}

.event-customer .comment_zone .choice-agree .bulletTxt {
    margin-top: 10px;
}

.event-customer .comment_zone .choice-agree.v2 {
    margin-top: 15px;
}

.event-customer .comment_zone .choice-agree.v2 .bulletTxt {
    line-height: 18px;
}

.event-customer .comment_zone .choice-agree.v2 .info-more {
    margin-top: 0;
    padding-bottom: 0;
}

.event-customer .comment_zone .choice-agree.v2 .info-more:before {
    display: none;
}

.event-customer .comment_zone .choice-agree.v2 .btn-area {
    margin-right: -5px;
    text-align: right;
}

.event-customer .comment_zone .choice-agree.v2 .btn-area .btn-more {
    width: auto;
    padding: 5px;
    border: 0;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.26px;
    color: #333;
    text-decoration: underline;
}

.event-customer .comment_zone .choice-agree.v2 .btn-area .btn-more:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/kakao_chat_sprite.png) -47px 5px no-repeat;
    background-size: 200px auto;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
}

.event-customer .comment_zone .choice-agree.v2 .btn-area .btn-more.on:after {
    background-position: -47px -15px;
}

.event-customer .comment_zone .info_txt+.choice-agree.v2 {
    margin-left: 0;
}

.event-customer .btn_center_zone {
    margin-top: 40px;
    font-size: 0;
}

.event-customer .btn_center_zone .btn_ib30:first-child {
    margin-left: 0;
}

.event-customer .btn_center_zone .btn_ib30 {
    width: 116px;
    height: 40px;
    margin-left: 9px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    vertical-align: middle;
    font-size: 14px;
    box-sizing: border-box;
}

.event-customer .btn_center_zone .btn_ib30.btn_red {
    border: 0;
}

.event-customer .btn_center_zone.v2 .red {
    background-color: #fa002d;
    color: #fff;
    text-align: center;
    border: 0;
}

.event-customer .btn_center_zone.v2 .btn_ib30+.btn_ib30 {
    margin-left: 5px;
}

/* 참여형기획전 - 글보기 */
.event-customer .btn-line {
    display: inline-block;
    height: 30px;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #333;
    box-sizing: border-box;
}

.event-customer .btn-full-line {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 10px 0;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    color: #111;
    box-sizing: border-box;
    background-color: transparent;
}

.event-customer .bt-arr:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 7px;
    margin-left: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_arr_bottom.png) 0 0 no-repeat;
    background-size: 11px auto;
}

.event-customer .bt-arr.on:after {
    transform: rotate(-180deg);
    transform-origin: center
}

.event-customer .bt-arr .more {
    display: inline;
}

.event-customer .bt-arr .close {
    display: none;
}

.event-customer .bt-arr.on .more {
    display: none;
}

.event-customer .bt-arr.on .close {
    display: inline;
}

.event-customer .img-view-box {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.event-customer .img-view-box img {
    width: 100%;
    vertical-align: top;
}

.event-customer .img-view-box .pag-in {
    z-index: 1;
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 10px 6px 10px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 13px;
    box-sizing: border-box
}

.event-customer .img-view-box .pag-in span {
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: -0.24px;
    color: #ccc;
}

.event-customer .img-view-box .pag-in span.activeNum {
    color: #fff;
    font-weight: bold;
}

.event-customer .img-view-box .pag-in span.bar {
    margin: 0 2px;
}

.event-customer .img-view-box>button {
    z-index: 1;
    position: absolute;
    top: 43.4666%;
    width: 32px;
    height: 32px;
    background-image: url(//image.hnsmall.com/images/mobile2014/plan/ic_arr_32x32.png);
    background-repeat: no-repeat;
    background-size: 65px auto;
    border: 0;
    background-color: transparent;
}

.event-customer .img-view-box .swiper-button-prev {
    left: 15px;
    background-position: 0 0;
}

.event-customer .img-view-box .swiper-button-next {
    right: 15px;
    background-position: -33px 0;
}

.event-customer .img-view-box .goods-thumb .goods-thumb-img .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    background-color: #f6f6f6;
    opacity: 1
}

.event-customer .img-view-box .goods-thumb .goods-thumb-img .img:after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 40px;
    height: 30px;
    background: #f6f6f6 url(//image.hnsmall.com/images/mobile2014/plan/ev_customer_bg.png) right bottom no-repeat;
    background-size: 40px auto;
}

.event-customer .img-view-box .goods-thumb .goods-thumb-img .img img {
    z-index: 1;
    position: relative;
    object-fit: contain;
}

.event-customer .img-view-box .vod_close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    -webkit-appearance: none;
    outline: 0;
}

.event-customer .img-view-box .vod_close:before {
    display: block;
    content: '';
    width: 23px;
    height: 23px;
    margin: 10px 10px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/img_home_new_20190212.png?20190701) no-repeat -227px -70px;
    background-size: 250px auto;
}

.event-customer .img-view-box .vod_close span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}

.event-customer .img-view-box.is-playing>button,
.event-customer .img-view-box.is-playing>.pag-in {
    display: none;
}

.event-customer .text-view-box {
    margin-top: 15px;
    padding: 0 15px;
}

.event-customer .text-view-box .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.event-customer .text-view-box .top .info {
    display: flex;
    flex-direction: column;
}

.event-customer .text-view-box .top .info .id {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: bold;
}

.event-customer .text-view-box .top .info .id .fix-pin {
    display: inline-block;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.24px;
    color: #888;
    font-weight: normal;
    vertical-align: middle;
    margin-top: 1px;
}

.event-customer .text-view-box .top .info .id .fix-pin:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_pin_gray.png) 0 0 no-repeat;
    background-size: 25px auto;
    vertical-align: middle;
    margin-top: -3px;
}

.event-customer .text-view-box .top .info .date {
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.24px;
    color: #888;
}

.event-customer .text-view-box .top .icon-box {
    display: flex;
}

.event-customer .text-view-box .top .icon-box>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-customer .text-view-box .top .icon-box>a+a {
    margin-left: 15px;
}

.event-customer .text-view-box .top .icon-box .ico-comment i {
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_comment.png) 0 0 no-repeat;
    background-size: 25px auto;
    font-size: 0;
}

.event-customer .text-view-box .top .icon-box .ico-like i {
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_favorite.png) 0 0 no-repeat;
    background-size: 25px auto;
    font-size: 0;
}

.event-customer .text-view-box .top .icon-box .ico-like.on i {
    background-position: 0 -24px;
}

.event-customer .text-view-box .top .icon-box .num {
    display: block;
    margin-top: 2px;
    font-size: 9px;
    letter-spacing: -0.18px;
    color: #333;
    font-weight: bold;
}

.event-customer .text-view-box .text-box {
    margin-top: 15px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-customer .text-view-box .btn-more.close {
    display: none;
}

.event-customer .text-view-box .text-box.on {
    display: block;
    text-overflow: initial;
}

.event-customer .text-view-box .text-box.on+.btn-more {
    display: none;
}

.event-customer .text-view-box .btn-more {
    display: flex;
    margin-top: 5px;
    width: auto;
    height: auto;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #999;
    text-decoration: underline
}

.event-customer .text-view-box .text-box.on~.btn-more.close {
    display: flex;
}

.event-customer .text-view-box .btn-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 15px;
}

.event-customer .text-view-box .btn-box a+a {
    margin-left: 5px;
}

.event-customer .comment-box {
    margin-top: 40px;
    padding: 0 15px;
}

.event-customer .comment-box .tit {
    display: block;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.34px;
    color: #111;
}

.event-customer .comment-box .tit em {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #999;
    font-weight: normal;
}

.event-customer .comment-box .write-box {
    position: relative;
    margin-top: 10px;
    padding: 9px 50px 11px 15px;
    border: 1px solid #333;
    border-radius: 4px;
    box-sizing: border-box
}

.event-customer .comment-box .write-box textarea {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    max-height: 100px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    outline: none;
    appearance: none;
    resize: none;
}

.event-customer .comment-box .write-box textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.event-customer .comment-box .write-box .btn-in {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    padding-right: 15px;
    padding-left: 5px;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: bold;
}

.event-customer .comment-box .view-box {
    margin-top: 20px;
}

.event-customer .comment-box .view-box li+li {
    margin-top: 8px;
}

.event-customer .comment-box .view-box li {
    position: relative;
    display: flex;
    padding: 4px 0;
}

.event-customer .comment-box .view-box li:nth-child(4)~li {
    display: none;
}

.event-customer .comment-box .view-box.on li:nth-child(4)~li {
    display: flex;
}

.event-customer .comment-box .view-box .id {
    width: 70px;
    flex-shrink: 0;
    margin-right: 10px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #999;
}

.event-customer .comment-box .view-box .text {
    padding-right: 30px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: #111;
}

.event-customer .comment-box .view-box .del {
    position: absolute;
    top: 8px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_review_del_16x16.png) 0 0 no-repeat;
    background-size: 16px auto;
}

.event-customer .comment-box .btn-box {
    padding: 30px 25px 0 25px;
}

@media only all and (max-width: 320px) {
    .event-customer .btn-full-line {
        display: block;
        text-align: center;
        line-height: 38px;
        padding: 0;
    }
}

/* 고객참여형 팝업 */
.event-customer-pop {
    left: 40px;
    right: 40px;
}

.event-customer-pop .layerHeader {
    padding: 12px 18px;
}

.event-customer-pop .layerHeader .txtC {
    font-weight: bold;
    color: #111;
    letter-spacing: -0.34px;
    font-size: 18px;
    line-height: 27px;
}

.event-customer-pop .layerHeader .btnLayerClose {
    top: 11px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_close_pop_25x25.png) 0 0 no-repeat;
    background-size: 25px auto;
}

.event-customer-pop .layerConts {
    padding: 20px 15px 30px;
}

.event-customer-pop .text-box {
    text-align: center;
}

.event-customer-pop .text-box span {
    font-size: 15px;
    line-height: 22px;
    color: #333;
}

.event-customer-pop .btn-warp {
    display: flex;
    padding: 0 15px;
    margin-bottom: 15px;
}

.event-customer-pop .btn-warp button {
    width: 100%;
    border-radius: 8px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -0.26px;
    color: #fff;
    border: 0;
    font-weight: bold;
}

.event-customer-pop .btn-warp button+button {
    margin-left: 5px;
}

.event-customer-pop .btn-warp .btn01 {
    background-color: #444;
}

.event-customer-pop .btn-warp .btn02 {
    background: #eee;
    color: #333;
}

.event-customer-pop .btn-warp.col2 button {
    width: 50%;
}


/* 댓글이벤트형 기획전 */
.event-comment {}

.event-comment .top-bnr {
    margin-bottom: 30px;
}

.event-comment .top-bnr a {
    display: block;
    width: 100%;
}

.event-comment .top-bnr a img {
    display: block;
    width: 100%;
    vertical-align: top;
}

.event-comment .bottom-bnr {
    margin-top: 60px;
}

.event-comment .bottom-bnr a {
    display: block;
    width: 100%;
}

.event-comment .bottom-bnr a img {
    display: block;
    width: 100%;
    vertical-align: top;
}

.event-comment .comment-wrap {
    margin: 30px 0;
}

.event-comment .comment-wrap .tit {
    margin: 0 15px;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
}

.event-comment .comment-wrap .tit span {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.32px;
    color: #999;
    font-weight: normal;
}

.event-comment .comment-wrap .text-area {
    overflow: hidden;
    margin: 10px 15px 0;
    border: 1px solid #111;
    border-radius: 4px;
}

.event-comment .comment-wrap .text-area textarea {
    width: 100%;
    border: 0;
    padding: 15px;
    font-size: 14px;
    letter-spacing: -0.28px;
    box-sizing: border-box;
    resize: none;
    color: #111;
}

.event-comment .comment-wrap .text-area textarea::placeholder {
    color: #bbb;
    font-size: 14px;
}

.event-comment .comment-wrap .text-area .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px 10px 15px;
    border-top: 1px solid #ddd;
}

.event-comment .comment-wrap .text-area .bottom .txt {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #999;
}

.event-comment .comment-wrap .text-area .bottom .txt em {
    color: #111;
}

.event-comment .comment-wrap .text-area .bottom .btn-black {
    height: 36px;
    padding: 11px 23px 0;
    border-radius: 4px;
    background-color: #111;
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.28px;
    box-sizing: border-box;
    font-weight: 500;
}

.event-comment .comment-wrap .cmt-view-box {
    margin-bottom: 30px;
}

.event-comment .comment-wrap .cmt-view-box .no-data {
    margin: 70px auto 0;
    text-align: center;
}

.event-comment .comment-wrap .cmt-view-box .no-data .ico-date {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_no_comment.png) 0 0 no-repeat;
    background-size: 50px auto;
}

.event-comment .comment-wrap .cmt-view-box .no-data .txt {
    margin-top: 8px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #111;
}

.event-comment .comment-wrap .cmt-list {
    padding: 30px 15px 20px;
    border-bottom: 1px solid #ddd;
}

.event-comment .comment-wrap .cmt-list:last-child {
    padding-bottom: 30px;
}

.event-comment .comment-wrap .cmt-list .info {
    position: relative;
    display: flex;
    align-content: center;
    margin-bottom: 10px;
    padding-right: 16px;
}

.event-comment .comment-wrap .cmt-list .info>*+* {
    margin-left: 10px;
}

.event-comment .comment-wrap .cmt-list .info .id {
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #333;
    font-weight: bold;
}

.event-comment .comment-wrap .cmt-list .info .ico-like {
    margin-top: 1px;
    font-size: 0;
}

.event-comment .comment-wrap .cmt-list .info .ico-like i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_favorite.png) 0 0 no-repeat;
    background-size: 25px auto;
    font-size: 0;
    vertical-align: middle;
    margin-top: -4px;
}

.event-comment .comment-wrap .cmt-list .info .ico-like.on i {
    background-position: 0 -24px;
}

.event-comment .comment-wrap .cmt-list .info .ico-like.typeS i {
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_favorite_16x16.png) 0 0 no-repeat;
    background-size: 16px auto;
}

.event-comment .comment-wrap .cmt-list .info .ico-like.typeS.on i {
    background-position: 0 -16px;
}

.event-comment .comment-wrap .cmt-list .info .ico-like .num {
    display: inline-block;
    margin-left: 2px;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.24px;
    color: #111;
    font-weight: bold;
    vertical-align: middle;
    margin-top: -3px;
}

.event-comment .comment-wrap .cmt-list .info .txt {
    margin-top: 2px;
    margin-left: 6px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.26px;
    color: #999;
}

.event-comment .comment-wrap .cmt-list .info .date {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.event-comment .comment-wrap .cmt-list .info .del {
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ico_close_16x16.png) no-repeat;
    background-size: 16px auto;
    font-size: 0;
    color: transparent;
}

.event-comment .comment-wrap .cmt-list .cmt-txt {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: #111;
}

.event-comment .comment-wrap .cmt-list .big-cmt {
    margin-top: -2px;
}

.event-comment .comment-wrap .cmt-list .big-cmt a {
    display: flex;
    align-items: center;
}

.event-comment .comment-wrap .cmt-list .big-cmt .ico-comment i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_comment_22x22.png) center center no-repeat;
    background-size: 22px auto;
    font-size: 1px;
    color: transparent;
    margin-top: 2px;
}

.event-comment .comment-wrap .cmt-list .big-cmt .txt {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: #111;
    font-weight: 500;
}

.event-comment .comment-wrap .reply-cmt-list {
    margin: 20px 0 10px;
    border-top: 1px solid #ddd;
}

.event-comment .comment-wrap .reply-cmt-list ul li {
    padding: 20px 0 0 25px;
}

.event-comment .comment-wrap .reply-cmt-list .info {
    margin-bottom: 6px;
}

.event-comment .comment-wrap .reply-cmt-list .info .id {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #444;
    font-weight: normal;
}

.event-comment .comment-wrap .reply-cmt-list .info .del {
    top: 1px;
}

.event-comment .comment-wrap .reply-cmt-list .cmt-txt {
    margin-bottom: 0;
}

.event-comment .comment-wrap .reply-cmt-list .btn-more {
    width: 165px;
    height: 36px;
    padding: 9px 0 7px;
    border: 1px solid #d5d5d5;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #111;
    box-sizing: border-box;
}

.event-comment .comment-wrap .reply-cmt-list .btn-more:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_arrow_right_7x11.png) center center no-repeat;
    background-size: 7px auto;
    vertical-align: middle;
    margin-left: 6px;
    margin-top: -2px;
}

.event-comment .comment-wrap .pag-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0 60px;
}

.event-comment .comment-wrap .pag-wrap button {
    width: 30px;
    height: 30px;
    background-image: url(//image.hnsmall.com/images/mobile2014/plan/ic_arr_white_30x30.png);
    background-repeat: no-repeat;
    background-size: auto 30px;
    border: 0;
    background-color: transparent;
}

.event-comment .comment-wrap .pag-wrap button.btn-prev {
    background-position: 0 0;
}

.event-comment .comment-wrap .pag-wrap button.btn-next {
    background-position: -31px 0;
}

.event-comment .comment-wrap .pag-in {}

.event-comment .comment-wrap .pag-in span {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #aaa;
}

.event-comment .comment-wrap .pag-in .activeNum {
    color: #111;
    font-weight: bold;
}

.event-comment .reply-box {
    margin: 0;
}

.event-comment .reply-box .cmt-list {
    border-bottom: 0;
}

.event-comment .reply-box .reply-cmt-list {
    margin: 10px 0;
    border-top: 0;
}

.event-comment .reply-box .reply-cmt-list .info {
    margin-bottom: 5px;
}

.event-comment .reply-box .write-box {
    position: relative;
    margin-top: 20px;
    padding: 10px 50px 10px 15px;
    border: 1px solid #333;
    border-radius: 4px;
    box-sizing: border-box
}

.event-comment .reply-box .write-box textarea {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    max-height: 100px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    outline: none;
    appearance: none;
    resize: none;
}

.event-comment .reply-box .write-box textarea::placeholder {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #bbb;
}

.event-comment .reply-box .write-box .btn-in {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    padding-right: 15px;
    padding-left: 5px;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: bold;
}

.event-comment .reply-box .big-cmt>div {
    display: flex;
    align-items: center;
}

.event-comment .reply-box .pag-wrap {
    margin-top: 0;
    padding: 30px 60px 0;
    border-top: 1px solid #ddd;
}


.event-comment-pop .layerHeader {
    padding: 12px 18px;
}

.event-comment-pop .layerHeader h1 {
    font-weight: bold;
    color: #333;
    letter-spacing: -0.34px;
}

.event-comment-pop .layerHeader .btnLayerClose {
    top: 11px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/plan/ic_close_pop_25x25.png) 0 0 no-repeat;
    background-size: 25px auto;
}

.event-comment-pop .layerConts {
    padding: 15px 15px 30px;
}

.event-comment-pop .text-box {
    text-align: center;
}

.event-comment-pop .text-box span {
    font-size: 15px;
    line-height: 22px;
    color: #333;
}

.event-comment-pop .btn-warp {
    display: flex;
    padding: 0 15px;
    margin-bottom: 15px;
}

.event-comment-pop .btn-warp button {
    width: 100%;
    border-radius: 8px;
    font-size: 13px;
    line-height: 14px;
    letter-spacing: -0.26px;
    color: #fff;
    border: 0;
    font-weight: bold;
}

.event-comment-pop .btn-warp button+button {
    margin-left: 5px;
}

.event-comment-pop .btn-warp .btn01 {
    background-color: #444;
}

.event-comment-pop .btn-warp .btn02 {
    background: #eee;
    color: #333;
}

.event-comment-pop .btn-warp.col2 button {
    width: 50%;
}




/* 가격대별 인기 상품 */
.best-prd .cate-txt-type,
.best-prd .wrap .cate-txt-type {
    height: auto;
}

.best-prd .cate-txt-type .swiper-slide,
.best-prd .wrap .cate-txt-type .swiper-slide {
    height: auto;
    padding-top: 0;
}


.tmr_tv_area .scheduleList>li {
    position: relative;
    padding: 20px 15px;
    font-size: 0;
    overflow: hidden;
}

.tmr_tv_area .scheduleList .goods-box .goods-price {
    padding: 10px 0 5px;
}

.tmr_tv_area .scheduleList .goods-wide .goods-box {
    padding: 0;
}

.tmr_tv_area .scheduleList .goods-wide .goods-price .tit {
    font-size: 16px;
}

.tmr_tv_area .scheduleList .goods-box .goods-thumb .goods-thumb-img {
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tmr_tv_area .scheduleList .goods-wide .goods-box .goods-thumb .goods-thumb-img {
    box-sizing: border-box;
    padding-top: 50.145%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tmr_tv_area .scheduleList .goods-box .goods-thumb .goods-thumb-img .img img {
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.tmr_tv_area .scheduleList .goods-box .goods-thumb .goods-thumb-img .img:before {
    display: none;
}

.tmr_tv_area .scheduleList .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    font-size: 18px;
}

.tmr_tv_area .scheduleList .time-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 26px;
    padding: 0 4px 0 0;
    margin: 0 0 10px;
    box-sizing: border-box
}

.tmr_tv_area .scheduleList .time-box .live {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #f51d2c;
    white-space: nowrap;
    letter-spacing: -0.36px;
}

.tmr_tv_area .scheduleList .time-box .time {
    display: inline-flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0;
    white-space: nowrap;
    font-family: 'Roboto';
    color: #000;
}

.tmr_tv_area .scheduleList .time-box .time em {
    display: inline-block;
    margin-left: 3px;
    font-size: 14px;
    color: #aaa;
    font-weight: normal;
}

.tmr_tv_area .scheduleList .time-box .txt {
    display: block;
    align-self: center;
    font-size: 18px;
    color: #111;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 20px;
}

.tmr_tv_area .scheduleList .time-box .txt em {
    font-size: 20px;
    color: #000;
}

.tmr_tv_area .scheduleList .goods-temp-list .goods-box~.btn-box {
    margin-top: 15px;
}

/* 버튼영역 */
.tmr_tv_area .scheduleList .btn-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
    padding-top: 0;
    text-align: right;
}

.tmr_tv_area .scheduleList .btn-box a+a {
    margin-left: 5px;
}

.tmr_tv_area .scheduleList .btn-box .red {
    background-color: #f51d2c;
    color: #fff;
}

.tmr_tv_area .scheduleList .btn-box .disable {
    background-color: #e5e5e5;
    color: #bbb;
}

.tmr_tv_area .scheduleList .btn-box .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 39px;
    padding: 0 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

.tmr_tv_area .scheduleList .btn-box .btn span {
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
}

.tmr_tv_area .scheduleList .btn-box .btn-alram {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 39px;
    padding: 5px 6px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box
}

.tmr_tv_area .scheduleList .btn-box .btn-alram .tv_num {
    position: absolute;
    top: -11px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 10px;
    width: auto;
    height: 18px;
    padding: 0 5px;
    margin-left: 0;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #f51d2c
}

.tmr_tv_area .scheduleList .btn-box .btn-alram .tv_num em {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    white-space: nowrap;
}

.tmr_tv_area .scheduleList .btn-box .btn-alram .alram {
    width: 25px;
    height: 25px;
    background-position: -6px -48px;
}

.tmr_tv_area .scheduleList .btn-box .btn-alram.off {
    border-color: #f51d2c;
}

.tmr_tv_area .scheduleList .btn-box .btn-alram.off .alram {
    background-position: -47px -48px;
}

.tmr_tv_area .scheduleList .icon {
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/main/v10/tvschedule/splite.png) 0 0 no-repeat;
    background-size: 150px auto;
}

.tmr_tv_area .scheduleList .goods-left-align {
    padding: 0;
}

.tmr_tv_area .scheduleList .goods-left-align .goods-box {
    min-height: 76px;
    padding: 4px 0 3px;
    box-sizing: border-box;
}

.tmr_tv_area .scheduleList .goods-left-align .goods-box .goods-thumb {
    width: 76px;
    height: 76px;
}

.tmr_tv_area .scheduleList .goods-left-align .goods-benefit-box .goods-benefit-detail dd {
    margin-left: 5px;
}


.tmr_tv_area .scheduleList .more-list-box ul {
    margin-top: 20px;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.tmr_tv_area .scheduleList .goods-left-align ul li:first-child {
    margin-top: 0
}

.tmr_tv_area .scheduleList .more-list-box .goods-box .goods-price {
    padding: 0 0 0 86px;
}

.tmr_tv_area .scheduleList .goods-left-align .goods-price .tit {
    -webkit-line-clamp: 1;
    color: #111;
}

.tmr_tv_area .scheduleList .more-list-box .goods-box .flag-wrap {
    padding: 3px 0 0 86px;
    height: auto;
}

.tmr_tv_area .scheduleList .more-list-box {
    margin-top: 20px;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box {
    justify-content: center;
    margin: 0 25px 0;
}

.tmr_tv_area .scheduleList .more-list-box.show .btn-box {
    margin-top: 20px;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    font-size: 12px;
    color: #333;
    box-sizing: border-box;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box button span {
    font-size: 14px;
    color: #111;
    line-height: 40px;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box .btn-more.updown-arr span:after {
    margin-left: 6px;
    background: url('//image.hnsmall.com/images/mobile2014/common/v10/icon/btn_bg_updown_111.png') no-repeat left top;
    background-size: 16px;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box .btn-more.updown-arr.on span:after {
    background-position-y: -16px;
}

.tmr_tv_area .scheduleList .more-list-box .btn-box .more-arrow {
    display: inline-block;
    margin-left: 8px;
    width: 10px;
    height: 6px;
    background-position: -100px 0;
}

.tmr_tv_area.v2 .goods-temp .goods-temp-list .goods-box .goods-price .tit {
    font-weight: normal;
}

.tmr_tv_area.v2 .scheduleList>li {
    padding: 25px 15px;
}

.tmr_tv_area.v2 .scheduleList>li:first-child {
    padding: 20px 15px 25px;
}

.tmr_tv_area.v2 .scheduleList .time-box {
    margin: 0 0 15px;
}

.tmr_tv_area.v2 .scheduleList .time-box .txt {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: -0.4px;
    color: #414450;
}

.tmr_tv_area.v2 .scheduleList .time-box .txt em {
    color: #414450;
    letter-spacing: -0.4px;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 8px;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-price .tit {
    margin-bottom: 5px;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dt {
    font-size: 11px;
    letter-spacing: -0.22px;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    color: #414450;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-box .goods-price {
    padding: 10px 0 0;
}

.tmr_tv_area.v2 .scheduleList .goods-wide .goods-box .goods-thumb .goods-thumb-img .img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.03
}

.tmr_tv_area.v2 .scheduleList .goods-temp .goods-left-align .goods-box {
    padding: 0 0 0 86px;
}

.tmr_tv_area.v2 .scheduleList .goods-temp .goods-left-align .goods-box .goods-thumb {
    width: 76px;
    height: 76px;
    border-radius: 6px;
}

.tmr_tv_area.v2 .scheduleList .goods-temp .goods-left-align .goods-box .goods-thumb .img:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.03
}

.tmr_tv_area.v2 .scheduleList .goods-temp .goods-left-align .goods-box .goods-price {
    padding: 0;
}

.tmr_tv_area.v2 .scheduleList .goods-temp .goods-left-align .goods-box .goods-price .tit {
    height: auto;
    min-height: 20px;
    margin: 3px 0 5px;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    font-weight: normal;
}

.tmr_tv_area.v2 .scheduleList .more-list-box {
    margin-top: 30px;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .goods-box .flag-wrap {
    padding: 0;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .btn-box button {
    border-radius: 50px;
    border-color: #dcdcdf;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .btn-box button span {
    color: #414450;
    letter-spacing: -0.28px;
    line-height: 38px;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .btn-box button span em {
    display: inline-block;
    margin-top: -4px;
    vertical-align: middle;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .btn-box .btn-more.updown-arr span:after {
    width: 16px;
    height: 15px;
    background: url('//image.hnsmall.com/images/mobile2014/main/pangtv/btn_bg_updown_11x7.png') no-repeat left top;
    background-size: 16px;
}

.tmr_tv_area.v2 .scheduleList .more-list-box .btn-box .btn-more.updown-arr.on span:after {
    background-position-y: -18px;
    margin-left: 0;
}

.tmr_tv_area.v2 .scheduleList .more-list-box.show .btn-box {
    margin-top: 30px;
}

.tmr_tv_area.v2 .scheduleList .goods-temp-list .goods-box~.btn-box {
    margin-top: 16px;
}

.tmr_tv_area.v2 .scheduleList .btn-box .btn-alram {
    border-color: #dcdcdf;
}

.tmr_tv_area.v2 .scheduleList .btn-box .btn-alram .alram {
    width: 24px;
    height: 24px;
    background-position: 0 -75px
}

.tmr_tv_area.v2 .scheduleList .btn-box .btn-alram.off .alram {
    background-position: -45px -75px;
}

.tmr_tv_area.v2 .scheduleList .btn-box .btn-alram .tv_num {
    background-color: #ff5364;
}

.tmr_tv_area.v2 .scheduleList .btn-box .red {
    background-color: #ff5364;
}

/* 소비자중심경영 - 소비자분쟁해결 기준 안내  */
.ccm_tab {
    overflow: hidden;
    padding-top: 5px;
    background: #ebebeb;
}

.ccm_tab li {
    float: left;
    width: 50%;
}

.ccm_tab li a {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #cdcdcd;
    background: #ebebeb;
    font-size: 14px;
    color: #898989;
    text-align: center;
}

.ccm_tab .on a {
    border: 1px solid #cdcdcd;
    border-bottom: none;
    border-radius: 0 3px 0 0;
    -webkit-border-radius: 0 3px 0 0;
    background: #fff;
    font-weight: bold;
    color: #000;
}

.ccm_tab li:nth-child(2).on a {
    border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
}

.ccm_con {
    background: #fff;
    margin: 20px 10px 10px;
    border: 0;
}

.ccm_list {
    border-radius: 3px;
    border: 1px solid #cdcdcd;
}

.ccm_list>li+li {
    border-top: 1px solid #eee;
}

.ccm_list>li .tit {
    position: relative;
    font-size: 14px;
    padding: 15px 40px 15px 10px
}

.ccm_list>li .tit em {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 16px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -90px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.ccm_list>li.active .tit em {
    background-position: -130px -100px
}

.ccm_list .tit span {
    display: block;
    color: #898989;
    font-size: 12px;
    padding-bottom: 5px;
}

.ccm_list .tit span strong {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #cdcdcd;
    font-weight: normal;
    padding: 1px;
}

.ccm_list .tit span:nth-child(2) {
    color: #666;
    display: inline;
    font-size: 12px;
}

.ccm_list .tit {
    position: relative;
    font-size: 14px;
    color: #000;
    padding: 20px 34px 19px 13 px;
}

.ccm_list .tit em {
    display: inline-block;
    position: absolute;
    right: 13px;
    top: 20px;
    width: 15px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage.png) no-repeat -130px -90px;
    background-size: 200px auto;
    text-indent: -9999px;
}

.ccm_list .tit span {
    position: absolute;
    left: 10px;
    top: 17px;
    width: 16px;
    height: 16px;
    background-position: 0px -140px;
    background-image: url(//image.hnsmall.com/images/mobile2014/mypage/ico_my.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    overflow: hidden;
    text-indent: -1000px;
}

.ccm_list .tit strong {
    color: #e51937;
    font-weight: normal;
}

.ccm_list .cont {
    display: none;
    border-top: 1px solid #eee;
    padding: 16px 14px 20px;
    color: #666;
    font-size: 12px;
}

.ccm_list .cont .tbl_tit {
    position: relative;
    display: inline-block;
    padding-left: 13px;
    margin-top: 20px;
    font-weight: bold;
    color: #333;
    font-size: 12px;
    letter-spacing: -0.25px;
}

.ccm_list .cont .tbl_tit::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    width: 9.5px;
    height: 9.5px;
    background: #333;
}

.ccm_list .cont .tbl_tit+table {
    margin-top: 15px;
}

.ccm_list .ccm_tbl {
    width: 100%;
    margin: 5px 0;
    background: #fff;
    font-size: 11px
}

.ccm_list .ccm_tbl th {
    padding: 7px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}

.ccm_list .ccm_tbl td {
    padding: 10px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    line-height: 15px;
}

.ccm_list .ccm_tbl td em {
    display: inline-block;
    font-weight: bold;
    margin-right: 2.5px;
}

.ccm_list .ccm_tbl td ul li {
    font-weight: bold;
}

.ccm_list .dash_list>li {
    position: relative;
    padding-left: 7.5px;
}

.ccm_list .dash_list>li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #666;
}

.ccm_list .dot_list>li {
    position: relative;
    padding-left: 7.5px;
}

.ccm_list .dot_list>li::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #666;
    border-radius: 50%;
}

.ccm_list .dash_list>li .dot_list>li {
    margin-left: -7.5px;
}

.ccm_list .num_list>li {
    text-indent: -16px;
    padding-left: 16px;
}

.ccm_list .num_list02>li {
    text-indent: -14px;
    padding-left: 14px;
}

.ccm_list .ko_list>li {
    text-indent: -19px;
    padding-left: 19px;
}

.ccm_list .ccm_tbl td .note_area {
    padding-bottom: 10px;
}

.ccm_list .ccm_tbl td .note_area p {
    margin-top: 18px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
}

/* ITSRI-16665 고객센터 소비자 분쟁해결 */
.ccm_con .btn_area {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
}

.ccm_con .btn_area .btn_link {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 19px;
    color: #111;
    letter-spacing: -0.26px;
}

.ccm_con .btn_area .btn_link::after {
    content: "";
    display: block;
    margin-top: -1px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_right_12.png) 100% / 100% no-repeat;
}



.tmr_tv_area .scheduleList .more-list-box .btn-box .more-arrow {
    display: inline-block;
    margin-left: 8px;
    width: 10px;
    height: 6px;
    background-position: -100px 0;
}


/* 2023-04-06 주문서 리뉴얼 */
.order-list-v2 li+li {
    margin-top: 12px;
}

.order-list-v2 .goods-box {
    position: relative;
}

.order-list-v2 .goods-box .goods-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.order-list-v2 .goods-box .goods-thumb img {
    width: 100%;
    height: 100%;
}

.order-list-v2 .goods-box .price-area {
    padding-left: 85px;
}

.order-list-v2 .goods-box .price-area .tit {
    font-size: 14px;
    color: #282a33;
    letter-spacing: -0.28px;
    line-height: 22px;
}

.order-list-v2 .goods-box .price-area .price-zone {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: #282a33;
    letter-spacing: -0.28px;
}

.order-list-v2 .goods-box .price-area .price-zone del {
    margin-top: -2px;
    margin-right: 6px;
    font-size: 14px;
    color: #888;
    line-height: 18px;
}

.order-list-v2 .goods-box .price-area .price-zone strong {
    display: inline-block;
    margin-top: -1px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #111;
    letter-spacing: -0.36px;
}

.order-list-v2 .goods-box .price-area .price-zone .flag-etc {
    margin-top: 8px;
}
.order-list-v2 .goods-box .goods-option {
    margin-top: 8px
}

.order-list-v2 .goods-box .goods-option p {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #888;
    line-height: 19px;
    ;
}

.order-list-v2 .goods-box .goods-option p+p {
    margin-top: 2px;
}

.order-list-v2 .goods-box .goods-option p em {
    position: relative;
    padding-left: 20px;
}

.order-list-v2 .goods-box .goods-option p em::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 9.5px;
    width: 1px;
    height: 9px;
    background: #e8e8e8;
}

.order-list-v2 .goods-box .goods-select {
    display: flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #282a33;
}

.order-list-v2 .goods-box .goods-select select {
    width: 68px;
}

.order-list-v2 .goods-box .goods-select p {
    margin-left: 8px;
    margin-top: 2px
}

.order-list-v2 .goods-box .goods-select .select-small+p {
    line-height: 28px;
    margin-top: 0;
}

.order-list-v2 .goods-box .hope-calendar {
    margin-top: 2px;
}

.order-list-v2 .goods-box .hope-calendar span {
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #888;
}

.order-list-v2 .goods-box .hope-calendar .btn-datepicker {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-left: 5px;
    background: url(http://image.hnsmall.com/images/mobile2014/order/ico_calendar.png) center center no-repeat;
    background-size: 18px auto;
    vertical-align: top;
    font-size: 0;
    color: transparent;
}

.order-list-v2 .noti {
    margin-top: 12px;
    font-size: 13px;
    color: #888;
    letter-spacing: -0.26px;
}



/* 배송정보 */
.order-form .tab-tit {
    overflow: hidden;
    display: flex;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    border-bottom: none;
}

.order-form .tab-tit li {
    width: 50%;
    text-align: center;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    background-color: #f8f8f8;
}

.order-form .tab-tit li:first-child {
    border-right: 1px solid #ddd;
    border-radius: 4px 0 0 0;
}

.order-form .tab-tit li:last-child {
    border-radius: 0 4px 0 0;
}

.order-form .tab-tit li a {
    display: block;
    padding: 14px 0 15px;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #111;
}

.order-form .tab-tit li.on {
    border-bottom: none;
    background-color: #fff;
}

.order-form .tab-tit li.on a {
    font-weight: bold;
}

.order-form .js-con {
    display: none;
}

.order-form .js-con.on {
    display: block;
}

.order-form .tab-tit~.js-con {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.order-form .tab-tit~.js-con .order-form-box {
    padding-top: 20px;
}

.tab-tit~.js-con>.order-form-box:first-child {
    margin-top: 0;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.order-form-box~.tab-tit {
    margin-top: 10px;
}

.shipping-info {
    margin-top: 10px;
}

.order-form-box .address {
    margin-top: 6px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #282a33;
}

.order-form-box .tel {
    margin-top: 6px;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: #282a33;
}

.order-form-box .multi-add-check {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin: 18px 0 16px 0;
}

.order-form-box .multi-add-check .check-tip input {
    vertical-align: middle;
    margin-top: -4px;
}

.order-form-box .multi-add-check .check-tip span {
    font-weight: normal;
}

.order-form-box .multi-add-check .check-tip .tip-wrap {
    display: inline-block;
    margin-top: 0;
    vertical-align: middle;
}

.order-form-box .multi-add-check .check-tip .tip-wrap .tip-open {
    margin-left: 0;
}

.order-form-box .flag-line {
    display: none;
}

.order-form-box .order-list-v2 {
    display: none;
}

.order-form-box.multi-wrap .multi-add-check {
    display: flex;
    margin: 16px 0;
}

.order-form-box.multi-wrap .multi-add-check .tip-box {
    width: 59vw;
}

.order-form-box.multi-wrap .flag-line {
    display: inline-block;
}

.order-form-box.multi-wrap .flag-line+.field {
    margin-top: 0;
}

.order-form-box.multi-wrap .flag-line+.field {
    margin-top: 0;
}

.order-form-box.multi-wrap .order-list-v2 {
    display: block;
    margin-top: 16px;
}

.order-form-box.multi-wrap .order-list-v2 li+li {
    margin-top: 12px;
}

.order-form-box.multi-wrap .shipping-address-box~.shipping-address-box {
    border-top: 1px solid #ddd;
    padding-top: 24px;
    margin-top: 24px;
}

.order-form-box.multi-wrap .shipping-address-box .field.request-box {
    margin-top: 12px;
}

.order-form-box.multi-wrap .shipping-address-box .flag-line+.field.request-box {
    margin-top: 8px;
}

/* 주문상품 */
.order-goods-box .btn-line-large.black {
    height: 40px;
    font-weight: bold;
}

.order-goods-box .gray-box {
    margin: 15px -15px 0 -15px;
    padding: 15px 15px 15px;
    background-color: #f6f6f6;
}

.order-goods-box .gray-box select {
    background-color: #fff;
}

.order-goods-box .gray-box select+select {
    margin-top: 8px;
}

.order-goods-list li {
    margin-top: 20px;
}

.order-goods-list li:first-child {
    margin-top: 0;
}

.order-goods-list li:last-of-type .gray-box {
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.order-goods-list .half+.half {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #ddd;
}

.order-wrap .toggle-type.order-goods-box.v2 .order-goods-list li:last-of-type .gray-box {
    margin: 15px -15px 0 -15px;
    padding: 15px 15px 15px;
}

/* 결제 */
.payment-list::after {
    content: "";
    display: block;
    clear: both;
}

.payment-list li {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: calc(33.3% - 4px);
}

.payment-list li+li {
    margin-left: 6px;
}

.payment-list li:nth-child(3n-2) {
    margin-left: 0;
}

.payment-list li:nth-child(n+4) {
    margin-top: 8px;
}

.payment-list li.full {
    width: 100%;
}

.payment-list li.full~li+li {
    margin-left: 6px;
}

.payment-list li.full~li:nth-child(3n-4) {
    margin-left: 0;
}

.payment-list li.full~li:nth-child(n+2) {
    margin-top: 8px;
}

.payment-list li .btn-pay {
    width: 100%;
    height: 48px;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    background: #f6f6f6;
    border-radius: 4px;
    box-sizing: border-box;
}

.payment-list li .btn-pay.ico-pay {
    font-size: 0;
}

.payment-list li .btn-pay.on {
    border: 1.5px solid #111;
    font-weight: bold;
}

.payment-list li .btn-pay.ico-pay span {
    position: relative
}

.payment-list li .btn-pay.ico-pay span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_sprite_2023.png) 100% / 200px auto no-repeat;
}

.payment-list li .btn-pay.tosspay span::before {
    width: 75px;
    height: 14.5px;
    background-position: -100px 0;
}

.payment-list li .btn-pay.kakaopay span::before {
    width: 42.2px;
    height: 13px;
    background-position: -100px -75px;
}

.payment-list li .btn-pay.payco span::before {
    width: 51px;
    height: 11.5px;
    background-position: -100px -100px;
}

.payment-list li .btn-pay.samsungpay span::before {
    width: 53px;
    height: 24.1px;
    background-position: -100px -25px;
}

.payment-list li .btn-pay.naverpay span::before {
    width: 54px;
    height: 21px;
    background-position: -100px -269.5px;
}

.payment-list li .btn-pay.applepay span::before {
    width: 42.2px;
    height: 27px;
    background-position: -100px -195px;
}

.payment-list li .btn-pay.kbpay span::before {
    width: 44px;
    height: 15px;
    background-position: -100px -295px;
}

.payment-list-type2 {
    margin-top: 16px;
}

.payment-list-type2 li {
    position: relative;
}

.payment-list-type2 li+li {
    margin-top: 8px;
}

.payment-list-type2 li .ico-pay {
    width: 100%;
    height: 40px;
    padding: 12px 15px 0;
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: left;
}

.payment-list-type2 li .ico-pay.ico-pay {
    font-size: 0;
}

.payment-list-type2 li .ico-pay.on {
    border: 1.5px solid #111;
    font-weight: bold;
}

.payment-list-type2 li .ico-pay.ico-pay span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #282a33;
    line-height: 15px;
}

.payment-list-type2 li .ico-pay.ico-pay span i {
    display: inline-block;
    margin: -1px 5px 0;
    font-size: 1px;
    color: transparent;
    background-image: url(//image.hnsmall.com/images/mobile2014/order/logo_sprite_2023.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
    vertical-align: middle;
}

.payment-list-type2 li .ico-pay.naverpay span i {
    width: 38px;
    height: 15px;
    background-position: 0 -269.5px;
    margin-top: 0;
}

.payment-list-type2 li .ico-pay.payco i {
    width: 43px;
    height: 10px;
    background-position: 0 -100px;
}

.payment-list-type2 li .ico-pay.samsungpay i {
    width: 70px;
    height: 10px;
    background-position: 0 -25px;
}

.payment-list-type2 li .ico-pay.kakaopay i {
    width: 32.5px;
    height: 10px;
    background-position: 0 -75px;
}

.payment-list-type2 li .ico-pay.tosspay span {
    font-size: 0;
    color: transparent;
}

.payment-list-type2 li .ico-pay.tosspay span i {
    width: 72px;
    height: 14px;
    background-position: 0 0;
    margin-left: 0;
}

.payment-list-type2 li .ico-pay.applepay span i {
    width: 31.2px;
    height: 20px;
    background-position: 0 -195px;
    margin-top: -2px;
}

.payment-list-type2 li .ico-pay.kbpay span i {
    width: 38px;
    height: 15px;
    background-position: 0 -295px;
    margin-top: 1px;
}


.payment-list li .flag-order {
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 0;
    display: block;
    padding: 0 9px;
    height: 20px;
    border-radius: 10px;
    background-color: #f51d2c;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.payment-list li .flag-order.flag-save {
    top: -10px;
}

.parcel-area .parcel-txt {
    font-size: 15px;
    text-align: center;
    color: #282a33;
    letter-spacing: -0.3px;
    line-height: 24px;
}

.parcel-area .parcel-list {
    display: flex;
    margin-top: 20px;
}

.parcel-area .parcel-list li {
    flex: 1;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.parcel-area .parcel-list li+li {
    margin-left: 6px;
}

.parcel-area .parcel-list li a {
    display: block;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 13px;
    line-height: 19px;
    color: #666;
    letter-spacing: -0.26px;
    text-align: center;
}

.parcel-area .parcel-list li a span::before {
    content: "";
    display: block;
    margin: 0 auto 6px;
    width: 63px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_sprite_2023.png) 100% / 200px auto no-repeat;
}

.parcel-area .parcel-list li:nth-child(1) a span::before {
    background-position: -73px -142px
}

.parcel-area .parcel-list li:nth-child(2) a span::before {
    background-position: 7px -150px;
}

.parcel-area .parcel-list li:nth-child(3) a span::before {
    background-position: -137px -150px;
}


.parcel-area .parcel-list li.active {
    border: 1.2px solid #111;
}

.parcel-area .parcel-list li.active a {
    color: #111;
    font-weight: 500;
}

.app-pay-list {
    overflow: hidden;
    margin: 10px -15px 0 -15px;
}

.app-pay-list ul {
    display: flex;
    padding: 0 15px;
}

.app-pay-list.swiper_st ul li {
    width: 52.48%;
}

.app-pay-list ul li+li {
    margin-left: 9px;
}

.app-pay-list ul li button {
    width: 100%;
    height: 90px;
    padding: 14px 15px 13px;
    box-sizing: border-box;
    word-break: break-word;
    border: 1.2px solid #ddd;
    border-radius: 4px;
    text-align: center;
}

.app-pay-list ul li button b {
    display: block;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #888;
}

.app-pay-list ul li button span {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #888;
    line-height: 18px;
}

.app-pay-list ul li button.on,
.app-pay-list ul li a.on {
    border: 1.2px solid #111;
}

.app-pay-list ul li button.on b {
    color: #111;
    font-weight: bold;
}

.app-pay-list ul li button.on span {
    color: #111;
}

.app-pay-list ul li.last {
    margin-left: 0;
    width: 47.52%;
    padding: 0 30px 0 9px;
    box-sizing: border-box;
}

.app-pay-list ul li:first-child.last {
    width: 100%;
    padding: 0 15px;
    margin-left: -15px;
}

.app-pay-list.swiper-container-horizontal ul li.last {
    padding-right: 30px;
}

.app-pay-list ul li.last>* {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 4px;
    border: 0;
    height: 90px;
    border: solid 1.2px #eee;
    border-radius: 4px;
    box-sizing: border-box;
}

.app-pay-list ul li.last>* span {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.26px;
    color: #282a33;
}

.noti-box5-img+.home-npay {
    margin-top: 15px;
}

.home-npay .tab-panel {
    overflow: hidden;
    margin: 0 -15px;
}

.home-npay .tab-panel .home-pay-list {
    padding: 0 30px;
}

.home-pay-list {
    overflow: visible;
    max-width: 313px;
    margin: 15px auto 15px;
    padding: 0 15px;
}

.home-pay-list ul {
    display: flex;
}

.home-pay-list ul li {
    height: 183px;
}

.home-pay-list.swiper_st ul li {
    width: 100%;
}

.home-pay-list ul li:first-child.last {
    width: 100%;
    margin: 0 !important;
}

.home-pay-list ul li.last>* {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: calc(58.6% - 2.4px);
    border: solid 1.2px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.home-pay-list ul li.last i.ico-plus2 {
    position: absolute;
    top: 50%;
    transform: translateY(-32px);
}

.home-pay-list ul li.last span {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-7px);
    margin-top: 5px;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.26px;
    color: #111;
    text-align: center;
}

.home-pay-list .card-box {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    max-width: 313px;
    padding: 5.494% 15px 53.11%;
    border-radius: 4px;
    box-sizing: border-box;
}

.home-pay-list .card-box .discount_flag {
    position: absolute;
    top: -10px;
    left: 15px;
}

.home-pay-list .card-box .discount_flag span {
    display: block;
    width: 104px;
    height: 31px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_flag_tail.png) 100% / 100% no-repeat;
    font-size: 12px;
    letter-spacing: -0.34px;
    line-height: 26px;
    text-align: center;
    color: #fff;
}

.home-pay-list .card-box .logo {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 0;
}

.home-pay-list .card-box .logo img {
    display: inline-block;
    width: 100%;
    max-width: 40px;
    max-height: 30px;
    object-fit: contain;
}

.home-pay-list .card-box .card-info {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 12.5%;
    width: calc(100% - 30px);
}

.home-pay-list .card-box .card-info span {
    display: block;
    font-size: 14px;
    letter-spacing: -0.28px;
}

.home-pay-list .card-box .card-info span+span {
    margin-top: 1.5%;
}

.home-pay-list .card-box .card-info .name {
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.home-pay-list .card-box .card-info select {
    display: block;
    height: 32px;
    padding: 6px 20px 6px 15px;
    margin-top: 5%;
    background-position: right 4px;
    line-height: normal;
}

/* 카드사 */
.home-pay-list .lotte-card {
    background-color: #6f6259;
}

.home-pay-list .lotte-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_lottecard.png) 100% / 100% no-repeat;
}

.home-pay-list .lotte-card .card-info span {
    color: #fff;
}

.home-pay-list .bc-card {
    background-color: #dd3339;
}

.home-pay-list .bc-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_bccard.png) 100% / 100% no-repeat;
}

.home-pay-list .bc-card .card-info span {
    color: #fff;
}

.home-pay-list .samsung-card {
    background-color: #003cdc;
}

.home-pay-list .samsung-card .logo:before {
    content: "";
    display: block;
    width: 49px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_samsungcard.png) 100% / 100% no-repeat;
}

.home-pay-list .samsung-card .card-info span {
    color: #fff;
}

.home-pay-list .shinhan-card {
    background-color: #002ea6;
}

.home-pay-list .shinhan-card .logo:before {
    content: "";
    display: block;
    width: 46px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_shinhancard.png) 100% / 100% no-repeat;
}

.home-pay-list .shinhan-card .card-info span {
    color: #fff;
}

.home-pay-list .woori-card {
    background-color: #00498f;
}

.home-pay-list .woori-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_wooricard.png) 100% / 100% no-repeat;
}

.home-pay-list .woori-card .card-info span {
    color: #fff;
}

.home-pay-list .hana-card {
    background-color: #008375;
}

.home-pay-list .hana-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_hanacard.png) 100% / 100% no-repeat;
}

.home-pay-list .hana-card .card-info span {
    color: #fff;
}

.home-pay-list .hyundai-card {
    background-color: #222834;
}

.home-pay-list .hyundai-card .logo:before {
    content: "";
    display: block;
    width: 72px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_hyundaicard.png) 100% / 100% no-repeat;
}

.home-pay-list .hyundai-card .card-info span {
    color: #fff;
}

.home-pay-list .kb-card {
    background-color: #766c62;
}

.home-pay-list .kb-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_kbcard.png) 100% / 100% no-repeat;
}

.home-pay-list .kb-card .card-info span {
    color: #fff;
}

.home-pay-list .nh-card {
    background-color: #102fb4;
}

.home-pay-list .nh-card .logo:before {
    content: "";
    display: block;
    width: 59px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_nhcard.png) 100% / 100% no-repeat;
}

.home-pay-list .nh-card .card-info span {
    color: #fff;
}

.home-pay-list .toss-card {
    background-color: #202632;
}

.home-pay-list .toss-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_tosscard.png) 100% / 100% no-repeat;
}

.home-pay-list .toss-card .card-info span {
    color: #fff;
}

.home-pay-list .kakao-card {
    background-color: #31353f;
}

.home-pay-list .kakao-card .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_kakaocard.png) 100% / 100% no-repeat;
}

.home-pay-list .kakao-card .card-info span {
    color: #fff;
}

/* //카드사 */
/* 은행사 */
.home-pay-list .nh-bank {
    background-color: #102fb4;
}

.home-pay-list .nh-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_nhbank.png) 100% / 100% no-repeat;
}

.home-pay-list .nh-bank .card-info span {
    color: #fff;
}

.home-pay-list .kb-bank {
    background-color: #766c62;
}

.home-pay-list .kb-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_kbcard.png) 100% / 100% no-repeat;
}

.home-pay-list .kb-bank .card-info span {
    color: #fff;
}

.home-pay-list .kakao-bank {
    background-color: #31353f;
}

.home-pay-list .kakao-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_kakaocard.png) 100% / 100% no-repeat;
}

.home-pay-list .kakao-bank .card-info span {
    color: #fff;
}

.home-pay-list .shinhan-bank {
    background-color: #002ea6;
}

.home-pay-list .shinhan-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_shinhanbank.png) 100% / 100% no-repeat;
}

.home-pay-list .shinhan-bank .card-info span {
    color: #fff;
}

.home-pay-list .woori-bank {
    background-color: #00498f;
}

.home-pay-list .woori-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_wooricard.png) 100% / 100% no-repeat;
}

.home-pay-list .woori-bank .card-info span {
    color: #fff;
}

.home-pay-list .hana-bank {
    background-color: #008375;
}

.home-pay-list .hana-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_hanacard.png) 100% / 100% no-repeat;
}

.home-pay-list .hana-bank .card-info span {
    color: #fff;
}

.home-pay-list .toss-bank {
    background-color: #202632;
}

.home-pay-list .toss-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_tosscard.png) 100% / 100% no-repeat;
}

.home-pay-list .toss-bank .card-info span {
    color: #fff;
}

.home-pay-list .ibk-bank {
    background-color: #004c9d;
}

.home-pay-list .ibk-bank .logo:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/order/logo_ibkbank.png) 100% / 100% no-repeat;
}

.home-pay-list .ibk-bank .card-info span {
    color: #fff;
}

/* //은행사 */

.home-npay.v2 .tab-panel .home-pay-list {
    padding: 0 35px;
}

.home-npay.v2 .home-pay-list .card-box .card-info select {
    margin-top: 7.105%;
}

.home-npay.v2 .home-pay-list .card-box .card-info span+span {
    margin-top: 2.375%;
}

@media only all and (min-width: 440px) {
    .home-pay-list.swiper_st ul li {
        width: 313px;
    }

    .home-pay-list .card-box {
        height: 183px;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .home-pay-list ul li.last>* {
        width: 313px;
        height: 183px;
        padding-bottom: 0;
    }

    .v2.home-pay-list ul li.last>* {
        width: 275px;
        height: 137px;
    }

    .v2.home-pay-list.swiper_st ul li {
        width: 275px;
    }

    /* ITSRI-22873 2025-02-10 앱카드 간편결제 실물카드 노출 개선 */
    /* .v2.app-pay-list ul li.last > *{width:275px;height:137px;} */
    .v2.app-pay-list.swiper_st ul li {
        width: 275px;
    }
}

@media only all and (max-width: 340px) {
    .home-pay-list .card-box .logo {
        top: 12px;
    }

    .home-pay-list .card-box .card-info span+span {
        margin-top: 1%;
    }

    .home-pay-list .card-box .card-info select {
        margin-top: 2%;
    }

    /* ITSRI-22873 2025-02-10 앱카드 간편결제 실물카드 노출 개선 */
    .v2.app-pay-list .card-box .logo {
        top: 12px;
    }

    .v2.app-pay-list .card-box .card-info span+span {
        margin-top: 1%;
    }

    .v2.app-pay-list .card-box .card-info select {
        margin-top: 2%;
    }
}

/* 결제수단영역 */
.order-form .payment-box .txtbox {
    padding: 9px 0 11px;
}

.order-form .payment-box .txtbox+.txtbox {
    margin-top: 6px;
}

.order-form .payment-box dl.order-form-table+.h-line {
    margin: 20px 0;
}

.order-form .payment-box dl.order-form-table .check {
    margin-top: 8px;
}

.order-form .payment-box dl.order-form-table .cash-receipt .check {
    margin-top: 0;
}

.order-form .payment-box .payment-list+.check {
    margin-top: 20px;
}

.order-form .payment-box .payment-list+.noti-box {
    margin-top: 20px;
}

.order-form .payment-box .notice .h-line {
    margin: 20px 0 13px;
}

.order-form .payment-box .tip-wrap+.notice .h-line {
    margin: 15px 0 13px;
}

.order-form .payment-box .easyPayBank {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 20px;
    width: 100%;
    padding: 13px 15px 15px;
    border: 1.2px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box
}

.order-form .payment-box .easyPayBank span {
    display: inline-block;
    color: #111;
    font-weight: bold;
    font-size: 14px;
    margin-top: 1px;
}

.order-form .payment-box .easyPayBank a {
    font-size: 13px;
    line-height: 19px;
}

.order-form .payment-box .easyPayBank a i.ico-arr-r02 {
    margin-left: 5px;
    margin-top: -2px;
    line-height: inherit;
}

.order-form .payment-box .app-card-wrap .sub-tit-wrap {
    margin-top: 20px;
}

.order-form .payment-box .app-card-wrap .sub-tit-wrap .tip-wrap {
    margin-top: 0;
}

.order-form .payment-box .app-card-wrap .info-wrap {
    margin-top: 20px;
}

.order-form .payment-box .app-card-wrap .info-wrap .tip-wrap {
    margin-top: 0;
}

.order-form .payment-box .app-card-wrap .info-wrap .tip-wrap .tip-tit {
    font-size: 15px;
    color: #111;
    font-weight: 500;
}

.order-form .app-card-wrap .tip-wrap .tip-open {
    margin-left: 5px;
}

.order-form .app-card-wrap .sub-tit-wrap .tip-wrap .btn-line-small {
    vertical-align: middle;
}

.order-form .app-card-wrap .sub-tit-wrap .tip-wrap .tip-open {
    vertical-align: middle;
}

.order-form .app-card-wrap .field {
    margin-top: 16px;
}

.order-form .payment-box .payment-method {
    margin-top: 20px;
}

.order-form .payment-box .payment-method+.order-form-table {
    margin-top: 16px;
}

.order-form .payment-box .banner-link {
    position: relative;
    display: block;
    padding: 16px 80px 13px 15px;
    margin-top: 10px;
    background-color: #f6f6f6;
    border-radius: 4px;
    box-sizing: border-box;
}

.order-form .payment-box .banner-link:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 15px;
    width: 54px;
    height: 54px;
    background: url(//image.hnsmall.com/images/mobile2014/order/img-banner-link.png) 0 0 no-repeat;
    background-size: 54px auto;
}

.order-form .payment-box .banner-link>* {
    display: block;
}

.order-form .payment-box .btn-change {
    display: block;
    text-align: center;
    padding-top: 12px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

.order-form .payment-box .btn-change span {
    position: relative;
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #282a33;
    font-weight: 500;
    line-height: 21px;
    padding-right: 12px;
}

.order-form .payment-box .btn-change span:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    display: inline-block;
    width: 6px;
    height: 10px;
    ;
    margin-left: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ic_arrow_6x10_111.png) 100% / 100% no-repeat;
    vertical-align: middle;
}

.order-form .payment-box .cash-receipt {
    position: relative;
}

.order-form .payment-box .cash-receipt .check {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.order-form .payment-box .cash-receipt .check label+label {
    margin-left: 8px;
}

.order-form .payment-box .cash-receipt .top-tit-wrap {
    flex-wrap: nowrap;
    white-space: nowrap;
}

.order-form .payment-box .cash-receipt .top-tit-wrap .right {
    display: block;
    padding-left: 10px;
    font-size: 15px;
    color: #111;
    letter-spacing: -0.3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.order-form .payment-box .change-box {
    margin-top: 20px;
}

.order-form .payment-box .change-box .check {
    margin-top: 10px;
}

.order-form .payment-box .cash-receipt .check {
    margin-top: 0;
}

.order-form .payment-box .cash-receipt .tab-panel {
    display: none;
}

.order-form .payment-box .cash-receipt .dot-list.type2 {
    margin-top: 12px;
}

.order-form .payment-box .cash-receipt .dot-list.type2 li:first-child~li {
    margin-top: 6px;
}

.order-form .payment-box.method-box .other-pay {
    margin-top: 20px;
}

.order-form .payment-box.method-box .other-pay .tab-panel {
    display: none;
}

.order-form .payment-box.method-box .con_box {
    display: none;
}


/* 최근 결제수단 */
.order-form .payment-box.recent-box .notice.toggle-type {
    height: 20px;
}

.order-form .payment-box.recent-box .notice.toggle-type .btn-toggle {
    height: 19px;
}

.order-form .payment-box.recent-box .notice.toggle-type+.h-line {
    margin: 20px 0 12px;
}

.order-form .payment-box.recent-box .payment-method {
    margin-top: 12px;
}

.order-form .payment-box .notice.toggle-type.line {
    height: 24px;
    border-top: 1px solid #ddd;
    padding-top: 12px;
    margin-top: 20px;
}

.order-form .payment-box .notice.toggle-type.toss {
    height: auto;
}

.order-form .notice.toggle-type.toss {
    height: auto;
}

.order-form .notice.toggle-type.toss .dot-list {
    display: none;
}

.order-form .notice.toggle-type.toss.active .dot-list {
    display: block;
}

/* 필수동의항목 */
.order-form .bottom-agree-box {
    height: auto;
    margin-top: 20px;
}

.order-form .bottom-agree-box.toggle-type .tit-wrap~* {
    display: none;
}

.order-form .bottom-agree-box.toggle-type.active .tit-wrap~* {
    display: block;
}

.order-form .bottom-agree-box .tit-wrap {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 20px;
    margin: 0;
}

.order-form .bottom-agree-box .tit-wrap label {
    font-size: 13px;
    line-height: 20px;
    color: #282a33;
}

.order-form .bottom-agree-box .tit-wrap input[type="checkbox"] {
    float: left;
    margin-right: 8px;
    vertical-align: middle;
}

.order-form .bottom-agree-box .tit-wrap .txt {
    font-size: 13px;
    color: #282a33;
    line-height: 20px;
}

.order-form .bottom-agree-box .btn-toggle {
    width: 16px;
    height: 16px;
}

.order-form .bottom-agree-box .agree-cont {
    margin-top: 10px;
    padding: 18px 15px 20px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.order-form .bottom-agree-box .agree-cont .check label {
    font-size: 13px;
    line-height: 20px;
    color: #282a33;
}

.order-form .bottom-agree-box .agree-cont .check+.check {
    margin-top: 10px;
}

.order-form .bottom-agree-box .agree-cont .btn-all {
    display: inline-block;
    flex-shrink: 0;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.26px;
    color: #888;
    text-decoration: underline
}

.order-form .bottom-agree-box .agree-cont .tbl {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
}

.order-form .bottom-agree-box .agree-cont .tbl * {
    box-sizing: border-box;
}

.order-form .bottom-agree-box .agree-cont .tbl tr {
    border: 1px solid #ddd;
}

.order-form .bottom-agree-box .agree-cont .tbl tr:last-child {
    border: none;
}

.order-form .bottom-agree-box .agree-cont .tbl tr th,
.order-form .bottom-agree-box .agree-cont .tbl tr td {
    padding: 7px 0;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: -0.24;
    color: #888;
    font-weight: normal;
    text-align: left;
}

.order-form .bottom-agree-box .agree-cont .tbl tr th {
    padding-left: 20px;
    padding-right: 10px;
    background-color: #f6f6f6;
}

.order-form .bottom-agree-box .agree-cont .tbl tr td {
    padding: 7px 20px;
}

.order-form .bottom-agree-box .agree-cont .check input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: -5px;
}

.order-form .bottom-agree-box~.bottom-agree-box {
    margin-top: 16px;
}

/* 툴팁 위치/크기 */
.order-wrap .multi-add-check .tip-box {
    top: 29px;
    left: -143px;
}

.order-wrap .tooltip-staff .tip-box {
    top: 26px;
    left: -79px;
    min-width: 240px;
    width: 64vw;
}

.order-wrap .tip-gift-guide .tip-box {
    width: 72%;
    min-width: 271px
}

.order-wrap .tip-my-cash .tip-box {
    left: initial;
    right: 0;
    width: 70vw;
}

.order-wrap .tip-use-all .tip-box {
    left: -119px;
}

.order-wrap .tip-box.notice-box {
    left: initial;
    right: 0
}

.order-wrap .tip-noint .tip-box {
    right: 0;
    left: initial;
    min-width: 225px;
}

.order-wrap .tip-appcard .tip-box {
    top: 34px;
    right: 0;
    left: initial;
}

.order-wrap .tip-oneclick .tip-box {
    left: 0;
    width: 70vw;
}

.order-wrap .tip-discount .tip-box {
    left: -170px;
}

.order-wrap .tip-delivery-fee .tip-box {
    left: -88px;
    min-width: 192px;
    width: 192px;
}

.order-wrap .tip-final-benefit .tip-box {
    left: -93px;
}

.order-wrap .tip-save-cash .tip-box {
    left: -89px;
}

.order-wrap .tip-oneclick-center .tip-box {
    top: 32px;
    left: 5%;
    right: 5%;
    width: auto;
}

/* 무이자할부안내 다음에 카드포인트 체크박스 case */
.order-wrap .tip-noint {
    min-height: 19px;
    text-align: right;
}

.order-wrap .order-form .tip-noint+.check {
    float: left;
    margin-top: -23px;
    position: relative;
    z-index: 1;
}

.order-wrap .tip-noint+.check+.check {
    clear: both;
}

.order-wrap .tip-noint.empty {
    min-height: auto;
    margin-top: -4px;
}

.order-wrap .tip-noint.empty+.check {
    float: none;
    margin-top: 10px;
}

@media (max-width: 320px) {
    .order-wrap .order-form .tip-noint+.check {
        float: none;
        margin-top: 0;
    }
}

/* 주문완료 */
.order-wrap .order-complete .toggle-type {
    height: auto;
    overflow: hidden;
}

.order-wrap .order-complete .toggle-type .unfold {
    display: none;
}

.order-wrap .order-complete .toggle-type.active .fold {
    margin-top: 16px;
}

.order-wrap .order-complete .toggle-type.active .unfold {
    display: block;
}

.order-complete .order-form-box.toggle-type .top-tit-wrap~* {
    visibility: visible;
}

.order-complete .h-line {
    margin: 0;
}

.order-complete .h-line.v2 {
    margin: 16px 0;
}

.order-complete .top-reault-info {
    margin: 30px 0;
    text-align: center;
}

.order-complete .top-reault-info>strong {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.4px;
    color: #282a33;
    display: block;
}

.order-complete .top-reault-info>p {
    margin: 5px 0 15px;
    font-size: 15px;
    line-height: 22px;
    color: #888;
}

.order-complete .top-reault-info em {
    display: inline-block;
    margin-left: 6px;
    font-size: 16px;
    color: #282a33;
    font-weight: 500;
}

.order-complete .top-reault-info .detail {
    margin: 0 30px 0;
}

.order-complete .top-reault-info .detail .info {
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.28px;
    color: #282a33;
    font-weight: 500;
}

.order-complete .top-reault-info .detail .tip-open {
    margin-left: 8px;
    vertical-align: 5px;
}

/*ITSRI-22873 2025-02-10 앱카드 간편결제 실물카드 노출 개선*/
.order-wrap .order-complete .top-reault-info .detail .tip-open {
    vertical-align: -4px;
    display: inline-block;
}

@supports (-webkit-touch-callout: none) {

    /* ios에서만 적용되는 css */
    .order-wrap .order-complete .top-reault-info .detail .tip-wrap.tip-oneclick-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .order-wrap .order-complete .top-reault-info .detail .tip-open {
        vertical-align: initial;
    }
}

.order-complete .rusult-tit {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #282a33;
    font-weight: bold;
}

.order-complete .no-rusult-txt {
    font-size: 15px;
    color: #282a33;
}

.order-complete .top-tit-wrap {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #282a33;
    font-weight: bold;
}

.order-complete .top-tit-wrap .top-tit {
    font-size: 15px;
    color: #282a33;
    font-weight: 500;
}

.order-complete .top-tit-wrap .num-large {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
}

.order-complete .top-tit-wrap .num-large em.num {
    font-size: 19px;
    letter-spacing: -0.38px;
    vertical-align: bottom;
}

.order-complete .top-tit-wrap .num-large em.won {
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
}

.order-complete .top-tit-wrap .right {
    margin-right: 21px;
}

.order-complete .top-tit-wrap .btn-toggle i.ico-arr {
    top: 8px;
}

.order-complete .order-info .rusult-tit {
    margin-bottom: 0;
}

.order-complete .order-cont {
    margin-top: 18px;
}

.order-complete .order-cont dl dt {
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #888;
}

.order-complete .order-cont dl dd {
    margin-top: 8px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #282a33;
}

.order-complete .order-cont dl dd .name {
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
}

.order-complete .order-cont dl+dl {
    margin-top: 16px;
}

.order-complete .order-cont dl dd+dd {
    margin-top: 4px;
}

.order-complete .noti-box {
    margin-top: 20px;
}

.order-complete .bank-box {
    height: 82px;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 16px 0 17px;
    margin-top: 6px;
    background-color: #f8f8f8;
    text-align: center;
}

.order-complete .bank-box .account-num {
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-complete .bank-box .account-num .account {
    display: block;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #282a33;
    font-weight: bold;
    line-height: 23px;
}

.order-complete .bank-box .account-num .account em {
    font-size: 17px;
    font-weight: 500;
}

.order-complete .bank-box .account-num a {
    margin-left: 5px;
}

.order-complete .bank-box .account-num a i.ico-copy {
    margin-top: 0;
}

.order-complete .bank-box a {
    display: inline-block;
    font-size: 0;
    color: transparent;
    vertical-align: middle;
}

.order-complete .bank-box .name {
    display: block;
    margin-top: 5px;
    color: #888;
    line-height: 20px;
}

.order-complete .order-form ul {
    overflow: hidden;
}

.order-complete .order-form ul li {
    margin-top: 8px;
}

.order-complete .order-form ul li:first-child {
    margin-top: 0;
}

.order-complete .order-form ul li .tit {
    float: left;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #282a33;
    text-align: left;
    vertical-align: top;
    font-weight: 500;
}

.order-complete .order-form ul li .cont {
    float: right;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.3px;
    text-align: right;
    vertical-align: top;
    color: #282a33;
}

.order-complete .order-form ul li:after {
    content: '';
    display: block;
    clear: both;
}

.order-complete .order-form ul li span {
    display: block;
}

.order-complete .order-form ul li .block {
    display: block;
}

.order-complete .order-form ul li .txt {
    font-weight: 500;
}

.order-complete .order-form ul li .small,
.order-complete .order-form ul li .small {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #888;
}

.order-complete .order-form ul li .sub-txt,
.order-complete .order-form ul li .sub-txt {
    display: block;
    margin-top: 6px;
    font-size: 15px;
    letter-spacing: -0.28px;
    color: #282a33;
    font-weight: normal;
}

.order-complete .order-form ul li+li {
    margin-top: 8px;
}

.order-complete .order-form ul li.full {
    width: 100%;
    padding: 12px 10px;
    margin-top: 10px;
    text-align: left;
    background-color: #f8f8f8;
    border-radius: 4px;
    box-sizing: border-box
}

.order-complete .order-form ul li .gray-box strong {
    display: block;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #282a33;
    line-height: 19px;
}

.order-complete .order-form ul.gray-txt+ul {
    margin-top: 16px;
}

.order-complete .order-form ul.gray-txt li .tit {
    color: #888;
}

.order-complete .order-form ul.gray-txt li .cont {
    color: #888;
    font-weight: normal;
}

.order-complete .order-form ul li.black .tit,
.order-complete .order-form ul li.black .cont {
    color: #282a33;
    font-weight: 500;
}

.order-complete .order-form ul.save-list {}

.order-complete .order-form ul.save-list li+li {
    margin-top: 16px;
}

.order-complete .order-form ul.save-list li+li.full {
    margin-top: 10px;
}

.order-complete .order-form ul.save-list li .cont em.num {
    display: inline-block;
    margin-top: -5px;
    font-size: 19px;
    line-height: 19px;
    font-weight: bold;
    vertical-align: middle;
}

.order-complete .order-form ul.save-list li .cont em.won {
    display: inline-block;
    margin-top: -3px;
    font-size: 15px;
    vertical-align: middle;
}

.order-complete .order-form ul.save-list li .gray-box .dot-list.type2 {
    margin-top: 6px;
}

.order-complete .banner-box {
    padding: 0 15px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.order-complete .banner-box .img {
    overflow: hidden;
    display: block;
    width: 100%;
    border-radius: 4px;
}

.order-complete .banner-box .img img {
    display: block;
    width: 100%;
}

.order-complete .btn-bottom.full {
    display: block;
    margin: 20px 0 30px 0;
}

.order-complete .btn-bottom.full+.banner-box {
    margin-top: -10px !important;
}

.order-complete .btn-bottom.full a {
    font-weight: bold;
}

.order-complete .btn-bottom.full a+a {
    margin-left: 0;
    margin-top: 8px;
}

.order-complete .btn-bottom.full a+a {
    margin-left: 0;
    margin-top: 8px;
}

.order-complete .banner-box+.recomPrdWrap.v2 {
    margin-top: 20px;
}

/* 배송지 추가 / 수정 팝업 */
.Shipping-addr input[type="text"],
.Shipping-addr input[type="number"],
.Shipping-addr input[type="tel"] {
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-indent: 0;
    box-sizing: border-box;
    color: #111
}

.Shipping-addr input[type="text"]::placeholder,
.Shipping-addr input[type="number"]::placeholder,
.Shipping-addr input[type="tel"]::placeholder {
    color: #bbb;
}

.Shipping-addr input[type="text"]:read-only,
.Shipping-addr input[type="number"]:read-only,
.Shipping-addr input[type="tel"]:read-only {
    background-color: #f6f6f6;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.3px;
    color: #333;
}

.Shipping-addr input[type="text"]:focus,
.Shipping-addr input[type="number"]:focus,
.Shipping-addr input[type="tel"]:focus {
    border-color: #111;
}

.Shipping-addr input[type="checkbox"] {
    width: 21px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) 0 0 no-repeat;
    background-size: 150px auto;
}

.Shipping-addr input[type="checkbox"]:checked {
    background-position: -25px 0;
}

/* 배송지 수정  */
.Shipping-addr .address input[type="text"]:read-only,
.Shipping-addr .address input[type="number"]:read-only,
.Shipping-addr .address input[type="tel"]:read-only {
    color: #888;
    opacity: 1;
}

.Shipping-addr .address input[type="text"]:disabled,
.Shipping-addr .address input[type="number"]:disabled,
.Shipping-addr .address input[type="tel"]:disabled {
    color: #888;
    opacity: 1;
}

.Shipping-addr select {
    display: inline-block;
    line-height: 38px;
    height: 40px;
    padding: 0 12px 0 15px;
    border-color: #ddd;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.3px;
    text-indent: 0;
    box-sizing: border-box;
    background: url(//image.hnsmall.com/images/mobile2014/order/icon_select_bg.png) right 8px no-repeat;
    background-size: 100px auto;
}

.layerPopWrap.full-layer.Shipping-addr .layerConts {
    height: auto;
    padding: 80px 15px 100px;
    overflow: visible;
    box-sizing: content-box
}

.Shipping-addr .tbl-type li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.Shipping-addr .tbl-type li .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    width: 75px;
    font-size: 17px;
    letter-spacing: -0.34px;
    color: #111;
    height: 40px;
}

.Shipping-addr .tbl-type li .tit .mark:after {
    content: '*';
    display: inline-block;
    margin-left: 5px;
    color: #f51d2c;
    vertical-align: -3px;
}

.Shipping-addr .tbl-type li .tit strong+em {
    display: block;
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #888;
}

.Shipping-addr .tbl-type li+li {
    margin-top: 10px;
}

.Shipping-addr .tbl-type li input {
    color: #111;
}

.Shipping-addr .tbl-type li input::placeholder {
    color: #bbb;
}

.Shipping-addr .tbl-type li.address .tit {
    align-self: flex-start;
}

.Shipping-addr .tbl-type li.address input {
    margin-top: 6px;
}

.Shipping-addr .tbl-type li.address .post {
    display: flex;
    align-items: center;
}

.Shipping-addr .tbl-type li.address .btn-black {
    margin-left: 6px;
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.Shipping-addr .tbl-type li>div {
    width: 100%;
}

.Shipping-addr .tbl-type li.address .between {
    width: 100%;
}

.Shipping-addr .tbl-type li .post input {
    margin-top: 0;
}

.Shipping-addr .tbl-type li .tel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.Shipping-addr .tbl-type li .tel span {
    display: inline-block;
    margin: 0 6px;
    width: 8px;
    border: 1px solid #111;
    background-color: #111;
}

.Shipping-addr .tbl-type li .tel select:first-child,
.Shipping-addr .tbl-type li .tel input:first-child {
    flex: auto;
    padding-right: 12px;
}

.Shipping-addr .tbl-type+.check {
    margin-top: 24px;
}

.Shipping-addr .check {}

.Shipping-addr .notice {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}

.Shipping-addr .dot-list li {
    position: relative;
    padding-left: 9px;
    text-indent: 0;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #888;
}

.Shipping-addr .dot-list li+li {
    margin-top: 6px;
}

.Shipping-addr .dot-list li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 10px;
    background-color: #666;
}

.Shipping-addr .check label {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.26px;
    color: #888;
}

.Shipping-addr .check input {
    margin-top: -3px;
    margin-right: 5px;
    vertical-align: middle;
}

.Shipping-addr .btn-black {
    display: inline-block;
    min-width: 80px;
    height: 40px;
    padding: 13px 15px 13px;
    border-radius: 4px;
    background-color: #111;
    line-height: 15px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.Shipping-addr .btn-line-large {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    line-height: 28px;
    letter-spacing: -0.34px;
    box-sizing: border-box;
}

.Shipping-addr .btn-line-large.black {
    background: #fff;
    border: 1.5px solid #ddd;
    font-size: 15px;
    font-weight: bold;
    color: #111;
    height: 40px;
    font-weight: bold;
    border-color: #111;
}

/* 주문결제 > 쿠폰 적용 팝업 */
.order-coupon input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_sprite_2023.png) no-repeat;
    background-size: 150px auto;
}

.order-coupon input[type="checkbox"] {
    width: 21px;
    height: 21px;
    background-position: -50px -25px;
}

.order-coupon input.check-black[type="checkbox"]:checked {
    background-position: -25px -25px;
}

.layerPopWrap.full-layer.order-coupon {
    background-color: #f6f6f6;
}

.layerPopWrap.full-layer.order-coupon .layerConts {
    height: auto;
    padding: 70px 15px 30px;
    background-color: #f6f6f6;
    overflow: visible;
    box-sizing: content-box
}

.layerPopWrap.full-layer.order-coupon .layerConts .bg-white {
    padding: 15px;
    margin: 15px -15px 0 -15px;
    background-color: #fff;
}

.layerPopWrap.full-layer.order-coupon .layerConts .bg-white:first-of-type {
    margin-top: -20px;
}

.order-coupon .order-form-box {
    margin-top: 10px;
    padding: 20px 15px 30px;
}

.order-coupon .order-form-box:first-child {
    margin-top: 0;
}

.order-coupon .order-form-box .order-list-v2 {
    display: block;
}

.order-coupon .order-form-box .order-list-v2+.coupon-list {
    margin-top: 20px;
}

.order-coupon .coupon-list-v2 {
    margin-top: 0;
}

.order-coupon .coupon-list-v2 .tit {
    display: block;
    margin-top: 24px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #111;
}

.order-coupon .coupon-list-v2 .tit:first-child {
    margin-top: 20px;
}

.order-coupon .coupon-list-v2 .tit+ul {
    margin-top: 12px;
}

.order-coupon .coupon-list-v2 ul li+li {
    margin-top: 8px;
}

.order-coupon .coupon-list-v2 ul li .coupon-box {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-coupon .coupon-list-v2 ul li .coupon-box:before,
.order-coupon .coupon-list-v2 ul li .coupon-box:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 50%;
    background: #fff url(//image.hnsmall.com/images/mobile2014/order/bg_coupon.png) 100% 0 no-repeat;
    background-size: auto 110px;
}

.order-coupon .coupon-list-v2 ul li .coupon-box:after {
    top: auto;
    bottom: 0;
    background-position-y: 100%;
}

.order-coupon .coupon-list-v2 ul li.on .coupon-box:before,
.order-coupon .coupon-list-v2 ul li.on .coupon-box:after {
    background-image: url(//image.hnsmall.com/images/mobile2014/order/bg_coupon_on.png);
}

.order-coupon .coupon-list-v2 .coupon-info {
    position: relative;
    width: calc(100% - 70px);
    min-height: 110px;
    padding: 15px 0 18px 15px;
    box-sizing: border-box
}

.order-coupon .coupon-list-v2 ul li .coupon-box .coupon-info:before,
.order-coupon .coupon-list-v2 ul li .coupon-box .coupon-info:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: url(//image.hnsmall.com/images/mobile2014/order/bg_coupon.png) 0 0 no-repeat;
    background-size: auto 110px;
}

.order-coupon .coupon-list-v2 ul li .coupon-box .coupon-info:after {
    top: auto;
    bottom: 0;
    background-position-y: 100%;
}

.order-coupon .coupon-list-v2 ul li.on .coupon-box .coupon-info:before,
.order-coupon .coupon-list-v2 ul li.on .coupon-box .coupon-info:after {
    background-image: url(//image.hnsmall.com/images/mobile2014/order/bg_coupon_on.png);
}

.order-coupon .coupon-list-v2 .coupon-info * {
    position: relative;
    z-index: 1;
}

.order-coupon .coupon-list-v2 .coupon-info .per {
    font-size: 26px;
    letter-spacing: -0.52px;
    color: #f51d2c;
    font-weight: bold;
}

.order-coupon .coupon-list-v2 .coupon-info .name {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #111;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}

.order-coupon .coupon-list-v2 .coupon-info .period {
    padding: 0;
    margin-top: 2px;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #888;
    background-color: transparent;
}

.order-coupon .coupon-list-v2 .coupon-check {
    z-index: 1;
    flex-shrink: 0;
    width: 70px;
    text-align: center;
}

.order-coupon .coupon-list-v2 .no-coupon {
    margin: 30px auto;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: #111;
    text-align: center;
}

.order-coupon .total-save {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    margin-top: 24px;
    border-top: 1px solid #ddd;
}

.order-coupon .total-save .tit {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #111;
}

.order-coupon .total-save .num {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #f51d2c;
}

.order-coupon .total-save .num.black {
    color: #111;
}

.order-coupon .total-save .num em {
    font-size: 19px;
    letter-spacing: -0.38px;
    font-weight: bold;
}

.order-coupon .info {
    margin-top: 16px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #888;
}

.layerPopWrap.order-coupon .btn-bottom {
    margin-top: 20px;
    padding: 0;
}

/* 배송지 목록 팝업 */
.layerPopWrap.full-layer.list-Shipping {
    background-color: #f6f6f6;
}

.layerPopWrap.full-layer.list-Shipping .layerConts {
    height: auto;
    background-color: #f6f6f6;
    overflow: visible;
    box-sizing: content-box
}

.layerPopWrap.full-layer .no-delivery {
    margin-top: 75px;
    text-align: center;
}

.layerPopWrap.full-layer .no-delivery p {
    line-height: 22px;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    font-weight: 400;
}

.shipping-list {
    margin-top: 10px;
}

.shipping-list li {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
}

.shipping-list li.active {
    border: 1px solid #111;
}

.shipping-list li+li {
    margin-top: 10px;
}

.shipping-list .addListbox {
    position: relative;
    padding: 19px 15px 20px 50px;
}

.shipping-list .addListbox .btn_chk {
    position: absolute;
    top: 20px;
    left: 15px;
}

.shipping-list .addListbox .shipping-dpf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shipping-list .addListbox .shipping-dpf.between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
}

.shipping-list .addListbox strong {
    font-size: 15px;
    color: #111;
    letter-spacing: -0.3px;
    font-weight: bold;
    line-height: 22px;
    white-space: nowrap;
}

.shipping-list .addListbox .flag-area {
    margin-left: 6px;
    font-size: 0;
}

.shipping-list .addListbox .flag-area span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.28px;
}

.shipping-list .addListbox .flag-area span+span {
    margin-left: 15px
}

.shipping-list .addListbox .flag-area span+span::before {
    content: "";
    position: absolute;
    top: 6px;
    left: -8px;
    width: 1px;
    height: 9px;
    background-color: #e8e8e8;
}

.shipping-list .addListbox .address-txt {
    margin-top: 7px;
    color: #111;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.shipping-list .addListbox .phone-num {
    overflow: hidden;
}

.shipping-list .addListbox .phone-num span {
    position: relative;
    float: left;
    font-size: 15px;
    color: #888;
    line-height: 20px;
}

.shipping-list .addListbox .phone-num span+span {
    margin-left: 15px;
}

.shipping-list .addListbox .phone-num span+span::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -8px;
    width: 1px;
    height: 9px;
    background-color: #e8e8e8;
}

.shipping-list .addListbox .btn_wrap {
    display: flex;
    align-self: end;
    flex: auto;
    justify-content: end;
    white-space: nowrap;
}

.shipping-list .addListbox .btn_wrap a {
    box-sizing: border-box;
    padding: 0 11px;
    height: 28px;
    border-radius: 4px;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #333;
    line-height: 28px;
}

.shipping-list .addListbox .btn_wrap a+a {
    margin-left: 4px;
}

.shipping-list .addListbox .check {
    margin-top: 8px;
}

.layerPopWrap.Shipping-addr .btn-bottom.fixed {
    padding: 10px 15px 21px;
    background-color: #fff;
    box-shadow: 0 -5px 12px 0 rgba(0, 0, 0, 0.05)
}

.layer-naverpay-bottom .bottom-modal-header {
    height: 40px;
}

.layer-naverpay-bottom .bottom-modal-header .btn-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_popup_close.png) 0 0 no-repeat;
    background-size: 25px;
}

.layer-naverpay-bottom .bottom-modal-header .btn-close::before {
    display: none;
}

.layer-naverpay-bottom .bottom-modal-cont {
    height: calc(100% - 40px);
    padding-bottom: 58px;
}

.layer-naverpay-bottom .text {
    text-align: center;
}

.layer-naverpay-bottom .text strong {
    display: block;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.36px;
    color: #111;
}

.layer-naverpay-bottom .text p {
    margin-top: 6px;
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #888;
}

.layer-naverpay-bottom .btn {
    margin-top: 24px;
}

.layer-naverpay-bottom .btn .btn-line-large {
    margin-top: 8px;
}

/* 반반배송지 설정 */
.half-shipping .content {
    padding: 15px 15px 0;
}

.half-shipping .dot-list {
    margin-top: 12px;
}

.half-shipping .dot-list li {
    position: relative;
    padding-left: 9px;
    text-indent: 0;
    font-size: 13px;
    line-height: 19px;
    color: #888;
    letter-spacing: -0.39px;
}

.half-shipping .dot-list li:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #888;
}

.half-shipping .dot-list li+li {
    margin-top: 5px;
}

.shipping-list2 li.active {
    border: 1px solid #111;
}

.shipping-list2 li+li {
    margin-top: 20px;
}

.shipping-list2 .tit {
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    font-weight: bold;
}

.shipping-list2 .addListbox {
    position: relative;
    margin-top: 5px;
    padding: 15px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    background: #fff;
}

.shipping-list2 .addListbox .btn_chk {
    position: absolute;
    top: 20px;
    left: 15px;
}

.shipping-list2 .addListbox .shipping-dpf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shipping-list2 .addListbox .shipping-dpf strong {
    font-size: 16px;
    color: #111;
    font-weight: bold;
    letter-spacing: -0.32px;
}

.shipping-list2 .addListbox .address-txt {
    margin-top: 5px;
    color: #111;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.shipping-list2 .addListbox .shipping-pay {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
}

.shipping-list2 .addListbox .shipping-noti {
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.shipping-list2 .addListbox .btn_wrap {
    display: flex;
    align-self: end;
    flex: auto;
    justify-content: end;
    white-space: nowrap;
}

.shipping-list2 .addListbox .btn_wrap a {
    box-sizing: border-box;
    padding: 0 11px;
    height: 28px;
    border-radius: 4px;
    background-color: #f6f6f6;
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #333;
    line-height: 28px;
}

.shipping-list2 .addListbox .btn_wrap a+a {
    margin-left: 4px;
}

.layerPopWrap02.empty-shipping-addr {
    padding: 42px 15px 54px;
    box-sizing: border-box;
}

.layerPopWrap02.empty-shipping-addr .layerConts .innerConts {
    padding: 8px 0 30px;
    font-size: 15px;
    color: #333;
    text-align: center;
}

.layerPopWrap02.empty-shipping-addr .btnLayerClose {
    top: 15px;
    right: 21px;
}

/* 주문/결제 > 추천상품 */
/* 인디케이터 */
.indicator-temp-box.v3 {
    margin-top: 15px;
}

.indicator-temp-box.v3 .pag-wrap {
    top: 1px;
    left: 0;
    right: initial;
}

.indicator-temp-box.v3 .pag-wrap .pag-in {
    min-width: 38px;
    padding: 0;
    text-align: center;
}

.indicator-temp-box.v3 .pag-wrap .pag-in span {
    display: inline-block;
    color: #aaa;
}

.indicator-temp-box.v3 .pag-wrap .pag-in span.activeNum {
    color: #111;
    font-weight: bold;
}

.indicator-temp-box.v3 .btn-all {
    margin-right: 0;
}

.indicator-temp-box.v3 .btn-all span {
    font-size: 0;
}

.indicator-temp-box.v3 .btn-all span:before {
    width: 26px;
    height: 26px;
    top: 0;
    margin-right: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/order/ico_btnMore.png);
    background-size: 26px auto;
}

.indicator-temp-box.v3 .swiper-pagination-bullet-active~.swiper-pagination-bullet {
    opacity: 1;
    background-color: #d5d5d5;
}

.recomPrdWrap.v2 {
    position: relative;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
    background-color: #f6f6f6;
    border-bottom: 0;
}

.recomPrdWrap.v2 .tit-box {
    padding: 0 15px 10px;
    background-color: #f6f6f6;
}

.recomPrdWrap.v2 .tit-box h2 {
    padding-right: 0;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.34px;
    color: #111;
    font-weight: bold;
}

.recomPrdWrap.v2 .goods-box {
    background-color: transparent;
}

.recomPrdWrap.v2 .goods-box~.goods-box {
    margin-top: 22px;
}

.recomPrdWrap.v2 .goods-box .goods-thumb {
    border-radius: 4px;
}

.recomPrdWrap.v2 .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 4px;
    overflow: hidden;
}

.recomPrdWrap.v2 .goods-box .goods-thumb .goods-thumb-img .img img {
    width: 100%;
    border: 0.9px solid transparent;
    object-fit: contain;
    box-sizing: border-box;
    border-radius: 4px;
}

.recomPrdWrap.v2 .goods-box .goods-thumb .goods-thumb-img .img:before {
    display: none;
}

.recomPrdWrap.v2 .goods-box .goods-thumb .goods-thumb-img .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box
}

.recomPrdWrap.v2 .goods-third.swiper_st {
    padding: 0 15px;
}

.recomPrdWrap.v2 .goods-third.swiper_st .swiper-wrapper {
    padding: 0;
}

.recomPrdWrap.v2 .goods-third.swiper_st .swiper-slide {
    width: 34.16%;
    padding: 0;
    margin: 0;
}

.recomPrdWrap.v2 .goods-third .goods-box .goods-price {
    padding: 10px 0 0;
    background-color: #f6f6f6;
}

.recomPrdWrap.v2 .goods-third .goods-box .goods-price .tit {
    height: auto;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
    color: #111;
}

.recomPrdWrap.v2 .goods-third .goods-benefit-box .goods-benefit-detail dt {
    letter-spacing: -0.22px;
}

.recomPrdWrap.v2 .goods-third .goods-benefit-box .goods-benefit-detail dd strong {
    font-size: 16px;
    letter-spacing: -0.32px;
}

.recomPrdWrap.v2 .goods-third .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    font-size: 12px;
    letter-spacing: -0.24px
}

.recomPrdWrap.v2 .goods-third.swiper_st .indicator-temp-box .btn-all {
    margin: 0;
}

.recom_prd_area {
    padding-bottom: 60px;
    background-color: #fff;
}

.recom_prd_area .recomPrdWrap.v2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    background-color: #fff;
}

.recom_prd_area .recomPrdWrap.v2 .tit-box {
    background-color: #fff;
}

.recom_prd_area .recomPrdWrap.v2 .goods-third .goods-box .goods-price {
    background: #fff;
}

.order-wrap .order-complete .recomPrdWrap.v2 .tit-box {
    display: flex;
    justify-content: space-between
}

.order-wrap .order-complete .recomPrdWrap.v2 .tit-box h2 {
    width: auto;
}

.order-wrap .order-complete .recomPrdWrap.v2 .tit-box .plus-btn {
    position: relative;
    padding-right: 11px;
    display: block;
    font-size: 12px;
    line-height: 26px;
    color: #111;
    box-sizing: border-box;
}

.order-wrap .order-complete .recomPrdWrap.v2 .tit-box .plus-btn i {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/order/ic_arrow_7x11.png) 100%/ 100% no-repeat;
}

/* 개인정보 처리 실태 개선 조치 사항 대응 */
.order-form .personal-info-txt {
    margin-top: 10px
}

.order-form .personal-info-txt p {
    color: #888;
    line-height: 19px;
    letter-spacing: -0.26px;
    font-size: 13px;
}

/* 개인정보통관정보 */
.order-wrap .order-form-box .form_info {
    margin-bottom: 4px;
}

.order-wrap .order-form-box .form_info .dot-list.type2 {
    margin-top: 20px;
}

.order-wrap .order-form-box .form_info .dot-list li+li {
    margin-top: 10px;
}

.order-wrap .order-form-box .form_info .dot-list.type2 li.tip-wrap .tip-tit {
    color: #888;
}

.order-wrap .order-form-box .form_info .dot-list.type2 li.tip-wrap .tip-box .tip-tit {
    color: #333;
}

.order-wrap .order-form-box .form_info .dot-list li.p_color1 {
    color: #2b6cff;
}

.order-wrap .order-form-box .form_info .dot-list li.p_color1:before {
    background-color: #2b6cff;
}

.order-wrap .link-btn {
    margin-top: 4px;
    padding-left: 8px;
}

.order-wrap .btn-agent-link {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: -0.3px;
    text-align: center;
    color: #333;
    border-radius: 4px;
    border: solid 1.5px #333;
    background-color: #fff;
}
/* ITSRI-16584 카카오뱅크 본인인증 서비스 도입 */
.loginIptBox.certify {
    padding: 20px 15px 0;
    background-color: #fff;
    margin: 0 0;
}

.loginIptBox.certify .login-tit {
    margin-top: 40px;
    text-align: center;
    padding: 0 25px;
}

.loginIptBox.certify .login-tit strong {
    display: block;
    font-size: 20px;
    color: #111;
    line-height: 28px;
    font-weight: bold;
    word-break: keep-all;
}

.loginIptBox.certify .login-tit p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    word-break: keep-all;
}

.loginIptBox.certify .login-certify {
    padding-top: 50px;
    padding-bottom: 30px;
}

.loginIptBox.certify .login-certify ul {
    display: flex;
    justify-content: center;
}

.loginIptBox.certify .login-certify li {
    text-align: center;
}

.loginIptBox.certify .login-certify li+li {
    margin-left: 76px;
}

.loginIptBox.certify .login-certify li a {
    display: block;
    position: relative;
    padding-bottom: 28px;
}

.loginIptBox.certify .login-certify .img {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
}

.loginIptBox.certify .login-certify .img img {
    width: 100%
}

.loginIptBox.certify .login-certify li p {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #111;
    white-space: nowrap;
}

.loginIptBox.certify .dot-list {
    margin-top: 20px;
}

.loginIptBox.certify .dot-list li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #666;
}

.loginIptBox.certify .dot-list li+li {
    margin-top: 6px;
}

.loginIptBox.certify .dot-list li::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%;
}

.loginIptBox.certify .dot-list li.link-txt {
    color: #4a5cff;
}

.loginIptBox.certify .dot-list li.link-txt::after {
    background-color: #4a5cff;
}

.loginIptBox.certify .dot-list li.link-txt a {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: -0.26px;
    line-height: 19px;
    color: #666
}

.loginIptBox.certify .dot-list li.link-txt a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
}

.loginIptBox.certify .dot-list li.link-txt a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 19px;
    margin-left: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/member/link_arr_24.png) 100% 50% / 12px 12px no-repeat;
    vertical-align: top;
}

.loginIptBox.certify .noti-box {
    border-radius: 4px;
    background-color: #f6f6f6;
    padding: 18px 15px;
}

.loginIptBox.certify .noti-box p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 19px;
    word-break: keep-all;
    padding: 0 10px;
}

.loginIptBox.certify .noti-box span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #888;
    line-height: 18px;
    text-align: center;
    word-break: keep-all;
    padding: 0 10px;
}

.loginIptBox.certify.age_19 {
    padding-left: 20px;
    padding-right: 20px;
}

.loginIptBox.certify .noti-box.type02 {
    border-radius: 4px;
    background-color: #f6f6f6;
    padding: 20px;
}

.loginIptBox.certify .noti-box.type02 p {
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    line-height: 19px;
    word-break: keep-all;
    padding: 0;
}

.loginIptBox.certify .noti-box.type02 span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    color: #888;
    line-height: 18px;
    text-align: left;
    word-break: keep-all;
    padding: 0;
}

.loginIptBox.certify .noti-box.type02 .link-txt {
    margin-top: 8px;
}

.loginIptBox.certify .noti-box.type02 .link-txt p {
    color: #4a5cff;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: -0.26px;
}

.loginIptBox.certify .noti-box.type02 .link-txt p::after {
    background-color: #4a5cff;
}

.loginIptBox.certify .noti-box.type02 .link-txt a {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: -0.26px;
    line-height: 19px;
    color: #666
}

.loginIptBox.certify .noti-box.type02 .link-txt a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
}

.loginIptBox.certify .noti-box.type02 .link-txt a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 19px;
    margin-left: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/member/link_arr_24.png) 100% 50% / 12px 12px no-repeat;
    vertical-align: top;
}

.loginIptBox.certify.age_19 .login-tit {
    padding-top: 70px;
    margin-top: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_19_55.png) 50% 0 / 55px 55px no-repeat;
}

.loginIptBox.certify.age_19 .login-tit~.sub_txt {
    margin-top: 10px;
    font-size: 13px;
    line-height: 17px;
    color: #888;
}


/* 아이디, 비번찾기 */
.find_wrap .dot_list {}

.find_wrap .dot_list li {
    position: relative;
    font-size: 13px;
    color: #666;
    line-height: 19px;
    letter-spacing: -0.26px;
    padding-left: 9px;
}

.find_wrap .dot_list li::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #666;
}

.find_wrap .dot_list li+li {
    margin-top: 5px;
}

.find_wrap .dot_list li.link-txt {
    color: #4a5cff;
}

.find_wrap .dot_list li.link-txt::after {
    background-color: #4a5cff;
}

.find_wrap .dot_list li.link-txt a {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: -0.26px;
    line-height: 19px;
    color: #666
}

.find_wrap .dot_list li.link-txt a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
}

.find_wrap .dot_list li.link-txt a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 19px;
    margin-left: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/member/link_arr_24.png) 100% 50% / 12px 12px no-repeat;
    vertical-align: top;
}

.find_wrap .sch_tab_wrap .tt_tab li a {
    color: #111;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    background: #f8f8f8;
    font-weight: normal;
    padding: 14px 0 15px;
}

.find_wrap .sch_tab_wrap .tt_tab .on a {
    border: 1px solid #ddd;
    color: #111;
    border-bottom: none;
    background: #fff;
    font-weight: bold;
}

.find_wrap .sch_info {
    padding-top: 40px;
    padding-bottom: 30px;
}

.find_wrap .sch_info .tit {
    padding: 0 14px;
    word-break: keep-all;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #111;
    text-align: center;
}

.find_wrap .sch_info span {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 19px;
    color: #888;
    text-align: center;
}

.find_wrap .sch_wrap {
    padding: 0 15px;
    border: none;
}

.find_wrap .link-txt-box {
    margin-top: 20px;
    padding: 0 15px;
}

.find_wrap .link-txt-box li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #666;
}

.find_wrap .link-txt-box li+li {
    margin-top: 6px;
}

.find_wrap .link-txt-box li::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #666;
    border-radius: 50%;
}

.find_wrap .link-txt-box li.link-txt {
    color: #4a5cff;
}

.find_wrap .link-txt-box li.link-txt::after {
    background-color: #4a5cff;
}

.find_wrap .link-txt-box li.link-txt a {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    font-size: 13px;
    letter-spacing: -0.26px;
    line-height: 19px;
    color: #666
}

.find_wrap .link-txt-box li.link-txt a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #666;
}

.find_wrap .link-txt-box li.link-txt a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 19px;
    margin-left: 4px;
    background: url(//image.hnsmall.com/images/mobile2014/member/link_arr_24.png) 100% 50% / 12px 12px no-repeat;
    vertical-align: top;
}


.find_wrap .input_group {
    margin-bottom: 20px;
}

.find_wrap .input_group .input_box {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

.find_wrap .input_group .input_box+.input_box {
    margin-top: 8px;
}

.find_wrap .input_group .input_box input {
    width: 100%;
    height: 38px;
    border: 0;
    background: none;
    line-height: 20px;
    text-indent: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #111;
}

.find_wrap .input_group .input_box input::placeholder {
    color: #bbb;
}

.find_wrap .member_btn_single {
    padding: 0 15px;
}

.find_wrap .member_btn_single .btn_mem.li2 {
    display: flex;
}

.find_wrap .member_btn_single li a {
    margin: 0 !important;
}

.find_wrap .member_btn_single li+li {
    margin-left: 7px;
    ;
}

.find_wrap .member_btn_single .btn_red {
    display: block;
    padding: 0;
    height: 49px;
    line-height: 49px;
    font-weight: 400;
    border: 1px solid #f51d2c;
    background-color: #f51d2c !important;
    border-radius: 4px;
    font-size: 17px;
}

.find_wrap .member_btn_single .btn_white {
    display: block;
    padding: 0;
    height: 49px;
    line-height: 49px;
    font-weight: normal;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    font-size: 17px;
    color: #111
}

.find_wrap .sch_more {
    padding: 0 15px;
    margin-top: 15px;
}

.find_wrap .sch_more p {
    display: flex;
    justify-content: space-between;
    color: #666;
    font-size: 14px;
    letter-spacing: -0.28px;
    line-height: 20px;
}

.find_wrap .sch_more .link {
    font-weight: 500;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding-right: 11px;
}

.find_wrap .sch_more>p>.link:after {
    top: 5px;
    margin-top: 0;
    width: 6px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_right_7.png) 100% / 6px 10px no-repeat;
}


.find_wrap .total_sch_wrap {
    padding: 0 15px;
}

.find_wrap .total_sch_wrap .id_sch_sel li {
    border-radius: 16px;
    border: 1px solid #ececec;
    padding: 0;
}

.find_wrap .total_sch_wrap .id_sch_sel li>a {
    height: 64px;
    box-sizing: border-box;
    line-height: 64px;
    font-size: 16px;
    color: #111;
    font-weight: bold;
    letter-spacing: -0.32px;
    padding: 0 40px 0 80px
}

.find_wrap .total_sch_wrap .id_sch_sel li>a em {
    overflow: hidden;
    position: absolute;
    top: 14px;
    left: 32px;
    width: 36px;
    height: 36px;
    background-image: url(//image.hnsmall.com/images/mobile2014/member/ico_certify.png);
    background-repeat: no-repeat;
    background-size: 136px auto;
    vertical-align: middle;
}

.find_wrap .total_sch_wrap .id_sch_sel li:nth-child(1)>a em {
    background-position: 0 0;
}

.find_wrap .total_sch_wrap .id_sch_sel li:nth-child(2)>a em {
    background-position: 0 -41px;
}

.find_wrap .total_sch_wrap .id_sch_sel li:nth-child(3)>a em {
    background-position: 0 -82px;
}

.find_wrap .total_sch_wrap .id_sch_sel li.kakao>a em {
    background-position: 0 0;
}

.find_wrap .total_sch_wrap .id_sch_sel li.phone>a em {
    background-position: 0 -41px;
}

.find_wrap .total_sch_wrap .id_sch_sel li.email>a em {
    background-position: 0 -82px;
}

.find_wrap .total_sch_wrap .id_sch_sel li>a:after {
    content: ' ';
    position: absolute;
    right: 32px;
    top: 24px;
    margin-top: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_arr_down_32.png) 0 / 16px 16px no-repeat
}

.find_wrap .total_sch_wrap .id_sch_sel li.on>a:after {
    background: url(//image.hnsmall.com/images/mobile2014/member/ico_arr_up_32.png) 0 / 16px 16px no-repeat
}

.find_wrap .total_sch_wrap .id_sch_sel li>div {
    border-top: none;
    padding: 0 32px 28px;
}

.find_wrap .total_sch_wrap .id_sch_sel li>div>p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #333;
    font-weight: normal;
    padding-bottom: 0;
    margin-top: 0;
}

.find_wrap .sch_tab.v27193 .total_sch_wrap .id_sch_sel li>div .btn_red {
    margin-top: 20px;
    display: block;
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    border: none;
    background-color: #f51d2c !important;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
}

.find_wrap .total_sch_wrap .id_sch_sel li>div .input_group {
    margin-top: 15px;
}

.find_wrap .mem_txt_box {
    padding: 40px 15px 0;
}

.find_wrap .mem_txt_box .text {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    letter-spacing: -1px;
    color: #111;
}

.find_wrap .mem_txt_box .text em {
    color: #111;
}

.find_wrap .mem_txt_box .text span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    color: #888;
    line-height: 19px;
    font-weight: normal;
}

.find_wrap .id_list_box {
    margin: 30px 15px 0;
    padding: 0 15px;
    background-color: #f6f6f6;
    border-radius: 4px;
}

.find_wrap .id_list_box .id_list {
    margin: 0;
    padding: 0;
    border: none;
}

.find_wrap .id_list_box .id_list .id_list_zone {
    border: none;
    text-align: center;
    background: transparent;
    border-radius: 4px;
    padding: 18px 0 20px;
}

.find_wrap .id_list_box .id_list .id_list_zone p {
    margin-top: 0;
}

.find_wrap .id_list_box .id_list .id_list_zone p+p {
    margin-top: 6px;
}

.find_wrap .id_list_box .id_list .dot_list {
    padding: 15px 0;
}

.find_wrap .id_list_box .id_sch_btn {
    border-top: 1px solid #ccc;
    padding: 8px 0 18px;
}

.find_wrap .id_list_box .dey_cation_new {
    text-align: left;
}

.find_wrap .none_txt_box {
    margin: 20px 15px 0;
    padding: 15px;
    background-color: #f6f6f6;
    border-radius: 4px;
}

.find_wrap .id_sch_btn p a {
    font-size: 13px;
    color: #666;
    letter-spacing: -0.26px;
    font-weight: 400
}

.find_wrap .id_sch_btn p em {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 6px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/member/ic_arr_down_23.png) 100% / 100% no-repeat;
    text-indent: -9999px;
}

.find_wrap .id_sch_btn p em.more {
    background: url(//image.hnsmall.com/images/mobile2014/member/ic_arr_up_23.png) 100% / 100% no-repeat;
}

.find_wrap .result_wrap {
    padding: 0;
}

/* .find_wrap .result_wrap .mem_txt_box {padding: 60px 0 40px;} */
.find_wrap .result_wrap .mem_txt_box .text span {
    padding-top: 0;
    margin-top: 10px;
    color: #111;
    line-height: 20px;
    font-size: 14px;
}

.find_wrap .result_wrap.pw_change .mem_txt_box {
    padding: 60px 0 0;
}

.find_wrap .result_wrap .info_txt {
    margin-top: 15px;
    padding: 0 15px;
}

.find_wrap .result_wrap .info_txt .txt {
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #666;
    font-weight: normal;
    line-height: 20px;
}

.find_wrap .result_wrap .info_txt .txt span {
    color: #f51d2c;
}

.goods-wide .goods-thumb .goods-thumb-img .flag-right {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
    width: 52px;
    height: 52px;
}

.goods-wide .goods-thumb .goods-thumb-img .flag-right img {
    width: 100%;
    height: 100%;
}

.goods-second .goods-thumb .goods-thumb-img .flag-right {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
}

.goods-second .goods-thumb .goods-thumb-img .flag-right img {
    width: 100%;
    height: 100%;
}

.goods-search .goods-thumb .goods-thumb-img .flag-right {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
}

.goods-search .goods-thumb .goods-thumb-img .flag-right img {
    width: 100%;
    height: 100%;
}

/*패션페스타 플래그*/
.goods-wide .goods-thumb .goods-thumb-img .flag-right img[src*=beauty],
.goods-wide .goods-thumb .goods-thumb-img .flag-right img[src*=fashion] {
    width: 60px;
    height: auto;
    position: absolute;
    top: -8px;
    right: -4px;
}

.goods-second .goods-thumb .goods-thumb-img .flag-right img[src*=beauty],
.goods-second .goods-thumb .goods-thumb-img .flag-right img[src*=fashion] {
    width: 50px;
    height: auto;
    position: absolute;
    top: -5px;
    right: -1px;
}

.goods-search .goods-thumb .goods-thumb-img .flag-right img[src*=beauty],
.goods-search .goods-thumb .goods-thumb-img .flag-right img[src*=fashion] {
    width: 42px;
    height: auto;
    position: absolute;
    top: -5px;
    right: -3px;
}


/* ITSRI-17133 배송조회 */
.delivery_wrap .tit_area {
    font-size: 20px;
    font-weight: bold;
    color: #111;
    line-height: 29px;
}

.delivery_wrap .order_process {
    padding-bottom: 0;
    border-bottom: none;
}

.delivery_wrap .order_process .process_notice {
    padding: 30px 15px;
    border: none;
    font-weight: bold;
    font-size: 20px;
    color: #111;
    letter-spacing: -0.4px;
    text-align: center;
    line-height: 29px;
    word-break: keep-all;
}

.delivery_wrap .order_process .delivery_step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    padding: 0 15px 40px;
}

.delivery_wrap .order_process .delivery_step:after {
    display: none;
}

.delivery_wrap .order_process .delivery_step .box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    ;
    position: relative;
    z-index: 10;
    width: 62px;
    height: 95px;
    padding: 10px 5px;
    letter-spacing: -0.26px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: #aaa;
    line-height: 17px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
}

.delivery_wrap .order_process .delivery_step .box span {
    position: relative;
    display: block;
    word-break: keep-all;
    width: 100%;
}

.delivery_wrap .order_process .delivery_step .box span::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 8px;
}

.delivery_wrap .order_process .delivery_step .box:nth-child(1) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') 0 0 / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box:nth-child(3) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') 0 -30px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box:nth-child(5) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') 0 -60px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box:nth-child(7) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') 0 -90px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box:nth-child(9) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') 0 -120px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box.active {
    color: #111;
    font-weight: bold;
    border: 2px solid #111;
    background-color: #fff;
}

.delivery_wrap .order_process .delivery_step .box.active:nth-child(1) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') -30px 0 / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box.active:nth-child(3) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') -30px -30px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box.active:nth-child(5) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') -30px -60px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box.active:nth-child(7) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') -30px -90px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step .box.active:nth-child(9) span::before {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_delivery_step.png') -30px -120px / 100px 200px no-repeat;
}

.delivery_wrap .order_process .delivery_step i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url('//image.hnsmall.com/images/mobile2014/customer/step_arrow_16.png') 100% / 100% no-repeat;
}

.delivery_wrap .order_info .goods-box {
    min-height: 60px;
}

.delivery_wrap .order_info .goods-box .goods-thumb {
    width: 60px;
    height: 60px;
    border-radius: 4px;
}

.delivery_wrap .order_info .goods-box .goods-thumb a {
    width: 100%;
    height: 100%;
}

.delivery_wrap .order_info .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 4px;
}

.delivery_wrap .order_info .goods-box .goods-thumb .goods-thumb-img .img {
    border: 1px solid #eee;
    box-sizing: border-box;
    border-radius: 4px
}

.delivery_wrap .order_info .goods-box .goods-thumb .goods-thumb-img .img:before {
    display: none;
}

.delivery_wrap .order_info .goods-box .goods-price {
    padding-left: 75px;
}

.delivery_wrap .order_info .goods-price .tit {
    font-size: 15px;
    line-height: 23px;
    letter-spacing: -0.3px;
    color: #111;
    max-height: 46px;
}

.delivery_wrap .order_info .order_info_tbl {
    margin: 0 15px;
    padding: 15px 0;
}

.delivery_wrap .order_info .order_info_tbl li {
    display: flex;
    align-items: center;
}

.delivery_wrap .order_info .order_info_tbl li.top {
    align-items: flex-start;
}

.delivery_wrap .order_info .order_info_tbl li+li {
    margin-top: 10px;
}

.delivery_wrap .order_info .order_info_tbl table {
    width: 100%;
}

.delivery_wrap .order_info .order_info_tbl~.order_info_tbl {
    border-top: 1px solid #eee;
    padding-bottom: 30px;
}

.delivery_wrap .order_info .order_info_tbl span {
    display: block;
    width: 60px;
    margin-right: 15px;
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.delivery_wrap .order_info .order_info_tbl .txt_box {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.delivery_wrap .order_info .order_info_tbl p {
    text-align: left;
    vertical-align: top;
    line-height: 20px;
    font-size: 14px;
    color: #111;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.delivery_wrap .order_info .order_info_tbl .txt_box .btn-line-small {
    min-width: 108px;
    height: 30px;
    box-sizing: border-box;
    padding: 0 9px;
    line-height: 30px;
    font-size: 12px;
}

.delivery_wrap .order_info .order_info_tbl .delivery_complet_photo_box {
    display: block;
    margin-top: 14px;
    padding: 0 0 0 75px;
}

.delivery_wrap .order_info .order_info_tbl .delivery_complet_photo_box .delivery_complet_photo {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 135px;
    border-radius: 12px;
}

.delivery_wrap .order_info .order_info_tbl .delivery_complet_photo_box .delivery_complet_photo img {
    width: 100%;
    height: 100%;
}

.delivery_wrap .order_info .order_info_tbl .delivery_complet_photo_box .delivery_complet_photo .btn_detail {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    border-radius: 12px 0 12px 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
}

.delivery_wrap .order_info .order_info_tbl .delivery_complet_photo_box .delivery_complet_photo .btn_detail:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 9px;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='translate(-253 -654)'%3E%3Crect width='32' height='32' rx='12' transform='translate(253 654)' style='fill:none'/%3E%3Cpath data-name='패스 14840' d='m0 0 5.711 5.062' transform='translate(277 676.925)' style='stroke-linecap:round;stroke:%23fff;stroke-width:2.6px;fill:none'/%3E%3Cg data-name='타원 823' transform='translate(254.5 656.3)' style='stroke:%23fff;stroke-width:2.6px;fill:none'%3E%3Ccircle cx='13.125' cy='13.125' r='13.125' style='stroke:none'/%3E%3Ccircle cx='13.125' cy='13.125' r='11.825' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='합치기 1' d='M-3422.7-961.2v-4.1h-4.1a1.2 1.2 0 0 1-1.2-1.2 1.2 1.2 0 0 1 1.2-1.2h4.1v-4.1a1.2 1.2 0 0 1 1.2-1.2 1.2 1.2 0 0 1 1.2 1.2v4.1h4.1a1.2 1.2 0 0 1 1.2 1.2 1.2 1.2 0 0 1-1.2 1.2h-4.1v4.1a1.2 1.2 0 0 1-1.2 1.2 1.2 1.2 0 0 1-1.2-1.2z' transform='translate(3689.1 1636)' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.pop_delivery_complet_photo .photo_box {
    padding-bottom: 15px;
    padding-right: 5px;
    padding-left: 5px;

}

.pop_delivery_complet_photo .photo_box img {
    width: 100%;
    display: block;
}
.delivery_wrap .delivery_box {
    padding: 30px 0;
    border-top: 1px solid #ddd;
}

.delivery_wrap .delivery_box .tit_area {
    padding: 0 15px;
}

.delivery_wrap .delivery_box .step_list {
    margin-top: 15px;
    padding: 0 15px;
}

.delivery_wrap .delivery_box .step_list .hidden_area {
    display: none;
}

.delivery_wrap .step_list .box {
    position: relative;
    padding-left: 28px;
    padding-bottom: 20px;
}

.delivery_wrap .step_list .box.bar::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 4.5px;
    width: 3px;
    height: 100%;
    background-color: #eee;
    box-sizing: border-box;
}

.delivery_wrap .step_list .hidden_area .box.bar:last-child::before {
    display: none;
}

.delivery_wrap .step_list .box.bar::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 2px solid #ddd;
    background-color: #fff;
    box-sizing: border-box;
}

.delivery_wrap .step_list .box .date {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #aaa;
    letter-spacing: -0.24px;
    line-height: 16px;
}

.delivery_wrap .step_list .box .delivery_info {
    display: flex;
    margin-top: 3px;
}

.delivery_wrap .step_list .box .delivery_info p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #aaa;
    line-height: 20px;
}

.delivery_wrap .step_list .box .delivery_info p+p {
    position: relative;
    padding-left: 20px;
}

.delivery_wrap .step_list .box .delivery_info p+p::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 5px;
    display: block;
    width: 1px;
    height: 12px;
    background: #eee;
}

.delivery_wrap .step_list .box.now::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: #111;
    background-color: #111;
    box-sizing: border-box;
}

.delivery_wrap .step_list .box.now .date {
    color: #111;
    font-weight: bold;
}

.delivery_wrap .step_list .box.now .delivery_info p {
    color: #111;
    font-weight: bold;
}

.delivery_wrap .step_list .btn-full-right-arr {
    margin: 0
}

.delivery_wrap .delivery_box .no_data {
    margin-top: 20px;
    padding: 0 20px;
}

.delivery_wrap .delivery_box .no_data .img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.delivery_wrap .delivery_box .no_data .img img {
    width: 100%;
}

.delivery_wrap .delivery_box .no_data .txt {
    margin-top: 15px;
    font-size: 15px;
    color: #333;
    line-height: 21px;
    letter-spacing: -0.3px;
    text-align: center;
}

.delivery_wrap .dot_list {
    margin-top: 20px;
}

.delivery_wrap .dot_list li {
    position: relative;
    padding-left: 7px;
    font-size: 13px;
    line-height: 19px;
    color: #999;
}

.delivery_wrap .dot_list li+li {
    margin-top: 5px;
}

.delivery_wrap .dot_list li::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999;
}

.delivery_wrap .faq_box {
    padding: 30px 15px 0;
    border-top: 1px solid #ddd;
}

.delivery_wrap .faq_box .board_list.v3 {
    margin-top: 15px;
}

.delivery_wrap .faq_box .board_list.v3 li {
    border-color: #eee;
}

.delivery_wrap .faq_box .board_list.v3 li:first-child {
    border-top: 1px solid #eee;
}

.delivery_wrap .faq_box .board_list.v3 li a.tit {
    padding: 15px 0;
}

.delivery_wrap .faq_box .board_list.v3 li a.tit strong {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    font-weight: 400;
}

.delivery_wrap .faq_box .board_list.v3 li a.tit .btn_arr {
    background: url('//image.hnsmall.com/images/mobile2014/customer/ico_arr_16x16_111.png') 0 / 16px auto no-repeat;
}

.delivery_wrap .faq_box .board_list.v3 li .answer {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #999;
    font-weight: 400;
    padding: 0 0 15px 0;
}

.delivery_wrap .faq_box .active .board_list.v3 a.tit strong {
    font-weight: 400;
}


/* 회원정보 관리 2024 renew */

/* 회원정보 input 공통 */
.my_info_wrap button,
.my_info_wrap input {
    border: none;
    background: transparent;
    height: auto;
    text-indent: 0;
    border-radius: 0;
}

/* 초기화 */
.info_ipt li .ipt_box {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.info_ipt li .ipt_box .tit {
    display: table-cell;
    white-space: nowrap;
    min-width: 100px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #111;
    box-sizing: border-box;
}

.info_ipt li .ipt_box .tit label {
    display: block;
    width: 100%;
}

.info_ipt li .ipt_box .field {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info_ipt li .ipt_box input {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #777;
}

.info_ipt li .ipt_box input[type="password"] {
    padding-right: 26px;
}

.info_ipt li .ipt_box input::placeholder {
    color: #777;
}

.info_ipt li .ipt_box .field p {
    flex: 1;
    padding-right: 10px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #777;
}

.info_ipt li .ipt_box .hns-search-del {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 10;
    width: 26px;
    height: 26px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/ico_header_search_del.png) center no-repeat;
    background-size: 16px;
    border: none;
}

.info_ipt li .ipt_txt {
    margin: 10px 0;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #777;
}

.info_ipt li .ipt_txt.red {
    color: #f51d2c;
}

/* 2025-01-20 ITSR-20827 추가페이지_회원정보 관리 UI 개선 - */
.info_ipt li .ipt_box .field_box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
}

.info_ipt li .ipt_box .detail {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
}

/* select 이메일 */
.info_ipt li .select_box {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 0;
    border-radius: 0;
}

.info_ipt li .select_box * {
    flex: 1;
}

.info_ipt li .select_box input {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #777;
}

.info_ipt li .select_box .inp_txt {
    min-width: 184px;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.info_ipt li .select_box .inp_txt~.mailSelectType {
    margin-left: 10px;
}

.info_ipt li .select_box .select_wrap {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.info_ipt li .select_box .select_wrap~.select_wrap {
    margin-left: 10px;
}

.info_ipt li .select_box .select_wrap select {
    height: auto;
    font-size: 16px;
    color: #777;
    background: url('//image.hnsmall.com/images/mobile2014/common/select_arr_down_32.png') right center / 16px 16px no-repeat;
    border: none;
    box-sizing: border-box;
    line-height: 24px;
}

.info_ipt li .select_box .mailSelectType._insert select {
    display: none;
}

.info_ipt li .select_box .mailSelectType input[type="text"] {
    display: none;
}

.info_ipt li .select_box .mailSelectType._insert input[type="text"] {
    display: block;
}

/* 버튼 */
.my_info_wrap .btn_primary {
    display: flex;
    margin: 40px 0 0;
    padding: 0 15px;
}

.my_info_wrap .btn_primary a {
    flex: 1;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #f51d2c;
    background-color: #f51d2c;
    line-height: 48px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 17px;
    box-sizing: border-box;
}

.my_info_wrap .btn_primary .line_btn {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #111;
}

.my_info_wrap .btn_primary a+a {
    margin-left: 9px;
}

.my_info_wrap .btn_round {
    display: inline-block;
    height: 25px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #f1f1f1;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #888;
    min-width: 50px;
}

.my_info_wrap .btn_round.line {
    background-color: #fff;
    border: 1px solid #111;
    color: #111;
}

.my_info_wrap .btn_txt {
    padding: 0 15px;
    margin-top: 20px;
    text-align: right;
    margin-top: 10px;
}

.my_info_wrap .btn_txt a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #666;
    padding-right: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/arr_right_b.png) 100% 5px / 14px 14px no-repeat
}

/* 타이틀 */
.my_info_wrap .tit_box {
    padding: 20px 15px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 2025-01-20 ITSR-20827 추가페이지_회원정보 관리 UI 개선 - */
.my_info_wrap .tit_box strong {
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -1.2px;
    color: #111;
}

.my_info_wrap *~.tit_box {
    margin-top: 40px;
}

.my_info_wrap .tit_box~.info_ipt {
    margin-top: 0;
}

.my_info_wrap .info_ipt {
    padding: 0 15px;
}

.my_info_wrap .id_box+.info_ipt {
    margin-top: 10px;
}

.my_info_wrap .txt_box+.info_ipt {
    margin-top: 50px;
}

.my_info_wrap .tit_box02 {
    padding: 0 15px;
    margin-bottom: 15px;
}

.my_info_wrap .tit_box02 strong {
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: -0.4px;
    color: #111;
}

.form_area {
    margin-top: 50px;
}

.my_info_wrap .info_agree_box {
    padding: 0 15px;
    margin-top: 10px;
}

.my_info_wrap .info_agree_box ul>li~li {
    margin-top: 30px;
}

.my_info_wrap .info_agree_box .chk input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/common/img_mypage_chk_40.png) no-repeat;
    background-position: 0 -25px;
    background-size: 20px 45px;
    vertical-align: sub;
}

.my_info_wrap .info_agree_box .chk input[type="checkbox"]:checked {
    background-position: 0 0;
}

.my_info_wrap .info_agree_box .chk label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #666;
}

.my_info_wrap .info_agree_box .all_chk label {
    color: #111;
}

.my_info_wrap .info_agree_box .chk label+span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    line-height: 19px;
    color: #aaa;
    text-indent: 27px;
}

.my_info_wrap .info_agree_box .detail_box {
    display: flex;
    margin-top: 12px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #f7f7f7;
    height: 50px;
    box-sizing: border-box;
    border-radius: 4px;
}

.my_info_wrap .info_agree_box .detail_box .chk~.chk {
    margin-left: 38px;
}

.my_info_wrap .certify_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    margin-top: 10px;
}

.my_info_wrap .certify_info p {
    flex: 1;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: -0.32px;
    color: #111;
}

.my_info_wrap .certify_info p.color_r {
    color: #f51d2c;
}

.my_info_wrap .certify_info p.color_r2 {
    color: #f51d2c;
    font-weight: bold;
    text-decoration: underline;
}

.my_info_wrap .txt_box {
    margin: 0 15px;
    padding-top: 65px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_modify_100.png) 50% 0 / 50px 50px no-repeat;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.66px;
    word-break: keep-all;
    color: #111;
    text-align: center;
}

.my_info_wrap .id_box {
    margin: 50px 15px 0;
    padding: 18px 0;
    background-color: #f6f6f6;
    border-radius: 4px;
}

.my_info_wrap .id_box span {
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    letter-spacing: -0.32px;
    color: #333;
}

.my_info_wrap .privacy_info {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin: 0 15px;
}

.my_info_wrap .privacy_info p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #111;
    margin-bottom: 10px;
}

.my_info_wrap .privacy_info .privacy_info_table {
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
}

/* 2022-03-31 ITSR-5736 background-color 변경 */
.my_info_wrap .privacy_info .privacy_info_table th,
.my_info_wrap .privacy_info .privacy_info_table td {
    border-left: 1px solid #ddd;
    font-size: 13px;
    color: #888;
}

.my_info_wrap .privacy_info .privacy_info_table th:first-child,
.my_info_wrap .privacy_info .privacy_info_table td:first-child {
    border-left: none;
}

.my_info_wrap .privacy_info .privacy_info_table thead th {
    padding: 7px 10px 6px;
    background-color: #f6f6f6;
    letter-spacing: -0.26px;
    font-weight: normal
}

.my_info_wrap .privacy_info .privacy_info_table tbody td {
    padding: 10px;
    border-top: 1px solid #ddd;
    letter-spacing: -0.26px;
}

/*20250123*/
.right.num-large.type2 {
    position: absolute;
    right: 24px
}

/*앱카드*/
.tipLayerWrap .tipLayerBox {
    z-index: 10;
    width: 225px;
    left: auto
}

.tipLayerWrap {
    z-index: 2
}

/* S: 2025-03-06 ITSR-21213 이벤트 페이지 내 상품 구좌 증설 퍼블리싱 건 */
.plan-template-wrap .tit-box h2 {
    font-size: 22px;
    color: #414450;
    line-height: 1.45;
    letter-spacing: -0.44px;
}

.plan-template-wrap .template-box {
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
}

.plan-template-wrap .template-box .tit-box {
    padding: 0 15px 20px;
}

.plan-template-wrap .time-chance .timer span {
    color: #414450;
}

.plan-template-wrap .time-chance .timer:before {
    opacity: .78;
    margin-right: 8px;
}

.plan-template-wrap .time-chance .goods-wide:before {
    background-color: #f8f8f9;
}

.plan-template-wrap .time-chance .goods-wide .goods-box,
.plan-template-wrap .time-chance .goods-wide .goods-box .goods-price,
.plan-template-wrap .time-chance .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dt {
    background-color: transparent;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-price {
    padding: 12px 0 0;
    background-color: transparent;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-price .tit {
    color: #414450;
    margin-bottom: 5px;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dt {
    font-size: 12px;
    line-height: 0.92;
    letter-spacing: -0.24px;
    color: #8f9097;
}

.plan-template-wrap .time-chance .goods-wide .goods-box,
.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb {
    border-radius: 0;
}

.plan-template-wrap .time-chance.single .goods-wide .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 0;
    padding-top: 108%;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .img {
    position: absolute;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.03);
    display: block;
}

.plan-template-wrap .time-chance .goods-wide .goods-box .goods-thumb .goods-thumb-img .img img {
    position: relative;
    width: auto;
    height: 100%;
    object-fit: contain;
    max-width: initial;
    left: 50%;
    transform: translateX(-50%);
}

.plan-template-wrap .time-chance .goods-box .goods-benefit-box .goods-benefit-detail dd {
    display: flex;
    align-items: center;
}

.plan-template-wrap .time-chance .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    color: #414450;
    font-size: 14px;
}

.plan-template-wrap .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    color: #414450;
}

.plan-template-wrap .goods-common-list02 .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    font-size: 18px;
}

.plan-template-wrap .goods-common-list02 .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dt {
    margin-top: 1px;
}

.plan-template-wrap .goods-common-list02 .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    margin-top: -4px;
}

.plan-template-wrap .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 0;
}

/* .plan-template-wrap .goods-box .goods-thumb .goods-thumb-img .img img{height: auto;} */
/* 2025-03-25 ITSR-21384 [M기획운영팀] 기획전 와이드구좌에서 와이드 이미지 미등록 시 노출 기준 퍼블리싱 */
.plan-template-wrap .goods-common-list02 .goods-box .goods-thumb .goods-thumb-img .img:after,
.plan-template-wrap .goods-common-list02 .plan-cate-list .goods-box .goods-thumb .goods-thumb-img .img:after {
    border: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.03);
}

.plan-template-wrap .goods-common-list02+.tit-box {
    margin-top: 50px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-price {
    padding: 12px 0 2px;
}

.plan-template-wrap .plan-cate-list .goods-second .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    color: #414450;
    font-size: 13px;
}

.plan-template-wrap .cate-txt-type.v4~.fixed-cate-inner .swiper-slide a {
    color: #414450;
}

.plan-template-wrap .cate-txt-type.v4~.fixed-cate-inner .swiper-slide.active a {
    color: #414450;
    border-bottom-color: #414450;
}

.plan-template-wrap .goods-wide .goods-price .tit {
    color: #414450;
}

.plan-template-wrap .goods-box .goods-benefit-box .goods-benefit-detail dt {
    font-size: 12px;
}

.plan-template-wrap .plan-cate-list {
    margin-top: 40px;
}

.plan-template-wrap .plan-cate-list .search-filter-wrap02 .count {
    color: #414450;
}

.plan-template-wrap .plan-cate-list:has(.swiper_st.v4) .fixed-cate-inner .swiper-wrapper {
    margin-top: -10px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-wide .goods-box .goods-benefit-num {
    line-height: 20px;
    display: flex;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list .btn-cart {
    display: inline-block;
    color: #414450;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp.goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-num {
    display: block;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp.goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-num {
    display: block;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third {
    padding: 0 13px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .btn-cart {
    font-size: 0;
    width: 40px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .btn-cart:before {
    margin: 0 0 0 -2px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-box .goods-benefit-detail dt {
    margin: 0;
    font-size: 11px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-box .goods-benefit-detail dd {
    padding-top: 0;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    font-size: 16px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    font-size: 12px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-second .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    margin-top: -4px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list .flag-wrap .flag-size-28 {
    max-height: 22px;
    overflow: hidden;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list .bottom-box {
    margin-top: 10px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list .bottom-box .preview-wrap .preview-info ul li span {
    color: #414450;
    font-size: 13px;
    letter-spacing: -.26px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list .bottom-box .preview-wrap .preview-info .review .count {
    color: #8f9097;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-wide>ul>li {
    margin-bottom: 30px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-wide>ul>li:last-child {
    margin-bottom: 0;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third>ul>li {
    padding: 0 2px;
}

.plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third>ul>li {
    padding: 0 2px;
}

.plan-template-wrap .plan-cate-list .goods-price .tit {
    color: #414450;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-box .goods-benefit-detail dt {
    color: #8f9097;
    font-size: 1em;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    color: #414450;
    line-height: 22px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    color: #414450;
    font-size: 14px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-box .goods-benefit-detail dd .del * {
    color: #8f9097;
    font-size: 14px;
    line-height: 22px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-box .goods-benefit-detail dd .del {
    color: #8f9097;
    font-size: 12px;
    line-height: 22px;
}

.plan-template-wrap .plan-cate-list .goods-box .goods-benefit-num {
    color: #ff5364;
}

.plan-template-wrap .plan-cate-list .layer-cate-all.plan-layer-cate-all.v2 .layerHeader {
    padding: 10px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plan-template-wrap .plan-cate-list .layer-cate-all.plan-layer-cate-all.v2 .layerHeader .txtC {
    font-size: 20px;
    font-weight: bold;
    color: #414450;
    line-height: 1.45;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    padding: 0;
}

@supports (-webkit-touch-callout: none) {

    /* ios에서만 적용되는 css */
    .plan-template-wrap .time-chance .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
        margin-top: 1px
    }

    .plan-template-wrap .goods-common-list02 .goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
        margin-top: -2px;
    }

    .plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-wide .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
        margin-top: -2px;
    }

    .plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-third .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
        margin-top: -1px;
    }

    .plan-template-wrap .plan-cate-list .goods-common-list02 .goods-temp-list.goods-second .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
        margin-top: -1px;
    }
}

/* E: 2025-03-06 ITSR-21213 이벤트 페이지 내 상품 구좌 증설 퍼블리싱 건 */

/* S: 2025-03-19 ITSRI-23808 [업무지원] [M기획운영팀] MC/PC 카드 즉시할인 도입건 퍼블요청 - 추가 */
/* 미리계산기 */
.beforehand_calculator .order_table.calculator {
    padding: 3px 10px 5px;
}

.beforehand_calculator .order_table.cp_sel,
.beforehand_calculator .order_table.sale_pay {
    padding: 5px 10px;
}

.beforehand_calculator .order_table table tr th span.normal {
    font-weight: normal;
    color: inherit;
}

.beforehand_calculator .cate_bottom.type02 .dey_cation_new.type20180801 {
    position: relative;
    font-size: 14px !important;
    line-height: 1.43;
    letter-spacing: -0.28px;
    text-align: left;
    color: #898989 !important;
    margin: 15px 0 0 0 !important;
    padding: 0 0 0 16px;
}

.beforehand_calculator .cate_bottom.type02 .dey_cation_new.type20180801:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
    width: 3px;
    height: 3px;
    background: #cdcdcd;
    border-radius: 1.5px;
}

/* 상품상세-구매정보 */
.goods-detail-wrap.v3 .goods-detail-cont .detail-info-text .goods-detail-box .tb-list th {
    padding: 16px 0 0 0;
}

.goods-detail-wrap.v3 .goods-detail-cont .detail-info-text .goods-detail-box .tb-list td {
    padding: 16px 0 0 10px;
}

/* 앱카드 플래그 */
.v2.app-pay-list .card-box .discount_flag,
.v2.app-card-list .card-box .discount_flag,
.v2.home-pay-list .card-box .discount_flag {
    position: absolute;
    top: -10px;
    left: initial;
    right: 20px;
}

.v2.app-pay-list .card-box .discount_flag span,
.v2.app-card-list .card-box .discount_flag span,
.v2.home-pay-list .card-box .discount_flag span {
    display: block;
    width: 104px;
    height: 25px;
    padding-top: 4px;
    margin: 0 auto;
    border-radius: 5px;
    background-color: #2b6cff;
    box-sizing: border-box;
    letter-spacing: -0.24px;
    white-space: nowrap;
    line-height: 17px;
    text-align: center;
    color: #fff;
    background: url(//image.hnsmall.com/images/mobile2014/order/ico_flag_tail.png) 100% / 100% no-repeat;
    font-size: 12px;
}

.v2.app-pay-list .card-box .discount_flag.idc span,
.v2.app-card-list .card-box .discount_flag.idc span,
.v2.home-pay-list .card-box .discount_flag.idc span,
.home-pay-list .card-box .discount_flag.idc span {
    background-color: initial;
    ;
    background-image: linear-gradient(265deg, #28f9a5, #27a3d2 23%, #2755fa) !important;
    padding: 4px 10px 0;
    width: auto;
}

/* 최근결제수단-툴팁 */
.layer-fastpay-bottom .tip-box .price-detail dt.idc {
    font-size: 13px;
    color: #888;
    padding: 0 0 0 10px;
    position: relative;
    width: calc(45% - 10px);
}

.layer-fastpay-bottom .tip-box .price-detail dt.idc::before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 0;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
}

.layer-fastpay-bottom .tip-box .price-detail dd.idc {
    font-size: 13px;
    color: #888;
    width: 55%;
}

/* 주문결제 - 최종결제금액 */
.order-form .tbl-between .tit.idc,
.order-form .order-goods .tit.idc {
    font-size: 14px;
    color: #888;
    padding: 0 0 0 10px;
    position: relative;
}

.order-form .tbl-between .tit.idc::before,
.order-form .order-goods .tit.idc:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 10px;
    left: 0;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
}

.order-form .tbl-between .con.idc {
    font-size: 14px;
    color: #888 !important;
}

.order-form .tbl-between .tit.idc {
    padding-top: 5px;
}

.order-complete .order-form ul.gray-txt li .tit.idc {
    font-size: 15px;
    color: #888;
    padding: 0 0 0 10px;
    position: relative;
}

.order-complete .order-form ul.gray-txt li .tit.idc:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 0;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
}

.order-wrap .tip-wrap .tip-box.notice-box .tip-txt.c2+.tip-txt {
    margin-top: 0;
}

.order-wrap .tip-wrap .tip-box.notice-box .tip-txt+.tip-txt {
    margin-top: 5px;
}

/* 주문상세내역 - 결제정보 */
.order-v2 .order_table.vam th {
    font-weight: normal;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail+dl.idc_detail {
    margin-top: 10px;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dt {
    width: 100px;
    text-align: left;
    color: #898989;
    font-size: 14px;
    font-weight: normal;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dt .idc {
    color: #888;
    font-size: 14px;
    padding: 0 0 0 10px;
    position: relative;
    display: block;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dt .idc:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    top: 6px;
    left: 0;
    border-bottom: 1px solid #888;
    border-left: 1px solid #888;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dd .idc,
.order-v2 .order_table.vam tr.idc dl.idc_detail dd .idc .price {
    color: #888;
    font-size: 14px;
    font-weight: normal;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dd .idc .won {
    color: #888;
    font-size: 13px;
    font-weight: normal;
}

.order-v2 .order_table.vam tr.idc dl.idc_detail dd .idc,
.order-v2 .order_table.vam tr.idc dl.idc_detail dd .idc .price {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.order .hiddenPayment.type2 .orderTitBtn .tipLayerWrap.type03 .tipLayerBox .tipConts ul li {
    padding-left: 8px;
}

/* 주문취소/환불 */
.mypage-apply .list-bul-notice li {
    margin-bottom: 10px;
}

/* E: 2025-03-19 ITSRI-23808 [업무지원] [M기획운영팀] MC/PC 카드 즉시할인 도입건 퍼블요청 - 추가 */
/* S : 2025-04-03 개발요청 - 상품상세 Q&A 탭 내 버튼영역 오른쪽으로 치우침 현상 수정 */
.goods-detail-wrap.v3 .goods-detail-cont .goods-qna-wrap .qna-list-box.qna-list-box-report .btn-box a {
    min-width: initial;
}

.goods-detail-wrap.v3 .goods-detail-cont .goods-qna-wrap .qna-list-box.qna-list-box-report .btn-box a:only-child {
    min-width: 170px;
}

/* E : 2025-04-03 개발요청 - 상품상세 Q&A 탭 내 버튼영역 오른쪽으로 치우침 현상 수정 */
/* S: 2025-04-07 ITSRI-24106 [업무지원] 착불 배송비 정책 도입 퍼블리싱 */
/* 상품상세 */
.goods-detail-wrap.v3 .delivery-box .ex-arrival li .tit .txt-gray {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.3px;
    color: #888;
    font-weight: normal;
    margin-left: 4px;
    display: inline-block;
}

/* 상품상세 - 구매정보 */
.goods-detail-wrap.v3 .detail-info-text .goods-detail-box .toggle-box .not-toggle {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    font-size: 16px;
    line-height: 20px;
    color: #111;
    box-sizing: border-box;
}

.goods-detail-wrap.v3 .detail-info-text .goods-detail-box .toggle-box .not-toggle .txt-gray {
    font-size: 16px;
    line-height: 20px;
    color: #888;
    font-weight: normal;
    margin-left: 4px;
    display: inline-block;
}

.cart.v4 .order_list .info_delivery_charge .first strong span {
    margin-left: 4px;
    display: inline-block;
}

/* 주문내역상세 */
.order-v2 .total_wrap .total_result {}

.order-v2 .total_wrap .total_result .notice_ul {
    margin: 8px 0 0;
    border-top: 1px solid #eee;
    display: block;
}

.order-v2 .total_wrap .total_result .notice_ul li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.26px;
    text-align: left;
    color: #666;
    margin-top: 10px;
}

.order-v2 .total_wrap .total_result .notice_ul li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #888;
    position: absolute;
    top: 8px;
    left: 0;
}

/* 교환신청 */
.table-payment .notice_ul {
    margin: 20px 0 0;
    display: block;
}

.table-payment .notice_ul li {
    position: relative;
    padding-left: 9px;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.26px;
    text-align: left;
    color: #666;
    margin-top: 10px;
}

.table-payment .notice_ul li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #888;
    position: absolute;
    top: 8px;
    left: 0;
}

/* E: 2025-04-07 ITSRI-24106 [업무지원] 착불 배송비 정책 도입 퍼블리싱 */

/* S: 2025-04-18 ITSRI-24229 [업무지원] [M기획운영팀] 홈앤페이 즉시할인 미적용 문구 퍼블리싱 */
/* 빠른결제 홈앤페이 즉시할인 관련문구 */
.layer-fastpay-bottom .order-info li.homenpay .homenpay_notice {
    margin-top: 16px;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: -0.26px;
    text-align: left;
    color: #111;
}

/* 주문결제 결제수단 홈앤페이 즉시할인 관련문구 */
.order-form .order-form-box .home-npay .homenpay_notice {
    margin-top: 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: -0.26px;
    text-align: left;
    color: #111;
    margin-left: 20px;
}

/* 주문결제 최근결제수단 홈앤페이 즉시할인 관련문구 */
.order-form .payment-box.recent-box .homenpay_notice {
    margin: 16px 0 20px;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: -0.26px;
    text-align: left;
    color: #111;
}

/* E: 2025-04-18 ITSRI-24229 [업무지원] [M기획운영팀] 홈앤페이 즉시할인 미적용 문구 퍼블리싱 */


/* S: 2025-05-07 ITSRI-24408 [업무지원] [M기획운영팀] 나의쇼핑 큐레이션 영역 고도화 퍼블리싱 - MY 적립혜택 */
/* 보유 적립혜택 */
.mypage.blue_rbd .mySavingInfo {
    margin: 20px 15px 50px;
    border-radius: 24px;
    background-color: #eff2ff;
}

.mypage.blue_rbd .mySavingInfo .savedInfo {
    position: relative;
    background: transparent;
    padding: 20px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt {
    padding-bottom: 15px;
    border-bottom: 1px solid #dcdcdf;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .saving_benefit_info {
    padding-top: 2px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    text-align: left;
    color: #282a33;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .saving_benefit_info .info {
    display: block;
    position: absolute;
    right: -30px;
    top: 2px;
    box-sizing: border-box;
    font-size: 0;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_tooltip_50x50_new.png) center no-repeat;
    background-size: 25px;
    border: none;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .saving_benefit_info .info:after {
    content: '?';
    font-size: 11px;
    font-weight: bold;
    color: #707070;
    text-indent: -1px;
    display: inline-block;
    line-height: 10px;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .saving_benefit_info .info:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: solid 1px #707070;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: none;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info {
    left: 0;
    right: auto;
    width: 271px;
    height: 135px;
    padding: 0;
    border-radius: 4px;
    border: solid 1px #000;
    background-color: #fff;
    top: 30px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner h3 {
    margin-bottom: 10px;
    font-size: 14px;
    color: #282A33;
    letter-spacing: normal;
    line-height: 14px;
    font-weight: bold;
    display: block;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .txt {
    font-size: 13px;
    color: #282A33;
    font-weight: normal;
    position: relative;
    line-height: 19px;
    letter-spacing: normal;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .txt.dot {
    padding-left: 7px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .txt.dot:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #333;
    top: 8px;
    left: 0;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .txt+.txt {
    margin-top: 8px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 11px;
    height: 11px;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -317px;
    background-size: 300px auto;
    -webkit-appearance: none;
    font-size: 0;
    color: transparent;
    line-height: 0;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .tooltip.savemoney_info .inner .close:after {
    content: '';
    display: block;
    position: absolute;
    padding: 15px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .usable_money {
    margin: -4px 0 0 0;
    text-align: right;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .usable_money .sum em {
    margin-top: -3px;
    font-size: 26px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: normal;
    text-align: right;
    color: #315dff;
    display: inline-block;
    height: 32px;
    vertical-align: middle;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_benefit .usable_money .sum {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #315DFF;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details {
    text-align: right;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 19px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_coupon,
.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_money {
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    letter-spacing: normal;
    color: #282A33;
    display: inline-block
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_coupon span,
.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_money span {
    font-size: 13px;
    font-weight: bold;
    line-height: 19px;
    color: #333;
    display: inline-block;
    margin: -1px 2px 0 0;
    vertical-align: top;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_coupon span em,
.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .saved_money span em {
    vertical-align: top;
    margin: 0 0 0 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    color: #333;
    display: inline-block;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dt .saving_details .plus {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 2px 0 0px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/ico_mypage_plus.png) no-repeat center/100%;
    background-size: 100%;
    font-size: 0;
    color: transparent;
    line-height: 0;
    vertical-align: middle;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info {}

.mypage.blue_rbd .mySavingInfo .savedInfo dt+dd {
    padding-top: 15px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: -1.26px;
    text-align: left;
    color: #474747;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info+.pay_info {
    margin-top: 10px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 22px;
    position: relative;
    height: 22px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info a::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #8f9097;
    border-right: 1px solid #8f9097;
    position: absolute;
    top: 7px;
    right: 3px;
    transform: rotate(45deg);
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info .txt {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #5D6069;
    display: block;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info .etc {
    margin-left: 2px;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info .sum {
    display: block;
    height: 22px;
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: -1.26px;
    text-align: left;
    color: #282a33;
}

.mypage.blue_rbd .mySavingInfo .savedInfo dd .planned_Info .pay_info .sum em {
    display: inline-block;
    height: 22px;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -0.36px;
    text-align: right;
    color: #282a33;
    margin-right: 1px;
}

/* 맞춤쇼핑 영역 */
.mypage.blue_rbd .home_box.js-homeTen.v2 {}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box {
    margin: 0 15px 20px;
    padding: 0;
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box h2 {}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box h2 p {
    display: block;
    height: 32px;
    font-size: 22px;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: normal;
    text-align: left;
    color: #282a33
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box h2 p span.user_savings {
    display: inline-block;
    height: 29px;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    letter-spacing: -1.48px;
    text-align: left;
    color: #315dff;
    vertical-align: middle;
    margin-top: -2px;
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box h2 p span.txt_won {
    margin-left: 1px;
    color: #315dff;
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box a.more-btn2 {
    position: absolute;
    right: 1px;
    bottom: 5px;
    top: auto;
    padding: 5px 11px 3px 0;
    display: inline-block;
    font-size: 13px;
    line-height: 14px;
    color: #111;
    box-sizing: border-box;
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box a.more-btn2 span {
    font-size: 13px;
    line-height: 14px;
    color: #282a33;
    display: inline-block;
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .tit-box a.more-btn2::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid #282a33;
    border-right: 1px solid #282a33;
    position: absolute;
    right: 2px;
    top: 7px;
    transform: rotate(45deg);
    background: none
}

.mypage.blue_rbd .home_box.js-homeTen.v2 .goods-four.swiper_st .goods-price {
    padding-top: 15px;
}

/* 최근본상품/맞춤상품 추천 */
.mypage.blue_rbd .goods-four.swiper_st .swiper-slide {
    margin-right: 12px;
}

.mypage.blue_rbd .goods-four.swiper_st .goods-thumb .goods-thumb-img {
    border-radius: 16px;
}

.mypage.blue_rbd .goods-four.swiper_st .goods-price .tit {
    color: #282a33;
    height: 40px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: normal;
}

.mypage.blue_rbd .goods-box .goods-benefit-box .goods-benefit-detail dt {
    color: #8f9097;
    letter-spacing: normal;
}

.mypage.blue_rbd .goods-box .goods-benefit-box .goods-benefit-detail dd {
    padding-top: 16px;
}

.mypage.blue_rbd .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    display: inline-block;
    vertical-align: middle;
    color: #282a33;
}

.mypage.blue_rbd .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    color: #282a33;
    vertical-align: middle;
    margin-top: 1px;
}

.mypage.blue_rbd .goods-box .flag-wrap .flag-size-28 em {
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 16px;
    letter-spacing: -1.22px;
    text-align: left;
    color: #8f9097;
    height: 16px;
    /* opacity: initial; */
}

.mypage.blue_rbd .js-homeTen,
.mypage.blue_rbd .staffBanner,
.mypage.blue_rbd .customer {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mypage.blue_rbd .banner-area .staffBanner {
    margin-bottom: 10px;
}

/* 적립/사용내역 */
.mypage.blue_rbd .tab_wrap {}

.mypage.blue_rbd .tab_wrap h2.tit {
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: normal;
    text-align: left;
    color: #282a33;
    display: block;
    height: 26px;
    border: 0;
    padding: 0;
    margin: 0 15px 16px;
}

.mypage.blue_rbd .tab_wrap .save_tab {
    border-top: 1px solid #dcdcdf;
    padding: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.mypage.blue_rbd .tab_wrap .save_tab a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 10px) / 3);
    height: 42px;
    padding: 10px 5px;
    border-radius: 16px;
    border: solid 1px #e7e7e9;
    background-color: #fff;
    box-sizing: border-box;
}

.mypage.blue_rbd .tab_wrap .save_tab a+a {
    margin-left: 5px;
}

.mypage.blue_rbd .tab_wrap .save_tab a span {
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: -1.3;
    text-align: center;
    color: #282a33;
}

.mypage.blue_rbd .tab_wrap .save_tab a.on {
    border: 2px solid #000;
    font-weight: bold;
}

.mypage.blue_rbd .tab_wrap .save_tab a.on span {
    font-weight: bold;
}

.mypage.blue_rbd .tab_wrap .save_search_area {
    margin-top: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding: 0 15px;
}

.mypage.blue_rbd .tab_wrap .save_search_area .select_box {
    position: relative;
    margin: 0;
    border-radius: 0;
    padding: 0;
}

.mypage.blue_rbd .tab_wrap .save_search_area .select_box select {
    position: static;
    width: auto;
    height: 25px;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #282a33;
    border: 0;
    border-radius: 0;
    background: #fff;
    min-width: 84px;
    font-weight: bold;
    padding: 0 25px 0 0;
}

.mypage.blue_rbd .tab_wrap .save_search_area .select_box:after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1.5px solid #282a33;
    border-right: 1.5px solid #282a33;
    position: absolute;
    top: 6px;
    right: 4px;
    transform: rotate(135deg);
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 {
    position: relative;
    padding: 0;
    background: #fff;
    width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2.open {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul {
    display: flex;
    height: 38px;
    padding: 0;
    width: calc(100% - 101px);
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul li {
    float: none;
    width: 46%;
    display: block;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul li input {
    width: 100%;
    border-radius: 12px;
    border: solid 1px #e7e7e9;
    height: 38px;
    background: #fff;
    font-size: 14px;
    color: #282a33;
    text-align: center;
    text-indent: 0;
    vertical-align: middle;
    box-sizing: border-box;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul li.finishDate {
    position: relative;
    width: 54%;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul li.finishDate span {
    display: block;
    padding-left: 19px;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 ul li.finishDate span em {
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #dcdcdf;
    text-align: center;
    vertical-align: middle;
}

.mypage.blue_rbd .tab_wrap .save_search_area .period2 a.done {
    display: block;
    position: static;
    padding: 9px;
    line-height: 18px;
    height: 38px;
    border-radius: 12px;
    border: solid 1px #282a33;
    background-color: #282a33;
    width: 91px;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
}

/* 적립/사용내역 상세 */
.mypage.blue_rbd .tab_wrap .new_saving_note {
    margin-top: 20px;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list {
    border-top: 1px solid #282a33;
    margin-bottom: 30px;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li {
    border-bottom: 1px solid #E7E7E9;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .left {}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .left .saving_period {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #5D6069;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .left .saving_period .limit {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #5D6069;
    margin-left: 4px;
    font-style: normal;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .left .saving_title {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: left;
    color: #282A33;
    max-height: 40px;
    line-height: 20px;
    margin: 5px 0;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .left .saving_text {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #8f9097;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .right {
    display: flex;
    justify-content: flex-end;
    min-width: 100px;
    height: auto;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .right .saving_point {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: normal;
    text-align: right;
    color: #282a33;
}

.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .right .saving_point.plus {
    color: #315DFF;
}
.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .right .saving_point .won {
    display: inline-block;
    margin-left: 1px;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: normal;
    text-align: right;
    color: #282a33;
}
.mypage.blue_rbd .tab_wrap .new_saving_note .saving_list li a .right .saving_point.plus .won {
    color: #315DFF;
}
.mypage.blue_rbd .tab_wrap .btn_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mypage.blue_rbd .tab_wrap .btn_wrap .btn_more {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 16px;
    border: solid 1px #dcdcdf;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-align: right;
    color: #282a33;
    background: transparent;
    width: calc(100% - 100px);
}

.mypage.blue_rbd .tab_wrap .btn_wrap .btn_more span {
    display: inline-block;
    margin-left: 1px;
}

.mypage.blue_rbd .tab_wrap .btn_wrap .btn_more .arrow {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

.mypage.blue_rbd .tab_wrap .btn_wrap .btn_more .arrow::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #282a33;
    border-right: 1.5px solid #282a33;
    position: absolute;
    top: 5px;
    right: 6px;
    transform: rotate(135deg);
}

.mypage.blue_rbd .list_none {
    text-align: center;
    padding: 80px 38px;
    background: #fff;
    margin-bottom: 50px;
}

.mypage.blue_rbd .list_none em {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd_list_none.png) no-repeat center/100%;
}

.mypage.blue_rbd .list_none em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd_list_none.png) no-repeat 0 0;
    background-size: 200px auto;
    display: none;
}

.mypage.blue_rbd .list_none p {
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: normal;
    text-align: center;
    color: #333;
    margin-top: 15px;
    padding: 0;
}

.mypage.blue_rbd .accordion_wrap {}

.mypage.blue_rbd .accordion_wrap .accordion {
    border-top: 1px solid #E7E7E9;
}

.mypage.blue_rbd .accordion_wrap .accordion dt {
    border-bottom: 1px solid #dcdcdf;
}

.mypage.blue_rbd .accordion_wrap .accordion dt a {
    display: block;
    width: 100%;
    height: 54px;
    padding: 16px 15px 17px;
    box-sizing: border-box;
    position: relative;
}

.mypage.blue_rbd .accordion_wrap .accordion dt a span {
    font-size: 15px;
    font-weight: normal;
    line-height: 21px;
    letter-spacing: normal;
    text-align: left;
    color: #282a33;
    padding-right: 31px;
}

.mypage.blue_rbd .accordion_wrap .accordion dt a i {
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    position: absolute;
    top: 18px;
    right: 15px;
}

.mypage.blue_rbd .accordion_wrap .accordion dt a i:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #282a33;
    border-right: 1.5px solid #282a33;
    position: absolute;
    top: 3px;
    right: 5px;
    transform: rotate(135deg);
}

.mypage.blue_rbd .accordion_wrap .accordion dd {
    display: none;
    padding: 20px 15px;
}

.mypage.blue_rbd .accordion_wrap .accordion dd ul {
    display: block;
}

.mypage.blue_rbd .accordion_wrap .accordion dd li {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: left;
    color: #8f9097;
    padding-left: 8px;
}

.mypage.blue_rbd .accordion_wrap .accordion dd li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8f9097;
    position: absolute;
    top: 9px;
    left: 0;
}

.mypage.blue_rbd .accordion_wrap .accordion dd li+li {
    margin-top: 8px;
}

.mypage.blue_rbd .accordion_wrap .accordion.open dt a i:after {
    top: 7px;
    right: 5px;
    transform: rotate(315deg);
}

.mypage.blue_rbd .accordion_wrap .accordion.open dd {
    display: block;
}

/* E: 2025-05-07 ITSRI-24408 [업무지원] [M기획운영팀] 나의쇼핑 큐레이션 영역 고도화 퍼블리싱 - MY 적립혜택 */

/* S: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */
.blue_rbd .sub-top-tit {
    border-bottom: 1px solid #c4c4c8;
}

.blue_rbd .sub-top-tit h2 {
    color: #282a33;
}

.blue_rbd .sub-top-tit a.hns-btn-prev {
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -219px -115px no-repeat;
    background-size: 400px auto;
}

.blue_rbd .check-push-alert .btn-line-large {
    border-radius: 12px;
}

.blue_rbd .check-push-alert .noti {
    color: #888;
}

.comment_zone.blue_rbd h2 {
    padding-right: 15px;
    padding-left: 15px;
}

.comment_zone.blue_rbd h2 {
    font-size: 16px;
}

.comment_zone.blue_rbd .comment_tit {
    padding-right: 15px;
    padding-left: 15px;
}

.comment_zone.blue_rbd .comment_st1 ul li {
    width: auto;
    margin: 0 4px;
}

.comment_zone.blue_rbd .comment_st1 ul li span {
    margin: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comment_zone.blue_rbd .comment_st1 ul li span em {
    padding: 0 !important;
}

.comment_zone.blue_rbd .comment_st2 {
    padding-right: 15px;
    padding-left: 15px;
}

.comment_zone.blue_rbd .comment_st2 ul li.ck {
    background-color: #315dff;
    border-color: #315dff;
}

.comment_zone.blue_rbd .com_write {
    padding-right: 15px;
    padding-left: 15px;
}

.blue_rbd .list_goods_zone .radio-box li button:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -10px -240px no-repeat;
    background-size: 400px auto;
}

.blue_rbd .list_goods_zone .radio-box li.on button:before {
    background-position: -10px -210px;
}

/* E: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */

/* s: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */
.blue_rbd i.req {
    color: #2b6cff;
    font-style: normal;
}

.order-wrap.blue_rbd input[type="radio"],
.order-wrap.blue_rbd input[type="checkbox"],
.order-wrap.blue_rbd .Shipping-addr.blue_rbd input[type="radio"],
.Shipping-addr.blue_rbd input[type="radio"],
.Shipping-addr.blue_rbd input[type="checkbox"],
.order-coupon.blue_rbd input[type="checkbox"],
.blue_rbd .ask_wrap .ask-form .check label input[type="checkbox"] {
    background-image: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png);
    background-repeat: no-repeat;
    background-size: 400px auto;
}

.order-wrap.blue_rbd input[type="checkbox"],
.Shipping-addr.blue_rbd input[type="checkbox"],
.blue_rbd .ask_wrap .ask-form .check label input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background-position: -10px -82px;
}

.order-wrap.blue_rbd input:checked[type="checkbox"],
.order-wrap.blue_rbd .Shipping-addr input[type="radio"],
.order-wrap.blue_rbd input[type="radio"],
.Shipping-addr.blue_rbd input[type="checkbox"]:checked,
.blue_rbd .ask_wrap .ask-form .check label input[type="checkbox"]:checked {
    background-position: -10px -112px;
}

.order-wrap.blue_rbd .Shipping-addr input[type="radio"],
.order-wrap.blue_rbd input[type="radio"],
.Shipping-addr.blue_rbd input[type="radio"] {
    background-position: -40px -82px;
}

.order-wrap.blue_rbd .Shipping-addr input:checked[type="radio"],
.order-wrap.blue_rbd input[type="radio"]:checked,
.Shipping-addr.blue_rbd input[type="radio"]:checked {
    background-position: -40px -112px;
}

.order-wrap.blue_rbd input.check-toggle[type="checkbox"] {
    width: 48px;
    height: 24px;
    background-position: -70px -82px;
}

.order-wrap.blue_rbd input.check-toggle[type="checkbox"]:checked {
    background-position: -70px -107px;
}

.order-coupon.blue_rbd input[type="checkbox"] {
    width: 21px;
    height: 21px;
    background-position: -10px -172px;
}

.order-coupon.blue_rbd input[type="checkbox"]:checked {
    background-position: -10px -142px;
}

.order-coupon.blue_rbd .coupon-list-v2 .coupon-info .per {
    color: #315dfe;
}

.order-coupon.blue_rbd .total-save .num {
    color: #ff5364;
}

.layerPopWrap.blue_rbd .btn-bottom .btn-pink-large em {
    color: #ff5364;
}

.layerPopWrap.blue_rbd .order-list-v2 .goods-box .goods-thumb:after {
    background-color: rgba(0, 0, 0, 0.03);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.order-wrap.blue_rbd .top-notice strong span,
.order-wrap.blue_rbd .top-notice strong em {
    color: #315dfe;
}

/* .order-wrap.blue_rbd .toggle-type {height:64px;} */
.order-wrap.blue_rbd .toggle-type .con.c1 {
    color: #ff5364 !important;
}

.order-wrap.blue_rbd .order-form .top-tit-wrap .num,
.order-wrap.blue_rbd .order-form .top-tit-wrap .num-large {
    color: #ff5364;
    display: inline-block;
        vertical-align: middle;
}

.order-wrap.blue_rbd .order-form-box.multi-wrap .check-tip {
    position: relative;
}

.order-wrap.blue_rbd .order-form-box .multi-add-check .check-tip .tip-wrap {
    position: static;
}

.order-wrap.blue_rbd .multi-add-check .tip-box {
    left: 0;
}

.order-wrap.blue_rbd .payment-list li .flag-order {
    background-color: #315dfe;
}

.order-wrap.blue_rbd .order-form .order-form-table tr th strong.mark::after {
    color: #315dfe;
}

.order-wrap.blue_rbd .order-form .txtbox em {
    color: #315dfe;
}

.order-wrap.blue_rbd .order-form .order-form-box .home-npay>.check label .ico-homenpay {
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/homepay_logo.png) 0 0 no-repeat;
    background-size: 100% auto;
}

.order-wrap.blue_rbd .coupang {
    margin-top: 14px;
    padding: 0;
}

.order-wrap.blue_rbd .coupang>p {
    margin-top: -1px;
    /*margin-bottom: 15px;*/
    color: #8f9097;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.26px;
}

.order-wrap.blue_rbd .coupang div {
    min-height: 48px;
    margin: 10px 0 8px;
    padding: 14px 21px;
    color: #282a33;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    background-color: #f4f7ff;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
}

.order-wrap.blue_rbd .coupang div:before {
    width: 74px;
    height: 20px;
    margin-right: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/coupang_roket.png);
    background-size: 100% auto;
    content: '';
    display: none;
}

.order-wrap.blue_rbd .coupang div.link:after {
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png) -82px -10px no-repeat;
    background-size: 400px auto;
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.order-wrap.blue_rbd .coupang div strong {
    color: #315dff;
}

.order-wrap.blue_rbd .coupang div.loading {
    padding-top: 9px;
    padding-bottom: 9px;
    justify-content: center;
}

.order-wrap.blue_rbd .coupang div.loading:before {
    display: none;
}

.order-wrap.blue_rbd .coupang div.loading img {
    width: 30px;
    margin-left: -3px;
}

.order-wrap.blue_rbd .coupang div.loading span {
    margin-left: 5px;
}

.order-wrap.blue_rbd .coupang.detail div {
    padding: 0 15px 8px;
    display: block;
}

.order-wrap.blue_rbd .coupang.detail div:before {
    display: none;
}

.order-wrap.blue_rbd .coupang.detail div ul {
    margin-bottom: 9px;
}

.order-wrap.blue_rbd .coupang.detail div li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 14px;
        padding-bottom: 8px;
    color: #282a33;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #eee;
}

.order-wrap.blue_rbd .coupang.detail div li+li {
    padding-top: 10px;
}
.order-wrap.blue_rbd .coupang.detail div li strong {
    color: #315dff;
    font-size: 14px;
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
}

.order-wrap.blue_rbd .coupang.detail div li strong:before {
    width: 68px;
    height: 18px;
    margin-right: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/coupang_roket.png);
    background-size: 100% auto;
    content: '';
    display: none;
    }

    .order-wrap.blue_rbd .coupang.detail div li .delivery-stat-info {
        min-height: auto;
        padding: 0;
        margin: 0;
        background: none;
    }

    .order-wrap.blue_rbd .coupang.detail div li .delivery-stat-info .flag-coupang {
        margin-right: 10px;
        vertical-align: middle;
    }

    .order-wrap.blue_rbd .coupang.detail div li .delivery-stat-info strong {
        display: inline-block;
        vertical-align: middle;
    }

    .order-wrap.blue_rbd .coupang.detail div li .delivery-stat-info+p {
        margin-top: 8px;
}

.order-wrap.blue_rbd .coupang.detail div li p {
    margin-top: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-wrap.blue_rbd .coupang.detail div .explain {
    color: #8f9097;
    font-size: 13px;
    letter-spacing: -0.25px;
}

.order-wrap.blue_rbd .order-form .explain {
    margin-top: 6px;
    color: #888;
    font-size: 13px;
    line-height: 1.46;
    letter-spacing: -0.26px;
}

.order-wrap.blue_rbd .order-form .explain+.bank-box {
    margin-top: 12px;
}

.order-wrap.blue_rbd .recomPrdWrap.v2 .goods-third .goods-box .goods-price {
    padding-top: 15px;
}

.order-wrap.blue_rbd .recomPrdWrap .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 16px;
}

.order-wrap.blue_rbd .btn-bottom a,
.order-wrap .btn-bottom button {
    background-color: #315dfe;
    border-radius: 16px;
}

.order-wrap.blue_rbd .no-member-order .agree-btn .btn-black {
    border-radius: 12px;
}

.order-wrap.blue_rbd .btn-bottom .btn-line-large {
    color: #315dff;
    background-color: #fff;
    border: 1px solid #315dff;
}

.order-wrap.blue_rbd .order-list-v2 .goods-box .goods-thumb {
    border: 0;
    border-radius: 12px;
}

.order-wrap.blue_rbd .order-list-v2 .goods-box .goods-thumb:after {
    background-color: rgba(0, 0, 0, 0.03);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.order-wrap.blue_rbd .order-goods-box .btn-line-large.black {
    border-radius: 4px;
}

.order-wrap.blue_rbd .noti-box3 {
    padding: 10px 25px 10px 10px;
    display: flex;
    align-items: center;
}

.order-wrap.blue_rbd .noti-box3 .txt {
    padding-left: 0;
    text-indent: 0;
    display: flex;
    align-items: center;
}

.order-wrap.blue_rbd .noti-box3 .txt:before {
    margin-top: 2px;
}

.blue_rbd .btn-red-large,
.blue_rbd .btn-pink-large,
.blue_rbd .btn-line-large,
.blue_rbd .btn-black-large {
    border-radius: 16px;
}

.Shipping-addr.blue_rbd .tbl-type li .tit .mark {
    display: inline-flex;
    align-items: center;
}

.Shipping-addr.blue_rbd .tbl-type li .tit .mark:after {
    color: #315dfe;
    font-size: 13px;
}

.layerPopWrap.session-over.blue_rbd .btn-wrap .btn01 {
    background-color: #315dfe;
    border-radius: 12px;
}

.blue_rbd .bottom-modal {
    border-radius: 24px 24px 0 0;
}

/* input */
.cart-wrap.blue_rbd input[type="checkbox"],
.cart-wrap.blue_rbd input[type="radio"],
.cart-wrap.blue_rbd input[type="checkbox"]:checked,
.cart-wrap.blue_rbd input[type="checkbox"][disabled],
.cart-wrap.blue_rbd .cart .order_list li .product_box .product_tit input[type="checkbox"][disabled] {
    background-image: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png);
    background-repeat: no-repeat;
    background-size: 400px auto;
}

.cart-wrap.blue_rbd input[type="checkbox"] {
    background-position: -10px -82px;
}

.cart-wrap.blue_rbd input[type="checkbox"]:checked {
    background-position: -10px -112px;
}

.cart-wrap.blue_rbd .cart .order_list li .product_box .product_tit input[type="checkbox"][disabled] {
    background-position: -10px -248px;
}

.cart-wrap.blue_rbd .cart .order_list li .product .img {
    border-radius: 12px;
}

.cart-wrap.blue_rbd .cart .order_list li .btn_r .hns_cart_direct_order {
    color: #315dff;
    border-color: #315dff;
}

.cart-wrap.blue_rbd .cart-buy-wrap {
    border-radius: 24px 24px 0 0;
}

.cart-wrap.blue_rbd .cart-buy-wrap .cart-buy-content .total-order-price .order-price {
    color: #ff5364;
}

.cart-wrap.blue_rbd .cart-buy-wrap.v3 .cart-buy-content .total-order-price .order-price .order-won {
    margin-top: -1px;
}

@supports (-webkit-touch-callout: none) {

    /* ios에서만 적용되는 css */
    .cart-wrap.blue_rbd .cart-buy-wrap.v3 .cart-buy-content .total-order-price .order-price .order-won {
        margin-top: -2px;
    }
}

/* bottom button */
.cart-wrap.blue_rbd .btn-red-large,
.cart-wrap.blue_rbd .btn-pink-large,
.cart-wrap.blue_rbd .btn-line-large,
.cart-wrap.blue_rbd .btn-black-large {
    background-color: #315dff;
}

.bottom-modal.blue_rbd.layer-push-alarm {
    visibility: initial;
    display: none;
}

.bottom-modal.blue_rbd.layer-push-alarm.active {
    display: block;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom-modal-cont {
    padding: 35px 20px 15px;
    text-align: center;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom-modal-cont strong {
    color: #282a33;
    font-size: 20px;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom-modal-cont label.check {
    margin-top: 13px;
    color: #282a33;
    font-size: 15px;
    display: inline-flex;
}

.bottom-modal.blue_rbd.layer-push-alarm .btn-wrap {
    padding: 20px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.bottom-modal.blue_rbd.layer-push-alarm .btn-wrap [class*="btn-"] {
    height: 45px;
    font-weight: bold;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.bottom-modal.blue_rbd.layer-push-alarm .btn-wrap .btn-confirm {
    color: #fff;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -0.3px;
    background-color: #315dff;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom {
    padding: 0 20px 34px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: -0.28px;
    display: flex;
    justify-content: space-between;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom span {
    color: #888;
}

.bottom-modal.blue_rbd.layer-push-alarm .bottom button {
    padding: 0 1px;
    color: #333;
    font-size: 14px;
    background: transparent;
    border: 0;
}

.order-wrap.blue_rbd .order-complete .recomPrdWrap.v2 .tit-box {
    padding-bottom: 15px;
}

.order-wrap.blue_rbd .order-complete .recomPrdWrap.v2 .tit-box h2 {
    font-size: 20px;
}

.order-wrap.blue_rbd .order-complete .banner-box .img {
    border-radius: 16px;
}

/* e: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */

/* s: 2025-07-02 ITSRI-24617 [리브랜딩][나의쇼핑] 2025 리브랜딩 컬러 적용 퍼블리싱 - blue_rbd 추가 */
.contents.blue_rbd .sub-top-tit.blue_rbd {
    display: block;
}

.contents .sub-top-tit.blue_rbd {
    color: #282a33;
}

.contents .sub-top-tit.blue_rbd .hns-btn-prev,
.contents .sub-top-tit.blue_rbd .btn-arim,
.contents .sub-top-tit.blue_rbd .btn-setting {
    width: 25px;
    height: 25px;
    margin-top: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png);
    background-size: 400px auto;
    top: 50%;
    transform: translateY(-50%);
}

.contents .sub-top-tit.blue_rbd .hns-btn-prev {
    background-position: -219px -115px;
    left: 10px;
}

.contents .sub-top-tit.blue_rbd .btn-arim {
    background-position: -253px -115px;
    right: 54px;
}

.contents .sub-top-tit.blue_rbd .btn-arim:before {
    background-color: #ff5364;
}

.contents .sub-top-tit.blue_rbd .btn-setting {
    background-position: -288px -115px;
    right: 15px;
}

.contents.blue_rbd.cart.v4 .recomPrdWrap .swiper_st .swiper-slide {
    padding-right: 0;
}

.pw_sch_wrap.ver03.blue_rbd {
    padding-top: 62px;
}

.pw_sch_wrap.ver03.blue_rbd .id_text {
    color: #282a33;
}

.pw_sch_wrap.ver03.blue_rbd+.member_btn_single .btn_red2 {
    background-color: #315dff !important;
    border-color: #315dff;
}

.mypage.blue_rbd .mySavingInfo {
    margin: 0;
    padding: 24px 10px 20px;
    background-color: #eaeaea;
    border-radius: 0;
}

.mypage.blue_rbd .mySavingInfo .savedInfo {
    padding: 0;
    border: 0;
}

.mypage.blue_rbd .mySavingInfo .savedInfo h2 {
    margin-bottom: 11px;
    color: #333;
}
.mypage.blue_rbd .mySavingInfo .savedInfo .usable_money .sum {
    color: #315dff;
    font-size: 22px;
    line-height: 26px;
}
.mypage.blue_rbd .mySavingInfo .savedInfo .usable_money .sum em {
    color: #315dff;
    font-size: 22px;
        line-height: 26px;
        letter-spacing: -0.44px;
        vertical-align: 0;
}
.mypage.blue_rbd .mySavingInfo .savedInfo .usable_money .info {
    top: 5px;
}
.mypage.blue_rbd .mySavingInfo.staff-disct-info {
    border-radius: 0;
    margin: 0;
    padding: 24px 10px 20px;
    background: #eaeaea;
}
.mypage.blue_rbd .mySavingInfo.staff-disct-info.mySavingInfo .savedInfo .details {
    margin-top: -5px;
}

.mypage.blue_rbd .mySavingInfo.staff-disct-info .tooltip.savemoney_info {
    border-radius: 4px;
}

.mypage.blue_rbd .mySavingInfo.staff-disct-info .tooltip.savemoney_info .inner .close {
    position: absolute;
    right: 3px;
    top: 3px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 0;
    background: url(https://image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) center no-repeat;
    background-size: 16px;
    vertical-align: top;
    background-position: -200px -12px;
    background-size: 400px auto;
}
.mypage.blue_rbd .staff-disct-info .savedInfo .details .saved_money {
    font-size: 14px;
}

.mypage.blue_rbd .order_search_area.type2 .osa_tap li .on {
    color: #315dff;
    border-color: #315dff;
}

.mypage.blue_rbd .btn_more_default {
    border-color: #ddd;
}

.mypage.blue_rbd .btn_more_default span {
    height: 28px;
    padding: 0;
    line-height: initial;
    display: inline-flex;
    align-items: center;
}

.mypage.blue_rbd .btn_more_default span:after {
    position: static;
    margin-top: 0;
    margin-left: 5px;
}

.mypage.blue_rbd .btn_more_default span em {
    margin-left: 3px;
}

/* e: 2025-07-02 ITSRI-24617 [리브랜딩][나의쇼핑] 2025 리브랜딩 컬러 적용 퍼블리싱 - blue_rbd 추가 */

/* 2025-07-04 ITSRI-25185 기획전 A안 타임세일 영역(8005652) BOS에서 컬러값 적용 퍼블리싱 */
.plan-template-wrap .time-chance.typeA .goods-wide:before {
    display: none;
}

/* s:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */
.mypage.blue_rbd .mySavingInfo {
    margin: 20px 15px 0;
    padding: 20px;
    background-color: #eff2ff;
    border-radius: 24px;
}

.popMyPointInfo.blue_rbd h1 {
    height: 50px;
    margin: 0 -20px;
    font-size: 20px;
    border-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #282A33;
}

.popMyPointInfo.blue_rbd h1 .allpop_close {
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat;
    background-size: 400px auto;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.popMyPointInfo.blue_rbd .addrPop_cnt {
    padding: 0 20px;
}

.popMyPointInfo.blue_rbd .addrPop_cnt .list_none {
    padding: 80px 38px;
}

.popMyPointInfo.blue_rbd .addrPop_cnt .list_none p {
    padding-top: 15px;
    font-size: 15px;
    color: #282a33;
    font-weight: normal;
    letter-spacing: normal;
}

.popMyPointInfo.blue_rbd .addrPop_cnt .list_none em {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -9999px;
    border: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd_list_none.png) no-repeat center/100%;
}

.popMyPointInfo.blue_rbd .addrPop_cnt .list_none em:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -4px;
    width: 9px;
    height: 42px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd_list_none.png) no-repeat 0 0;
    background-size: 200px auto;
    display: none;
}

.popMyPointInfo.blue_rbd .tblTitle {
    margin: 15px 0;
    padding: 20px 10px;
    background-color: #f0f0f1;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popMyPointInfo.blue_rbd .tblTitle * {
    color: #282a33;
    float: none;
}

.popMyPointInfo.blue_rbd .tblTitle span {
    font-size: 17px;
}

.popMyPointInfo.blue_rbd .tblTitle strong {
    margin-left: 15px;
    font-size: 24px;
    display: flex;
    align-items: flex-end;
}

.popMyPointInfo.blue_rbd .tblTitle em {
    font-size: 24px;
    top: initial;
    margin-left: 1px;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list {
    border-top: 1px solid #282a33;
    margin-bottom: 30px;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li {
    border-bottom: 1px solid #e7e7e9;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a {
    padding: 10px 13px 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .left {}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .left .saving_period {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #5D6069;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .left .saving_period .limit {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #474747;
    margin-left: 3px;
    font-style: normal;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .left .saving_title {
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: normal;
    text-align: left;
    color: #282a33;
    max-height: 40px;
    margin-top: 5px;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .left .saving_text {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: normal;
    text-align: left;
    color: #8f9097;
    margin-top: 5px
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .right {
    display: flex;
    justify-content: flex-end;
    min-width: 100px;
    height: auto;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .right .saving_point {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: normal;
    text-align: right;
    color: #282a33;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .right .saving_point.plus {
    color: #315dff;
}
.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .right .saving_point .won {
    margin-left: 1px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: normal;
    text-align: right;
    color: #282a33;
}

.popMyPointInfo.blue_rbd .new_saving_note .saving_list li a .right .saving_point.plus .won {
    color: #315dff;
}
.popMyPointInfo.blue_rbd .btn_block {
    padding: 0;
}

.popMyPointInfo.blue_rbd .btn_block .btn02 {
    height: 42px;
    background-color: #315dff;
    border: 0;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 {
    padding: 0 15px;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul {
    padding: 10px 0 30px;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li {
    padding: 20px 0 0 0;
    border-top: 0;
    text-align: center;
    color: #8f9097;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li:nth-child(2) {
    padding: 15px 0 0 0;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li.reserve {
    padding: 20px 10px;
    color: #282a33;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li.reserve strong {
    margin-right: 5px;
    font-size: 24px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li.reserve strong em {
    margin-bottom: 0px;
    margin-left: 1px;
    font-size: 24px;
    position: relative;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li.reserve span {
    margin-left: 3px;
    font-size: 18px;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li p {
    margin: 0;
    color: #282a33;
    font-size: 14px;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li p span {
    margin: 15px 0 0 0;
    color: #8f9097;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.pop_wrap.ver02.blue_rbd .mytbl_tdView.ver02 ul li.txt_saving_info {
    font-size: 14px;
    color: #282a33;
}

.popMyPointInfo.custom_shopping.blue_rbd h1 {
    height: auto;
    padding: 15px 15px;
    line-height: 27px;
    text-align: left;
    justify-content: flex-start;
}

.popMyPointInfo.custom_shopping.blue_rbd h1 span {
    color: #315dff;
}

.popMyPointInfo.custom_shopping.blue_rbd h1 span.txt_name {
    margin-right: 2px;
    color: #282A33;
    letter-spacing: normal;
}

.popMyPointInfo.custom_shopping.blue_rbd h1 span.txt_won {
    margin-left: 1px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-common-list {
    margin: 0 -20px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-second ul {
    margin-top: -40px;
    padding-bottom: 40px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-second ul li {
    padding-top: 40px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-thumb .goods-thumb-img {
    border-radius: 16px;
}

.tit {
    color: #282a33;
    font-weight: normal;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-price .tit,
.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    color: #282a33;
    font-weight: bold;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .btn_wrap {
    margin-top: 6px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .btn_wrap .btn_icon_cart {
    width: 100%;
    height: 30px;
    color: #282a33;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #d7d9df;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .btn_wrap .btn_icon_cart:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png) -180px -10px no-repeat;
    background-size: 400px auto;
    content: '';
    display: block;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-thumb .goods-thumb-img .img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.03;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list.goods-second .goods-price .tit {
    margin-bottom: 10px;
    font-weight: normal;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-thumb .time-box {
    display: none;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list.goods-second .goods-box .goods-benefit-box {
    height: 43px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-benefit-box .goods-benefit-detail dd strong {
    display: inline-block;
    vertical-align: middle;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-benefit-box .goods-benefit-detail dd .textWon {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-top: 0px;
}

.popMyPointInfo.custom_shopping.blue_rbd .goods-temp.goods-common-list .goods-temp-list .goods-box .goods-benefit-box .goods-benefit-detail dd {
    bottom: 3px;
}

/* e:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */

.pop_wrap.ver02.blue_rbd {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.toast_wrap {
    display: none;
    position: fixed;
    left: 15px;
    bottom: 49px;
    right: 15px;
    transition: all 0.2s ease;
}

.toast_wrap .toast_contents {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100vw - 30px);
    padding: 13px 40px 12px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
}

.toast_wrap.toast_add_cart .toast_contents {
    height: 60px;
}

.toast_wrap.toast_add_cart i {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd_cart_check.png) no-repeat center / 100%;
    margin-right: 10px;
}

.toast_wrap.toast_add_cart p {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    letter-spacing: -0.32px;
}

/* 2025-09-08 ITSRI-25928 [M기획운영팀] 나의쇼핑 페이지 적립(+) 금액 컬러적용 퍼블리싱 */
/* 임직원 할인인 */
.mypage.blue_rbd .order_search_area.type2 .period2 ul {
    height: 32px;
    padding: 0px 100px 0 0;
}

.mypage.blue_rbd .order_search_area.type2 .period2 ul li {
    width: 44.315%;
}

.mypage.blue_rbd .order_search_area.type2 .period2 ul li.finishDate {
    width: 53.727%;
}

.mypage.blue_rbd .order_search_area.type2 .period2 ul li.finishDate span {
    padding-left: 24px;
}

.mypage.blue_rbd .order_search_area.type2 .period2 ul li.finishDate span em {
    top: 7px;
    left: 8px;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    font-weight: normal;
}

.mypage.blue_rbd .order_search_area.type2 .period2 ul li input {
    border-radius: 8px;
    color: #333;
    height: 30px;
}

.mypage.blue_rbd .order_search_area.type2 .period2 a.btn_red {
    border-radius: 8px;
    box-sizing: border-box;
    height: 32px;
    line-height: 31px;
    width: 25.101%;
}

.mypage.blue_rbd .tableSt31.staff-disct-tb .tableSt3.ver02 thead tr th:last-child {
    border-right: 0 none;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr td {
    color: #333;
    letter-spacing: normal;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr td p {
    padding: 0 15px;
}

.mypage.blue_rbd .tableSt31.staff-disct-tb tbody tr td:nth-child(2) p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 16px;
    color: #333;
}

.mypage.blue_rbd .tableSt31.staff-disct-tb tbody tr td:nth-child(3) {
    width: 27.773%;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr td .saving_point {
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    letter-spacing: normal;
    text-align: right;
    color: #333;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr td .saving_point.plus {
    color: #315DFF;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr .txt.dot .saving_point .won {
    display: inline-block;
    margin-left: 1px;
    font-size: 13px;
    font-weight: bold;
    line-height: 15px;
    letter-spacing: normal;
    text-align: right;
    color: #333;
}

.mypage.blue_rbd .tableSt3.ver02 tbody tr td .saving_point.plus .won {
    color: #315DFF;
    font-size: 12px;
    line-height: 14px;
}

.mypage.blue_rbd .staff-disct-more {
    margin: 30px 50px 0px
}

.mypage.blue_rbd .btn_more_default {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 16px;
    border: solid 1px #dcdcdf;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-align: right;
    color: #282a33;
    background: transparent;
}

.mypage.blue_rbd .btn_more_default span {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-align: right;
    color: #282a33;
    height: auto;
}

.mypage.blue_rbd .btn_more_default span:after {
    background: 0 none;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid #282a33;
    border-right: 1.5px solid #282a33;
    position: absolute;
    top: 5px;
    right: -14px;
    transform: rotate(135deg);
}
/* 적립금 쿠폰 등록 버튼 */
.mypage.blue_rbd .userInfoBtn a {
    right: 13px;
    bottom: 8px;
    width: 94px;
    height: auto;
    border: 1px solid #dcdcdf;
    border-radius: 8px;
    padding: 5px 10px;
    box-sizing: border-box;
    line-height: 14px;
    color: #282a33;
    letter-spacing: -0.22px;
    text-align: center;
}