@charset "utf-8";
/*
 * 파일명	 : common.css
 * 작성자	 : 김성해
 * 작성일	 : 2014.06.18
 */
/* reset */
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
.side_cate,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
blockquote {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    word-break: break-all;
}
body,
table {
    font-size: 14px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
    color: #333;
    letter-spacing: 0;
}

body {
    background: #fff;
    -webkit-text-size-adjust: none;
}
fieldset,
img,
iframe,
frame {
    border: 0;
}

legend,
caption {
    overflow: hidden;
    position: absolute;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
}
img {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}
img,
input,
textarea,
fieldset {
    border: none;
    outline: none;
}
ul,
ol,
dl,
li,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
}
em,
address {
    font-style: normal;
}
a {
    color: #373e40;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    outline: none;
}
strong {
    font-weight: bold;
}
legend,
hr,
caption {
    display: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input,
textarea,
button {
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
select {
    text-indent: 5px;
}
u {
    text-decoration: none;
}
figure {
    margin: 0;
    padding: 0;
}

/* 블라인드 */
.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -5000px;
    text-indent: -5000px;
}

/* 2019-02-22 웹폰트 적용
@font-face {
	font-family:"NanumSquR";
	src:url(NanumSquareR.eot);
	src:local(※), url(//image.hnsmall.com/images/font/NanumSquareR.woff)format("woff");
}

@font-face {
	font-family:"NanumSquB";
	src:url(NanumSquareB.eot);
	src:local(※), url(//image.hnsmall.com/images/font/NanumSquareB.woff)format("woff");
}

@font-face {
	font-family:"robotoR";
	src:url(RobotoRegular.eot);
	src:local(※), url(//image.hnsmall.com/images/font/RobotoRegular.woff)format("woff");
}

@font-face {
	font-family:"robotoB";
	src:url(//image.hnsmall.com/images/font/RobotoBold.eot);
	src:local(※), url(//image.hnsmall.com/images/font/RobotoBold.woff)format("woff");
}
*/

/* input type 정의 */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="tel"],
input[type="email"] {
    position: relative;
    -webkit-appearance: none;
    -webkit-border-radius: 4px;
}
input[type="radio"],
input:checked[type="radio"],
input[type="checkbox"],
input:checked[type="checkbox"] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png?20200723);
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-color: transparent;
}
input[type="radio"] {
    background-position: 0 -230px;
}
input[type="radio"]:checked {
    background-position: -20px -230px;
}
input[type="checkbox"] {
    border: none !important;
    border-radius: 0;
    background-position: -40px -230px;
}
input:checked[type="checkbox"] {
    background-position: -60px -230px;
}

select {
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    height: 30px;
    padding-right: 20px;
    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;
} /*@@@ 2015-04-09 수정*/
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="tel"],
input[type="email"] {
    border: 1px solid #cecece;
    border-radius: 4px;
    color: #333;
    font-size: 12px;
    height: 28px;
    background: #f9f9f9;
    text-indent: 10px;
}
input[type="date"] {
    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;
}

/* input disabled type 정의 ico_input_type.png */
input[type="radio"]:disabled,
input:checked[type="radio"]:disabled,
input[type="checkbox"]:disabled,
input:checked[type="checkbox"]:disabled {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_input_type.png);
    background-repeat: no-repeat;
    background-size: 200px auto;
    background-color: transparent;
}
input[type="radio"]:disabled {
    background-position: -5px -5px;
}
input:checked[type="radio"]:disabled {
    background-position: -25px -5px;
}
input[type="checkbox"]:disabled {
    background-position: -45px -5px;
}
input:checked[type="checkbox"]:disabled {
    background-position: -65px -5px;
}

/* font zoom기능 */
body.font_zoom {
    font-size: 16px;
}

/* No border Line */
.noLineT {
    border-top: none !important;
}
.noLineR {
    border-right: none !important;
}
.noLineB {
    border-bottom: none !important;
}
.noLineL {
    border-left: none !important;
}

/* 기본 정의 클래스 */
.mt0 {
    margin-top: 0px !important;
}
.mt2 {
    margin-top: 2px !important;
}
.mt3 {
    margin-top: 3px !important;
}
.mt4 {
    margin-top: 4px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt6 {
    margin-top: 6px !important;
}
.mt8 {
    margin-top: 8px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt12 {
    margin-top: 12px !important;
}
.mt15 {
    margin-top: 15px !important;
} /* 2023-12-20 추가 */
.mt16 {
    margin-top: 16px !important;
}
.mt18 {
    margin-top: 18px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
} /* 2016-08-01 추가 */
.mt50 {
    margin-top: 50px !important;
}
.mb0 {
    margin-bottom: 0px !important;
} /* 2016-04-11 추가 */
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb40 {
    margin-bottom: 40px !important;
} /* 2023-10-31 추가 */
.mb50 {
    margin-bottom: 50px !important;
} /* 2020-01-14 추가 */
.ml0 {
    margin-left: 0 !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mr5 {
    margin-right: 5px !important;
}
.mr6 {
    margin-right: 6px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr50 {
    margin-right: 50px !important;
}
.pt0 {
    padding-top: 0 !important;
}
.pt5 {
    padding-top: 5px !important;
}
.pt10 {
    padding-top: 10px !important;
}
.pt15 {
    padding-top: 15px !important;
} /* 2022-04-04 추가 */
.pt45 {
    padding-top: 45px !important;
} /* 2016-08-01 추가 */
.pb0 {
    padding-bottom: 0 !important;
}
.pb5 {
    padding-bottom: 5px !important;
}
.pb10 {
    padding-bottom: 10px !important;
}
.pb20 {
    padding-bottom: 20px !important;
} /* 2022-09-14 추가 */
.pb50 {
    padding-bottom: 50px !important;
}
.w100p {
    width: 100% !important;
    box-sizing: border-box;
}
.w100 {
    width: 100px !important;
}
.w50 {
    width: 50px !important;
} /*@@@ 2015-02-26추가*/
.w70 {
    width: 60px !important;
}
.w80 {
    width: 80px !important;
}
.w71 {
    width: 70px !important;
}
.prt {
    position: relative;
}
/*@@@ 2015-04-09 추가*/
.al {
    text-align: left;
}
.ar {
    text-align: right;
}
.ac {
    text-align: center;
}
/*@@@// 2015-04-09 추가*/

.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs13 {
    font-size: 13px;
}

.fwb {
    font-weight: bold;
}
.fwn {
    font-weight: normal;
}

/* 공통 영역 - btn color */
.box_bgred {
    background: #dd1032 !important;
    color: #fff !important;
    text-align: center;
}
.btn_red {
    background: #e51937 !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #dd1032;
}
.btn_red2 {
    background: #f51d2c !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #f51d2c;
}
.btn_gray {
    background: #888 !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #888 !important;
}
.btn_gray2 {
    background: #666 !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #666;
}
.btn_gray3 {
    background: #eee !important;
    color: #565656 !important;
    text-align: center;
    border: 1px solid #cdcdcd;
}
.btn_gray4 {
    background: #ebebeb !important;
    color: #aaa !important;
    text-align: center;
    border: 1px solid #ddd;
}
.btn_black {
    background: #333 !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #232323;
}
.btn_blue2 {
    background: #12a5cb !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #12a5cb;
}
.btn_white {
    background: #fff !important;
    color: #565656 !important;
    text-align: center;
    border: 1px solid #ccc;
}
.btn_white2 {
    background: #fff !important;
    color: #12a5cb !important;
    text-align: center;
    border: 1px solid #12a5cb;
}
.btn_white3 {
    background: none !important;
    color: #fff !important;
    text-align: center;
    border: 1px solid #f7bac3;
}
.btn_white4 {
    background: none !important;
    color: #7e081a !important;
    text-align: center;
    border: 1px solid #ac1329;
}
.btn_white5 {
    background: #fff !important;
    color: #e51937 !important;
    text-align: center;
    border: 1px solid #e51937;
}

.btn_none {
    display: none;
}

/* 공통 영역 - btn size */
.boxh_28 a {
    height: 28px;
    line-height: 28px;
}
.btn_h40 {
    height: 38px;
    line-height: 38px;
    font-weight: bold;
}
.btn_h35 {
    height: 33px;
    line-height: 30px;
    font-size: 12px;
}
.btn_h30 {
    height: 28px;
    line-height: 25px;
    font-size: 12px;
} /*2015-12-04 line-height 수정*/
.btn_h24 {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
}
.btn_h23 {
    height: 23px;
    line-height: 23px;
    font-size: 12px;
}
.btn_h22 {
    height: 22px;
    line-height: 22px;
    font-size: 11px;
}
.btn_h21 {
    height: 21px;
    line-height: 21px;
    font-size: 12px;
}

/* 공통 영역 - btn space */
.squre a {
    border-radius: 0 !important;
}
.btn_db {
    display: block;
    border-radius: 2px;
    text-align: center;
}
.btn_db10 {
    display: block;
    border-radius: 2px;
    text-align: center;
    margin: 0 10px;
}
.btn_ib5 {
    display: inline-block;
    padding: 0 5px;
    border-radius: 2px;
} /*@@@2015-04-09추가*/
.btn_ib6 {
    display: inline-block;
    padding: 0 6px;
    border-radius: 2px;
}
.btn_ib7 {
    display: inline-block;
    padding: 0 7px;
    border-radius: 2px;
}
.btn_ib8 {
    display: inline-block;
    padding: 0 8px;
    border-radius: 2px;
}
.btn_ib9 {
    display: inline-block;
    padding: 0 9px;
    border-radius: 2px;
}
.btn_ib10 {
    display: inline-block;
    padding: 0 10px;
    border-radius: 2px;
} /*2015-12-04 border-radius 수정*/
.btn_ib12 {
    display: inline-block;
    padding: 0 12px;
    border-radius: 2px;
}
.btn_ib13 {
    display: inline-block;
    padding: 0 13px;
    border-radius: 2px;
}
.btn_ib15 {
    display: inline-block;
    padding: 0 15px;
    border-radius: 2px;
}
.btn_ib18 {
    display: inline-block;
    padding: 0 18px;
    border-radius: 2px;
}
.btn_ib19 {
    display: inline-block;
    padding: 0 19px;
    border-radius: 2px;
}
.btn_ib20 {
    display: inline-block;
    padding: 0 20px !important;
    border-radius: 2px;
}
.btn_ib28 {
    display: inline-block;
    padding: 0 28px;
    border-radius: 2px;
}
.btn_ib30 {
    display: inline-block;
    padding: 0 30px;
    border-radius: 2px;
}
.btn_ib40 {
    display: inline-block;
    padding: 0 40px;
    border-radius: 2px;
}
.btn_ib50 {
    display: inline-block;
    padding: 0 50px;
    border-radius: 2px;
}
.boxw_33 li {
    width: 33.3%;
}

/* 공통 영역 - btn width */
.bw90 {
    width: 88px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
}
.bw150 {
    width: 148px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
}

/* 공통 영역 - btn style */
.btn_gd1 {
    display: inline-block;
    overflow: hidden;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    font-size: 11px;
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(100%, #e8e8e8));
}
.btn_blue {
    display: inline-block;
    overflow: hidden;
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    background: #12a5cb;
    vertical-align: middle;
}

.ad_card {
    padding: 10px 10px 0;
}
.ad_card .card_type {
    height: 50px;
    margin-bottom: 10px;
}
.ad_card .card_type div {
    overflow: hidden;
    width: 265px;
    margin: 0 auto;
} /*@@@ 2015-06-03 수정*/
.ad_card .card_type div p {
    float: left;
    width: 70px;
}
.ad_card .card_type div div {
    float: left;
    width: 190px;
} /*@@@ 2015-06-03 수정*/
.ad_card .card_type div div span {
    font-size: 9px;
    color: #565656;
    display: block;
    padding-top: 7px;
}
.ad_card .card_type div div strong {
    font-size: 16px;
    color: #232323;
}
.ad_card .card_type div div strong em {
    color: #1260cb;
}
.ad_card .color1 {
    background: #defeff;
} /*@@@ 2015-06-03 수정*/
.ad_card .color2 {
    background: #e5fbef;
} /*@@@ 2015-06-03 수정*/
.ad_card img {
    width: 60px;
    height: 50px;
}
/*@@@ 2015-06-03 추가*/
.ad_card .card_info {
    margin: -10px 0 10px 0;
    padding-bottom: 10px;
}
.ad_card .card_info .card_box {
    overflow: hidden;
    margin: 0 10px;
}
.ad_card .card_info .card_box div {
    margin: 10px 15px;
}
.ad_card .card_info .card_box div strong {
    font-size: 11px;
}
.ad_card .card_info .card_box div span {
    font-size: 11px;
    color: #898989;
}
.ad_card .color2 div div strong em {
    color: #26bfbf;
}
.ad_card .color1 .card_box {
    background: #efffff;
}
.ad_card .color2 .card_box {
    background: #f2fdf7;
}

.btn_goods {
    overflow: hidden;
    padding: 7px 10px;
}
.btn_goods li {
    float: left;
    width: 30%;
}
.btn_goods li:nth-child(1) {
    width: 12%;
}
.btn_goods li:nth-child(2) {
    width: 28%;
}
.btn_goods a {
    border-radius: 2px;
    display: block;
    margin-right: 3px;
    font-weight: bold;
}
.btn_goods li:last-child a {
    margin-right: 0;
}
.btn_goods li:nth-child(1) 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;
}
.btn_goods.num3 li:nth-child(1) {
    width: 32%;
}
.btn_goods.num3 li:nth-child(2) {
    width: 34%;
}
.btn_goods.num3 li:nth-child(3) {
    width: 34%;
}

/* button 2016-01-27 ~  */
.btnReset {
    display: inline-block;
    overflow: hidden;
    width: 21px;
    height: 21px;
    border: 1px solid #aaa;
    border-radius: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -60px;
    background-size: 300px auto;
    vertical-align: middle;
}
.btnDel {
    position: relative;
    display: inline-block;
    height: 22px;
    padding: 1px 20px 0 8px;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    border-radius: 2px;
    background: #e9e8e8;
}
.btnDel:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -5px;
    width: 9px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -50px;
    background-size: 300px auto;
}
.btnG01 {
    display: inline-block;
    padding: 0 12px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    background: #898989;
}

.btnMore01 {
    display: inline-block;
    overflow: hidden;
    height: 35px;
    text-align: center;
    background: #898989;
    vertical-align: middle;
}
.btnMore01 span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 20px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
}
.btnMore01 span:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 15px;
    height: 15px;
    margin: -9px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/btn_more_ico.png) no-repeat left top;
    background-size: 15px;
}
.btnMore01 span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 10px;
    margin: -6px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/btn_arrow_ico.png) no-repeat left top;
    background-size: 7px 10px;
}

.btnMore02 {
    display: inline-block;
    overflow: hidden;
    height: 35px;
    text-align: center;
    background: #898989;
    vertical-align: middle;
}
.btnMore02 span {
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
}
.btnMore02 span:after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 10px;
    margin: -6px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/btn_arrow_ico.png) no-repeat left top;
    background-size: 7px 10px;
}

.btn_arrow_r {
    display: inline-block;
}
.btn_arrow_r span {
    display: block;
    margin: 0;
    padding: 0 20px 0 10px;
    position: relative;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    font-size: 12px;
    color: #666;
    text-align: left;
}
.btn_arrow_r span:after {
    content: "";
    width: 6px;
    height: 10px;
    margin-top: -5px;
    display: block;
    background: url("//image.hnsmall.com/images/mobile2014/goods/ico_goods.png") -195px -227px no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    background-size: 300px auto;
}
/* 2016-11-28 bae s 상품공통 아이콘들 */

/* 상품공통 아이콘들 */
.btn_saleInfo {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    top: 1px;
    vertical-align: -1px;
    border: 0;
    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;
}

/* 2018-12-01 신규 플래그 공통 */
.flag_wrap {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 10;
}
.flag_wrap > div:after {
    display: block;
    content: "";
    clear: both;
}
.flag_wrap em {
    position: relative;
    overflow: hidden;
    float: left;
    opacity: 0.9;
    margin-left: -4px;
    font-size: 2px;
    color: transparent;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_2018.png);
    background-repeat: no-repeat;
    background-size: 400px auto;
    text-indent: -1000px;
}
.flag_wrap em:nth-child(1) {
    margin-left: 0;
    z-index: 8;
}
.flag_wrap em:nth-child(2) {
    z-index: 7;
}
.flag_wrap em:nth-child(3) {
    z-index: 6;
}
.flag_wrap em:nth-child(4) {
    z-index: 5;
}
.flag_wrap em:nth-child(5) {
    z-index: 4;
}
.flag_wrap em:nth-child(6) {
    z-index: 3;
}
.flag_wrap em:nth-child(7) {
    z-index: 2;
}
.flag_wrap em:nth-child(8) {
    z-index: 1;
}

/* 2018-12-01 신규 플래그 사이즈 40 */
.flag_size_80 em {
    width: 40px;
    height: 40px;
    margin-left: -6px;
    background-position-x: -5px;
}

/* 2018-12-01 신규 플래그 사이즈 35 */
.flag_size_70 em {
    width: 35px;
    height: 35px;
    background-position-x: -60px;
}

/* 2018-12-01 신규 플래그 사이즈 32 */
.flag_size_64 em {
    width: 32px;
    height: 32px;
    background-position-x: -110px;
}

/* 2018-12-01 신규 플래그 사이즈 28 */
.flag_size_56 em {
    width: 28px;
    height: 28px;
    background-position-x: -157px;
}

/* 2018-12-01 신규 플래그 사이즈 25 */
.flag_size_50 em {
    width: 25px;
    height: 25px;
    background-position-x: -200px;
}

/* 2018-12-01 신규 플래그 사이즈 23 */
.flag_size_46 em {
    width: 23px;
    height: 23px;
    background-position-x: -240px;
}

/* 2018-12-01 신규 플래그 이미지 배경 세로 위치값(고정) */
.flag_sale_10 {
    background-position-y: -25px;
} /* 즉시할인10% */
.flag_save_10 {
    background-position-y: -90px;
} /* 자동적립10% */
.flag_pangpang {
    background-position-y: -155px;
} /* 릴팡 */
.flag_plusale_10 {
    background-position-y: -220px;
} /* 즉시할인10% */
.flag_plusale_7 {
    background-position-y: -285px;
} /* 즉시할인7% */
.flag_plusale_5 {
    background-position-y: -350px;
} /* 즉시할인5% */
.flag_plusave_10 {
    background-position-y: -415px;
} /* 추가적립10% */
.flag_plusave_5 {
    background-position-y: -480px;
} /* 추가적립5% */
.flag_save_5 {
    background-position-y: -545px;
} /* 자동적립5% */

/* 2019-12-02 #28609 가변매장 신규 */
.flag_size_40 em {
    margin: 5px 5px 0 0;
    height: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_2019.png);
    background-position-x: -5px;
}
.flag_size_40 .flag_sale_10 {
    width: 58.5px;
    background-position-y: -25px;
} /* 즉시할인10% */
.flag_size_40 .flag_save_10 {
    width: 58.5px;
    background-position-y: -90px;
} /* 자동적립10% */
.flag_size_40 .flag_pangpang {
    width: 62.5px;
    background-position-y: -155px;
} /* 릴팡 */
.flag_size_40 .flag_plusale_10 {
    width: 79px;
    background-position-y: -220px;
} /* 추가할인10% */
.flag_size_40 .flag_plusale_7 {
    width: 72.5px;
    background-position-y: -285px;
} /* 추가할인7% */
.flag_size_40 .flag_plusale_5 {
    width: 72.5px;
    background-position-y: -350px;
} /* 추가할인5% */
.flag_size_40 .flag_plusave_10 {
    width: 78.5px;
    background-position-y: -415px;
} /* 추가적립10% */
.flag_size_40 .flag_plusave_5 {
    width: 72.5px;
    background-position-y: -480px;
} /* 추가적립5% */
.flag_size_40 .flag_save_5 {
    width: 52px;
    background-position-y: -545px;
} /* 자동적립5% */

/* 2020-07-13 #34006 홈개선 */
.flag_size_28 em {
    margin: 2px 2px 0 0;
    height: 14px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_202009.png?0909);
    background-position-x: -5px;
}
.flag_size_28 .flag_sale_10 {
    width: 40px;
    background-position-y: -25px;
} /* 즉시할인10% */
.flag_size_28 .flag_save_10 {
    width: 40.5px;
    background-position-y: -90px;
} /* 자동적립10% */
.flag_size_28 .flag_pangpang {
    width: 21.5px;
    background-position-y: -155px;
} /* 릴팡 */
.flag_size_28 .flag_plusale_10 {
    width: 46px;
    background-position-y: -220px;
} /* 추가할인10% */
.flag_size_28 .flag_plusale_7 {
    width: 40px;
    background-position-y: -285px;
} /* 추가할인7% */
.flag_size_28 .flag_plusale_5 {
    width: 40px;
    background-position-y: -350px;
} /* 추가할인5% */
.flag_size_28 .flag_plusave_10 {
    width: 46px;
    background-position-y: -415px;
} /* 추가적립10% */
.flag_size_28 .flag_plusave_5 {
    width: 41px;
    background-position-y: -480px;
} /* 추가적립5% */
.flag_size_28 .flag_save_5 {
    width: 35px;
    background-position-y: -545px;
} /* 자동적립5% */
/* .flag_size_28 .flag_plusale_10,
.flag_size_28 .flag_plusave_10	{clear: left;} */

.flag_size_30 em {
    margin: 2px 2px 0 0;
    height: 15px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_202009.png?0909);
    background-position-x: -75px;
}
.flag_size_30 .flag_sale_10 {
    width: 47px;
    background-position-y: -25px;
} /* 즉시할인10% */
.flag_size_30 .flag_save_10 {
    width: 47px;
    background-position-y: -90px;
} /* 자동적립10% */
.flag_size_30 .flag_pangpang {
    width: 26.5px;
    background-position-y: -155px;
} /* 릴팡 */
.flag_size_30 .flag_plusale_10 {
    width: 65px;
    background-position-y: -220px;
} /* 추가할인10% */
.flag_size_30 .flag_plusale_7 {
    width: 60px;
    background-position-y: -285px;
} /* 추가할인7% */
.flag_size_30 .flag_plusale_5 {
    width: 60px;
    background-position-y: -350px;
} /* 추가할인5% */
.flag_size_30 .flag_plusave_10 {
    width: 65px;
    background-position-y: -415px;
} /* 추가적립10% */
.flag_size_30 .flag_plusave_5 {
    width: 60px;
    background-position-y: -480px;
} /* 추가적립5% */
.flag_size_30 .flag_save_5 {
    width: 42px;
    background-position-y: -545px;
} /* 자동적립5% */
/*
.flag_size_30 .flag_plusale_5,
.flag_size_30 .flag_plusale_7,
.flag_size_30 .flag_plusale_10,
.flag_size_30 .flag_plusave_5,
.flag_size_30 .flag_plusave_10	{clear: left;}
.flag_size_30 *[class*=flag_plusave_] ~ *[class*=flag_plusave_],
.flag_size_30 *[class*=flag_plusale_] ~ *[class*=flag_plusale_],
.flag_size_30 *[class*=flag_plusave_] ~ *[class*=flag_plusale_],
.flag_size_30 *[class*=flag_plusale_] ~ *[class*=flag_plusave_]  {clear: none;} */

/* 메인, 공통 플래그 */
.flagBox,
.prdFlag,
.prdFlagWrap,
.mainFlag,
.prtFlag {
    position: absolute;
    left: 0;
    top: 0px; /*opacity:0.75;*/
    z-index: 11;
}
.prdFlag:after,
.prdFlag_s,
.prdFlagWrap:after,
.mainFlag:after,
.prtFlag:after {
    display: block;
    content: "";
    clear: both;
}

.flagBox em,
.prdFlag em,
.prdFlagWrap em,
.mainFlag em,
.prtFlag em {
    position: relative;
    float: left;
    opacity: 0.75;
    font-size: 2px;
    color: transparent;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png);
    background-repeat: no-repeat;
    background-size: 210px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.add10save em {
    position: relative;
    float: left;
    opacity: 0.75;
    font-size: 2px;
    color: transparent;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);
    background-repeat: no-repeat;
    background-size: auto 305px;
    overflow: hidden;
    text-indent: -1000px;
}
.addDc em {
    position: relative;
    float: left;
    opacity: 0.75;
    font-size: 2px;
    color: transparent;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);
    background-repeat: no-repeat;
    background-size: auto 305px;
    overflow: hidden;
    text-indent: -1000px;
}

.flagBox em + em,
.prdFlag em + em,
.prdFlagWrap em + em,
.prtFlag em + em {
    margin-left: -5px;
}

.flagBox em:nth-child(1),
.prdFlag em:nth-child(1),
.prdFlagWrap em:nth-child(1),
.mainFlag em:nth-child(1),
.prtFlag em:nth-child(1) {
    z-index: 6;
}
.flagBox em:nth-child(2),
.prdFlag em:nth-child(2),
.prdFlagWrap em:nth-child(2),
.mainFlag em:nth-child(2),
.prtFlag em:nth-child(2) {
    z-index: 5;
}
.flagBox em:nth-child(3),
.prdFlag em:nth-child(3),
.prdFlagWrap em:nth-child(3),
.mainFlag em:nth-child(3),
.prtFlag em:nth-child(3) {
    z-index: 4;
}
.flagBox em:nth-child(4),
.prdFlag em:nth-child(4),
.prdFlagWrap em:nth-child(4),
.mainFlag em:nth-child(4),
.prtFlag em:nth-child(4) {
    z-index: 3;
}
.flagBox em:nth-child(5),
.prdFlag em:nth-child(5),
.prdFlagWrap em:nth-child(5),
.mainFlag em:nth-child(5),
.prtFlag em:nth-child(5) {
    z-index: 2;
}
.flagBox em:nth-child(6),
.prdFlag em:nth-child(6),
.prdFlagWrap em:nth-child(6),
.mainFlag em:nth-child(6),
.prtFlag em:nth-child(6) {
    z-index: 1;
}

em.flag_10dc,
em.flag_addsale,
em.flag_10plus,
em.flag_10plus_new,
em.flag_5plus_new,
em.flag_addsale_10,
em.flag_addsale_5,
em.flag_addsale_7 {
    z-index: 10 !important;
}

em.flag_10plus {
    opacity: 1;
}
em.flag_10plus_new {
    opacity: 1;
}
em.flag_5plus_new {
    opacity: 1;
}
.addDc em.flag_addsale {
    opacity: 1;
}
.addDc em.flag_10dc {
    opacity: 1;
}
em.flag_addsale_10 {
    opacity: 1;
}
em.flag_addsale_5 {
    opacity: 1;
}
em.flag_addsale_7 {
    opacity: 1;
}

/* 50*50 사이즈(공통) : 메인 홈 */
.prtFlag.s50 {
    left: 0;
    top: 2px;
    min-width: 90px;
}
.prtFlag.s50 em {
    width: 25px;
    height: 25px;
}
.prtFlag.s50 em + em {
    margin-left: -4px;
}
.prtFlag.s50 em.flag_nowsale {
    background-position: -200px 0;
}
.prtFlag.s50 em.flag_savepoint {
    background-position: -200px -28px;
}
.prtFlag.s50 em.flag_pang {
    background-position: -200px -57px;
    width: 28px;
    height: 28px;
    top: -2px;
}
.prtFlag.s50 em.flag_addsale,
.prtFlag.s50 em.flag_10dc {
    background-position: -200px -87px;
    width: 29px;
}
.prtFlag.s50 em.flag_10plus {
    background-position: -200px -114px;
    width: 29px;
}

/* 64*64 사이즈(공통) : 메인 홈 */
.prtFlag.s64 {
    left: 5px;
    top: 4px;
    min-width: 90px;
}
.prtFlag.s64 em {
    width: 32px;
    height: 32px;
}
.prtFlag.s64 em + em {
    margin-left: -5px;
}
.prtFlag.s64 em.flag_nowsale {
    background-position: -235px 0;
}
.prtFlag.s64 em.flag_savepoint {
    background-position: -235px -37px;
}
.prtFlag.s64 em.flag_pang {
    background-position: -235px -74px;
    width: 35px;
    height: 35px;
    top: -2px;
}
.prtFlag.s64 em.flag_addsale,
.prtFlag.s64 em.flag_10dc {
    background-position: -235px -114px;
    width: 37px;
}
.prtFlag.s64 em.flag_10plus {
    background-position: -235px -151px;
    width: 37px;
}

/* 2018-05-15 5%, 10% 추가적립 상품상세 슬라이드 영역 */
.add10save.s64 {
    left: 2px;
    top: 2px;
    min-width: 90px;
}
.add10save.s64 em {
    width: 32px;
    height: 32px;
}
.add10save.s64 em + em {
    margin-left: -6px;
}
.add10save.s64 em.flag_nowsale {
    background-position: -235px 0;
}
.add10save.s64 em.flag_savepoint {
    background-position: -235px -37px;
}
.add10save.s64 em.flag_pang {
    background-position: -235px -74px;
    width: 35px;
    height: 35px;
    top: -2px;
}
.add10save.s64 em.flag_addsale,
.add10save.s64 em.flag_10dc {
    background-position: -235px -114px;
    width: 37px;
}
.add10save.s64 em.flag_10plus {
    background-position: -235px -151px;
    width: 37px;
}
.add10save.s64 em.flag_10plus_new {
    background-position: -431px 0px;
    width: 37px;
}
.add10save.s64 em.flag_5plus_new {
    background-position: -431px -55px;
    width: 37px;
}

/* 28*28, 56*56 사이즈(공통) : 주문, 배송, 검색 */
.flagBox {
    left: 0;
    top: 2px;
    min-width: 90px;
}
.flagBox em {
    width: 28px;
    height: 28px;
}
.flagBox em + em {
    margin-left: -5px;
}
.flagBox em.flag_nowsale {
    background-position: -160px 0;
    height: 29px;
}
.flagBox em.flag_savepoint {
    background-position: -160px -30px;
}
.flagBox em.flag_pang {
    background-position: -160px -60px;
    width: 30px;
    height: 30px;
    top: -2px;
}
.flagBox em.flag_addsale,
.flagBox em.flag_10dc {
    background-position: -160px -90px;
    width: 32px;
}
.flagBox em.flag_10plus {
    background-position: -160px -120px;
    width: 32px;
}
.add10save em.flag_10plus_new {
    background-position: -473px 0px;
    width: 32px;
}
.add10save em.flag_5plus_new {
    background-position: -474px -55px;
    width: 32px;
}
.addDc em.flag_addsale,
.addDc em.flag_addsale_10 {
    background-position: -473px -109px;
    width: 33px;
    height: 30px;
    top: -1px;
}
.addDc em.flag_addsale_7 {
    background-position: -474px -165px;
    width: 32px;
}
.addDc em.flag_addsale_5 {
    background-position: -474px -220px;
    width: 32px;
}

/* 24*24 56*56 small 사이즈(공통) */
.flagBox.small em {
    width: 24px;
    height: 24px;
    background-size: 175px auto;
}
.flagBox.small em.flag_nowsale {
    background-position: -133px 0;
}
.flagBox.small em.flag_savepoint {
    background-position: -133px -25px;
}
.flagBox.small em.flag_pang {
    background-position: -133px -50px;
    width: 25px;
    height: 25px;
    top: -2px;
}
.flagBox.small em.flag_addsale {
    background-position: -133px -75px;
    width: 28px;
}
.flagBox.small em.flag_10plus {
    background-position: -133px -100px;
    width: 28px;
}

/* 24*24 56*56 small 사이즈(공통) : 10% 추가적립건 */
.flagBox.small.add10save em {
    width: 24px;
    height: 24px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);
    background-size: auto 160px;
}
.flagBox.small.add10save em.flag_nowsale {
    background-position: 0 0;
}
.flagBox.small.add10save em.flag_savepoint {
    background-position: 0 -26px;
}
.flagBox.small.add10save em.flag_pang {
    background-position: 0 -52px;
    width: 26px;
    height: 26.6px;
    top: -3px;
}
.flagBox.small.add10save em.flag_addsale {
    background-position: 0 -79px;
    width: 28px;
}
.flagBox.small.add10save em.flag_10plus {
    background-position: 0 -105px;
    width: 28px;
}
.flagBox.small.add10save em.flag_5plus_new {
    background-position: -145px -29px;
    width: 28px;
}
.flagBox.small.add10save em.flag_10plus_new {
    background-position: -145px 0;
    width: 28px;
}

/* 24*24 56*56 small 사이즈(공통) : 10% 추가할인 디자인 변경 */
.flagBox.small.addDc em.flag_addsale,
.flagBox.small.addDc em.flag_addsale_10 {
    background-position: -145px -57px;
    width: 28px;
    height: 25px;
}
.flagBox.small.addDc em.flag_addsale_7 {
    background-position: -145px -86px;
    width: 28px;
    height: 25px;
}
.flagBox.small.addDc em.flag_addsale_5 {
    background-position: -145px -115px;
    width: 28px;
    height: 25px;
}
.flagBox.small.addDc em.flag_addsale_10 {
    top: -1px;
}

/* 35*35, 70*70 사이즈(공통) */
.prdFlag {
    left: 0;
    top: 3px;
    min-width: 100px;
}
.prdFlag em {
    width: 35px;
    height: 35px;
}
.prdFlag em + em {
    margin-left: -5px;
}
.prdFlag em.flag_nowsale {
    background-position: -110px 0px;
}
.prdFlag em.flag_savepoint {
    background-position: -110px -50px;
}
.prdFlag em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.prdFlag em.flag_addsale {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
}
.prdFlag em.flag_10plus {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
}

/**** s : 메인 플래그(홈) ****/
/* Main 홈 상단 45*45 사이즈*/
.goodImg .mainFlag {
    top: 10px;
    left: 10px;
}
.goodImg .mainFlag em {
    width: 45px;
    height: 45px;
}
.goodImg .mainFlag em + em {
    margin-left: -7px;
}
.goodImg .mainFlag em.flag_nowsale {
    background-position: 0px 0px;
}
.goodImg .mainFlag em.flag_savepoint {
    background-position: 0px -50px;
}
.goodImg .mainFlag em.flag_pang {
    background-position: 0px -100px;
    width: 50px;
    height: 50px;
    top: -5px;
}
.goodImg .mainFlag em.flag_addsale {
    background-position: 0px -150px;
    width: 53px;
    margin-left: -9px;
}
.goodImg .mainFlag em.flag_10plus {
    background-position: 0px -200px;
    width: 53px;
    margin-left: -9px;
}

/* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : Main 홈 상단 45*45 사이즈*/
.goodImg .mainFlag.add10save {
    top: 10px;
    left: 10px;
}
.goodImg .mainFlag.add10save em {
    width: 45px;
    height: 45px;
}
.goodImg .mainFlag.add10save em + em {
    margin-left: -7px;
}
.goodImg .mainFlag.add10save em.flag_nowsale {
    background-position: 0px 0px;
}
.goodImg .mainFlag.add10save em.flag_savepoint {
    background-position: 0px -50px;
}
.goodImg .mainFlag.add10save em.flag_pang {
    background-position: 0px -100px;
    width: 50px;
    height: 50px;
    top: -5px;
}
.goodImg .mainFlag.add10save em.flag_addsale {
    background-position: 0px -150px;
    width: 53px;
    margin-left: -9px;
}
.goodImg .mainFlag.add10save em.flag_10plus {
    background-position: 0px -200px;
    width: 53px;
    margin-left: -9px;
}
.goodImg .mainFlag.add10save em.flag_10plus_new {
    background-position: -277px 0px;
    width: 53px;
    margin-left: -9px;
}
.goodImg .mainFlag.add10save em.flag_5plus_new {
    background-position: -277px -55px;
    width: 53px;
    margin-left: -9px;
}

/* curation Main 홈 상단 45*45 사이즈 - curation Main 페이지 삭제시 지워주세요. */
.goodImg_curation .mainFlag {
    top: 3px;
    left: 0;
}
.goodImg_curation .mainFlag em {
    width: 35px;
    height: 35px;
}
.goodImg_curation .mainFlag em + em {
    margin-left: -5px;
}
.goodImg_curation .mainFlag em.flag_nowsale {
    background-position: -110px 0px;
}
.goodImg_curation .mainFlag em.flag_savepoint {
    background-position: -110px -50px;
}
.goodImg_curation .mainFlag em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.goodImg_curation .mainFlag em.flag_addsale {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
}
.goodImg_curation .mainFlag em.flag_10plus {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
}

/* 카테고리 반값(참고) */
/*.prdCardBox .prdFlagWrap{top:10px;left:10px}
.prdCardBox .prdFlagWrap em{width:45px;height:45px;}
.prdCardBox .prdFlagWrap em+em {margin-left:-7px}
.prdCardBox .prdFlagWrap em.flag_nowsale {background-position:0px 0px;}
.prdCardBox .prdFlagWrap em.flag_savepoint {background-position:0px -50px;}
.prdCardBox .prdFlagWrap em.flag_pang {background-position:0px -100px;width:50px;height:50px;top:-5px;}
.prdCardBox .prdFlagWrap em.flag_addsale {background-position:0px -150px;width:53px;margin-left:-9px;}
.prdCardBox .prdFlagWrap em.flag_10plus {background-position:0px -200px;width:53px;margin-left:-9px;}*/

/* 메인 플래그 28*28, 56*56 사이즈 */
.imagex .prdFlag {
    top: 7px;
}

.goodsUnitList .prdFlag em,
.goodsUnitList .prdFlagWrap em,
.imagex .prdFlag em {
    width: 28px;
    height: 28px;
}
.goodsUnitList .prdFlag em.flag_nowsale,
.goodsUnitList .prdFlagWrap em.flag_nowsale,
.imagex .prdFlag em.flag_nowsale {
    background-position: -160px 0px;
}
.goodsUnitList .prdFlag em.flag_savepoint,
.goodsUnitList .prdFlagWrap em.flag_savepoint,
.imagex .prdFlag em.flag_savepoint {
    background-position: -160px -30px;
}
.goodsUnitList .prdFlag em.flag_pang,
.goodsUnitList .prdFlagWrap em.flag_pang,
.imagex .prdFlag em.flag_pang {
    background-position: -160px -60px;
    width: 30px;
    height: 30px;
    top: -2px;
}
/* goodsUnitList */
.goodsUnitList .prdFlagWrap em.flag_10dc,
.goodsUnitList .prdFlagWrap em.flag_addsale {
    background-position: -160px -90px;
    width: 32px;
}
.goodsUnitList .prdFlagWrap em.flag_10plus {
    background-position: -160px -120px;
    width: 32px;
}

/* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : goodsUnitList */
.goodsUnitList .add10save em.flag_10dc,
.goodsUnitList .add10save em.flag_addsale {
    background-position: -160px -90px;
    width: 32px;
}
.goodsUnitList .add10save em.flag_10plus {
    background-position: -160px -120px;
    width: 32px;
}
.goodsUnitList .add10save em.flag_10plus_new {
    background-position: -473px 0px;
    width: 32px;
}
.goodsUnitList .add10save em.flag_5plus_new {
    background-position: -473px -55px;
    width: 32px;
}

/* 2018-07-19 5%, 7%, 10% 추가할인 플래그 추가건 : goodsUnitList */
.goodsUnitList .addDc em.flag_10dc,
.goodsUnitList .addDc em.flag_addsale,
.goodsUnitList .addDc em.flag_addsale_10 {
    background-position: -474px -110px;
    width: 32px;
}
.goodsUnitList .addDc em.flag_addsale_7 {
    background-position: -474px -165px;
    width: 32px;
}
.goodsUnitList .addDc em.flag_addsale_5 {
    background-position: -474px -220px;
    width: 32px;
}

/* 메인 홈 리스트, TV베스트 (40*40, 80*80 사이즈 gen/60000020/8005001.vm, 8005024.vm 에 위치) */
.goodsUnitCard .prdFlagWrap {
    top: 10px;
    left: 10px;
}
.goodsUnitCard .prdFlagWrap em {
    width: 40px;
    height: 40px;
}
.goodsUnitCard .prdFlagWrap em + em {
    margin-left: -7px;
}
.goodsUnitCard .prdFlagWrap em.flag_nowsale {
    background-position: -60px 0px;
}
.goodsUnitCard .prdFlagWrap em.flag_savepoint {
    background-position: -60px -50px;
}
.goodsUnitCard .prdFlagWrap em.flag_pang {
    background-position: -60px -100px;
    width: 44px;
    height: 45px;
    top: -4px;
}
.goodsUnitCard .prdFlagWrap em.flag_addsale {
    background-position: 60px -150px;
    width: 47px;
} /*em.flag_addsale 는 홈, 반값 스와이프에서 사용됨 */
.goodsUnitCard .prdFlagWrap em.flag_10plus {
    background-position: -60px -200px;
    width: 47px;
}

/**** e : 메인 플래그(홈) *****/

/* 공통리스트(카테고리 리스트) 28*28, 56*56 사이즈 */
.prdList .goodsUnitList .prdFlagWrap {
    top: 15px;
    left: 10px;
}
/* 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */
.prdList.frame .goodsUnitList .prdFlagWrap {
    left: 0;
}
.prdList.frame .goodsUnitList .prdFlagWrap em {
    width: 35px;
    height: 35px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em + em {
    margin-left: -5px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_nowsale {
    background-position: -110px 0px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_savepoint {
    background-position: -110px -50px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_addsale,
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_10dc {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
}
.prdList.frame .goodsUnitList .prdFlagWrap em.flag_10plus {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
}

/* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */
.prdList.frame .goodsUnitList .add10save {
    left: 0;
}
.prdList.frame .goodsUnitList .add10save em {
    width: 35px;
    height: 35px;
}
.prdList.frame .goodsUnitList .add10save em + em {
    margin-left: -5px;
}
.prdList.frame .goodsUnitList .add10save em.flag_nowsale {
    background-position: -110px 0px;
}
.prdList.frame .goodsUnitList .add10save em.flag_savepoint {
    background-position: -110px -50px;
}
.prdList.frame .goodsUnitList .add10save em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.prdList.frame .goodsUnitList .add10save em.flag_addsale,
.prdList.frame .goodsUnitList .add10save em.flag_10dc {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
}
.prdList.frame .goodsUnitList .add10save em.flag_10plus {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
}
.prdList.frame .goodsUnitList .add10save em.flag_10plus_new {
    background-position: -385px 0px;
    width: 41px;
    margin-left: -6px;
}
.prdList.frame .goodsUnitList .add10save em.flag_5plus_new {
    background-position: -385px -55px;
    width: 41px;
    margin-left: -6px;
}

/* 2018-07-31 5%, 7%, 10% 추가할인 플래그 추가건 : 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */
.prdList.frame .goodsUnitList .addDc em + em {
    margin-left: -6px;
}
.prdList.frame .goodsUnitList .addDc em.flag_10dc,
.prdList.frame .goodsUnitList .addDc em.flag_addsale,
.prdList.frame .goodsUnitList .addDc em.flag_addsale_10 {
    background-position: -385px -109px;
    width: 42px;
    height: 36px;
}
.prdList.frame .goodsUnitList .addDc em.flag_addsale_7 {
    background-position: -385px -165px;
    width: 42px;
    height: 36px;
}
.prdList.frame .goodsUnitList .addDc em.flag_addsale_5 {
    background-position: -385px -220px;
    width: 42px;
    height: 36px;
}

/* 메인(추천관) 28*28, 56*56 사이즈 */
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap {
    top: -2px;
    left: -1px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em {
    width: 28px;
    height: 28px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em + em {
    margin-left: -5px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_nowsale {
    background-position: -160px 0;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_savepoint {
    background-position: -160px -30px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_pang {
    background-position: -160px -60px;
    width: 30px;
    height: 30px;
    top: -2px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_addsale,
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10dc {
    background-position: -160px -90px;
    width: 32px;
}
.recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10plus {
    background-position: -160px -120px;
    width: 32px;
}

/* 주문/결제 24*24 56*56 small 사이즈*/
.order_list li .prdFlagWrap em {
    width: 24px;
    height: 24px;
    background-size: 175px 254px;
}
.order_list li .prdFlagWrap em.flag_nowsale {
    background-position: -133px 0;
}
.order_list li .prdFlagWrap em.flag_savepoint {
    background-position: -133px -25px;
}
.order_list li .prdFlagWrap em.flag_pang {
    background-position: -133px -50px;
    width: 25px;
    height: 25px;
    top: -2px;
}
.order_list li .prdFlagWrap em.flag_addsale {
    background-position: -133px -75px;
    width: 28px;
}
.order_list li .prdFlagWrap em.flag_10plus {
    background-position: -133px -100px;
    width: 28px;
}

/* 주문/결제 35*35, 70*70 사이즈 */
.cart_list_corenr .thumb .prdFlagWrap {
    top: 3px;
}
.cart_list_corenr .thumb .prdFlagWrap em {
    width: 35px;
    height: 35px;
}
.cart_list_corenr .thumb .prdFlagWrap em + em {
    margin-left: -5px;
}
.cart_list_corenr .thumb .prdFlagWrap em.flag_nowsale {
    background-position: -110px 0px;
}
.cart_list_corenr .thumb .prdFlagWrap em.flag_savepoint {
    background-position: -110px -50px;
}
.cart_list_corenr .thumb .prdFlagWrap em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}

/* 검색(연관검색).prdFlag 35*35 -> 28*28 사이즈로 변경 */
.thumArea .img_thumb .prdFlag {
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0.75;
    z-index: 11;
}
.thumArea .img_thumb .prdFlag em {
    position: relative;
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat;
    background-size: 210px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.thumArea .img_thumb .prdFlag em + em {
    margin-left: -5px;
}
.thumArea .img_thumb .prdFlag em.flag_nowsale {
    background-position: -160px 0;
}
.thumArea .img_thumb .prdFlag em.flag_savepoint {
    background-position: -160px -30px;
}
.thumArea .img_thumb .prdFlag em.flag_pang {
    background-position: -160px -60px;
    width: 30px;
    height: 30px;
    top: -2px;
}

.thumArea .img_thumb .add10save {
    position: absolute;
    left: 0;
    top: 2px;
    opacity: 0.75;
    z-index: 11;
}
.thumArea .img_thumb .add10save em {
    position: relative;
    float: left;
    display: block;
    width: 28px;
    height: 28px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png) no-repeat;
    background-size: auto 305px;
    overflow: hidden;
    text-indent: -1000px;
}
.thumArea .img_thumb .add10save em + em {
    margin-left: -5px;
}
.thumArea .img_thumb .add10save em.flag_nowsale {
    background-position: -160px 0;
}
.thumArea .img_thumb .add10save em.flag_savepoint {
    background-position: -160px -30px;
}
.thumArea .img_thumb .add10save em.flag_pang {
    background-position: -160px -60px;
    width: 30px;
    height: 30px;
    top: -2px;
}
.thumArea .img_thumb .add10save em.flag_10plus {
    background-position: -160px -120px;
    width: 33px;
}
.thumArea .img_thumb .add10save em.flag_10plus_new {
    background-position: -473px 0;
    width: 33px;
}
.thumArea .img_thumb .add10save em.flag_5plus_new {
    background-position: -473px -55px;
    width: 33px;
}

.thumArea .img_thumb .addDc em.flag_addsale,
.thumArea .img_thumb .addDc em.flag_addsale_10 {
    background-position: -473px -110px;
    width: 33px;
}
.thumArea .img_thumb .addDc em.flag_addsale_7 {
    background-position: -473px -165px;
    width: 33px;
}
.thumArea .img_thumb .addDc em.flag_addsale_5 {
    background-position: -473px -220px;
    width: 33px;
}

.thumArea .img_thumb .prdFlag_b {
    position: absolute;
    left: 0;
    top: 3px;
    opacity: 0.75;
    z-index: 11;
}
.thumArea .img_thumb .prdFlag_b em {
    position: relative;
    float: left;
    display: block;
    width: 35px;
    height: 35px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat;
    background-size: 210px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.thumArea .img_thumb .prdFlag_b em + em {
    margin-left: -5px;
}
.thumArea .img_thumb .prdFlag_b em.flag_nowsale {
    background-position: -110px 0px;
}
.thumArea .img_thumb .prdFlag_b em.flag_savepoint {
    background-position: -110px -50px;
}
.thumArea .img_thumb .prdFlag_b em.flag_pang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.thumArea .img_thumb .prdFlag_b em:nth-child(1) {
    z-index: 6;
}
.thumArea .img_thumb .prdFlag_b em:nth-child(2) {
    z-index: 5;
}
.thumArea .img_thumb .prdFlag_b em:nth-child(3) {
    z-index: 4;
}

/* 공통 할인 및 적립 이벤트 프로모션 플래그아이콘 - 페이지에서 prdFlag 네임으로 대체하세요. */
.eventFlagBox {
    overflow: hidden;
    width: 100%;
    padding: 4px 0 0;
    opacity: 0.75;
}
.eventFlagBox em {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    font-size: 2px;
    line-height: 1px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat;
    background-size: 210px auto;
}
.eventFlagBox em + em {
    margin-left: -5px;
}
.eventFlagBox em:nth-child(1) {
    z-index: 5;
}
.eventFlagBox em:nth-child(2) {
    z-index: 4;
}
.eventFlagBox em:nth-child(3) {
    z-index: 3;
}
.eventFlagBox em:nth-child(4) {
    z-index: 2;
}
.eventFlagBox em:nth-child(5) {
    z-index: 1;
}
.eventFlagBox em.flagSale10 {
    background-position: -110px 0;
}
.eventFlagBox em.flagSave10 {
    background-position: -110px -50px;
}
.eventFlagBox em.flagPang {
    background-position: -110px -100px;
    width: 38px;
    height: 38px;
    top: -3px;
}
.eventFlagBox em.flagAddSale10 {
    background-position: -110px -150px;
    width: 41px;
    margin-left: -6px;
    z-index: 10;
}
.eventFlagBox em.flagAddSave10 {
    background-position: -110px -200px;
    width: 41px;
    margin-left: -6px;
    z-index: 10;
}

/* 공통 영역 - 플래그 위치값 */
.sale_n1p {
    background-position: 0 0 !important;
}
.sale_n2p {
    background-position: -75px 0 !important;
}
.sale_n3p {
    background-position: -150px 0 !important;
}
.sale_n4p {
    background-position: -226px 0 !important;
}
.sale_n5p {
    background-position: -301px 0 !important;
}
.sale_n6p {
    background-position: -377px 0 !important;
}
.sale_n7p {
    background-position: -452px 0 !important;
}
.sale_n8p {
    background-position: -528px 0 !important;
}
.sale_n9p {
    background-position: -603px 0 !important;
}
.sale_n10p {
    background-position: -679px 0 !important;
}

.sale_n11p {
    background-position: 0 -50px !important;
}
.sale_n12p {
    background-position: -75px -50px !important;
}
.sale_n13p {
    background-position: -150px -50px !important;
}
.sale_n14p {
    background-position: -226px -50px !important;
}
.sale_n15p {
    background-position: -301px -50px !important;
}
.sale_n16p {
    background-position: -377px -50px !important;
}
.sale_n17p {
    background-position: -452px -50px !important;
}
.sale_n18p {
    background-position: -528px -50px !important;
}
.sale_n19p {
    background-position: -603px -50px !important;
}
.sale_n20p {
    background-position: -679px -50px !important;
}

.sale_n21p {
    background-position: 0 -100px !important;
}
.sale_n22p {
    background-position: -75px -100px !important;
}
.sale_n23p {
    background-position: -150px -100px !important;
}
.sale_n24p {
    background-position: -226px -100px !important;
}
.sale_n25p {
    background-position: -301px -100px !important;
}
.sale_n26p {
    background-position: -377px -100px !important;
}
.sale_n27p {
    background-position: -452px -100px !important;
}
.sale_n28p {
    background-position: -528px -100px !important;
}
.sale_n29p {
    background-position: -603px -100px !important;
}
.sale_n30p {
    background-position: -679px -100px !important;
}

.sale_n31p {
    background-position: 0 -150px !important;
}
.sale_n32p {
    background-position: -75px -150px !important;
}
.sale_n33p {
    background-position: -150px -150px !important;
}
.sale_n34p {
    background-position: -226px -150px !important;
}
.sale_n35p {
    background-position: -301px -150px !important;
}
.sale_n36p {
    background-position: -377px -150px !important;
}
.sale_n37p {
    background-position: -452px -150px !important;
}
.sale_n38p {
    background-position: -528px -150px !important;
}
.sale_n39p {
    background-position: -603px -150px !important;
}
.sale_n40p {
    background-position: -679px -150px !important;
}

.sale_n41p {
    background-position: 0 -200px !important;
}
.sale_n42p {
    background-position: -75px -200px !important;
}
.sale_n43p {
    background-position: -150px -200px !important;
}
.sale_n44p {
    background-position: -226px -200px !important;
}
.sale_n45p {
    background-position: -301px -200px !important;
}
.sale_n46p {
    background-position: -377px -200px !important;
}
.sale_n47p {
    background-position: -452px -200px !important;
}
.sale_n48p {
    background-position: -528px -200px !important;
}
.sale_n49p {
    background-position: -603px -200px !important;
}
.sale_n50p {
    background-position: -679px -200px !important;
}

.sale_n51p {
    background-position: 0 -250px !important;
}
.sale_n52p {
    background-position: -75px -250px !important;
}
.sale_n53p {
    background-position: -150px -250px !important;
}
.sale_n54p {
    background-position: -226px -250px !important;
}
.sale_n55p {
    background-position: -301px -250px !important;
}
.sale_n56p {
    background-position: -377px -250px !important;
}
.sale_n57p {
    background-position: -452px -250px !important;
}
.sale_n58p {
    background-position: -528px -250px !important;
}
.sale_n59p {
    background-position: -603px -250px !important;
}
.sale_n60p {
    background-position: -679px -250px !important;
}

.sale_n61p {
    background-position: 0 -300px !important;
}
.sale_n62p {
    background-position: -75px -300px !important;
}
.sale_n63p {
    background-position: -150px -300px !important;
}
.sale_n64p {
    background-position: -226px -300px !important;
}
.sale_n65p {
    background-position: -301px -300px !important;
}
.sale_n66p {
    background-position: -377px -300px !important;
}
.sale_n67p {
    background-position: -452px -300px !important;
}
.sale_n68p {
    background-position: -528px -300px !important;
}
.sale_n69p {
    background-position: -603px -300px !important;
}
.sale_n70p {
    background-position: -679px -300px !important;
}

.sale_n71p {
    background-position: 0 -350px !important;
}
.sale_n72p {
    background-position: -75px -350px !important;
}
.sale_n73p {
    background-position: -150px -350px !important;
}
.sale_n74p {
    background-position: -226px -350px !important;
}
.sale_n75p {
    background-position: -301px -350px !important;
}
.sale_n76p {
    background-position: -377px -350px !important;
}
.sale_n77p {
    background-position: -452px -350px !important;
}
.sale_n78p {
    background-position: -528px -350px !important;
}
.sale_n79p {
    background-position: -603px -350px !important;
}
.sale_n80p {
    background-position: -679px -350px !important;
}

.sale_n81p {
    background-position: 0 -400px !important;
}
.sale_n82p {
    background-position: -75px -400px !important;
}
.sale_n83p {
    background-position: -150px -400px !important;
}
.sale_n84p {
    background-position: -226px -400px !important;
}
.sale_n85p {
    background-position: -301px -400px !important;
}
.sale_n86p {
    background-position: -377px -400px !important;
}
.sale_n87p {
    background-position: -452px -400px !important;
}
.sale_n88p {
    background-position: -528px -400px !important;
}
.sale_n89p {
    background-position: -603px -400px !important;
}
.sale_n90p {
    background-position: -679px -400px !important;
}

.sale_n91p {
    background-position: 0 -450px !important;
}
.sale_n92p {
    background-position: -75px -450px !important;
}
.sale_n93p {
    background-position: -150px -450px !important;
}
.sale_n94p {
    background-position: -226px -450px !important;
}
.sale_n95p {
    background-position: -301px -450px !important;
}
.sale_n96p {
    background-position: -377px -450px !important;
}
.sale_n97p {
    background-position: -452px -450px !important;
}
.sale_n98p {
    background-position: -528px -450px !important;
}
.sale_n99p {
    background-position: -603px -450px !important;
}

.sale_1p {
    background-position: 0 0 !important;
}
.sale_2p {
    background-position: -50px 0 !important;
}
.sale_3p {
    background-position: -100px 0 !important;
}
.sale_4p {
    background-position: -150px 0 !important;
}
.sale_5p {
    background-position: -200px 0 !important;
}
.sale_6p {
    background-position: -250px 0 !important;
}
.sale_7p {
    background-position: -300px 0 !important;
}
.sale_8p {
    background-position: -350px 0 !important;
}
.sale_9p {
    background-position: -400px 0 !important;
}
.sale_10p {
    background-position: -450px 0 !important;
}

.sale_11p {
    background-position: 0 -50px !important;
}
.sale_12p {
    background-position: -50px -50px !important;
}
.sale_13p {
    background-position: -100px -50px !important;
}
.sale_14p {
    background-position: -150px -50px !important;
}
.sale_15p {
    background-position: -200px -50px !important;
}
.sale_16p {
    background-position: -250px -50px !important;
}
.sale_17p {
    background-position: -300px -50px !important;
}
.sale_18p {
    background-position: -350px -50px !important;
}
.sale_19p {
    background-position: -400px -50px !important;
}
.sale_20p {
    background-position: -450px -50px !important;
}

.sale_21p {
    background-position: 0 -100px !important;
}
.sale_22p {
    background-position: -50px -100px !important;
}
.sale_23p {
    background-position: -100px -100px !important;
}
.sale_24p {
    background-position: -150px -100px !important;
}
.sale_25p {
    background-position: -200px -100px !important;
}
.sale_26p {
    background-position: -250px -100px !important;
}
.sale_27p {
    background-position: -300px -100px !important;
}
.sale_28p {
    background-position: -350px -100px !important;
}
.sale_29p {
    background-position: -400px -100px !important;
}
.sale_30p {
    background-position: -450px -100px !important;
}

.sale_31p {
    background-position: 0 -150px !important;
}
.sale_32p {
    background-position: -50px -150px !important;
}
.sale_33p {
    background-position: -100px -150px !important;
}
.sale_34p {
    background-position: -150px -150px !important;
}
.sale_35p {
    background-position: -200px -150px !important;
}
.sale_36p {
    background-position: -250px -150px !important;
}
.sale_37p {
    background-position: -300px -150px !important;
}
.sale_38p {
    background-position: -350px -150px !important;
}
.sale_39p {
    background-position: -400px -150px !important;
}
.sale_40p {
    background-position: -450px -150px !important;
}

.sale_41p {
    background-position: 0 -200px !important;
}
.sale_42p {
    background-position: -50px -200px !important;
}
.sale_43p {
    background-position: -100px -200px !important;
}
.sale_44p {
    background-position: -150px -200px !important;
}
.sale_45p {
    background-position: -200px -200px !important;
}
.sale_46p {
    background-position: -250px -200px !important;
}
.sale_47p {
    background-position: -300px -200px !important;
}
.sale_48p {
    background-position: -350px -200px !important;
}
.sale_49p {
    background-position: -400px -200px !important;
}
.sale_50p {
    background-position: -450px -200px !important;
}

.sale_51p {
    background-position: 0 -250px !important;
}
.sale_52p {
    background-position: -50px -250px !important;
}
.sale_53p {
    background-position: -100px -250px !important;
}
.sale_54p {
    background-position: -150px -250px !important;
}
.sale_55p {
    background-position: -200px -250px !important;
}
.sale_56p {
    background-position: -250px -250px !important;
}
.sale_57p {
    background-position: -300px -250px !important;
}
.sale_58p {
    background-position: -350px -250px !important;
}
.sale_59p {
    background-position: -400px -250px !important;
}
.sale_60p {
    background-position: -450px -250px !important;
}

.sale_61p {
    background-position: 0 -300px !important;
}
.sale_62p {
    background-position: -50px -300px !important;
}
.sale_63p {
    background-position: -100px -300px !important;
}
.sale_64p {
    background-position: -150px -300px !important;
}
.sale_65p {
    background-position: -200px -300px !important;
}
.sale_66p {
    background-position: -250px -300px !important;
}
.sale_67p {
    background-position: -300px -300px !important;
}
.sale_68p {
    background-position: -350px -300px !important;
}
.sale_69p {
    background-position: -400px -300px !important;
}
.sale_70p {
    background-position: -450px -300px !important;
}

.sale_71p {
    background-position: 0 -350px !important;
}
.sale_72p {
    background-position: -50px -350px !important;
}
.sale_73p {
    background-position: -100px -350px !important;
}
.sale_74p {
    background-position: -150px -350px !important;
}
.sale_75p {
    background-position: -200px -350px !important;
}
.sale_76p {
    background-position: -250px -350px !important;
}
.sale_77p {
    background-position: -300px -350px !important;
}
.sale_78p {
    background-position: -350px -350px !important;
}
.sale_79p {
    background-position: -400px -350px !important;
}
.sale_80p {
    background-position: -450px -350px !important;
}

.sale_81p {
    background-position: 0 -400px !important;
}
.sale_82p {
    background-position: -50px -400px !important;
}
.sale_83p {
    background-position: -100px -400px !important;
}
.sale_84p {
    background-position: -150px -400px !important;
}
.sale_85p {
    background-position: -200px -400px !important;
}
.sale_86p {
    background-position: -250px -400px !important;
}
.sale_87p {
    background-position: -300px -400px !important;
}
.sale_88p {
    background-position: -350px -400px !important;
}
.sale_89p {
    background-position: -400px -400px !important;
}
.sale_90p {
    background-position: -450px -400px !important;
}

.sale_91p {
    background-position: 0 -450px !important;
}
.sale_92p {
    background-position: -50px -450px !important;
}
.sale_93p {
    background-position: -100px -450px !important;
}
.sale_94p {
    background-position: -150px -450px !important;
}
.sale_95p {
    background-position: -200px -450px !important;
}
.sale_96p {
    background-position: -250px -450px !important;
}
.sale_97p {
    background-position: -300px -450px !important;
}
.sale_98p {
    background-position: -350px -450px !important;
}
.sale_99p {
    background-position: -400px -450px !important;
}

/* 공통 영역 - main tv쇼핑 할인율 위치값 150*100 */
.flagArea {
}
.Msale_MB,
.Msale_NB {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 62px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png) no-repeat !important;
    background-position: 0 0 !important;
    background-size: 400px 480px !important;
    overflow: hidden;
    font-size: 2px;
    text-indent: 0px !important;
    color: transparent;
}
.Msale_MB:before,
.Msale_NB:before {
    content: "";
    position: absolute;
    margin-left: 13.5px;
    margin-top: 8px;
    vertical-align: top;
    width: 35px;
    height: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png);
    background-repeat: no-repeat;
    background-size: 400px 480px;
    text-indent: 0px;
} /*플래그_할인율 큰것 */
.Msale_MS,
.Msale_NS {
    position: absolute;
    left: -6px !important;
    top: 2px !important;
    display: block;
    width: 44px !important;
    height: 35px !important;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png) no-repeat !important;
    background-size: 400px 480px !important;
    background-position: -70px 0px !important;
    overflow: hidden;
    font-size: 2px;
    text-indent: 0px !important;
    color: transparent;
} /*플래그_할인율 작은것 */
.Msale_MS:before,
.Msale_NS:before {
    content: "";
    position: absolute;
    margin-left: 4px;
    margin-top: 9px;
    vertical-align: top;
    width: 35px;
    height: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png);
    background-repeat: no-repeat;
    background-size: 400px 480px;
    text-indent: 0px;
}

.Msale_MB.Msale_1p:before,
.Msale_NB.Msale_1p:before {
    background-position: 0px -70px;
}
.Msale_MB.Msale_2p:before,
.Msale_NB.Msale_2p:before {
    background-position: -35px -70px;
}
.Msale_MB.Msale_3p:before,
.Msale_NB.Msale_3p:before {
    background-position: -70px -70px;
}
.Msale_MB.Msale_4p:before,
.Msale_NB.Msale_4p:before {
    background-position: -105px -70px;
}
.Msale_MB.Msale_5p:before,
.Msale_NB.Msale_5p:before {
    background-position: -140px -70px;
}
.Msale_MB.Msale_6p:before,
.Msale_NB.Msale_6p:before {
    background-position: -175px -70px;
}
.Msale_MB.Msale_7p:before,
.Msale_NB.Msale_7p:before {
    background-position: -210px -70px;
}
.Msale_MB.Msale_8p:before,
.Msale_NB.Msale_8p:before {
    background-position: -245px -70px;
}
.Msale_MB.Msale_9p:before,
.Msale_NB.Msale_9p:before {
    background-position: -280px -70px;
}
.Msale_MB.Msale_10p:before,
.Msale_NB.Msale_10p:before {
    background-position: -315px -70px;
}
.Msale_MB.Msale_11p:before,
.Msale_NB.Msale_11p:before {
    background-position: 0px -90px;
}
.Msale_MB.Msale_12p:before,
.Msale_NB.Msale_12p:before {
    background-position: -35px -90px;
}
.Msale_MB.Msale_13p:before,
.Msale_NB.Msale_13p:before {
    background-position: -70px -90px;
}
.Msale_MB.Msale_14p:before,
.Msale_NB.Msale_14p:before {
    background-position: -105px -90px;
}
.Msale_MB.Msale_15p:before,
.Msale_NB.Msale_15p:before {
    background-position: -140px -90px;
}
.Msale_MB.Msale_16p:before,
.Msale_NB.Msale_16p:before {
    background-position: -175px -90px;
}
.Msale_MB.Msale_17p:before,
.Msale_NB.Msale_17p:before {
    background-position: -210px -90px;
}
.Msale_MB.Msale_18p:before,
.Msale_NB.Msale_18p:before {
    background-position: -245px -90px;
}
.Msale_MB.Msale_19p:before,
.Msale_NB.Msale_19p:before {
    background-position: -280px -90px;
}
.Msale_MB.Msale_20p:before,
.Msale_NB.Msale_20p:before {
    background-position: -315px -90px;
}
.Msale_MB.Msale_21p:before,
.Msale_NB.Msale_21p:before {
    background-position: 0px -110px;
}
.Msale_MB.Msale_22p:before,
.Msale_NB.Msale_22p:before {
    background-position: -35px -110px;
}
.Msale_MB.Msale_23p:before,
.Msale_NB.Msale_23p:before {
    background-position: -70px -110px;
}
.Msale_MB.Msale_24p:before,
.Msale_NB.Msale_24p:before {
    background-position: -105px -110px;
}
.Msale_MB.Msale_25p:before,
.Msale_NB.Msale_25p:before {
    background-position: -140px -110px;
}
.Msale_MB.Msale_26p:before,
.Msale_NB.Msale_26p:before {
    background-position: -175px -110px;
}
.Msale_MB.Msale_27p:before,
.Msale_NB.Msale_27p:before {
    background-position: -210px -110px;
}
.Msale_MB.Msale_28p:before,
.Msale_NB.Msale_28p:before {
    background-position: -245px -110px;
}
.Msale_MB.Msale_29p:before,
.Msale_NB.Msale_29p:before {
    background-position: -280px -110px;
}
.Msale_MB.Msale_30p:before,
.Msale_NB.Msale_30p:before {
    background-position: -315px -110px;
}
.Msale_MB.Msale_31p:before,
.Msale_NB.Msale_31p:before {
    background-position: 0px -130px;
}
.Msale_MB.Msale_32p:before,
.Msale_NB.Msale_32p:before {
    background-position: -35px -130px;
}
.Msale_MB.Msale_33p:before,
.Msale_NB.Msale_33p:before {
    background-position: -70px -130px;
}
.Msale_MB.Msale_34p:before,
.Msale_NB.Msale_34p:before {
    background-position: -105px -130px;
}
.Msale_MB.Msale_35p:before,
.Msale_NB.Msale_35p:before {
    background-position: -140px -130px;
}
.Msale_MB.Msale_36p:before,
.Msale_NB.Msale_36p:before {
    background-position: -175px -130px;
}
.Msale_MB.Msale_37p:before,
.Msale_NB.Msale_37p:before {
    background-position: -210px -130px;
}
.Msale_MB.Msale_38p:before,
.Msale_NB.Msale_38p:before {
    background-position: -245px -130px;
}
.Msale_MB.Msale_39p:before,
.Msale_NB.Msale_39p:before {
    background-position: -280px -130px;
}
.Msale_MB.Msale_40p:before,
.Msale_NB.Msale_40p:before {
    background-position: -315px -130px;
}
.Msale_MB.Msale_41p:before,
.Msale_NB.Msale_41p:before {
    background-position: 0px -150px;
}
.Msale_MB.Msale_42p:before,
.Msale_NB.Msale_42p:before {
    background-position: -35px -150px;
}
.Msale_MB.Msale_43p:before,
.Msale_NB.Msale_43p:before {
    background-position: -70px -150px;
}
.Msale_MB.Msale_44p:before,
.Msale_NB.Msale_44p:before {
    background-position: -105px -150px;
}
.Msale_MB.Msale_45p:before,
.Msale_NB.Msale_45p:before {
    background-position: -140px -150px;
}
.Msale_MB.Msale_46p:before,
.Msale_NB.Msale_46p:before {
    background-position: -175px -150px;
}
.Msale_MB.Msale_47p:before,
.Msale_NB.Msale_47p:before {
    background-position: -210px -150px;
}
.Msale_MB.Msale_48p:before,
.Msale_NB.Msale_48p:before {
    background-position: -245px -150px;
}
.Msale_MB.Msale_49p:before,
.Msale_NB.Msale_49p:before {
    background-position: -280px -150px;
}
.Msale_MB.Msale_50p:before,
.Msale_NB.Msale_50p:before {
    background-position: -315px -150px;
}
.Msale_MB.Msale_51p:before,
.Msale_NB.Msale_51p:before {
    background-position: 0px -170px;
}
.Msale_MB.Msale_52p:before,
.Msale_NB.Msale_52p:before {
    background-position: -35px -170px;
}
.Msale_MB.Msale_53p:before,
.Msale_NB.Msale_53p:before {
    background-position: -70px -170px;
}
.Msale_MB.Msale_54p:before,
.Msale_NB.Msale_54p:before {
    background-position: -105px -170px;
}
.Msale_MB.Msale_55p:before,
.Msale_NB.Msale_55p:before {
    background-position: -140px -170px;
}
.Msale_MB.Msale_56p:before,
.Msale_NB.Msale_56p:before {
    background-position: -175px -170px;
}
.Msale_MB.Msale_57p:before,
.Msale_NB.Msale_57p:before {
    background-position: -210px -170px;
}
.Msale_MB.Msale_58p:before,
.Msale_NB.Msale_58p:before {
    background-position: -245px -170px;
}
.Msale_MB.Msale_59p:before,
.Msale_NB.Msale_59p:before {
    background-position: -280px -170px;
}
.Msale_MB.Msale_60p:before,
.Msale_NB.Msale_60p:before {
    background-position: -315px -170px;
}
.Msale_MB.Msale_61p:before,
.Msale_NB.Msale_61p:before {
    background-position: 0px -190px;
}
.Msale_MB.Msale_62p:before,
.Msale_NB.Msale_62p:before {
    background-position: -35px -190px;
}
.Msale_MB.Msale_63p:before,
.Msale_NB.Msale_63p:before {
    background-position: -70px -190px;
}
.Msale_MB.Msale_64p:before,
.Msale_NB.Msale_64p:before {
    background-position: -105px -190px;
}
.Msale_MB.Msale_65p:before,
.Msale_NB.Msale_65p:before {
    background-position: -140px -190px;
}
.Msale_MB.Msale_66p:before,
.Msale_NB.Msale_66p:before {
    background-position: -175px -190px;
}
.Msale_MB.Msale_67p:before,
.Msale_NB.Msale_67p:before {
    background-position: -210px -190px;
}
.Msale_MB.Msale_68p:before,
.Msale_NB.Msale_68p:before {
    background-position: -245px -190px;
}
.Msale_MB.Msale_69p:before,
.Msale_NB.Msale_69p:before {
    background-position: -280px -190px;
}
.Msale_MB.Msale_70p:before,
.Msale_NB.Msale_70p:before {
    background-position: -315px -190px;
}
.Msale_MB.Msale_71p:before,
.Msale_NB.Msale_71p:before {
    background-position: 0px -210px;
}
.Msale_MB.Msale_72p:before,
.Msale_NB.Msale_72p:before {
    background-position: -35px -210px;
}
.Msale_MB.Msale_73p:before,
.Msale_NB.Msale_73p:before {
    background-position: -70px -210px;
}
.Msale_MB.Msale_74p:before,
.Msale_NB.Msale_74p:before {
    background-position: -105px -210px;
}
.Msale_MB.Msale_75p:before,
.Msale_NB.Msale_75p:before {
    background-position: -140px -210px;
}
.Msale_MB.Msale_76p:before,
.Msale_NB.Msale_76p:before {
    background-position: -175px -210px;
}
.Msale_MB.Msale_77p:before,
.Msale_NB.Msale_77p:before {
    background-position: -210px -210px;
}
.Msale_MB.Msale_78p:before,
.Msale_NB.Msale_78p:before {
    background-position: -245px -210px;
}
.Msale_MB.Msale_79p:before,
.Msale_NB.Msale_79p:before {
    background-position: -280px -210px;
}
.Msale_MB.Msale_80p:before,
.Msale_NB.Msale_80p:before {
    background-position: -315px -210px;
}
.Msale_MB.Msale_81p:before,
.Msale_NB.Msale_81p:before {
    background-position: 0px -230px;
}
.Msale_MB.Msale_82p:before,
.Msale_NB.Msale_82p:before {
    background-position: -35px -230px;
}
.Msale_MB.Msale_83p:before,
.Msale_NB.Msale_83p:before {
    background-position: -70px -230px;
}
.Msale_MB.Msale_84p:before,
.Msale_NB.Msale_84p:before {
    background-position: -105px -230px;
}
.Msale_MB.Msale_85p:before,
.Msale_NB.Msale_85p:before {
    background-position: -140px -230px;
}
.Msale_MB.Msale_86p:before,
.Msale_NB.Msale_86p:before {
    background-position: -175px -230px;
}
.Msale_MB.Msale_87p:before,
.Msale_NB.Msale_87p:before {
    background-position: -210px -230px;
}
.Msale_MB.Msale_88p:before,
.Msale_NB.Msale_88p:before {
    background-position: -245px -230px;
}
.Msale_MB.Msale_89p:before,
.Msale_NB.Msale_89p:before {
    background-position: -280px -230px;
}
.Msale_MB.Msale_90p:before,
.Msale_NB.Msale_90p:before {
    background-position: -315px -230px;
}
.Msale_MB.Msale_91p:before,
.Msale_NB.Msale_91p:before {
    background-position: 0px -250px;
}
.Msale_MB.Msale_92p:before,
.Msale_NB.Msale_92p:before {
    background-position: -35px -250px;
}
.Msale_MB.Msale_93p:before,
.Msale_NB.Msale_93p:before {
    background-position: -70px -250px;
}
.Msale_MB.Msale_94p:before,
.Msale_NB.Msale_94p:before {
    background-position: -105px -250px;
}
.Msale_MB.Msale_95p:before,
.Msale_NB.Msale_95p:before {
    background-position: -140px -250px;
}
.Msale_MB.Msale_96p:before,
.Msale_NB.Msale_96p:before {
    background-position: -175px -250px;
}
.Msale_MB.Msale_97p:before,
.Msale_NB.Msale_97p:before {
    background-position: -210px -250px;
}
.Msale_MB.Msale_98p:before,
.Msale_NB.Msale_98p:before {
    background-position: -245px -250px;
}
.Msale_MB.Msale_99p:before,
.Msale_NB.Msale_99p:before {
    background-position: -280px -250px;
}
.Msale_MB.Msale_100p:before,
.Msale_NB.Msale_100p:before {
    background-position: -315px -250px;
}

.Msale_MS.Msale_1p:before,
.Msale_NS.Msale_1p:before {
    background-position: 0px -270px;
}
.Msale_MS.Msale_2p:before,
.Msale_NS.Msale_2p:before {
    background-position: -35px -270px;
}
.Msale_MS.Msale_3p:before,
.Msale_NS.Msale_3p:before {
    background-position: -70px -270px;
}
.Msale_MS.Msale_4p:before,
.Msale_NS.Msale_4p:before {
    background-position: -105px -270px;
}
.Msale_MS.Msale_5p:before,
.Msale_NS.Msale_5p:before {
    background-position: -140px -270px;
}
.Msale_MS.Msale_6p:before,
.Msale_NS.Msale_6p:before {
    background-position: -175px -270px;
}
.Msale_MS.Msale_7p:before,
.Msale_NS.Msale_7p:before {
    background-position: -210px -270px;
}
.Msale_MS.Msale_8p:before,
.Msale_NS.Msale_8p:before {
    background-position: -245px -270px;
}
.Msale_MS.Msale_9p:before,
.Msale_NS.Msale_9p:before {
    background-position: -280px -270px;
}
.Msale_MS.Msale_10p:before,
.Msale_NS.Msale_10p:before {
    background-position: -315px -270px;
}
.Msale_MS.Msale_11p:before,
.Msale_NS.Msale_11p:before {
    background-position: 0px -290px;
}
.Msale_MS.Msale_12p:before,
.Msale_NS.Msale_12p:before {
    background-position: -35px -290px;
}
.Msale_MS.Msale_13p:before,
.Msale_NS.Msale_13p:before {
    background-position: -70px -290px;
}
.Msale_MS.Msale_14p:before,
.Msale_NS.Msale_14p:before {
    background-position: -105px -290px;
}
.Msale_MS.Msale_15p:before,
.Msale_NS.Msale_15p:before {
    background-position: -140px -290px;
}
.Msale_MS.Msale_16p:before,
.Msale_NS.Msale_16p:before {
    background-position: -175px -290px;
}
.Msale_MS.Msale_17p:before,
.Msale_NS.Msale_17p:before {
    background-position: -210px -290px;
}
.Msale_MS.Msale_18p:before,
.Msale_NS.Msale_18p:before {
    background-position: -245px -290px;
}
.Msale_MS.Msale_19p:before,
.Msale_NS.Msale_19p:before {
    background-position: -280px -290px;
}
.Msale_MS.Msale_20p:before,
.Msale_NS.Msale_20p:before {
    background-position: -315px -290px;
}
.Msale_MS.Msale_21p:before,
.Msale_NS.Msale_21p:before {
    background-position: 0px -310px;
}
.Msale_MS.Msale_22p:before,
.Msale_NS.Msale_22p:before {
    background-position: -35px -310px;
}
.Msale_MS.Msale_23p:before,
.Msale_NS.Msale_23p:before {
    background-position: -70px -310px;
}
.Msale_MS.Msale_24p:before,
.Msale_NS.Msale_24p:before {
    background-position: -105px -310px;
}
.Msale_MS.Msale_25p:before,
.Msale_NS.Msale_25p:before {
    background-position: -140px -310px;
}
.Msale_MS.Msale_26p:before,
.Msale_NS.Msale_26p:before {
    background-position: -175px -310px;
}
.Msale_MS.Msale_27p:before,
.Msale_NS.Msale_27p:before {
    background-position: -210px -310px;
}
.Msale_MS.Msale_28p:before,
.Msale_NS.Msale_28p:before {
    background-position: -245px -310px;
}
.Msale_MS.Msale_29p:before,
.Msale_NS.Msale_29p:before {
    background-position: -280px -310px;
}
.Msale_MS.Msale_30p:before,
.Msale_NS.Msale_30p:before {
    background-position: -315px -310px;
}
.Msale_MS.Msale_31p:before,
.Msale_NS.Msale_31p:before {
    background-position: 0px -330px;
}
.Msale_MS.Msale_32p:before,
.Msale_NS.Msale_32p:before {
    background-position: -35px -330px;
}
.Msale_MS.Msale_33p:before,
.Msale_NS.Msale_33p:before {
    background-position: -70px -330px;
}
.Msale_MS.Msale_34p:before,
.Msale_NS.Msale_34p:before {
    background-position: -105px -330px;
}
.Msale_MS.Msale_35p:before,
.Msale_NS.Msale_35p:before {
    background-position: -140px -330px;
}
.Msale_MS.Msale_36p:before,
.Msale_NS.Msale_36p:before {
    background-position: -175px -330px;
}
.Msale_MS.Msale_37p:before,
.Msale_NS.Msale_37p:before {
    background-position: -210px -330px;
}
.Msale_MS.Msale_38p:before,
.Msale_NS.Msale_38p:before {
    background-position: -245px -330px;
}
.Msale_MS.Msale_39p:before,
.Msale_NS.Msale_39p:before {
    background-position: -280px -330px;
}
.Msale_MS.Msale_40p:before,
.Msale_NS.Msale_40p:before {
    background-position: -315px -330px;
}
.Msale_MS.Msale_41p:before,
.Msale_NS.Msale_41p:before {
    background-position: 0px -350px;
}
.Msale_MS.Msale_42p:before,
.Msale_NS.Msale_42p:before {
    background-position: -35px -350px;
}
.Msale_MS.Msale_43p:before,
.Msale_NS.Msale_43p:before {
    background-position: -70px -350px;
}
.Msale_MS.Msale_44p:before,
.Msale_NS.Msale_44p:before {
    background-position: -105px -350px;
}
.Msale_MS.Msale_45p:before,
.Msale_NS.Msale_45p:before {
    background-position: -140px -350px;
}
.Msale_MS.Msale_46p:before,
.Msale_NS.Msale_46p:before {
    background-position: -175px -350px;
}
.Msale_MS.Msale_47p:before,
.Msale_NS.Msale_47p:before {
    background-position: -210px -350px;
}
.Msale_MS.Msale_48p:before,
.Msale_NS.Msale_48p:before {
    background-position: -245px -350px;
}
.Msale_MS.Msale_49p:before,
.Msale_NS.Msale_49p:before {
    background-position: -280px -350px;
}
.Msale_MS.Msale_50p:before,
.Msale_NS.Msale_50p:before {
    background-position: -315px -350px;
}
.Msale_MS.Msale_51p:before,
.Msale_NS.Msale_51p:before {
    background-position: 0px -370px;
}
.Msale_MS.Msale_52p:before,
.Msale_NS.Msale_52p:before {
    background-position: -35px -370px;
}
.Msale_MS.Msale_53p:before,
.Msale_NS.Msale_53p:before {
    background-position: -70px -370px;
}
.Msale_MS.Msale_54p:before,
.Msale_NS.Msale_54p:before {
    background-position: -105px -370px;
}
.Msale_MS.Msale_55p:before,
.Msale_NS.Msale_55p:before {
    background-position: -140px -370px;
}
.Msale_MS.Msale_56p:before,
.Msale_NS.Msale_56p:before {
    background-position: -175px -370px;
}
.Msale_MS.Msale_57p:before,
.Msale_NS.Msale_57p:before {
    background-position: -210px -370px;
}
.Msale_MS.Msale_58p:before,
.Msale_NS.Msale_58p:before {
    background-position: -245px -370px;
}
.Msale_MS.Msale_59p:before,
.Msale_NS.Msale_59p:before {
    background-position: -280px -370px;
}
.Msale_MS.Msale_60p:before,
.Msale_NS.Msale_60p:before {
    background-position: -315px -370px;
}
.Msale_MS.Msale_61p:before,
.Msale_NS.Msale_61p:before {
    background-position: 0px -390px;
}
.Msale_MS.Msale_62p:before,
.Msale_NS.Msale_62p:before {
    background-position: -35px -390px;
}
.Msale_MS.Msale_63p:before,
.Msale_NS.Msale_63p:before {
    background-position: -70px -390px;
}
.Msale_MS.Msale_64p:before,
.Msale_NS.Msale_64p:before {
    background-position: -105px -390px;
}
.Msale_MS.Msale_65p:before,
.Msale_NS.Msale_65p:before {
    background-position: -140px -390px;
}
.Msale_MS.Msale_66p:before,
.Msale_NS.Msale_66p:before {
    background-position: -175px -390px;
}
.Msale_MS.Msale_67p:before,
.Msale_NS.Msale_67p:before {
    background-position: -210px -390px;
}
.Msale_MS.Msale_68p:before,
.Msale_NS.Msale_68p:before {
    background-position: -245px -390px;
}
.Msale_MS.Msale_69p:before,
.Msale_NS.Msale_69p:before {
    background-position: -280px -390px;
}
.Msale_MS.Msale_70p:before,
.Msale_NS.Msale_70p:before {
    background-position: -315px -390px;
}
.Msale_MS.Msale_71p:before,
.Msale_NS.Msale_71p:before {
    background-position: 0px -410px;
}
.Msale_MS.Msale_72p:before,
.Msale_NS.Msale_72p:before {
    background-position: -35px -410px;
}
.Msale_MS.Msale_73p:before,
.Msale_NS.Msale_73p:before {
    background-position: -70px -410px;
}
.Msale_MS.Msale_74p:before,
.Msale_NS.Msale_74p:before {
    background-position: -105px -410px;
}
.Msale_MS.Msale_75p:before,
.Msale_NS.Msale_75p:before {
    background-position: -140px -410px;
}
.Msale_MS.Msale_76p:before,
.Msale_NS.Msale_76p:before {
    background-position: -175px -410px;
}
.Msale_MS.Msale_77p:before,
.Msale_NS.Msale_77p:before {
    background-position: -210px -410px;
}
.Msale_MS.Msale_78p:before,
.Msale_NS.Msale_78p:before {
    background-position: -245px -410px;
}
.Msale_MS.Msale_79p:before,
.Msale_NS.Msale_79p:before {
    background-position: -280px -410px;
}
.Msale_MS.Msale_80p:before,
.Msale_NS.Msale_80p:before {
    background-position: -315px -410px;
}
.Msale_MS.Msale_81p:before,
.Msale_NS.Msale_81p:before {
    background-position: 0px -430px;
}
.Msale_MS.Msale_82p:before,
.Msale_NS.Msale_82p:before {
    background-position: -35px -430px;
}
.Msale_MS.Msale_83p:before,
.Msale_NS.Msale_83p:before {
    background-position: -70px -430px;
}
.Msale_MS.Msale_84p:before,
.Msale_NS.Msale_84p:before {
    background-position: -105px -430px;
}
.Msale_MS.Msale_85p:before,
.Msale_NS.Msale_85p:before {
    background-position: -140px -430px;
}
.Msale_MS.Msale_86p:before,
.Msale_NS.Msale_86p:before {
    background-position: -175px -430px;
}
.Msale_MS.Msale_87p:before,
.Msale_NS.Msale_87p:before {
    background-position: -210px -430px;
}
.Msale_MS.Msale_88p:before,
.Msale_NS.Msale_88p:before {
    background-position: -245px -430px;
}
.Msale_MS.Msale_89p:before,
.Msale_NS.Msale_89p:before {
    background-position: -280px -430px;
}
.Msale_MS.Msale_90p:before,
.Msale_NS.Msale_90p:before {
    background-position: -315px -430px;
}
.Msale_MS.Msale_91p:before,
.Msale_NS.Msale_91p:before {
    background-position: 0px -450px;
}
.Msale_MS.Msale_92p:before,
.Msale_NS.Msale_92p:before {
    background-position: -35px -450px;
}
.Msale_MS.Msale_93p:before,
.Msale_NS.Msale_93p:before {
    background-position: -70px -450px;
}
.Msale_MS.Msale_94p:before,
.Msale_NS.Msale_94p:before {
    background-position: -105px -450px;
}
.Msale_MS.Msale_95p:before,
.Msale_NS.Msale_95p:before {
    background-position: -140px -450px;
}
.Msale_MS.Msale_96p:before,
.Msale_NS.Msale_96p:before {
    background-position: -175px -450px;
}
.Msale_MS.Msale_97p:before,
.Msale_NS.Msale_97p:before {
    background-position: -210px -450px;
}
.Msale_MS.Msale_98p:before,
.Msale_NS.Msale_98p:before {
    background-position: -245px -450px;
}
.Msale_MS.Msale_99p:before,
.Msale_NS.Msale_99p:before {
    background-position: -280px -450px;
}
.Msale_MS.Msale_100p:before,
.Msale_NS.Msale_100p:before {
    background-position: -315px -450px;
}

.flag_sale.Msale_1p {
    background-position: 0 0 !important;
}
.flag_sale.Msale_2p {
    background-position: -75px 0 !important;
}
.flag_sale.Msale_3p {
    background-position: -150px 0 !important;
}
.flag_sale.Msale_4p {
    background-position: -225px 0 !important;
}
.flag_sale.Msale_5p {
    background-position: -300px 0 !important;
}
.flag_sale.Msale_6p {
    background-position: -375px 0 !important;
}
.flag_sale.Msale_7p {
    background-position: -450px 0 !important;
}
.flag_sale.Msale_8p {
    background-position: -525px 0 !important;
}
.flag_sale.Msale_9p {
    background-position: -600px 0 !important;
}
.flag_sale.Msale_10p {
    background-position: -675px 0 !important;
}

.flag_sale.Msale_11p {
    background-position: 0 -50px !important;
}
.flag_sale.Msale_12p {
    background-position: -75px -50px !important;
}
.flag_sale.Msale_13p {
    background-position: -150px -50px !important;
}
.flag_sale.Msale_14p {
    background-position: -225px -50px !important;
}
.flag_sale.Msale_15p {
    background-position: -300px -50px !important;
}
.flag_sale.Msale_16p {
    background-position: -375px -50px !important;
}
.flag_sale.Msale_17p {
    background-position: -450px -50px !important;
}
.flag_sale.Msale_18p {
    background-position: -525px -50px !important;
}
.flag_sale.Msale_19p {
    background-position: -600px -50px !important;
}
.flag_sale.Msale_20p {
    background-position: -675px -50px !important;
}

.flag_sale.Msale_21p {
    background-position: 0 -100px !important;
}
.flag_sale.Msale_22p {
    background-position: -75px -100px !important;
}
.flag_sale.Msale_23p {
    background-position: -150px -100px !important;
}
.flag_sale.Msale_24p {
    background-position: -225px -100px !important;
}
.flag_sale.Msale_25p {
    background-position: -300px -100px !important;
}
.flag_sale.Msale_26p {
    background-position: -375px -100px !important;
}
.flag_sale.Msale_27p {
    background-position: -450px -100px !important;
}
.flag_sale.Msale_28p {
    background-position: -525px -100px !important;
}
.flag_sale.Msale_29p {
    background-position: -600px -100px !important;
}
.flag_sale.Msale_30p {
    background-position: -675px -100px !important;
}

.flag_sale.Msale_31p {
    background-position: 0 -150px !important;
}
.flag_sale.Msale_32p {
    background-position: -75px -150px !important;
}
.flag_sale.Msale_33p {
    background-position: -150px -150px !important;
}
.flag_sale.Msale_34p {
    background-position: -225px -150px !important;
}
.flag_sale.Msale_35p {
    background-position: -300px -150px !important;
}
.flag_sale.Msale_36p {
    background-position: -375px -150px !important;
}
.flag_sale.Msale_37p {
    background-position: -450px -150px !important;
}
.flag_sale.Msale_38p {
    background-position: -525px -150px !important;
}
.flag_sale.Msale_39p {
    background-position: -600px -150px !important;
}
.flag_sale.Msale_40p {
    background-position: -675px -150px !important;
}

.flag_sale.Msale_41p {
    background-position: 0 -200px !important;
}
.flag_sale.Msale_42p {
    background-position: -75px -200px !important;
}
.flag_sale.Msale_43p {
    background-position: -150px -200px !important;
}
.flag_sale.Msale_44p {
    background-position: -225px -200px !important;
}
.flag_sale.Msale_45p {
    background-position: -300px -200px !important;
}
.flag_sale.Msale_46p {
    background-position: -375px -200px !important;
}
.flag_sale.Msale_47p {
    background-position: -450px -200px !important;
}
.flag_sale.Msale_48p {
    background-position: -525px -200px !important;
}
.flag_sale.Msale_49p {
    background-position: -600px -200px !important;
}
.flag_sale.Msale_50p {
    background-position: -675px -200px !important;
}

.flag_sale.Msale_51p {
    background-position: 0 -250px !important;
}
.flag_sale.Msale_52p {
    background-position: -75px -250px !important;
}
.flag_sale.Msale_53p {
    background-position: -150px -250px !important;
}
.flag_sale.Msale_54p {
    background-position: -225px -250px !important;
}
.flag_sale.Msale_55p {
    background-position: -300px -250px !important;
}
.flag_sale.Msale_56p {
    background-position: -375px -250px !important;
}
.flag_sale.Msale_57p {
    background-position: -450px -250px !important;
}
.flag_sale.Msale_58p {
    background-position: -525px -250px !important;
}
.flag_sale.Msale_59p {
    background-position: -600px -250px !important;
}
.flag_sale.Msale_60p {
    background-position: -675px -250px !important;
}

.flag_sale.Msale_61p {
    background-position: 0 -300px !important;
}
.flag_sale.Msale_62p {
    background-position: -75px -300px !important;
}
.flag_sale.Msale_63p {
    background-position: -150px -300px !important;
}
.flag_sale.Msale_64p {
    background-position: -225px -300px !important;
}
.flag_sale.Msale_65p {
    background-position: -300px -300px !important;
}
.flag_sale.Msale_66p {
    background-position: -375px -300px !important;
}
.flag_sale.Msale_67p {
    background-position: -450px -300px !important;
}
.flag_sale.Msale_68p {
    background-position: -525px -300px !important;
}
.flag_sale.Msale_69p {
    background-position: -600px -300px !important;
}
.flag_sale.Msale_70p {
    background-position: -675px -300px !important;
}

.flag_sale.Msale_71p {
    background-position: 0 -350px !important;
}
.flag_sale.Msale_72p {
    background-position: -75px -350px !important;
}
.flag_sale.Msale_73p {
    background-position: -150px -350px !important;
}
.flag_sale.Msale_74p {
    background-position: -225px -350px !important;
}
.flag_sale.Msale_75p {
    background-position: -300px -350px !important;
}
.flag_sale.Msale_76p {
    background-position: -375px -350px !important;
}
.flag_sale.Msale_77p {
    background-position: -450px -350px !important;
}
.flag_sale.Msale_78p {
    background-position: -525px -350px !important;
}
.flag_sale.Msale_79p {
    background-position: -600px -350px !important;
}
.flag_sale.Msale_80p {
    background-position: -675px -350px !important;
}

.flag_sale.Msale_81p {
    background-position: 0 -400px !important;
}
.flag_sale.Msale_82p {
    background-position: -75px -400px !important;
}
.flag_sale.Msale_83p {
    background-position: -150px -400px !important;
}
.flag_sale.Msale_84p {
    background-position: -225px -400px !important;
}
.flag_sale.Msale_85p {
    background-position: -300px -400px !important;
}
.flag_sale.Msale_86p {
    background-position: -375px -400px !important;
}
.flag_sale.Msale_87p {
    background-position: -450px -400px !important;
}
.flag_sale.Msale_88p {
    background-position: -525px -400px !important;
}
.flag_sale.Msale_89p {
    background-position: -600px -400px !important;
}
.flag_sale.Msale_90p {
    background-position: -675px -400px !important;
}

.flag_sale.Msale_91p {
    background-position: 0 -450px !important;
}
.flag_sale.Msale_92p {
    background-position: -75px -450px !important;
}
.flag_sale.Msale_93p {
    background-position: -150px -450px !important;
}
.flag_sale.Msale_94p {
    background-position: -225px -450px !important;
}
.flag_sale.Msale_95p {
    background-position: -300px -450px !important;
}
.flag_sale.Msale_96p {
    background-position: -375px -450px !important;
}
.flag_sale.Msale_97p {
    background-position: -450px -450px !important;
}
.flag_sale.Msale_98p {
    background-position: -525px -450px !important;
}
.flag_sale.Msale_99p {
    background-position: -600px -450px !important;
}
/* 공통 영역 - main tv쇼핑 할인율 위치값 150*100 */

/* 2016-11-28 bae e */

.Msale_hns {
    background-position: 0 -496px !important;
}
.Msale_hotkill {
    background-position: -75px -496px !important;
}
.Msale_special {
    background-position: -150px -496px !important;
}

.saleFlag {
    width: 40px;
    height: 22px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_sale6.png);
    background-repeat: no-repeat;
    background-size: 480px 335px;
}
.saleFlag span {
    display: block;
    text-indent: -999em;
}
.saleFlag.flagSale_1p {
    background-position: 18px 1px;
}
.saleFlag.flagSale_2p {
    background-position: -36px 1px;
}
.saleFlag.flagSale_3p {
    background-position: -85px 1px;
}
.saleFlag.flagSale_4p {
    background-position: -134px 1px;
}
.saleFlag.flagSale_5p {
    background-position: -183px 1px;
}
.saleFlag.flagSale_6p {
    background-position: -232px 1px;
}
.saleFlag.flagSale_7p {
    background-position: -281px 1px;
}
.saleFlag.flagSale_8p {
    background-position: -330px 1px;
}
.saleFlag.flagSale_9p {
    background-position: -379px 1px;
}
.saleFlag.flagSale_10p {
    background-position: -441px 1px;
}

.saleFlag.flagSale_11p {
    background-position: 7px -35px;
}
.saleFlag.flagSale_12p {
    background-position: -47px -35px;
}
.saleFlag.flagSale_13p {
    background-position: -96px -35px;
}
.saleFlag.flagSale_14p {
    background-position: -145px -35px;
}
.saleFlag.flagSale_15p {
    background-position: -194px -35px;
}
.saleFlag.flagSale_16p {
    background-position: -243px -35px;
}
.saleFlag.flagSale_17p {
    background-position: -292px -35px;
}
.saleFlag.flagSale_18p {
    background-position: -340px -35px;
}
.saleFlag.flagSale_19p {
    background-position: -389px -35px;
}
.saleFlag.flagSale_20p {
    background-position: -440px -35px;
}

.saleFlag.flagSale_21p {
    background-position: 1px -69px;
}
.saleFlag.flagSale_22p {
    background-position: -48px -69px;
}
.saleFlag.flagSale_23p {
    background-position: -97px -69px;
}
.saleFlag.flagSale_24p {
    background-position: -146px -69px;
}
.saleFlag.flagSale_25p {
    background-position: -195px -69px;
}
.saleFlag.flagSale_26p {
    background-position: -245px -69px;
}
.saleFlag.flagSale_27p {
    background-position: -293px -69px;
}
.saleFlag.flagSale_28p {
    background-position: -342px -69px;
}
.saleFlag.flagSale_29p {
    background-position: -391px -69px;
}
.saleFlag.flagSale_30p {
    background-position: -441px -69px;
}

.saleFlag.flagSale_31p {
    background-position: 1px -104px;
}
.saleFlag.flagSale_32p {
    background-position: -48px -104px;
}
.saleFlag.flagSale_33p {
    background-position: -97px -104px;
}
.saleFlag.flagSale_34p {
    background-position: -146px -104px;
}
.saleFlag.flagSale_35p {
    background-position: -195px -104px;
}
.saleFlag.flagSale_36p {
    background-position: -245px -104px;
}
.saleFlag.flagSale_37p {
    background-position: -293px -104px;
}
.saleFlag.flagSale_38p {
    background-position: -342px -104px;
}
.saleFlag.flagSale_39p {
    background-position: -391px -104px;
}
.saleFlag.flagSale_40p {
    background-position: -440px -104px;
}

.saleFlag.flagSale_41p {
    background-position: 1px -139px;
}
.saleFlag.flagSale_42p {
    background-position: -48px -139px;
}
.saleFlag.flagSale_43p {
    background-position: -97px -139px;
}
.saleFlag.flagSale_44p {
    background-position: -146px -139px;
}
.saleFlag.flagSale_45p {
    background-position: -195px -139px;
}
.saleFlag.flagSale_46p {
    background-position: -245px -139px;
}
.saleFlag.flagSale_47p {
    background-position: -293px -139px;
}
.saleFlag.flagSale_48p {
    background-position: -342px -139px;
}
.saleFlag.flagSale_49p {
    background-position: -391px -139px;
}
.saleFlag.flagSale_50p {
    background-position: -440px -139px;
}

.saleFlag.flagSale_51p {
    background-position: 1px -174px;
}
.saleFlag.flagSale_52p {
    background-position: -48px -174px;
}
.saleFlag.flagSale_53p {
    background-position: -97px -174px;
}
.saleFlag.flagSale_54p {
    background-position: -146px -174px;
}
.saleFlag.flagSale_55p {
    background-position: -195px -174px;
}
.saleFlag.flagSale_56p {
    background-position: -245px -174px;
}
.saleFlag.flagSale_57p {
    background-position: -293px -174px;
}
.saleFlag.flagSale_58p {
    background-position: -342px -174px;
}
.saleFlag.flagSale_59p {
    background-position: -391px -174px;
}
.saleFlag.flagSale_60p {
    background-position: -440px -174px;
}

.saleFlag.flagSale_61p {
    background-position: 1px -209px;
}
.saleFlag.flagSale_62p {
    background-position: -48px -209px;
}
.saleFlag.flagSale_63p {
    background-position: -97px -209px;
}
.saleFlag.flagSale_64p {
    background-position: -146px -209px;
}
.saleFlag.flagSale_65p {
    background-position: -195px -209px;
}
.saleFlag.flagSale_66p {
    background-position: -245px -209px;
}
.saleFlag.flagSale_67p {
    background-position: -293px -209px;
}
.saleFlag.flagSale_68p {
    background-position: -342px -209px;
}
.saleFlag.flagSale_69p {
    background-position: -391px -209px;
}
.saleFlag.flagSale_70p {
    background-position: -440px -209px;
}

.saleFlag.flagSale_71p {
    background-position: 1px -244px;
}
.saleFlag.flagSale_72p {
    background-position: -48px -244px;
}
.saleFlag.flagSale_73p {
    background-position: -97px -244px;
}
.saleFlag.flagSale_74p {
    background-position: -146px -244px;
}
.saleFlag.flagSale_75p {
    background-position: -195px -244px;
}
.saleFlag.flagSale_76p {
    background-position: -245px -244px;
}
.saleFlag.flagSale_77p {
    background-position: -293px -244px;
}
.saleFlag.flagSale_78p {
    background-position: -342px -244px;
}
.saleFlag.flagSale_79p {
    background-position: -391px -244px;
}
.saleFlag.flagSale_80p {
    background-position: -440px -244px;
}

.saleFlag.flagSale_81p {
    background-position: 1px -279px;
}
.saleFlag.flagSale_82p {
    background-position: -48px -279px;
}
.saleFlag.flagSale_83p {
    background-position: -97px -279px;
}
.saleFlag.flagSale_84p {
    background-position: -146px -279px;
}
.saleFlag.flagSale_85p {
    background-position: -195px -279px;
}
.saleFlag.flagSale_86p {
    background-position: -245px -279px;
}
.saleFlag.flagSale_87p {
    background-position: -293px -279px;
}
.saleFlag.flagSale_88p {
    background-position: -342px -279px;
}
.saleFlag.flagSale_89p {
    background-position: -391px -279px;
}
.saleFlag.flagSale_90p {
    background-position: -440px -279px;
}

.saleFlag.flagSale_91p {
    background-position: 1px -314px;
}
.saleFlag.flagSale_92p {
    background-position: -48px -314px;
}
.saleFlag.flagSale_93p {
    background-position: -97px -314px;
}
.saleFlag.flagSale_94p {
    background-position: -146px -314px;
}
.saleFlag.flagSale_95p {
    background-position: -195px -314px;
}
.saleFlag.flagSale_96p {
    background-position: -245px -314px;
}
.saleFlag.flagSale_97p {
    background-position: -293px -314px;
}
.saleFlag.flagSale_98p {
    background-position: -342px -314px;
}
.saleFlag.flagSale_99p {
    background-position: -391px -314px;
}

/* 최대혜택 플래그 개선 2017-09-08 */
.flagDown_s {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43px;
    height: 29px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_s.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    font-size: 2px;
    line-height: 0;
    color: transparent;
}
.flagDown_s span {
    display: block;
    text-indent: -999em;
}
.flagDown_s.sale_p1 {
    background-position: -7px 0;
}
.flagDown_s.sale_p2 {
    background-position: -57px 0;
}
.flagDown_s.sale_p3 {
    background-position: -107px 0;
}
.flagDown_s.sale_p4 {
    background-position: -157px 0;
}
.flagDown_s.sale_p5 {
    background-position: -207px 0;
}
.flagDown_s.sale_p6 {
    background-position: -257px 0;
}
.flagDown_s.sale_p7 {
    background-position: -307px 0;
}
.flagDown_s.sale_p8 {
    background-position: -357px 0;
}
.flagDown_s.sale_p9 {
    background-position: -407px 0;
}
.flagDown_s.sale_p10 {
    background-position: -457px 0;
}

.flagDown_s.sale_p11 {
    background-position: -7px -50px;
}
.flagDown_s.sale_p12 {
    background-position: -57px -50px;
}
.flagDown_s.sale_p13 {
    background-position: -107px -50px;
}
.flagDown_s.sale_p14 {
    background-position: -157px -50px;
}
.flagDown_s.sale_p15 {
    background-position: -207px -50px;
}
.flagDown_s.sale_p16 {
    background-position: -257px -50px;
}
.flagDown_s.sale_p17 {
    background-position: -307px -50px;
}
.flagDown_s.sale_p18 {
    background-position: -357px -50px;
}
.flagDown_s.sale_p19 {
    background-position: -407px -50px;
}
.flagDown_s.sale_p20 {
    background-position: -457px -50px;
}

.flagDown_s.sale_p21 {
    background-position: -7px -100px;
}
.flagDown_s.sale_p22 {
    background-position: -57px -100px;
}
.flagDown_s.sale_p23 {
    background-position: -107px -100px;
}
.flagDown_s.sale_p24 {
    background-position: -157px -100px;
}
.flagDown_s.sale_p25 {
    background-position: -207px -100px;
}
.flagDown_s.sale_p26 {
    background-position: -257px -100px;
}
.flagDown_s.sale_p27 {
    background-position: -307px -100px;
}
.flagDown_s.sale_p28 {
    background-position: -357px -100px;
}
.flagDown_s.sale_p29 {
    background-position: -407px -100px;
}
.flagDown_s.sale_p30 {
    background-position: -457px -100px;
}

.flagDown_s.sale_p31 {
    background-position: -7px -150px;
}
.flagDown_s.sale_p32 {
    background-position: -57px -150px;
}
.flagDown_s.sale_p33 {
    background-position: -107px -150px;
}
.flagDown_s.sale_p34 {
    background-position: -157px -150px;
}
.flagDown_s.sale_p35 {
    background-position: -207px -150px;
}
.flagDown_s.sale_p36 {
    background-position: -257px -150px;
}
.flagDown_s.sale_p37 {
    background-position: -307px -150px;
}
.flagDown_s.sale_p38 {
    background-position: -357px -150px;
}
.flagDown_s.sale_p39 {
    background-position: -407px -150px;
}
.flagDown_s.sale_p40 {
    background-position: -457px -150px;
}

.flagDown_s.sale_p41 {
    background-position: -7px -200px;
}
.flagDown_s.sale_p42 {
    background-position: -57px -200px;
}
.flagDown_s.sale_p43 {
    background-position: -107px -200px;
}
.flagDown_s.sale_p44 {
    background-position: -157px -200px;
}
.flagDown_s.sale_p45 {
    background-position: -207px -200px;
}
.flagDown_s.sale_p46 {
    background-position: -257px -200px;
}
.flagDown_s.sale_p47 {
    background-position: -307px -200px;
}
.flagDown_s.sale_p48 {
    background-position: -357px -200px;
}
.flagDown_s.sale_p49 {
    background-position: -407px -200px;
}
.flagDown_s.sale_p50 {
    background-position: -457px -200px;
}

.flagDown_s.sale_p51 {
    background-position: -7px -250px;
}
.flagDown_s.sale_p52 {
    background-position: -57px -250px;
}
.flagDown_s.sale_p53 {
    background-position: -107px -250px;
}
.flagDown_s.sale_p54 {
    background-position: -157px -250px;
}
.flagDown_s.sale_p55 {
    background-position: -207px -250px;
}
.flagDown_s.sale_p56 {
    background-position: -257px -250px;
}
.flagDown_s.sale_p57 {
    background-position: -307px -250px;
}
.flagDown_s.sale_p58 {
    background-position: -357px -250px;
}
.flagDown_s.sale_p59 {
    background-position: -407px -250px;
}
.flagDown_s.sale_p60 {
    background-position: -457px -250px;
}

.flagDown_s.sale_p61 {
    background-position: -7px -300px;
}
.flagDown_s.sale_p62 {
    background-position: -57px -300px;
}
.flagDown_s.sale_p63 {
    background-position: -107px -300px;
}
.flagDown_s.sale_p64 {
    background-position: -157px -300px;
}
.flagDown_s.sale_p65 {
    background-position: -207px -300px;
}
.flagDown_s.sale_p66 {
    background-position: -257px -300px;
}
.flagDown_s.sale_p67 {
    background-position: -307px -300px;
}
.flagDown_s.sale_p68 {
    background-position: -357px -300px;
}
.flagDown_s.sale_p69 {
    background-position: -407px -300px;
}
.flagDown_s.sale_p70 {
    background-position: -457px -300px;
}

.flagDown_s.sale_p71 {
    background-position: -7px -350px;
}
.flagDown_s.sale_p72 {
    background-position: -57px -350px;
}
.flagDown_s.sale_p73 {
    background-position: -107px -350px;
}
.flagDown_s.sale_p74 {
    background-position: -157px -350px;
}
.flagDown_s.sale_p75 {
    background-position: -207px -350px;
}
.flagDown_s.sale_p76 {
    background-position: -257px -350px;
}
.flagDown_s.sale_p77 {
    background-position: -307px -350px;
}
.flagDown_s.sale_p78 {
    background-position: -357px -350px;
}
.flagDown_s.sale_p79 {
    background-position: -407px -350px;
}
.flagDown_s.sale_p80 {
    background-position: -457px -350px;
}

.flagDown_s.sale_p81 {
    background-position: -7px -400px;
}
.flagDown_s.sale_p82 {
    background-position: -57px -400px;
}
.flagDown_s.sale_p83 {
    background-position: -107px -400px;
}
.flagDown_s.sale_p84 {
    background-position: -157px -400px;
}
.flagDown_s.sale_p85 {
    background-position: -207px -400px;
}
.flagDown_s.sale_p86 {
    background-position: -257px -400px;
}
.flagDown_s.sale_p87 {
    background-position: -307px -400px;
}
.flagDown_s.sale_p88 {
    background-position: -357px -400px;
}
.flagDown_s.sale_p89 {
    background-position: -407px -400px;
}
.flagDown_s.sale_p90 {
    background-position: -457px -400px;
}

.flagDown_s.sale_p91 {
    background-position: -7px -450px;
}
.flagDown_s.sale_p92 {
    background-position: -57px -450px;
}
.flagDown_s.sale_p93 {
    background-position: -107px -450px;
}
.flagDown_s.sale_p94 {
    background-position: -157px -450px;
}
.flagDown_s.sale_p95 {
    background-position: -207px -450px;
}
.flagDown_s.sale_p96 {
    background-position: -257px -450px;
}
.flagDown_s.sale_p97 {
    background-position: -307px -450px;
}
.flagDown_s.sale_p98 {
    background-position: -357px -450px;
}
.flagDown_s.sale_p99 {
    background-position: -407px -450px;
}
.flagDown_s.sale_p100 {
    background-position: -457px -450px;
}

/* 최대혜택 플래그 개선 2017-09-19 */
.flagDown_b {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 59px;
    height: 35px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_b.png);
    background-repeat: no-repeat;
    background-size: 600px auto;
    font-size: 2px;
    line-height: 0;
    color: transparent;
}
.flagDown_b span {
    display: block;
    text-indent: -999em;
}
.flagDown_b.sale_p1 {
    background-position: -1px 0;
}
.flagDown_b.sale_p2 {
    background-position: -61px 0;
}
.flagDown_b.sale_p3 {
    background-position: -121px 0;
}
.flagDown_b.sale_p4 {
    background-position: -181px 0;
}
.flagDown_b.sale_p5 {
    background-position: -241px 0;
}
.flagDown_b.sale_p6 {
    background-position: -301px 0;
}
.flagDown_b.sale_p7 {
    background-position: -361px 0;
}
.flagDown_b.sale_p8 {
    background-position: -421px 0;
}
.flagDown_b.sale_p9 {
    background-position: -481px 0;
}
.flagDown_b.sale_p10 {
    background-position: -541px 0;
}

.flagDown_b.sale_p11 {
    background-position: -1px -50px;
}
.flagDown_b.sale_p12 {
    background-position: -61px -50px;
}
.flagDown_b.sale_p13 {
    background-position: -121px -50px;
}
.flagDown_b.sale_p14 {
    background-position: -181px -50px;
}
.flagDown_b.sale_p15 {
    background-position: -241px -50px;
}
.flagDown_b.sale_p16 {
    background-position: -301px -50px;
}
.flagDown_b.sale_p17 {
    background-position: -361px -50px;
}
.flagDown_b.sale_p18 {
    background-position: -421px -50px;
}
.flagDown_b.sale_p19 {
    background-position: -481px -50px;
}
.flagDown_b.sale_p20 {
    background-position: -541px -50px;
}

.flagDown_b.sale_p21 {
    background-position: -1px -100px;
}
.flagDown_b.sale_p22 {
    background-position: -61px -100px;
}
.flagDown_b.sale_p23 {
    background-position: -121px -100px;
}
.flagDown_b.sale_p24 {
    background-position: -181px -100px;
}
.flagDown_b.sale_p25 {
    background-position: -241px -100px;
}
.flagDown_b.sale_p26 {
    background-position: -301px -100px;
}
.flagDown_b.sale_p27 {
    background-position: -361px -100px;
}
.flagDown_b.sale_p28 {
    background-position: -421px -100px;
}
.flagDown_b.sale_p29 {
    background-position: -481px -100px;
}
.flagDown_b.sale_p30 {
    background-position: -541px -100px;
}

.flagDown_b.sale_p31 {
    background-position: -1px -150px;
}
.flagDown_b.sale_p32 {
    background-position: -61px -150px;
}
.flagDown_b.sale_p33 {
    background-position: -121px -150px;
}
.flagDown_b.sale_p34 {
    background-position: -181px -150px;
}
.flagDown_b.sale_p35 {
    background-position: -241px -150px;
}
.flagDown_b.sale_p36 {
    background-position: -301px -150px;
}
.flagDown_b.sale_p37 {
    background-position: -361px -150px;
}
.flagDown_b.sale_p38 {
    background-position: -421px -150px;
}
.flagDown_b.sale_p39 {
    background-position: -481px -150px;
}
.flagDown_b.sale_p40 {
    background-position: -541px -150px;
}

.flagDown_b.sale_p41 {
    background-position: -1px -200px;
}
.flagDown_b.sale_p42 {
    background-position: -61px -200px;
}
.flagDown_b.sale_p43 {
    background-position: -121px -200px;
}
.flagDown_b.sale_p44 {
    background-position: -181px -200px;
}
.flagDown_b.sale_p45 {
    background-position: -241px -200px;
}
.flagDown_b.sale_p46 {
    background-position: -301px -200px;
}
.flagDown_b.sale_p47 {
    background-position: -361px -200px;
}
.flagDown_b.sale_p48 {
    background-position: -421px -200px;
}
.flagDown_b.sale_p49 {
    background-position: -481px -200px;
}
.flagDown_b.sale_p50 {
    background-position: -541px -200px;
}

.flagDown_b.sale_p51 {
    background-position: -1px -250px;
}
.flagDown_b.sale_p52 {
    background-position: -61px -250px;
}
.flagDown_b.sale_p53 {
    background-position: -121px -250px;
}
.flagDown_b.sale_p54 {
    background-position: -181px -250px;
}
.flagDown_b.sale_p55 {
    background-position: -241px -250px;
}
.flagDown_b.sale_p56 {
    background-position: -301px -250px;
}
.flagDown_b.sale_p57 {
    background-position: -361px -250px;
}
.flagDown_b.sale_p58 {
    background-position: -421px -250px;
}
.flagDown_b.sale_p59 {
    background-position: -481px -250px;
}
.flagDown_b.sale_p60 {
    background-position: -541px -250px;
}

.flagDown_b.sale_p61 {
    background-position: -1px -300px;
}
.flagDown_b.sale_p62 {
    background-position: -61px -300px;
}
.flagDown_b.sale_p63 {
    background-position: -121px -300px;
}
.flagDown_b.sale_p64 {
    background-position: -181px -300px;
}
.flagDown_b.sale_p65 {
    background-position: -241px -300px;
}
.flagDown_b.sale_p66 {
    background-position: -301px -300px;
}
.flagDown_b.sale_p67 {
    background-position: -361px -300px;
}
.flagDown_b.sale_p68 {
    background-position: -421px -300px;
}
.flagDown_b.sale_p69 {
    background-position: -481px -300px;
}
.flagDown_b.sale_p70 {
    background-position: -541px -300px;
}

.flagDown_b.sale_p71 {
    background-position: -1px -350px;
}
.flagDown_b.sale_p72 {
    background-position: -61px -350px;
}
.flagDown_b.sale_p73 {
    background-position: -121px -350px;
}
.flagDown_b.sale_p74 {
    background-position: -181px -350px;
}
.flagDown_b.sale_p75 {
    background-position: -241px -350px;
}
.flagDown_b.sale_p76 {
    background-position: -301px -350px;
}
.flagDown_b.sale_p77 {
    background-position: -361px -350px;
}
.flagDown_b.sale_p78 {
    background-position: -421px -350px;
}
.flagDown_b.sale_p79 {
    background-position: -481px -350px;
}
.flagDown_b.sale_p80 {
    background-position: -541px -350px;
}

.flagDown_b.sale_p81 {
    background-position: -1px -400px;
}
.flagDown_b.sale_p82 {
    background-position: -61px -400px;
}
.flagDown_b.sale_p83 {
    background-position: -121px -400px;
}
.flagDown_b.sale_p84 {
    background-position: -181px -400px;
}
.flagDown_b.sale_p85 {
    background-position: -241px -400px;
}
.flagDown_b.sale_p86 {
    background-position: -301px -400px;
}
.flagDown_b.sale_p87 {
    background-position: -361px -400px;
}
.flagDown_b.sale_p88 {
    background-position: -421px -400px;
}
.flagDown_b.sale_p89 {
    background-position: -481px -400px;
}
.flagDown_b.sale_p90 {
    background-position: -541px -400px;
}

.flagDown_b.sale_p91 {
    background-position: -1px -450px;
}
.flagDown_b.sale_p92 {
    background-position: -61px -450px;
}
.flagDown_b.sale_p93 {
    background-position: -121px -450px;
}
.flagDown_b.sale_p94 {
    background-position: -181px -450px;
}
.flagDown_b.sale_p95 {
    background-position: -241px -450px;
}
.flagDown_b.sale_p96 {
    background-position: -301px -450px;
}
.flagDown_b.sale_p97 {
    background-position: -361px -450px;
}
.flagDown_b.sale_p98 {
    background-position: -421px -450px;
}
.flagDown_b.sale_p99 {
    background-position: -481px -450px;
}
.flagDown_b.sale_p100 {
    background-position: -541px -450px;
}

/* 공통 영역 - 로링 전체 */
.all_loading {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 100;
}
.all_loading p {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90px;
    height: 35px;
    margin: -17px 0 0 -45px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -330px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.all_loading .all_deem {
    background: #000;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 100;
}

.loading_wrap {
    text-align: center;
    background: #fff;
}

.swipe_loading {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -48px;
    z-index: 20000;
}
.swipe_loading img {
    width: 100px;
    height: 96px;
}

/* 공통 영역 - popup */
.deem {
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_dim.png) repeat left top; /*background: #000;opacity: 0.5; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 100002;
    border-radius: 0px !important;
} /*2018-07-05 z-index 수정 (20000 에서 100002)*/
.deem.ver02 {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.deem2 {
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-indent: -9999px;
    z-index: 20000;
    border-radius: 0px !important;
}
.pop_wrap {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 100003;
    width: 100%;
} /*2018-07-06 z인덱스 변경 20001 >> 100003*/
.pop_wrap.posa {
    position: absolute;
}
.pop_wrap .pop_contents {
    margin: 0 40px;
    padding: 16px 10px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    box-shadow: 0 0 15px #000;
}
.pop_wrap .pop_contents h3 {
    font-size: 16px;
}
.pop_wrap .pop_contents .pop_close {
    position: absolute;
    right: -7px;
    top: -8px;
    width: 27px;
    height: 27px;
    background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);
    background-repeat: no-repeat;
    background-size: 300px 200px;
    background-position: 0 0px;
    overflow: hidden;
    text-indent: -1000px;
}
.pop_wrap .fixed_area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.pop_wrap .fixed_area span {
    display: block;
    float: left;
    height: 45px;
    color: #fff;
    font-size: 17px;
    letter-spacing: -0.4px;
    text-align: center;
}
.pop_wrap .fixed_area .pop_again {
    position: relative;
    width: 70%;
    background: #a3a3a3;
    line-height: 45px;
}
.pop_wrap .fixed_area .pop_close {
    width: 30%;
    background: #333;
    line-height: 45px;
}

/* 2016-04-27 추가 */
.pop_wrap .content {
    position: relative;
    margin: 0 auto;
}
.pop_wrap .content a {
    display: block;
}
.pop_wrap .content img {
    width: 100%;
}
.pop_wrap .content .close {
    position: absolute;
    top: 5px;
    right: 1px;
    width: 9.5%;
}
.pop_wrap .content .close img {
    width: 100%;
}
/* //2016-04-27 추가 */
/* 2016-08-09 네이버 팝업(520*800 이미지의 경우) 닫기 버튼 추가 */
.pop_wrap .popNaver_close {
    position: absolute;
    top: 3.62581%;
    left: 5.76923%;
    width: 5.8%;
    height: 3.8%;
    color: transparent;
    font-size: 0;
}

/* 공통팝업 디자인 개선 2017-02-07 */
.pop_wrap.ver02 .pop_contents {
    padding: 40px 10px 0;
    border-radius: 0;
    box-shadow: none;
}
.pop_wrap.ver02 .pop_contents h3 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 38px;
    padding: 1px 0 0;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid #444;
}
.pop_wrap.ver02 .pop_contents .pop_close {
    position: absolute;
    top: 11px;
    right: 15px;
    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;
}
.pop_wrap.ver02 .pop_contents .ds_btn {
    display: block;
    padding: 0;
    margin: 0 -10px;
}
.pop_wrap.ver02 .pop_contents .ds_btn .btn_red {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 41px;
    padding: 1px 0 0;
    line-height: 39px;
    font-size: 17px;
    border-radius: 0;
}

.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;
}

.allpop_wrap {
    padding-bottom: 20px;
    margin-top: -50px;
}
.allpop_wrap .layer_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

/* 공통 영역 - border color */
.boT1ddd {
    border-top: 1px solid #dddddd;
}

/* 공통 영역 - font color */
.fcred {
    color: #e51937;
}

/* layout */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 14px;
}
html::-webkit-scrollbar {
    width: 0;
}
.wrap {
    width: 100%;
    overflow: hidden;
}

/* 대 카테고리 오픈관련 트랜지션 */
.cont_sw {
    /*-webkit-transition: -webkit-transform 300ms ease;  transition: transform 300ms ease;  -webkit-backface-visibility: hidden;  -ms-backface-visibility: hidden;*/
    position: relative;
    z-index: 1;
}
.nav_open .cont_sw {
    -webkit-transform: translate3d(19.7em, 0, 0);
    -ms-transform: translate3d(16.4375em, 0, 0);
    transform: translate3d(19.6em, 0, 0);
}
.font_zoom .nav_open .cont_sw {
    -webkit-transform: translate3d(17.188em, 0, 0);
    -ms-transform: translate3d(14.4375em, 0, 0);
    transform: translate3d(17.188em, 0, 0);
} /* 폰트 확대 일때*/
.side_nav {
    /*position: absolute;*/
    position: fixed;
    top: 0;
    left: -19.7em;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
.nav_open .side_nav {
    bottom: 0;
    -webkit-transform: translate3d(19.7em, 0, 0);
    -ms-transform: translate3d(16.4375em, 0, 0);
    transform: translate3d(19.6em, 0, 0);
}

/* 앱 팝업 */
.app_popup_first {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: #fff;
    height: 100%;
}
.app_popup_first p {
    font-size: 0;
}
.app_popup_first p img {
    width: 100%;
}
.app_popup_first .bottom_close {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 48px;
    width: 100%;
    background: #fff;
}
.app_popup_first .bottom_close span {
    position: absolute;
    left: 12px;
    top: 12px;
    display: block;
    color: #898989;
    font-size: 16px;
}
.app_popup_first .bottom_close span em {
    display: inline-block;
    width: 22px;
    height: 16px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -300px;
    background-size: 300px auto;
    text-indent: -9999px;
}
.app_popup_first .bottom_close .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 16px;
    background: #f9f9f9;
}
.app_popup_first .bottom_close .close strong {
    display: block;
    width: 17px;
    height: 17px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -300px;
    background-size: 300px auto;
    text-indent: -9999px;
}

/*상당 공통으로 빼는 작업 2015-01-28 */
header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

/* 헤더 영역 */
.header {
    height: 50px;
    background: #da0f2d url(//image.hnsmall.com/images/mobile2014/common/line_header.png) 0 0 repeat-x;
    z-index: 5000;
}
.header h1 {
    position: absolute;
    left: 54px;
    top: 15px;
    padding: 0;
    z-index: 10;
}
.header h1 img {
    width: 74px;
}
.header .btn_sidenav {
    position: absolute;
    left: 5px;
    top: 9px;
    z-index: 11;
    padding: 10px;
}
.header .btn_sidenav span {
    display: block;
    width: 19px;
    height: 14px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -180px 0;
    background-size: 300px auto;
    text-indent: -9999px;
}
.header .search_box {
    position: relative;
    padding: 7px 10px 0 10px;
    z-index: 5;
}
.header .search_box fieldset span {
    border: 0;
    border-radius: 5px;
    display: block;
    padding: 3px 10px 0;
    background: #fff;
    margin-left: 135px;
    position: relative;
    border: 1px solid #ca132e;
    height: 30px;
}
.header .search_box fieldset span input {
    width: 100%;
    border: 0;
    color: #666;
    font-size: 12px;
    background: #fff;
    text-indent: 0;
}
.header .search_box ::-webkit-input-placeholder {
    color: #666;
}
.header .search_box :-moz-input-placehorder {
    color: #666;
}
.header .search_box ::-moz-input-placehorder {
    color: #666;
}
.header .search_box :-ms-input-placehorder {
    color: #666;
}
.header .search_box .btn_gnb_search {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 18px;
    top: 16px;
    width: 19px;
    height: 17px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px 0;
    background-size: 300px auto;
    text-indent: -9999px;
    cursor: pointer;
}
.header .search_box .btn_gnb_del {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 43px;
    top: 15px;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: none;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.header .search_box .btn_gnb_del:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;
    background-size: 300px auto;
}

/* 메인 검색 */
.search_box .search_zone {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    border-bottom: 2px solid #565656;
    background: #f9f9f9;
}
.search_box > .active {
    display: block;
}
.search_zone > div {
    display: none;
}
.search_zone > .active {
    display: block;
}
.search_none > div {
    display: none;
}
.search_none > .active {
    display: block;
}

/* 공통 리스트 */
.search_list li {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #cdcdcd;
}
.search_list li:last-child {
    border: none;
}
.search_list li a {
    overflow: hidden;
    display: block;
    padding: 9px 0;
    font-size: 14px;
    color: #565656;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
}

.search_history .search_list li {
    padding-right: 30px;
}

/* 검색 관련 사항 - 연관 검색어 */
.search_on {
    overflow: hidden;
    display: none;
    width: 100%;
    background: #fff;
}
.search_on ul li {
    float: left;
    width: 50%;
}
.search_on ul li ul li {
    float: none;
    width: 100%;
}
.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;
}
.search_on ul li ul li a em {
    color: #e51937;
}
.search_on ul li ul:first-child {
    border-right: 1px solid #cdcdcd;
}
.search_on ul li ul li:first-child a {
    border-top: none;
}

/* 검색 관련 사항 - tab */
.search_none .search_none1:after {
    content: "";
    display: block;
    clear: both;
}
.search_none .search_none1 li {
    float: left;
    width: 50%;
}
.search_none .search_none1 li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
    font-weight: bold;
    color: #898989;
    text-align: center;
}
.search_none .search_none1 .on 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;
}
.search_none .search_none1 li:nth-child(2).on a {
    border-left: 1px solid #cdcdcd;
    border-right: none;
    border-radius: 3px 0 0 0;
    -webkit-border-radius: 3px 0 0 0;
}

/* 검색 관련 사항 - 최근 검색어 */
.search_none .search_list {
    padding-top: 3px;
    background: #fff;
}
.search_list li .btn_shsr_del {
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -60px;
    background-size: 300px auto;
    text-indent: -9999px;
    cursor: pointer;
}

/* 검색 관련 사항 - 인기 검색어 */
.st_rank_num {
    display: inline-block;
    width: 14px;
    height: 14px;
    padding-top: 2px;
    border: 1px solid #19bfbf;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #19bfbf;
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 13px;
    margin-right: 5px;
}
.srn_top {
    border-color: #e51937;
    background: #e51937;
}
.st_rank_con {
    position: absolute;
    right: 15px;
    top: 11px;
    font-size: 13px;
    color: #898989;
}
.st_rank_con.new {
    color: #19bfbf;
}
.st_rank_con em {
    display: inline-block;
    position: relative;
    top: 2px;
    vertical-align: top;
    width: 10px;
    height: 12px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_searchx2.png);
    background-repeat: no-repeat;
    background-size: 20px 150px;
    text-indent: -9999px;
}
.st_rank_con .src_up {
    background-position: 0 -57px;
}
.st_rank_con .src_down {
    background-position: 0 -74px;
}
.st_rank_con .src_static {
    background-position: 0 -96px;
    height: 2px;
    top: 6px;
}

/* 검색 관련 사항 - 검색된 내역이 없을때 */
.search_list_none {
    padding: 111px 0 60px;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/ico_search_nonex2.png) 50% 30px no-repeat;
    background-size: 77px 68px;
}
.search_list_none p {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
}

/* 검색 관련 사항 - 버튼 */
.search_zone .search_close {
    display: block;
    overflow: hidden;
    padding: 9px 15px;
    background: #8e8e8e;
}
.search_close button {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.btn_search_del {
    float: left;
}
.btn_close {
    float: right;
}

/* 검색 관련 사항 - 검색 결과 */
.search_result .sr_top {
    padding: 8px 10px 7px;
    background: #f4f4f4;
    font-weight: normal;
    color: #000;
}
.search_result .sr_top span {
    color: #e51937;
}
.search_result .sr_top em {
    color: #969696;
}
.sr_con .src_notice {
    padding: 15px 10px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    color: #565656;
}
.sr_con .src_notice em {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: -180px -60px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    text-indent: -9999px;
}
.search_cnum {
    color: #e51937;
}
.sr_con .src_notice .src_word {
    color: #000;
}
.sr_con .src_notice .src_rtxt {
    color: #e51937;
}
.sr_con .src_list {
}
.sr_con .src_list li {
    display: none;
}
.sr_con .src_list li:nth-child(1) {
    display: block;
}
.sr_con .src_list li:nth-child(2) {
    display: block;
}
.sr_con .src_list li {
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
}
.sr_con .btn_src_more {
    display: block;
    width: 100%;
    padding: 8px 0 7px;
    background: #8e8e8e;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.sr_con .btn_src_more em {
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-right: 5px;
    vertical-align: middle;
    background-position: -230px -60px;
    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;
}
.sr_con .btn_src_more.active em {
    background-position: -230px -70px;
}

.search_wrap .list_select {
    border-top: none;
}
.search_info {
    border-top: 1px solid #ddd;
    margin: 0 10px;
    padding-top: 15px;
}

/* 검색 관련 사항 - 팝업 */
.detail_search {
}
.detail_search .pop_contents02 {
    position: relative;
    padding-bottom: 30px;
    margin: 0 10px;
    border-radius: 10px;
    background: #fff;
    box-shadow: none;
}
.detail_search .pop_contents02 h3 {
    padding: 8px 10px 7px;
    background: #e51937;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
}
.detail_search .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;
}
.detail_search .pop_contents02 .ds_con {
    margin: 15px 0 10px;
    border-bottom: 3px solid #eee;
}
.detail_search .ds_con div {
    position: relative;
    padding: 10px 0;
    margin: 0 15px;
    border-bottom: 1px solid #eee;
}
.detail_search .ds_con div:last-child {
    border-bottom: none;
}
.detail_search .ds_con .ds_tit {
    position: absolute;
    left: 0;
    top: 18px;
    display: block;
    width: 70px;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
}
.detail_search .ds_con .ds_input {
    display: block;
    padding-left: 75px;
}
.detail_search .ds_con .ds_input:after {
    content: "";
    display: block;
    clear: both;
}
.ds_con .ds_input input {
    width: 100%;
}
.ds_con .ds_input .di_45 {
    float: left;
    display: block;
    width: 45%;
}
.ds_con .ds_input .di_10 {
    float: left;
    display: block;
    width: 10%;
    padding-top: 4px;
    text-align: center;
}
.ds_con .ds_benefit ul {
    overflow: hidden;
    padding-left: 75px;
}
.ds_con .ds_benefit ul li {
    float: left;
    width: 50%;
    margin-bottom: 4px;
}
.ds_con .ds_benefit ul li:nth-child(odd) {
    width: 55%;
}
.ds_con .ds_benefit ul li:nth-child(even) {
    width: 45%;
}
.ds_con .ds_benefit ul li input {
    vertical-align: middle;
}
.ds_con .ds_benefit ul li label {
    vertical-align: middle;
}
.ds_btn {
    text-align: center;
}
.ds_btn a {
    display: inline-block;
    width: 75px;
    height: 24px;
    padding-top: 6px;
    border-radius: 3px;
}
/*검색 관련 사항 - 팝업 추가 2015-03-09*/
.ds_con .ds_benefit2 ul {
    overflow: hidden;
    padding-left: 75px;
}
.ds_con .ds_benefit2 ul li {
    margin-bottom: 4px;
}
.ds_con .ds_benefit2 ul li:first-child select {
    color: #777;
}
/* 푸터영역 */
.main_notice {
    border-top: 1px solid #9e9e9e;
    background: #fff;
    position: relative;
}
.main_notice p {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    line-height: 50px;
    height: 50px;
    padding-left: 60px;
    font-size: 16px;
}
.main_notice span {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px;
    font-size: 16px;
    display: block;
    padding-left: 10px;
}
.main_notice span em {
    color: #999;
}

.footer {
    width: 100%;
    padding: 0;
    background: #f4f4f4;
    position: relative;
    padding-bottom: 20px;
}
.footer .btn_floating {
    position: fixed;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 44px;
}

body.footer-bottom-space .footer {
    padding-bottom: 70px;
}

/* 2016-11-25 bae S */
/* 11-16 수정 */
.footer .btn_back_floating {
    display: none;
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 50;
    width: 36px;
    height: 35px;
    background-color: #fff;
    border: 1px #cdcdcd solid;
    border-radius: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -1000px;
}
.footer .btn_back_floating:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 7px;
    width: 21px;
    height: 17px;
    background-position: 0px -330px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
}
/*.footer .btn_fontsize{position: fixed;left: 10px;bottom: 10px;z-index:50;width: 39px;height: 39px;background-position: -75px -155px;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}
.font_zoom .footer .btn_fontsize{background-position: -30px -155px;}*/

/* footer +/- 추가
.footer .btn_fontsize{position: fixed;left: 10px;bottom:6px;z-index:50;width: 100px;height: 39px;}
.footer .btn_fontsize a{background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop2.png);background-repeat: no-repeat;background-size:300px 200px;overflow: hidden;text-indent: -1000px}
.footer .btn_fontsize .btn_fontsize_small.on{display: inline-block;width:40px;height:39px;background-position: 0 0;}
.footer .btn_fontsize .btn_fontsize_large{display: inline-block;width:40px;height:39px;background-position: -40px 0;}
.footer .btn_fontsize .btn_fontsize_small{display: inline-block;width:40px;height:39px;background-position: 0 -39px;}
.footer .btn_fontsize .btn_fontsize_large.on{display: inline-block;width:40px;height:39px;background-position: -40px -39px;}
*/

/* footer +/- 추가 2015-11-03 추기*/
.footer .btn_fontsize {
    position: fixed;
    left: 10px;
    bottom: 6px;
    z-index: 50;
    width: 100px;
    height: 39px;
}
.font_zoom .btn_fontsize.new a,
.footer .btn_fontsize.new a {
    opacity: 0.7;
    position: relative;
    background-color: #e9e9e9;
    border: 1px #c3c3c3 solid;
    border-radius: 5px;
    overflow: hidden;
    text-indent: -9999px;
    box-sizing: border-box;
}
.font_zoom .btn_fontsize.new a:before,
.footer .btn_fontsize.new a:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -4px;
    width: 9px;
    height: 9px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
}

.footer .btn_fontsize .btn_fontsize_large2 {
    display: inline-block;
    width: 41px;
    height: 35px;
    border-left-width: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.footer .btn_fontsize .btn_fontsize_small2 {
    display: inline-block;
    width: 41px;
    height: 35px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.footer .btn_fontsize .btn_fontsize_small2.on {
    background-color: #fff;
}
.footer .btn_fontsize .btn_fontsize_large2.on {
    background-color: #fff;
}

.footer .btn_fontsize .btn_fontsize_large2:before {
    background-position: -90px -351px;
}
.footer .btn_fontsize .btn_fontsize_small2:before {
    background-position: -111px -351px;
}
.footer .btn_fontsize .btn_fontsize_large2.on:before {
    background-position: -90px -330px;
}
.footer .btn_fontsize .btn_fontsize_small2.on:before {
    background-position: -111px -330px;
}

.footer .btn_fontsize .btn_fontsize_large2:after {
    content: "크게";
    position: absolute;
    right: 4px;
    top: 7px;
    color: #aaaaaa;
    text-indent: 0;
    font-size: 1.16em;
    font-weight: bold;
    letter-spacing: -0.1em;
    line-height: 20px;
}
.footer .btn_fontsize .btn_fontsize_small2:after {
    content: "작게";
    position: absolute;
    right: 3px;
    top: 7px;
    color: #aaaaaa;
    text-indent: 0;
    font-size: 1.14em;
    font-weight: bold;
    letter-spacing: -0.08em;
    line-height: 20px;
}
.footer .btn_fontsize .btn_fontsize_large2.on:after {
    color: #565656;
}
.footer .btn_fontsize .btn_fontsize_small2.on:after {
    color: #565656;
}

.font_zoom .footer .btn_fontsize {
    position: fixed;
    left: 10px;
    bottom: 6px;
    z-index: 50;
    width: 100px;
    height: 39px;
}
/* .font_zoom .footer .btn_fontsize a{background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop2.png);background-repeat: no-repeat;background-size:300px 200px;overflow: hidden;text-indent: -1000px} */ /* 2015-11-23 삭제 */
.font_zoom .footer .btn_fontsize .btn_fontsize_small.on {
    display: inline-block;
    width: 40px;
    height: 39px;
    background-position: 0 0;
}
.font_zoom .footer .btn_fontsize .btn_fontsize_large {
    display: inline-block;
    width: 40px;
    height: 39px;
    background-position: -40px 0;
}
.font_zoom .footer .btn_fontsize .btn_fontsize_small {
    display: inline-block;
    width: 40px;
    height: 39px;
    background-position: 0 -39px;
}
.font_zoom .footer .btn_fontsize .btn_fontsize_large.on {
    display: inline-block;
    width: 40px;
    height: 39px;
    background-position: -40px -39px;
}

.footer .btn_top_floating,
.searchWrap.searchWrap_v3 .btn_top_floating,
.searchWrap.searchWrap_v2 .btn_top_floating,
.tvScheduleWrap .btn_top_floating {
    display: none;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 50;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #ec3a54;
    overflow: hidden;
    text-indent: -1000px;
}
.footer .btn_top_floating.v2,
.footer .btn_back_floating.v2 {
    bottom: -3px;
}

.footer .btn_top_floating:before,
.searchWrap.searchWrap_v3 .btn_top_floating:before,
.searchWrap.searchWrap_v2 .btn_top_floating:before,
.tvScheduleWrap .btn_top_floating:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -11px;
    margin-left: -11px;
    width: 21px;
    height: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
    background-position: -30px -330px;
}

.footer .btn_goods_floating {
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 50;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border: 1px #cdcdcd solid;
    border-radius: 40px;
    box-sizing: border-box;
    overflow: hidden;
    text-indent: -1000px;
}
.footer .btn_goods_floating:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    width: 22px;
    height: 21px;
    background-position: -60px -330px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);
    background-repeat: no-repeat;
    background-size: 300px auto;
}

.footer .footer_nav {
    background: #666;
    height: 35px;
    border-top: 1px solid #565b62;
    border-bottom: 1px solid #565b62;
    overflow: hidden;
}
.footer .footer_nav li {
    width: 25%;
    float: left;
    padding-top: 10px;
}
.footer .footer_nav li a {
    display: block;
    font-size: 13px;
    color: #fff;
    text-align: center;
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #a1a1a1;
}
.footer .footer_nav li:last-child a {
    border: none;
}

/* 2016-05-13 푸터 공지사항 추가 */
.footer .notice {
    position: relative;
    height: 39px;
    padding-left: 52px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
.footer .notice .title {
    position: absolute;
    top: 0;
    left: 12px;
    color: #4d4d4d;
    font-size: 14px;
    line-height: 41px;
}
.footer .notice .title span {
    position: relative;
    top: -1px;
    left: 1px;
    color: #bbb;
    font-size: 12px;
}
.footer .notice .noti {
    position: relative;
    line-height: 41px;
}
.footer .notice .noti:after {
    content: "";
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -360px;
    background-size: 300px auto;
}
.footer .notice .noti a {
    display: block;
    overflow: hidden;
    width: 100%;
    color: #666;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -1px;
}

.footer .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.footer .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.footer .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.footer .swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.footer .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

.footer .notice.type02 {
    height: 38px;
    padding-left: 49px;
    padding-right: 6px;
}
.footer .notice.type02 .title {
    left: 10px;
    font-size: 13px;
}
.footer .notice.type02 .swiper-container {
    width: auto;
    padding-right: 60px;
}
.footer .notice.type02 .noti:after {
    display: none;
}
.footer .notice.type02 .swiper-button-prev2 {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    width: 25px;
}
.footer .notice.type02 .swiper-button-prev2:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 22px;
    margin: 8px 0 0 3px;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat;
    background-size: 150px auto;
    background-position: -107px -175px;
}
.footer .notice.type02 .swiper-button-next2 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
}
.footer .notice.type02 .swiper-button-next2:before {
    display: inline-block;
    content: "";
    width: 21px;
    height: 22px;
    margin: 8px 3px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat;
    background-size: 150px auto;
    background-position: -129px -175px;
}

/* //2016-05-13 푸터 공지사항 추가 */

.footer address {
    padding: 15px 10px 0px;
    color: #999;
    font-size: 10px;
}
.footer address .ceo {
    display: block;
    color: #777;
    font-size: 13px;
    padding-bottom: 3px;
    font-weight: bold;
}
.footer address .mail {
    color: #959595;
}
.footer address .btnWhite {
    display: inline-block;
    border-radius: 2px;
    background: #565656;
    color: #fff;
    padding: 4px 7px;
}
.footer address .btn_py {
    display: block;
    padding: 4px 0 7px;
    font-size: 10px;
}
.footer .copy {
    color: #888;
    font-size: 10px;
    display: block;
    text-align: center;
    padding-bottom: 20px;
}
.footer address a {
    color: #999;
    font-size: 10px;
}

.footer .customer_wrap {
    overflow: hidden;
    padding: 10px 0 5px;
}
.footer .customer_wrap li {
    float: left;
    width: 50%;
}
.footer .customer_wrap li p {
    font-size: 10px;
    color: #898989;
    padding-left: 10px;
    border-right: 1px solid #cdcdcd;
}
.footer .customer_wrap li p a {
    color: #898989;
}
.footer .customer_wrap li p span {
    display: block;
    font-size: 21px;
    color: #565656;
}
.footer .customer_wrap li p span a {
    color: #565656;
}

.footer .customer_wrap2 {
    font-size: 10px;
    color: #898989;
    text-align: center;
    padding-top: 8px;
}
.footer .customer_wrap2 span {
    font-size: 21px;
    color: #565656;
    vertical-align: -4px;
    margin-left: 5px;
}

.footer .footer_nav2 {
    border-top: 1px solid #cdcdcd;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.footer .footer_nav2 ul {
    overflow: hidden;
    text-align: center;
}
.footer .footer_nav2 ul li {
    display: inline-block;
}
.footer .footer_nav2 ul li a {
    color: #898989;
    display: inline-block;
    padding: 10px 0;
    font-size: 11px;
}
.footer .footer_nav2 ul li em {
    width: 3px;
    height: 3px;
    vertical-align: middle;
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/common/footer_dot.png) right center no-repeat;
    background-size: 3px 3px;
}

/* 2015-10-05 신규 메인 */
.footer .footer_Nnav {
    background: #565656;
    height: 35px;
    overflow: hidden;
}
.footer .footer_Nnav li {
    width: 25%;
    float: left;
    padding-top: 10px;
}
.footer .footer_Nnav li a {
    display: block;
    font-size: 13px;
    color: #ddd;
    text-align: center;
    height: 15px;
    line-height: 15px;
    border-right: 1px solid #cdcdcd;
}
.footer .footer_Nnav li:last-child a {
    border: none;
}

.footer .footer_Nnav2 {
    border-top: 1px solid #e8e8e8;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
}
.footer .footer_Nnav2 ul {
    overflow: hidden;
    text-align: center;
}
.footer .footer_Nnav2 ul li {
    display: inline-block;
}
.footer .footer_Nnav2 ul li a {
    color: #888;
    display: inline-block;
    padding: 10px 0 5px;
    font-size: 12px;
    font-weight: bold;
}
.footer .footer_Nnav2 ul li em {
    width: 3px;
    height: 3px;
    vertical-align: middle;
    display: inline-block;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -374px;
    background-size: 300px auto;
}

.footer address.addNew {
    padding: 15px 10px 0px;
    color: #888;
    font-size: 12px;
    text-align: center;
}
.footer address .copy {
    color: #898989;
    font-size: 12px;
    display: block;
    text-align: center;
    padding-bottom: 16px;
}
.footer address a {
    color: #4d4d4d;
    font-size: 12px;
}
.footer .adminPhone {
    position: relative;
    height: 30px;
    padding: 10px 0 0;
    overflow: hidden;
}
.footer .adminPhone em {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -83px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -360px;
    background-size: 300px auto;
    font-size: 0;
}
.footer .adminPhone a {
    position: absolute;
    left: 50%;
    margin-left: -60px;
    color: #4d4d4d;
    font-size: 22px;
}

.footer .certify_area {
    text-align: center;
}
.footer .certify_area .ico_mark {
    display: inline-block;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark.png) no-repeat;
    background-size: 155px auto;
    font-size: 0;
    line-height: 0;
}
.footer .certify_area .isms {
    margin-right: 10px;
    background-position: 0 0;
}
.footer .certify_area .pims {
    margin-right: 10px;
    background-position: -55px 0;
}
.footer .certify_area .brand {
    background-position: -110px 0;
}

/* 2016-02-01 푸터개선 */
.footer.v_0201 {
    border-top: 1px solid #ddd;
}
.footer.type2 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
@media all and (max-height: 320px) {
    .footer.type2 {
        position: static;
    }
}

/* 2016-11-18 bae s*/
/* 대카테 영역 */
.dim p {
    position: fixed;
    z-index: 10000;
    opacity: 1;
    left: 286px;
    top: 6px;
    padding: 10px;
    background: #000;
}
.dim p em {
    display: block;
    width: 18px;
    height: 18px;
    background-position: right 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav::-webkit-scrollbar {
    width: 0;
}
.side_nav {
    width: 276px;
    background: #fff;
    overflow-y: scroll;
}
.side_nav .login_area {
    height: 50px;
    line-height: 50px;
    background: #e51835;
    color: #fff;
    font-size: 13px;
    position: relative;
    padding-left: 60px;
}
.side_nav .login_area em {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 50px;
    background-color: #b7142c;
}
.side_nav .login_area em:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 13px;
    width: 27px;
    height: 23px;
    background-position: -90px 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}

.side_nav .login_area .btn_side {
    position: absolute;
    right: 10px;
    top: 12px;
}
.side_nav .login_area .side_btn {
    position: absolute;
    top: 12px;
    right: 10px;
    line-height: normal;
}
.side_nav .login_area .side_btn a {
    display: block;
    float: left;
    position: relative;
    top: 0;
    right: 0;
    margin-left: 7px;
}

.side_nav .event_bx {
    padding: 0;
}
.side_nav .event_bx .myBuddyEventWrap {
    margin: 0;
}

.side_nav .quick_nav {
    overflow: hidden;
    text-align: center;
    font-size: 11px;
    padding: 10px 0;
    border-bottom: 1px solid #cdcdcd;
}
.side_nav .quick_nav li {
    float: left;
    width: 25%;
}
.side_nav .quick_nav li a {
    display: block;
}
.side_nav .quick_nav li:nth-child(2) a {
    border-left: 1px solid #eee;
}
.side_nav .quick_nav li:nth-child(3) a {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}
.side_nav .quick_nav li a em {
    display: block;
    margin: 0 auto 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav .quick_nav li:nth-child(1) a em {
    width: 24px;
    height: 24px;
    background-position: -60px -90px;
} /* 장바구니 */
.side_nav .quick_nav li:nth-child(2) a em {
    width: 28px;
    height: 22px;
    background-position: -120px -60px;
    margin-top: 2px;
}
.side_nav .quick_nav li:nth-child(3) a em {
    width: 18px;
    height: 24px;
    background-position: -90px -90px;
} /*@@@ 2015-04-28 width값 수정*/
.side_nav .quick_nav li:nth-child(4) a em {
    width: 22px;
    height: 23px;
    background-position: -120px -90px;
} /* 알림설정 */

/* 2016-11-18 고객센터, 알림설정 별도 노출 */
.side_nav .quick_nav.v_0201 li:nth-child(1) a em {
    width: 24px;
    height: 24px;
    background-position: -120px -120px;
}
.side_nav .quick_nav li.linkArim a em {
    width: 22px;
    height: 23px;
    background-position: -120px -90px;
}

.side_nav .quick_nav_app {
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #cdcdcd;
    background: #fff;
}
.side_nav .quick_nav_app li {
    float: left;
    width: 50%;
}
.side_nav .quick_nav_app li a {
    display: block;
    font-size: 14px;
    line-height: 31px;
    height: 31px;
}
.side_nav .quick_nav_app li:nth-child(2) a {
    border-left: 1px solid #eee;
}
.side_nav .quick_nav_app li a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav .quick_nav_app li:nth-child(1) a em {
    width: 26px;
    height: 24px;
    background-position: -120px -90px;
}
.side_nav .quick_nav_app li:nth-child(2) a em {
    width: 27px;
    height: 24px;
    background-position: -120px -120px;
}
.side_nav .quick_nav_app li.linkArim a em {
    width: 26px;
    height: 24px;
    background-position: -120px -90px;
}

.side_nav .side_cate {
    background: #ebebeb;
    padding-top: 10px;
    padding-bottom: 10px;
}
.side_nav .side_cate dt {
    height: 43px;
    line-height: 43px;
    background: #fff;
    padding-left: 10px;
    font-size: 12px;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-top: 9px;
}
.side_nav .side_cate dt a {
    display: block;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 11px;
}
.side_nav .side_cate dd {
}
.side_nav .side_cate dd.mT9 {
    margin-top: 9px;
}
.side_nav .side_cate dd p {
    height: 40px;
    background: #fff;
    line-height: 40px;
    padding-left: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    position: relative;
}
.side_nav .side_cate dd p .ico {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 7px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    position: relative;
    top: -1px;
} /*@@@ 2015-07-03 수정*/
.side_nav .side_cate dd.active p .ico {
    background-position: -30px 0;
}
.side_nav .side_cate dd p .arrow {
    position: absolute;
    right: 10px;
    top: 15px;
    display: inline-block;
    width: 16px;
    height: 9px;
    background-position: right -221px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.side_nav .side_cate dd p .flag_new {
    display: inline-block;
    padding: 0 4px;
    margin: 0 0 0 3px;
    line-height: 15px;
    font-size: 11px;
    color: #fff;
    background: #e51937;
}
.side_nav .side_cate dd p .new {
    background-position: 100% -330px;
    width: 37px !important;
    height: 16px !important;
    margin: 0 0 0 5px !important;
    vertical-align: -3px;
}
.side_nav .side_cate dd.active p .arrow {
    background-position: right -231px;
}
.side_nav .side_cate dd ul {
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease;
    height: 0;
    overflow: hidden;
    position: relative;
}
.side_nav .side_cate dd ul li {
}
.side_nav .side_cate dd ul li div {
    height: 40px;
    line-height: 40px;
    background: #f9f9f9;
    color: #565656;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    position: relative;
    padding-left: 45px;
    padding-right: 40px;
}
.side_nav .side_cate dd ul li div a {
    display: block;
}
.side_nav .side_cate dd ul li div em {
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 0;
    display: none;
}
.side_nav .side_cate dd ul li div em span {
    display: inline-block;
    background-position: right -180px;
    width: 17px;
    height: 17px;
    margin: 13px 10px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav .side_cate dd ul li div.act em span {
    background-position: right -197px;
} /*수정. li.act -> div.act*/

.side_nav .side_cate .bookmark > p .ico {
    background-position: -90px -150px;
}
.side_nav .side_cate .bookmark.active > p .ico {
    background-position: -120px -150px;
    background-color: #e8304b;
}
.side_nav .side_cate .bookmark ul li div strong {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 7px;
    border-radius: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    position: relative;
    top: -1px;
}
.side_nav .side_cate .bookmark ul li div em span {
    background-position: right -197px;
}

.side_nav .side_cate .bookmark ul li div.cate3 div strong {
    background-position: -100px -50px;
}
.side_nav .side_cate .bookmark .empty {
    display: block;
    background: #f9f9f9;
    color: #565656;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    position: relative;
    padding: 10px 45px;
}

.side_nav .side_cate dd p em {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 7px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
} /*@@@ 2015-07-03 추가*/
.side_nav .side_cate dd > p > em:first-child {
    border-radius: 20px;
    background-color: #eee;
}
.side_nav .side_cate dd.snsew p .ico2 {
    background-position: -90px -240px;
} /*@@@ 2015-07-03 추가*/
.side_nav .side_cate dd.relay p .ico2 {
    background-position: -90px -210px;
} /*@@@ 2015-07-03 수정*/

/* 아이콘 매칭. 수정. */
.side_nav .side_cate .bookmark ul li[class^="menu1"] div strong {
    background-position: -60px 0px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu2"] div strong {
    background-position: -60px -30px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu3"] div strong {
    background-position: -60px -60px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu4"] div strong {
    background-position: -60px -90px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu5"] div strong {
    background-position: -60px -120px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu6"] div strong {
    background-position: -60px -150px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu7"] div strong {
    background-position: -60px -180px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu8"] div strong {
    background-position: -60px -210px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu9"] div strong {
    background-position: -60px -240px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu10"] div strong {
    background-position: -60px -270px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu11"] div strong {
    background-position: -60px -300px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu12"] div strong {
    background-position: -60px -330px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu13"] div strong {
    background-position: -60px -360px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu14"] div strong {
    background-position: -60px -390px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu15"] div strong {
    background-position: -60px -420px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu16"] div strong {
    background-position: -60px -450px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu17"] div strong {
    background-position: -60px -480px;
    background-color: #fff;
}

.side_nav .side_cate dd.menu1 .ico {
    background-position: 0 0px;
}
.side_nav .side_cate dd.menu2 .ico {
    background-position: 0 -30px;
}
.side_nav .side_cate dd.menu3 .ico {
    background-position: 0 -60px;
}
.side_nav .side_cate dd.menu4 .ico {
    background-position: 0 -90px;
}
.side_nav .side_cate dd.menu5 .ico {
    background-position: 0 -120px;
}
.side_nav .side_cate dd.menu6 .ico {
    background-position: 0 -150px;
}
.side_nav .side_cate dd.menu7 .ico {
    background-position: 0 -180px;
}
.side_nav .side_cate dd.menu8 .ico {
    background-position: 0 -210px;
}
.side_nav .side_cate dd.menu9 .ico {
    background-position: 0 -240px;
}
.side_nav .side_cate dd.menu10 .ico {
    background-position: 0 -270px;
}
.side_nav .side_cate dd.menu11 .ico {
    background-position: 0 -300px;
}
.side_nav .side_cate dd.menu12 .ico {
    background-position: 0 -330px;
}
.side_nav .side_cate dd.menu13 .ico {
    background-position: 0 -360px;
}
.side_nav .side_cate dd.menu14 .ico {
    background-position: 0 -390px;
}
.side_nav .side_cate dd.menu15 .ico {
    background-position: 0 -420px;
}
.side_nav .side_cate dd.menu16 .ico {
    background-position: 0 -450px;
}
.side_nav .side_cate dd.menu17 .ico {
    background-position: 0 -480px;
}

.side_nav .side_cate dd.active.menu1 .ico {
    background-position: -30px 0px;
    background-color: #ff6060;
}
.side_nav .side_cate dd.active.menu2 .ico {
    background-position: -30px -30px;
    background-color: #9dc852;
}
.side_nav .side_cate dd.active.menu3 .ico {
    background-position: -30px -60px;
    background-color: #ff8d9d;
}
.side_nav .side_cate dd.active.menu4 .ico {
    background-position: -30px -90px;
    background-color: #42cce6;
}
.side_nav .side_cate dd.active.menu5 .ico {
    background-position: -30px -120px;
    background-color: #f067c4;
}
.side_nav .side_cate dd.active.menu6 .ico {
    background-position: -30px -150px;
    background-color: #54718d;
}
.side_nav .side_cate dd.active.menu7 .ico {
    background-position: -30px -180px;
    background-color: #ffd339;
}
.side_nav .side_cate dd.active.menu8 .ico {
    background-position: -30px -210px;
    background-color: #8e7467;
}
.side_nav .side_cate dd.active.menu9 .ico {
    background-position: -30px -240px;
    background-color: #58dbbe;
}
.side_nav .side_cate dd.active.menu10 .ico {
    background-position: -30px -270px;
    background-color: #818ce4;
}
.side_nav .side_cate dd.active.menu11 .ico {
    background-position: -30px -300px;
    background-color: #ff9727;
}
.side_nav .side_cate dd.active.menu12 .ico {
    background-position: -30px -330px;
    background-color: #777d8c;
}
.side_nav .side_cate dd.active.menu13 .ico {
    background-position: -30px -360px;
    background-color: #333333;
}
.side_nav .side_cate dd.active.menu14 .ico {
    background-position: -30px -390px;
    background-color: #d6b749;
}
.side_nav .side_cate dd.active.menu15 .ico {
    background-position: -30px -420px;
    background-color: #b16bcb;
}
.side_nav .side_cate dd.active.menu16 .ico {
    background-position: -30px -450px;
    background-color: #28c6d2;
}
.side_nav .side_cate dd.active.menu17 .ico {
    background-position: -30px -480px;
    background-color: #61a9f4;
}

/* 2018-02-06 카테고리 코드 추가버전 스타일 */
/* 아이콘 매칭. 수정. */
.side_nav .side_cate .bookmark ul li[class^="menu1"] div strong {
    background-position: -60px 0px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40003544"] div strong {
    background-position: -60px -30px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40007263"] div strong {
    background-position: -60px -60px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40005672"] div strong {
    background-position: -60px -90px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000001"] div strong {
    background-position: -60px -120px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000007"] div strong {
    background-position: -60px -150px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000005"] div strong {
    background-position: -60px -180px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000004"] div strong {
    background-position: -60px -210px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000002"] div strong {
    background-position: -60px -240px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40007838"] div strong {
    background-position: -60px -270px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000003"] div strong {
    background-position: -60px -300px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40000006"] div strong {
    background-position: -60px -330px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu13"] div strong {
    background-position: -60px -360px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu14"] div strong {
    background-position: -60px -390px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40009830"] div strong {
    background-position: -60px -420px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40009886"] div strong {
    background-position: -60px -450px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40009887"] div strong {
    background-position: -60px -480px;
    background-color: #fff;
}
.side_nav .side_cate .bookmark ul li[class^="menu40010119"] div strong {
    background-position: -60px -390px;
    background-color: #fff;
}

.side_nav .side_cate dd.menu1 .ico {
    background-position: 0 0px;
}
.side_nav .side_cate dd.menu40003544 .ico {
    background-position: 0 -30px;
}
.side_nav .side_cate dd.menu40007263 .ico {
    background-position: 0 -60px;
}
.side_nav .side_cate dd.menu40005672 .ico {
    background-position: 0 -90px;
}
.side_nav .side_cate dd.menu40000001 .ico {
    background-position: 0 -120px;
}
.side_nav .side_cate dd.menu40000007 .ico {
    background-position: 0 -150px;
}
.side_nav .side_cate dd.menu40000005 .ico {
    background-position: 0 -180px;
}
.side_nav .side_cate dd.menu40000004 .ico {
    background-position: 0 -210px;
}
.side_nav .side_cate dd.menu40000002 .ico {
    background-position: 0 -240px;
}
.side_nav .side_cate dd.menu40007838 .ico {
    background-position: 0 -270px;
}
.side_nav .side_cate dd.menu40000003 .ico {
    background-position: 0 -300px;
}
.side_nav .side_cate dd.menu40000006 .ico {
    background-position: 0 -330px;
}
.side_nav .side_cate dd.menu13 .ico {
    background-position: 0 -360px;
}
.side_nav .side_cate dd.menu14 .ico {
    background-position: 0 -390px;
}
.side_nav .side_cate dd.menu40009830 .ico {
    background-position: 0 -420px;
}
.side_nav .side_cate dd.menu40009886 .ico {
    background-position: 0 -450px;
}
.side_nav .side_cate dd.menu40009887 .ico {
    background-position: 0 -480px;
}
.side_nav .side_cate dd.menu40010119 .ico {
    background-position: 0 -390px;
}

.side_nav .side_cate dd.active.menu1 .ico {
    background-position: -30px 0px;
    background-color: #ff6060;
}
.side_nav .side_cate dd.active.menu40003544 .ico {
    background-position: -30px -30px;
    background-color: #9dc852;
}
.side_nav .side_cate dd.active.menu40007263 .ico {
    background-position: -30px -60px;
    background-color: #ff8d9d;
}
.side_nav .side_cate dd.active.menu40005672 .ico {
    background-position: -30px -90px;
    background-color: #42cce6;
}
.side_nav .side_cate dd.active.menu40000001 .ico {
    background-position: -30px -120px;
    background-color: #f067c4;
}
.side_nav .side_cate dd.active.menu40000007 .ico {
    background-position: -30px -150px;
    background-color: #54718d;
}
.side_nav .side_cate dd.active.menu40000005 .ico {
    background-position: -30px -180px;
    background-color: #ffd339;
}
.side_nav .side_cate dd.active.menu40000004 .ico {
    background-position: -30px -210px;
    background-color: #8e7467;
}
.side_nav .side_cate dd.active.menu40000002 .ico {
    background-position: -30px -240px;
    background-color: #58dbbe;
}
.side_nav .side_cate dd.active.menu40007838 .ico {
    background-position: -30px -270px;
    background-color: #818ce4;
}
.side_nav .side_cate dd.active.menu40000003 .ico {
    background-position: -30px -300px;
    background-color: #ff9727;
}
.side_nav .side_cate dd.active.menu40000006 .ico {
    background-position: -30px -330px;
    background-color: #777d8c;
}
.side_nav .side_cate dd.active.menu13 .ico {
    background-position: -30px -360px;
    background-color: #333333;
}
.side_nav .side_cate dd.active.menu14 .ico {
    background-position: -30px -390px;
    background-color: #d6b749;
}
.side_nav .side_cate dd.active.menu40009830 .ico {
    background-position: -30px -420px;
    background-color: #b16bcb;
}
.side_nav .side_cate dd.active.menu40009886 .ico {
    background-position: -30px -450px;
    background-color: #28c6d2;
}
.side_nav .side_cate dd.active.menu40009887 .ico {
    background-position: -30px -480px;
    background-color: #61a9f4;
}
.side_nav .side_cate dd.active.menu40010119 .ico {
    background-position: -30px -390px;
    background-color: #d6b749;
}

/* 아이콘 매칭. 수정. end */

/*.side_nav .side_cate dd:nth-child(3) .ico{background-position: 0 -50px;}
.side_nav .side_cate dd:nth-child(4) .ico{background-position: 0 -100px;}
.side_nav .side_cate dd:nth-child(5) .ico{background-position: 0 -600px;}
.side_nav .side_cate dd:nth-child(6) .ico{background-position: 0 -150px;}
.side_nav .side_cate dd:nth-child(7) .ico{background-position: 0 -200px;}
.side_nav .side_cate dd:nth-child(8) .ico{background-position: 0 -250px;}
.side_nav .side_cate dd:nth-child(9) .ico{background-position: 0 -300px;}
.side_nav .side_cate dd:nth-child(10) .ico{background-position: 0 -350px;}
.side_nav .side_cate dd:nth-child(11) .ico{background-position: 0 -400px;}
.side_nav .side_cate dd:nth-child(12) .ico{background-position: 0 -450px;}
.side_nav .side_cate dd:nth-child(13) .ico{background-position: 0 -500px;}
.side_nav .side_cate dd:nth-child(14) .ico{background-position: 0 -550px;}


.side_nav .side_cate dd.active:nth-child(3) .ico{background-position: -50px -50px;}
.side_nav .side_cate dd.active:nth-child(4) .ico{background-position: -50px -100px;}
.side_nav .side_cate dd.active:nth-child(5) .ico{background-position: -50px -600px;}
.side_nav .side_cate dd.active:nth-child(6) .ico{background-position: -50px -150px;}
.side_nav .side_cate dd.active:nth-child(7) .ico{background-position: -50px -200px;}
.side_nav .side_cate dd.active:nth-child(8) .ico{background-position: -50px -250px;}
.side_nav .side_cate dd.active:nth-child(9) .ico{background-position: -50px -300px;}
.side_nav .side_cate dd.active:nth-child(10) .ico{background-position: -50px -350px;}
.side_nav .side_cate dd.active:nth-child(11) .ico{background-position: -50px -400px;}
.side_nav .side_cate dd.active:nth-child(12) .ico{background-position: -50px -450px;}
.side_nav .side_cate dd.active:nth-child(13) .ico{background-position: -50px -500px;}
.side_nav .side_cate dd.active:nth-child(14) .ico{background-position: -50px -550px;} @@@ 2015-06-08수정*/

.side_nav .cate_new p {
    height: 31px;
    padding-top: 16px;
    padding-left: 10px;
    font-size: 11px;
    position: relative;
}
.side_nav .cate_new p a {
    display: block;
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 11px;
}
.side_nav .cate_new p a em {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -90px -330px;
    margin: 0 0 0 3px;
    vertical-align: middle;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav .cate_new ul {
    overflow: hidden;
    padding: 0 10px 20px;
}
.side_nav .cate_new ul li {
    width: 25%;
    float: left;
}
.side_nav .cate_new ul li a {
    display: block;
    width: 60px;
}
.side_nav .cate_new ul li img {
    width: 60px;
    height: 60px;
}
.side_nav .cate_new ul li span {
    display: block;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 122px;
    overflow: hidden;
    color: #565656;
}
.side_nav .cate_new ul li strong {
    font-size: 15px;
    font-weight: normal;
}
.side_nav .pc_ver {
    display: block;
    background: #8e8e8e;
    text-align: center;
    color: #fff;
    height: 35px;
    line-height: 35px;
}

.side_nav .best_of_best {
    background: #ebebeb;
    overflow: hidden;
    padding-bottom: 10px;
}
.side_nav .best_of_best li {
    width: 50%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #cdcdcd;
}
.side_nav .best_of_best li a {
    display: block;
    padding-left: 10px;
    line-height: 40px;
    height: 40px;
    font-size: 15px;
}
.side_nav .best_of_best li:first-child a {
    border-right: 1px solid #eee;
}
.side_nav .best_of_best li:last-child a {
    padding-left: 15px;
}
.side_nav .best_of_best li a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background-position: -90px -270px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
    position: relative;
    top: -2px;
}
.side_nav .best_of_best li:last-child a em {
    background-position: -120px -270px;
}

/* 일사천리 홍보방송 다시보기 2016-10-27 */
.side_nav .small_biz_tv {
    padding: 0 0 10px;
    background: #ebebeb;
}
.side_nav .small_biz_tv a {
    display: block;
    position: relative;
    height: 40px;
    padding: 0 0 0 10px;
    line-height: 40px;
    border-bottom: 1px solid #cdcdcd;
    background: #f9f9f9;
    font-size: 13px;
    color: #333;
}
/*.side_nav .small_biz_tv a:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px;margin:-15px 0 0;background-position: -226px 0;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png);background-repeat: no-repeat;background-size:300px 200px;}*/

/* 왼쪽메뉴에 오늘의 추천메뉴 추가사항 */
.side_nav .side_cate dd.today_recommend p em {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 7px;
}
.side_nav .side_cate dd.today_recommend p .ico_recommend {
    background-position: -90px -180px;
}
.side_nav .side_cate dd.today_recommend p .new {
    background-position: 100% -330px;
    width: 37px !important;
    height: 16px !important;
    margin: 0 0 0 5px !important;
}
/* 2016-11-18 bae e */

/* 2015-10-16 신규 search -------------------------------*/
.searchWrap {
    margin-top: 45px;
    background: #e9e8e8;
}
.searchWrap.searchWrap_v2 {
    margin-top: 51px;
}

/* 2016-11-22 bae s */
/* 2015-10-16  headerNew */
.headerNew {
    position: fixed;
    height: 44px;
    background: #fff;
    z-index: 5000;
}
.headerNew h1 {
    position: absolute;
    left: 50%;
    margin-left: -39px;
    top: 12px;
}
.headerNew h1 a {
    display: block;
    width: 78px;
    height: 20px;
    background-position: right 0px;
    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;
}
.headerNew .btn_sidenav {
    position: absolute;
    left: 10px;
    top: 11px;
    z-index: 11;
}
.headerNew .btn_sidenav span {
    display: block;
    width: 23px;
    height: 19px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);
    background-repeat: no-repeat;
    background-size: 300px 400px;
    overflow: hidden;
    text-indent: -1000px;
}
.headerNew .btn_gnb_orderBox {
    position: absolute;
    top: 5px;
    right: 50px;
    display: block;
    width: 31px;
    height: 31px;
    background-position: 0 -22px;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);
    background-repeat: no-repeat;
    background-size: 300px 400px;
    overflow: hidden;
}
.headerNew .btn_gnb_orderBox span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    color: transparent;
}
.headerNew .btn_gnb_search {
    position: absolute;
    top: 5px;
    right: 10px;
    display: block;
    width: 31px;
    height: 31px;
    background-position: -40px -22px;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);
    background-repeat: no-repeat;
    background-size: 300px 400px;
    overflow: hidden;
}
.headerNew .btn_gnb_search span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    color: transparent;
}
.headerNew .orderBox em {
    display: block;
    position: absolute;
    top: 5px;
    right: 48px;
    width: 15px;
    height: 15px;
    background: #474e56;
    border-radius: 10px;
    border: 1px solid #fff;
}
.headerNew .orderBox span.orderNum {
    display: block;
    position: absolute;
    top: 8px;
    right: 50px;
    width: 13px;
    height: 11px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.lineMain {
    border-bottom: 1px solid #ececec;
}
.lineSub {
    border-bottom: 1px solid #cdcdcd;
}

/* header 개선작업 2016-03-14 */
.headerNew.header_v2:after {
    display: block;
    content: "";
    clear: both;
}
.headerNew.header_v2 h1 {
    left: 52px;
    top: 15px;
    margin: 0;
}
.headerNew.header_v2 h1 a {
    width: 68px;
    height: 16px;
    background-position: right 0px;
}
.headerNew.header_v2 .btn_sidenav {
    display: block;
    top: 15px;
}
.headerNew.header_v2 .btn_sidenav span {
    display: block;
    width: 23px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 0;
    background-size: 300px auto;
}
.headerNew.header_v2 .orderBox {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 21px;
    height: 21px;
    padding: 4px 6px 0 0;
}
.headerNew.header_v2 .orderBox .btn_gnb_orderBox {
    position: static;
    width: 21px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px 0;
    background-size: 300px auto;
}
.headerNew.header_v2 .orderBox:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background: #474e56;
    border-radius: 10px;
    border: 1px solid #fff;
}
.headerNew.header_v2 .orderBox span.orderNum {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 11px;
}

.headerNew.header_v2 .btn_gnb_search {
    display: block;
    position: absolute;
    top: 8px;
    left: 139px;
    right: 45px;
    box-sizing: border-box;
    width: auto;
    height: 29px;
    border: 1px solid #e51937;
    -webkit-border-radius: 30px;
    background: none;
}
.headerNew.header_v2 .btn_gnb_search:after {
    display: block;
    content: "";
    position: absolute;
    right: 13px;
    top: 5px;
    width: 17px;
    height: 17px;
    background: url("//image.hnsmall.com/images/mobile2014/common/ico_header.png") no-repeat 0 0;
    background-size: 300px auto;
    background-position: -60px 0px;
}

.headerNew.type2 {
    border-bottom: 1px solid #6b6b6b;
}
.headerNew.type2 h1 {
    left: 15px;
    top: 13px;
    margin: 0;
}
.headerNew.type2 h1 a {
    width: 52px;
    height: 20px;
    background-position: 0 -270px;
}

/* header 검색 버튼 UI변경 2016-09-08 */
.headerNew.header_v2 .btn_gnb_search.type02 {
    top: 7px;
    right: 10px;
    height: 31px;
    border: 2px solid #e51937;
    border-radius: 0;
}

/* header UI개선 2017-03-07 */
.headerNew.header_v3 {
    left: 0;
    right: 0;
    width: auto;
    padding: 0 131px 0 89px; /*padding:0 131px 0 112px;*/
}
.headerNew.header_v3:after {
    display: none;
    content: "";
    clear: both;
}
.headerNew.header_v3 h1 {
    left: 34px; /*left:46px;*/
    top: 50%;
    margin: -9px 0 0;
}
.headerNew.header_v3 h1 a {
    width: 44px;
    height: 17px; /*width:52px; height:20px;*/
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -180px;
    background-size: 300px auto;
}
.headerNew.header_v3 .btn_sidenav {
    display: block;
    top: 14px; /*top:15px;*/
}
.headerNew.header_v3 .btn_sidenav span {
    display: block;
    width: 17px;
    height: 16px; /*width:23px;height:16px;*/
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -268px -180px;
    background-size: 300px auto;
}
.headerNew.header_v3 .orderBox {
    overflow: hidden;
    position: absolute;
    right: 8px; /*right:10px;*/
    top: 50%;
    width: 30px;
    height: 24px;
    margin: -12px 0 0;
    padding: 0;
}
.headerNew.header_v3 .orderBox .btn_gnb_orderBox {
    position: static;
    width: 23px;
    height: 24px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -270px;
    background-size: 300px auto;
}
.headerNew.header_v3 .orderBox:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    background: #474e56;
    border-radius: 10px;
    border: 1px solid #fff;
}
.headerNew.header_v3 .orderBox span.orderNum {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 15px;
    padding: 1px 0 0;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    overflow: hidden;
}

.headerNew.header_v3 .btn_gnb_search {
    display: block;
    overflow: hidden;
    position: relative;
    top: 8px;
    right: 0;
    box-sizing: border-box;
    width: auto;
    height: 29px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #eee;
}
.headerNew.header_v3 .btn_gnb_search:after {
    display: block;
    content: "";
    position: absolute;
    right: 13px;
    top: 5px;
    width: 17px;
    height: 17px;
    background: url("//image.hnsmall.com/images/mobile2014/common/ico_header.png") no-repeat -120px -270px;
    background-size: 300px auto;
}

.headerNew.header_v3 .btnTvSchedule {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 51px;
    top: 50%;
    width: 28px;
    height: 24px;
    margin: -12px 0 0;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat;
    background-position: -60px -270px;
    background-size: 300px auto;
}
.headerNew.header_v3 .btnTvSchedule.ver02 {
    right: 47px;
    width: 38px;
    background-position: -210px -270px;
    background-size: 300px auto;
}
.headerNew.header_v3 .btnTvSchedule.ver03 {
    right: 48px;
    width: 38px;
    height: 28px;
    margin: -15px 0 0;
    background: none;
}
.headerNew.header_v3 .btnTvSchedule.ver03 img {
    width: 38px;
    height: 28px;
    vertical-align: top;
}
.headerNew.header_v3 .btnTvSchedule.ver04 {
    width: 88px;
    height: 29px;
    right: 41px;
    top: 8px; /*right:43px; width:85px; height:29px;*/
    margin: 0;
    background-position: right -210px;
    background-size: 300px auto;
}

.headerNew.header_v3.error_type {
    border-bottom: 1px solid #ececec;
}
.headerNew.header_v3.error_type h1 {
    left: 50%;
    margin-left: -26px;
}

/* 앱설치 안내 배너 */
.app_setup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #faf3da;
    z-index: 1005;
}
.app_setup.v2 {
    height: 80px;
}
.app_setup > a {
    display: block;
    text-align: center;
}
.app_setup img {
    width: auto;
    height: 45px;
    vertical-align: top;
}
.app_setup.v2 img {
    height: 70px;
}
.app_setup + .headerNew {
    top: 45px;
}
.app_setup ~ .rn_gnb_wrap {
    top: 90px;
}
.app_setup ~ .v2.rn_gnb_wrap {
    top: 90px;
}
.app_setup ~ #floatingCategory.tvplus.v2 {
    /*top:125px;*/
    top: 300px;
}
.app_setup ~ main .mainContent {
    padding-top: 125px;
    background-position: center 245px;
}
.app_setup ~ main .contents {
    padding-top: 90px;
}
.app_setup ~ main .order .cart_btn.active {
    top: 90px;
}
.app_setup .btn-close-appbnr {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: 0;
    font-size: 1px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/btn_close_appdown.png) no-repeat 100% 0;
    background-size: 25px;
}

.app_setup > .app {
    display: none;
}
.app_setup > .app_x2 {
    display: block;
}

@media all and (max-width: 374px) {
    .app_setup > .app {
        display: block;
    }
    .app_setup > .app_x2 {
        display: none;
    }
    .app_setup > .app {
        background: #6547e3 !important;
    }
}

/* 2016-11-22 bae e */
/* 검색 */
.searchHeader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    z-index: 1000;
}
.searchHeader .btn_pre {
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 6;
}
.searchHeader .btn_pre span {
    display: block;
    width: 22px;
    height: 20px;
    background-position: -220px -100px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -60px;
    background-size: 300px auto;
    overflow: hidden;
    text-indent: -1000px;
}
.searchHeader .search_box {
    position: relative;
    padding: 7px 10px 0 10px;
    z-index: 5;
}
.searchHeader .search_box fieldset span {
    border: 1px solid #e51937;
    border-radius: 50px;
    display: block;
    padding: 3px 10px 0;
    margin: 0 46px 0 35px;
    background: #fff;
    position: relative;
    border: 1px solid #ca132e;
    height: 30px;
}
.searchHeader .search_box fieldset span input {
    width: 100%;
    border: 0;
    color: #666;
    font-size: 12px;
    background: #fff;
    text-indent: 0;
}
.searchHeader .search_box fieldset span input[type="text"] {
    width: 92%;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}
.searchHeader .search_box ::-webkit-input-placeholder {
    color: #333;
    font-weight: normal;
}
.searchHeader .search_box :-moz-input-placehorder {
    color: #333;
    opacity: 1;
    font-weight: normal;
}
.searchHeader .search_box ::-moz-input-placehorder {
    color: #333;
    opacity: 1;
    font-weight: normal;
}
.searchHeader .search_box :-ms-input-placehorder {
    color: #333;
    opacity: 1;
    font-weight: normal;
}
.searchHeader .search_box .btn_gnb_search {
    overflow: hidden;
    display: block;
    position: absolute;
    top: 7px;
    right: 12px;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background: #e51937;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.searchHeader .search_box .btn_gnb_search:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 7px;
    left: 8px;
    width: 19px;
    height: 19px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -60px;
    background-size: 300px auto;
}
.searchHeader .search_box .btn_gnb_del {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 68px;
    top: 15px;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: none;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.searchHeader .search_box .btn_gnb_del:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;
    background-size: 300px auto;
}

/* 검색 관련 사항 - 연관 검색어 */
.searchOn {
    overflow: hidden;
    width: 100%;
    background: #fff;
}
.searchOn ul {
    border-right: 1px solid #eeeeee;
}
.searchOn ul li {
    border-bottom: 1px solid #eeeeee;
}
.searchOn ul li a {
    display: block;
    padding: 0 15px 0 20px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}
.searchOn ul li a em {
    color: #e51937;
}
.searchOn ul li:first-child a {
    border-top: none;
}

/* 검색 관련 사항 - 최근 검색어  - tab */
.searchText {
    margin: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #b5b5b5;
}
.searchText .searchTap:after {
    content: "";
    display: block;
    clear: both;
}
.searchText .searchTap li {
    float: left;
    width: 50%;
}
.searchText .searchTap li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eeeeee;
    font-size: 15px;
    font-weight: bold;
    color: #999999;
    text-align: center;
    background: #fafafa;
}
.searchText .searchTap .on a {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #e51937;
}
.searchText .searchTap li:nth-child(2).on a {
    border-left: 1px solid #eeeeee;
    border-right: none;
}

/* 검색 관련 사항 - 최근 검색어 */
.searchText .searchList {
    padding-top: 3px;
    background: #fff;
}
.searchList li {
    position: relative;
    padding: 0 15px;
    border-bottom: 1px solid #eeeeee;
}
.searchList li:last-child {
    border: none;
}
.searchList li a {
    position: relative;
    display: block;
    padding: 9px 20px 9px 0;
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.searchList li .btn_shsr_del {
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
    width: 12px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -60px;
    background-size: 300px auto;
    text-indent: -9999px;
    cursor: pointer;
}

/* 검색 관련 사항 - 인기 검색어 */
.searchList li a em {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_tvbest_num.png) no-repeat;
    background-size: 400px 250px;
    text-indent: -9999px;
    vertical-align: middle;
}
.searchList li a em.best1 {
    background-position: 0 0;
}
.searchList li a em.best2 {
    background-position: 0 -25px;
}
.searchList li a em.best3 {
    background-position: 0 -50px;
}
.searchList li a em.best4 {
    background-position: 0 -75px;
}
.searchList li a em.best5 {
    background-position: 0 -100px;
}
.searchList li a em.best6 {
    background-position: -20px 0;
}
.searchList li a em.best7 {
    background-position: -20px -25px;
}
.searchList li a em.best8 {
    background-position: -20px -50px;
}
.searchList li a em.best9 {
    background-position: -20px -75px;
}
.searchList li a em.best10 {
    background-position: -20px -100px;
}
.searchList li a .st_rank_con {
    position: absolute;
    right: 0;
    top: 11px;
    font-size: 13px;
    color: #333333;
}
.searchList li a .st_rank_con.new {
    color: #e51937;
}
.searchList li a .st_rank_con em {
    display: inline-block;
    position: relative;
    top: 4px;
    vertical-align: top;
    width: 10px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -109px -60px;
    background-size: 300px auto;
    text-indent: -9999px;
}
.searchList li a .st_rank_con .src_up {
    background-position: -110px -63px;
    height: 8px;
}
.searchList li a .st_rank_con .src_down {
    background-position: -110px -73px;
    height: 8px;
}
.searchList li a .st_rank_con .src_static {
    background-position: -109px -60px;
    width: 11px;
    height: 1px;
    top: 8px;
}

/* 검색 관련 사항 - 검색된 내역이 없을때 */
.searchNone {
    padding: 40px 0;
    background: #fff;
}
.searchNone p {
    font-size: 13px;
    color: #999999;
    text-align: center;
}

.searchWrap.searchWrap_v2 .searchNone {
    border-bottom: 1px solid #b5b5b5;
    padding-top: 70px;
}
.searchWrap.searchWrap_v2 .searchNone p {
    font-size: 15px;
}

/* 검색 관련 사항 - 버튼 검색기록 삭제 */
.searchDel p {
    padding: 2px;
    text-align: center;
}
.searchDel p a {
    font-size: 14px;
    color: #333333;
}

/* 추가적립10% flag */

/*2015-12-22 footer 수정*/

/* 2015-10-05 신규 메인 */
.footer .footer_Nnav {
    background: #ddd;
}
.footer .footer_Nnav li a {
    color: #565656;
    font-size: 14px;
}

.searchText .searchList_v2 {
    padding: 50px 10px 15px 10px;
    border-bottom: 1px solid #b5b5b5;
}
.searchList_v2:after {
    display: block;
    content: "";
    clear: both;
}
.searchList_v2 li {
    float: left;
    width: 48.5%;
    padding: 0 12px 0 15px;
    margin: 0 0 7px 0;
    border: 1px solid #eee;
    border-radius: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchList_v2 li:nth-child(2n + 1) {
    margin-right: 1.5%;
}
.searchList_v2 li:nth-child(2n) {
    margin-left: 1.5%;
}
.searchList_v2 li:last-child {
    border: 1px solid #eee;
}
.searchList_v2 li .btn_shsr_del {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_search.gif) no-repeat 0 -21px;
    background-size: 30px 90px;
    width: 11px;
    height: 11px;
    top: 13px;
    right: 12px;
}
.searchList_v2 li a {
    height: 18px;
    padding-top: 10px;
    line-height: 18px;
}
.searchList_v2 li a .st_rank_con {
    top: 11px;
    right: 5px;
}
.searchList_v2 li a .st_rank_con em {
    position: relative;
    top: 4px;
    width: 10px;
    height: 8px;
    margin: 0;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -109px -60px;
    background-size: 300px auto;
    display: inline-block;
    text-indent: -1000em;
}
.searchList_v2 li a .st_rank_con .src_up {
    background-position: -110px -63px;
}
.searchList_v2 li a .st_rank_con .src_down {
    background-position: -110px -73px;
}
.searchList_v2 li a .st_rank_con .src_static {
    background-position: -109px -60px;
    width: 11px;
    height: 1px;
    left: 0;
    top: 8px;
}
.searchList_v2 li a .st_rank_con .src_new {
    background-position: -90px -76px;
    width: 14px;
    height: 14px;
    left: 2px;
    top: 2px;
}

.searchList_v2 li.rank a {
    color: #e51937;
}
.searchList_v2 li a em {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_num.gif) no-repeat;
    background-size: 217px 29px;
    width: 19px;
    height: 13px;
    margin-right: 5px;
}
.searchList_v2 li a em.best1 {
    background-position: 0 0;
}
.searchList_v2 li a em.best2 {
    background-position: -19px 0;
}
.searchList_v2 li a em.best3 {
    background-position: -41px 0;
}
.searchList_v2 li a em.best4 {
    background-position: -63px 0;
}
.searchList_v2 li a em.best5 {
    background-position: -86px 0;
}
.searchList_v2 li a em.best6 {
    background-position: -108px 0;
}
.searchList_v2 li a em.best7 {
    background-position: -130px 0;
}
.searchList_v2 li a em.best8 {
    background-position: -152px 0;
}
.searchList_v2 li a em.best9 {
    background-position: -174px 0;
}
.searchList_v2 li a em.best10 {
    background-position: -197px 0;
}
.searchList_v2 li a em.best11 {
    background-position: 0 -17px;
}
.searchList_v2 li a em.best12 {
    background-position: -19px -17px;
}
.searchList_v2 li a em.best13 {
    background-position: -41px -17px;
}
.searchList_v2 li a em.best14 {
    background-position: -63px -17px;
}
.searchList_v2 li a em.best15 {
    background-position: -86px -17px;
}
.searchList_v2 li a em.best16 {
    background-position: -108px -17px;
}
.searchList_v2 li a em.best17 {
    background-position: -130px -17px;
}
.searchList_v2 li a em.best18 {
    background-position: -152px -17px;
}
.searchList_v2 li a em.best19 {
    background-position: -174px -17px;
}
.searchList_v2 li a em.best20 {
    background-position: -197px -17px;
}

.searchOn:after {
    display: block;
    content: "";
    clear: both;
}
.searchOn .autoText {
    float: left;
    width: 50%;
}
.searchOn .autoText ul li {
    width: 100%;
}
.searchOn .autoText:nth-child(2) {
    margin: 0 0 0 -1px;
    border-left: 1px solid #eeeeee;
}
.searchOn .autoText:nth-child(2) ul {
    border: none;
}
.searchThumb {
    float: right;
    width: 50%;
    margin-left: -1px;
    border-left: 1px solid #eeeeee;
}
.thumArea {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
}
.thumArea:first-child {
    margin: 0;
}
.thumArea .img_thumb {
    position: relative;
    width: 90%;
    height: 30%;
    margin: 0 auto;
    overflow: hidden;
}
.thumArea .img_thumb img {
    width: 100%;
}

.thumArea a p.tit {
    font-size: 14px;
    margin-bottom: 2px;
    padding: 10px 10px 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
}
.thumArea a p.tit strong {
    color: #e51937;
    font-weight: normal;
}

.thumArea .base {
    padding: 5px 10px 0 10px;
    font-size: 12px;
}
.thumArea .base .price {
    font-family: Arial;
    text-decoration: line-through;
    color: #666666;
}
.thumArea .base .textWon {
    color: #666666;
}
.thumArea dl {
    padding: 3px 10px 0 10px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
}
.thumArea dl dt {
    display: block;
    font-size: 12px;
    width: 72px;
    color: #222;
    line-height: 15px;
    height: 15px;
}
.thumArea dl dd {
    display: block;
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    text-align: right;
}
.thumArea dl dd strong {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.thumArea dl dd strong.priceRed {
    color: #e51937;
}
.thumArea dl dd strong.priceGray {
    color: #777;
}
.thumArea dl dd span.textWonRed {
    color: #e51937;
    font-weight: bold;
}
.thumArea dl dd span.textWonGray {
    color: #777;
}
@media all and (max-width: 320px) {
    .thumArea dl dt {
        font-size: 11px;
        width: 60px;
    }
    .thumArea dl dd {
        font-size: 11px;
    }
}

.searchTop_fix {
    position: fixed;
    top: 51px;
    z-index: 100;
    background-color: #fff;
    width: 100%;
}
.searchTop_fix .searchTap {
}
.searchTop_fix .searchTap li {
    height: 43px;
    border-bottom: 1px solid #eee;
    line-height: 43px;
    position: relative;
}
.searchTop_fix .searchTap li a {
    background: #fff;
    display: block;
    padding: 0;
    border-bottom: 0;
    color: #666;
}
.searchTop_fix .searchTap .on a {
    border-right: none;
    height: 38px;
    width: 60%;
    margin: 0 auto;
}
.searchTop_fix p {
    border-bottom: 3px solid #e51937;
    width: 30%;
    height: 3px;
    position: absolute;
    bottom: 1px;
    z-index: 1000;
}

.searchTop_fix .searchTap li:nth-child(2).on a {
    border-left: none;
}
.btn_more {
    text-align: center;
    background: #eee;
    font-size: 13px;
    padding: 10px 0;
    color: #666;
}
.btn_more span.ico_arr {
    display: inline-block;
    margin-left: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -116px -83px;
    background-size: 300px auto;
    width: 4px;
    height: 7px;
}
.searchOn .btn_more span.ico_arr {
    vertical-align: 1px;
}
.searchText_v2 {
    background: #fff;
    padding: 8px 0 10px 0;
    margin: 0;
}
.searchText_v2 .searchNone {
    border-bottom: 1px solid #b5b5b5;
    padding-top: 70px;
}
.mov {
    position: relative;
    width: 100%;
}
.tapcon_v2 {
    position: absolute;
    left: 0;
    width: 100%;
}
.tapcon_v3 {
    position: absolute;
    left: 100%;
    width: 100%;
}
.tapcon_v3 ul {
    border-bottom: 1px solid #b5b5b5;
}

/*TV편성표 검색 - 자동완성 검색 UI 현행화 2017-02-14 */
.searchOn.ver02 {
    background: #e9e8e8;
}
.searchOn.ver02:after {
    display: block;
    content: "";
    clear: both;
}
.searchOn.ver02 .autoText {
    float: none;
    width: 100%;
    padding: 9px 0 10px 10px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}
.searchOn.ver02 ul:after {
    content: "";
    clear: both;
    display: block;
}
.searchOn.ver02 ul li {
    float: left;
    width: auto;
    margin: 0 15px 0 0;
    line-height: 26px;
    border: none;
}
.searchOn.ver02 ul li a {
    padding: 0;
    height: auto;
    line-height: inherit;
    font-size: 14px;
    color: #000;
}
.searchOn.ver02 ul li span {
    color: #e51937;
}
.searchOn.ver02 .searchThumb_tit {
    padding: 1px 15px 0;
    margin: 10px 0 5px;
    line-height: 36px;
    font-size: 15px;
    color: #000;
    text-align: left;
    background: #fff;
    letter-spacing: -1px;
}
.searchOn.ver02 .searchThumb {
    float: none;
    box-sizing: border-box;
    width: 100%;
    padding: 0 15px;
    border: none;
    background: #fff;
}
.searchOn.ver02 .searchThumb:after {
    display: block;
    content: "";
    clear: both;
}
.searchOn.ver02 .searchThumb .thumArea {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 15px 8px 15px 0;
    border: none;
}
.searchOn.ver02 .searchThumb .thumArea:nth-child(2) {
    padding: 15px 0 15px 8px;
}
.searchOn.ver02 .searchThumb .thumArea .img_thumb {
    width: 100%;
}
.searchOn.ver02 .searchThumb .thumArea a p.tit,
.search_find .thumArea .base,
.search_find .thumArea dl {
    padding-left: 0;
    padding-right: 0;
}
.searchOn.ver02 .searchThumb .thumArea .base {
    padding: 5px 0 0;
}
.searchOn.ver02 .searchThumb .thumArea dl {
    padding: 3px 0 0;
}

/* 검색기록 삭제 버튼 2016-02-16 */
.searchText_v2 .searchDel p {
    padding: 15px 2px 2px;
}

/* s : 인기검색어 최근검색어 UI개선 2016-11-01 */
.searchWrap.searchWrap_v3 {
    margin: 51px 0 0;
}
.searchWrap.searchWrap_v3 .searchText {
    padding: 41px 0 0;
    margin: 0;
}
.searchWrap.searchWrap_v3 .searchTop_fix .searchTap li {
    height: auto;
    line-height: normal;
    border-bottom: 1px solid #eee;
}
.searchWrap.searchWrap_v3 .searchTop_fix .searchTap li a {
    display: block;
    width: auto;
    height: 39px;
    padding: 1px 0 0;
    line-height: 39px;
    border-bottom: none;
}
.searchWrap.searchWrap_v3 .searchTop_fix .bar {
    left: 10%;
}
.searchWrap.searchWrap_v3 .searchText.nofixed {
    padding: 0;
}
.searchWrap.searchWrap_v3 .searchText.nofixed .searchTop_fix {
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
}

.searchWrap.searchWrap_v3 .searchText .search_history {
    display: none;
}
.searchWrap.searchWrap_v3 .searchText .searchList {
    overflow: hidden;
    padding: 0;
}
.searchWrap.searchWrap_v3 .searchText .searchList li {
    -webkit-box-sizing: border-box;
    float: left;
    width: 50%;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #f3f3f3;
}
.searchWrap.searchWrap_v3 .searchText .searchList li:last-child {
    border-bottom: 1px solid #f3f3f3;
}
.searchWrap.searchWrap_v3 .searchText .searchList li a {
    height: 30px;
    padding: 1px 0 0 15px;
    line-height: 30px;
    font-size: 13px;
}
.searchWrap.searchWrap_v3 .searchText .searchList li .btn_shsr_del {
    top: 50%;
    right: 5px;
    width: 11px;
    height: 11px;
    margin: -6px 0 0;
}
.searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) {
    padding: 0 28px 0 0;
}
.searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) a {
    padding: 1px 0 0 7px;
}
.searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) .btn_shsr_del {
    right: 15px;
}

.searchWrap.searchWrap_v3 .searchText .searchDel p {
    padding: 0 15px;
    text-align: right;
    background: #f7f7f7;
}
.searchWrap.searchWrap_v3 .searchText .searchDel p a {
    display: inline-block;
    height: 29px;
    padding: 1px 0 0;
    line-height: 29px;
    font-size: 12px;
}

.searchWrap.searchWrap_v3 .searchNone {
    -webkit-box-sizing: border-box;
    height: 160px;
    padding: 72px 0 0;
}

.searchWrap.searchWrap_v3 .searchText .search_top {
    display: none;
    margin: 0 -1px;
}
.searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 {
    overflow: hidden;
    width: 100%;
    border: none;
}
.searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li {
    float: left;
    width: 50%;
    padding: 0;
    margin: 0 0 -1px;
    border: none;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-radius: 0;
}
.searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li a {
    padding: 1px 30px 0 15px;
}
.searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li a .st_rank_con {
    top: 50%;
    right: 14px;
    margin: -9px 0 0;
}

.searchWrap.searchWrap_v3 .popularListWrap {
    border-bottom: none;
}
.searchWrap.searchWrap_v3 .banner_bx > a {
    display: block;
    text-align: center;
}
.searchWrap.searchWrap_v3 .banner_bx img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* 2020-03-17 최근검색어 & 인기검색어 하단 탭바 수정 */
.searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar {
    display: none;
    -webkit-transition: left 0.5s ease;
}
.searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar.bar_recent {
    display: block;
    left: 10%;
}
.searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar.bar_popular {
    display: block;
    left: 60%;
}

/* 최근검색어 인기검색어 검색 인기상품 추가 2016-10-31 */
.popularListWrap {
    margin: 10px 0 0;
    padding: 0;
    border-bottom: 1px solid #e0e0e0;
}
.popularListWrap .popularTit {
    padding: 1px 15px 0;
    margin: 0 0 5px;
    line-height: 36px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    background: #fff;
    letter-spacing: -1px;
}
.popularListWrap .popularTit.type02 {
    font-size: 15px;
    text-align: left;
}
.popularListWrap .popularSlideBox {
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px;
    background: #fff;
}
.popularListWrap .popularSlideBox ul {
    overflow: hidden;
    width: 100000px;
    padding: 0;
}
.popularListWrap .popularSlideBox ul li {
    float: left;
    width: 100px;
    padding: 0 7px 0;
}
.popularListWrap .popularSlideBox ul li a {
    display: block;
    position: relative;
}
.popularListWrap .popularSlideBox ul li .imgBox {
    display: block;
    text-align: center;
}
.popularListWrap .popularSlideBox ul li .imgBox img {
    width: 100px;
    height: 100px;
}
.popularListWrap .popularSlideBox ul li .tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    min-height: 30px;
    margin: 4px 0 0;
    line-height: 15px;
    font-size: 13px;
    font-weight: normal;
    color: #000;
}
.popularListWrap .popularSlideBox ul li .priceBox {
    display: block;
    margin: 5px 0 0;
    line-height: 17px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}
.popularListWrap .popularSlideBox ul li .priceBox em {
    font-size: 12px;
}
.popularListWrap .popularSlideBox ul li .totalArea {
    position: relative;
    margin-top: 5px;
    padding-top: 9px;
}
.popularListWrap .popularSlideBox ul li .totalArea .totalTit {
    position: absolute;
    top: 0;
    left: 0;
    color: #666;
    font-size: 11px;
    letter-spacing: -1px;
}

/* 2016-01-18 상품 상세 상단 헤더 변경 */
header.header_prd_detail {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 51px;
    z-index: 2002;
}
header.header_prd_detail .blind {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -999em;
}
header.header_prd_detail .bgBox {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    width: 100%;
    height: 90px;
    padding: 10px 10px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), color-stop(65%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 65%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 65%);
}
header.header_prd_detail .bgBox .bg01 {
    float: left;
    padding: 7px 0 0;
    margin-top: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -30px;
    background-size: 300px auto;
    width: 22px;
    height: 20px;
}
header.header_prd_detail .bgBox .bg02 {
    float: right;
    height: 26px;
    padding: 4px 0 0;
    text-align: right;
}
header.header_prd_detail .bgBox .bg02 > span {
    display: inline-block;
    overflow: hidden;
    width: 26px;
    height: 23px;
    margin: 0 5px 0 0;
    color: transparent;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_detail_header.png) no-repeat;
    background-size: 107px 60px;
}
header.header_prd_detail .bgBox .bg02 > span:last-child {
    margin: 0;
}
header.header_prd_detail .bgBox .bg02 > span.btnHome {
    background-position: 0 0;
}
header.header_prd_detail .bgBox .bg02 > span.btnAlarm {
    background-position: -39px 0;
}
header.header_prd_detail .bgBox .bg02 > span.btnSearch {
    width: 31px;
    height: 30px;
    margin: -4px 0 0;
    background-position: -76px 4px;
}

header.header_prd_detail .header_prd_detail_inner {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 120px 0 35px;
    border-bottom: 1px solid #c8c8c8;
    background: #fff;
    opacity: 0;
}
header.header_prd_detail .header_prd_detail_inner h1 {
    padding: 17px 0 0;
    line-height: 20px;
    color: #000;
    font-size: 17px;
}
header.header_prd_detail .header_prd_detail_inner .btnBack {
    display: block;
    position: absolute;
    top: 17px;
    left: 10px;
    width: 22px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -30px;
    background-size: 300px auto;
}
header.header_prd_detail .header_prd_detail_inner .btnBox {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 26px;
    padding: 4px 0 0;
}
header.header_prd_detail .header_prd_detail_inner .btnBox a {
    display: inline-block;
    width: 26px;
    height: 23px;
    margin-right: 5px;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_detail_header.png) no-repeat;
    background-size: 107px 60px;
}
header.header_prd_detail .header_prd_detail_inner .btnBox a:last-child {
    margin: 0;
}
header.header_prd_detail .header_prd_detail_inner .btnBox a.btnHome {
    background-position: 0 -34px;
}
header.header_prd_detail .header_prd_detail_inner .btnBox a.btnAlarm {
    background-position: -39px -34px;
}
header.header_prd_detail .header_prd_detail_inner .btnBox a.btnSearch {
    width: 31px;
    height: 30px;
    margin: -4px 0 0;
    background-position: -76px -30px;
}

/* 상품상세 상단 아이콘 디자인 변경 2016-04-05 */
header.header_prd_detail.type02 .bgBox .bg02 {
    float: right;
    height: 26px;
    padding: 6px 0 0;
    text-align: right;
}
header.header_prd_detail.type02 .bgBox .bg02 > span {
    overflow: visible;
    font-size: 1px;
    line-height: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -30px;
    background-size: 300px auto;
}
header.header_prd_detail.type02 .bgBox .bg02 > span.btnHome {
    background-position: -30px -30px;
}
header.header_prd_detail.type02 .bgBox .bg02 > span.btnCart {
    position: relative;
    margin-top: -1px;
    background-position: -60px -30px;
}
header.header_prd_detail.type02 .bgBox .bg02 > span.btnCart .num {
    position: absolute;
    top: -4px;
    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%;
    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 */
}
header.header_prd_detail.type02 .bgBox .bg02 > span.btnSearch {
    position: relative;
    width: 30px;
    height: 30px;
    margin: -1px 0 0;
    background: none;
}
header.header_prd_detail.type02 .bgBox .bg02 > span.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;
}

header.header_prd_detail.type02 .header_prd_detail_inner .btnBox {
    height: 26px;
    padding: 6px 0 0;
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a {
    overflow: visible;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -30px;
    background-size: 300px auto;
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnHome {
    background-position: -150px -30px;
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnCart {
    position: relative;
    margin-top: -1px;
    background-position: -180px -30px;
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnCart .num {
    position: absolute;
    top: -4px;
    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%;
    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 */
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnSearch {
    position: relative;
    width: 30px;
    height: 30px;
    margin: -6px 0 0 0;
    background: #e51937;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnSearch:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -30px;
    background-size: 300px auto;
}

/* 레이어팝업 2016-01-28추가 */
.layerPopWrap {
    display: none;
    position: absolute;
    left: 50%;
    width: 290px;
    margin: 0 0 0 -145px;
    z-index: 100003;
    background: #fff;
} /*2018-07-05 z-index 수정 (20001 에서 100003)*/
.layerPopWrap.flexSize {
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
}
.layerPopWrap .layerHeader {
    padding: 14px 18px;
    border-bottom: 1px solid #444;
}
.layerPopWrap .layerHeader h1 {
    font-size: 18px;
    line-height: 21px;
    color: #444;
}
.layerPopWrap .layerHeader h1.txtC {
    text-align: center;
}
.layerPopWrap .layerHeader .btnLayerClose {
    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;
}
.layerPopWrap .layerHeader .btnLayerClose span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}
.layerPopWrap .layerConts {
    padding: 20px 15px 25px;
}
.layerPopWrap .btnWrap {
    overflow: hidden;
}
.layerPopWrap .btnWrap a {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.layerPopWrap .btnWrap a.btnCancel {
    background: #9b9b9b;
}
.layerPopWrap .btnWrap a.btnConfirm {
    background: #e51937;
}

.layerPopWrap.v2 .layerHeader {
    padding: 12px 55px;
}
.layerPopWrap.v2 .layerHeader h1.txtC {
    font-size: 18px;
    letter-spacing: -0.36px;
    color: #111;
    line-height: 26px;
}
.layerPopWrap.v2 .layerHeader .btnLayerClose {
    top: 13px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -100px -250px no-repeat;
    background-size: 300px auto;
}
.layerPopWrap.v2 .layerConts {
    padding: 10px 15px 25px;
}

/* 레이어팝업 버튼이 하나일경우 추가 2016-07-08  */
.layerPopWrap .btnWrap.type02 a {
    float: none;
    width: 100%;
}

/* 레이어팝업 type02 2016-04-06 */
.layerPopWrap.type02 {
    width: 290px;
    margin: 0 0 0 -145px;
    padding: 0 0 20px;
}
.layerPopWrap.type02.flexSize {
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
}
.layerPopWrap.type02 .layerHeader {
    border-bottom: 1px solid #e51937;
}
.layerPopWrap.type02 .layerConts {
    padding: 20px 15px 0;
}
.layerPopWrap.type02 .btnWrap {
    padding: 15px 0 0;
    text-align: center;
}
.layerPopWrap.type02 .btnWrap a {
    display: inline-block;
    float: none;
}
.layerPopWrap.type02 .btnWrap a.bw90 {
    width: 88px;
}

/* 레이어 팝업 내부 스크롤타입 2016-07-22  */
.layerPopWrap02 {
    display: none;
    position: fixed;
    left: 50%;
    width: 290px;
    margin: 0 0 0 -145px;
    padding: 40px 0;
    z-index: 10000;
    background: #fff;
}
.layerPopWrap02.flexSize {
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
}
.layerPopWrap02 .layerHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9px 0;
    border-bottom: 1px solid #444;
    background: #fff;
}
.layerPopWrap02 .layerHeader h1 {
    padding: 0 18px;
    font-size: 17px;
    line-height: 21px;
    color: #444;
}
.layerPopWrap02 .layerHeader h1.txtC {
    text-align: center;
}
.layerPopWrap02 .layerHeader .btnLayerClose {
    position: absolute;
    top: 11px;
    right: 15px;
    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 .layerHeader .btnLayerClose span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}
.layerPopWrap02 .layerConts .innerConts {
    padding: 20px 15px;
}
.layerPopWrap02 .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 298px;
    -webkit-overflow-scrolling: touch;
}
.layerPopWrap02 .btnWrap {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.layerPopWrap02 .btnWrap a {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.layerPopWrap02 .btnWrap a.btnCancel {
    background: #9b9b9b;
}
.layerPopWrap02 .btnWrap a.btnConfirm {
    background: #e51937;
}

/* 2021-03-10  방송안내 팝업 추가*/
.layerPopWrap02.bcalarm-pop {
    display: none;
    position: fixed;
    left: 50%;
    width: 295px;
    margin: 0 0 0 -147.5px;
    padding: 40px 0 70px;
    z-index: 10000;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
}
.layerPopWrap02.bcalarm-pop.flexSize {
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
}
.layerPopWrap02.bcalarm-pop .layerHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 9px 0;
    border-bottom: none;
    background: #fff;
}
.layerPopWrap02.bcalarm-pop .layerHeader h1 {
    padding: 0 18px;
    font-size: 17px;
    line-height: 21px;
    color: #444;
}
.layerPopWrap02.bcalarm-pop .layerHeader h1.txtC {
    text-align: center;
}
.layerPopWrap02.bcalarm-pop .layerHeader .btnLayerClose {
    position: absolute;
    top: 11px;
    right: 15px;
    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.bcalarm-pop .layerHeader .btnLayerClose span {
    display: inline-block;
    overflow: hidden;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999em;
}
.layerPopWrap02.bcalarm-pop .layerConts .innerConts {
    padding: 20px 15px;
}
.layerPopWrap02.bcalarm-pop .layerConts .innerConts.scrollY {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 343px;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox {
    padding: 15px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead {
    overflow: hidden;
    margin: 0;
    padding: 0px;
    margin-bottom: 8px;
    background: #fff;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .img {
    display: block;
    overflow: hidden;
    float: left;
    width: 74px;
    height: 74px;
    border-radius: 8px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .img img {
    width: 100%;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    float: right;
    width: 190px;
    line-height: 22px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    padding-left: 10px;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .category {
    color: #232323;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt {
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt > li {
    overflow: hidden;
    margin: 0;
    padding: 0px;
    border-bottom: 1px dashed #ddd;
} /* 2021-04-28 방송알림팝업 수신동의 정보변경 버튼 짤림현상 수정 */
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt > li:last-child {
    padding-bottom: 15px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl {
    margin-top: 6px;
} /* 2021-04-28 방송알림팝업 수신동의 정보변경 버튼 짤림현상 수정 */
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl:first-child {
    margin-top: 0;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dt {
    float: left;
    width: 53px;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.24px;
    font-weight: bold;
    color: #333;
    padding-top: 13px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dt:first-child {
    margin: 0;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd {
    float: left;
    width: 212px;
    padding-left: 0;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox {
    overflow: hidden;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li {
    float: left;
    box-sizing: border-box;
    width: auto;
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li:nth-child(3n-1) {
    width: auto;
    padding: 0;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a {
    display: block;
    height: 28px;
    line-height: 26px;
    padding: 0 13px;
    font-size: 14px;
    color: #333;
    text-align: center;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked {
    font-weight: bold;
    color: #fff;
    border: 1px solid #d80028;
    background-color: #d80028;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li {
    float: left;
    width: auto;
    padding: 0;
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1) {
    width: auto;
    padding: 0;
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {
    width: auto;
    padding: 0;
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox {
    position: relative;
    padding: 12px 0 0 4px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle.png) no-repeat left top;
    background-size: 20px auto;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox input:checked[type="checkbox"] {
    background-position-y: -20px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox label {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    vertical-align: middle;
    margin-left: 6px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo {
    position: absolute;
    right: 0;
    width: auto;
    height: 22px;
    text-align: center;
    border-radius: 50px;
    background-color: #f4f4f4;
    padding: 0 9px;
    border: none;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span {
    font-size: 11px;
    color: #333;
    line-height: 21px;
    letter-spacing: -0.22px;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span:before {
    display: none;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_rightArr_12x20_333.png) no-repeat left top;
    background-size: 100%;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt {
    padding-bottom: 0;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt li {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #999;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt li:before {
    top: 8px;
    width: 2px;
    height: 2px;
    background: #999;
}

.layerPopWrap02.bcalarm-pop .btnWrap {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 15px 15px;
}
.layerPopWrap02.bcalarm-pop .btnWrap a {
    display: block;
    float: left;
    width: 50%;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
}
.layerPopWrap02.bcalarm-pop .btnWrap a.btnCancel {
    background: #9b9b9b;
}
.layerPopWrap02.bcalarm-pop .btnWrap a.btnConfirm {
    font-size: 13px;
    line-height: 41px;
    letter-spacing: -0.26px;
    background: #444;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type02 a {
    float: none;
    width: 100%;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type02 a.gray {
    height: 39px;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.26px;
    font-weight: bold;
    background: #eee;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type03 a {
    height: 39px;
    font-size: 13px;
    letter-spacing: -0.26px;
    font-weight: bold;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type03 a.btnCancel.black {
    background: #444;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type03 a.btnConfirm.red {
    background: #d80028;
}
.layerPopWrap02.bcalarm-pop .btnWrap.type03 a + a {
    margin-left: 7px;
}

.layerPopWrap02.bcalarm-pop.v2 {
    width: 335px;
    margin-left: -167.5px;
}
.layerPopWrap02.bcalarm-pop.v2 .layerHeader h1 {
    line-height: 24px;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .img {
    position: relative;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .img:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 8px;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .name {
    float: left;
    width: 227px;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 400;
    -webkit-line-clamp: 2;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl {
    position: relative;
    margin-top: 0;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dt {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    width: auto;
    padding-top: 0;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd {
    width: 230px;
    padding-left: 75px;
    float: none;
    box-sizing: content-box;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox li {
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox li:first-child {
    margin-left: 0;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1) {
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {
    margin: 7px 0 0 5px;
}
.layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .reciveAgreeBox {
    padding: 0;
}

.layerPopWrap02.bcalarm-pop.v3 {
    width: 315px;
    margin-left: -157.5px;
}
.layerPopWrap02.bcalarm-pop.v3 .layerHeader {
    padding: 10px 0 11px;
}
.layerPopWrap02.bcalarm-pop.v3 .layerHeader h1 {
    padding: 0 15px;
    color: #333;
    letter-spacing: -0.34px;
}
.layerPopWrap02.bcalarm-pop.v3 .layerHeader .btnLayerClose {
    top: 14px;
    right: 17px;
    background-position: 0 -150px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img {
    flex-shrink: 0;
    width: 76px;
    height: 76px;
    border-radius: 4px;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img img {
    display: block;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img:after {
    display: none;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .name {
    float: none;
    width: 100%;
    max-height: 68px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
    color: #111;
    font-size: 16px;
    padding-left: 10px;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead.txt-tit {
    display: block;
    margin-bottom: 15px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead.txt-tit .name {
    padding-left: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 16px;
    color: #111;
    line-height: 22px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt > li {
    border-bottom: 1px solid #ddd;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl {
    position: relative;
    margin-top: 0;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dt {
    float: none;
    display: block;
    width: auto;
    padding: 0;
    font-size: 13px;
    letter-spacing: -0.26px;
    color: #111;
    font-weight: bold;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd {
    width: 100%;
    padding-left: 0px;
    float: none;
    box-sizing: content-box;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd + dt {
    margin-top: 16px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox {
    display: flex;
    align-items: center;
    margin-top: 6px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li {
    margin: 0;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li + li {
    margin-left: 6px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li a {
    padding: 0 20px;
    border-color: #ddd;
    border-radius: 14px;
    color: #111;
    white-space: nowrap;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked {
    background-color: #f51d2c;
    border-color: #f51d2c;
    color: #fff;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .reciveAgreeBox {
    padding: 0;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li a {
    padding: 0 16px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1) {
    margin: 0 0 0 6px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {
    margin: 0 0 0 6px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:last-child {
    max-width: 96px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:last-child a {
    padding: 0 13px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox {
    position: relative;
    margin-top: 20px;
    font-size: 0;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox input {
    width: 20px;
    height: 20px;
    margin-top: -1px;
    margin-right: 6px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle2.png) no-repeat left top;
    background-size: 20px auto;
    vertical-align: top;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox input:checked {
    background-position: 0 -20px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox label {
    font-size: 14px;
    letter-spacing: -0.28px;
    color: #111;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox label em {
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #111;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo {
    position: absolute;
    top: -3px;
    right: 0;
    width: auto;
    height: 22px;
    text-align: center;
    border-radius: 50px;
    background-color: #f4f4f4;
    padding: 0 9px;
    border: none;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span {
    font-size: 11px;
    color: #333;
    line-height: 21px;
    letter-spacing: -0.22px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span:before {
    display: none;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_rightArr_12x20_333.png) no-repeat left top;
    background-size: 100%;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .icoComt {
    padding: 15px;
}

.layerPopWrap02.bcalarm-pop.v3 .arimCheck {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimCheck input {
    position: absolute;
    top: -2px;
    left: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle2.png) no-repeat left top;
    background-size: 20px auto;
}
.layerPopWrap02.bcalarm-pop.v3 .arimCheck input:checked {
    background-position-y: -20px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimCheck label {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 16px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.3px;
}
.layerPopWrap02.bcalarm-pop.v3 .setupOpt.between .telNum {
    display: inline-block;
    margin-top: 3.5px;
    font-size: 15px;
    color: #111;
    vertical-align: middle;
    line-height: 16px;
}
.layerPopWrap02.bcalarm-pop.v3 .setupOpt.between .telNum ~ .btnModifyInfo {
    vertical-align: middle;
}
.layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt.between > li:last-child {
    padding-bottom: 5px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl {
    display: flex;
    flex-wrap: wrap;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dt {
    width: 80px;
    height: 28px;
    line-height: 18px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd + dt {
    margin-top: 10px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd {
    width: 205px;
    max-width: calc(100% - 80px);
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    line-height: 17px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .optBtnBox {
    margin-top: 3px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .optBtnBox li a {
    padding: 0 12px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .reciveAgreeBox {
    margin-top: 6px;
}
.layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .reciveAgreeBox .btnModifyInfo {
    top: 0;
}
@media all and (max-width: 320px) {
    .layerPopWrap02.bcalarm-pop.v3 {
        margin-top: 20px;
    }
    .layerPopWrap02.bcalarm-pop.v3 .layerConts .innerConts.scrollY {
        max-height: 300px;
    }
}

.layerPopWrap02.bcalarm-pop.v4 {
    width: 315px;
    margin-left: -157.5px;
    padding: 50px 0 55px;
}
.layerPopWrap02.bcalarm-pop.v4 .layerHeader {
    padding: 12px 0 11px;
}
.layerPopWrap02.bcalarm-pop.v4 .layerHeader h1 {
    padding: 0 15px;
    font-size: 18px;
    line-height: 27px;
    color: #414450;
    letter-spacing: -0.36px;
}
.layerPopWrap02.bcalarm-pop.v4 .layerHeader .btnLayerClose {
    top: 12px;
    right: 15px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_close_25.png) center center no-repeat;
    background-size: 25px auto;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox {
    padding: 20px 2px 15px 15px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img {
    position: relative;
    flex-shrink: 0;
    width: 74px;
    height: 74px;
    border-radius: 8px;
    border: 0;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img img {
    display: block;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .name {
    float: none;
    width: 100%;
    max-height: 68px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
    color: #414450;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 13px;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead.txt-tit {
    display: block;
    margin-bottom: 15px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead.txt-tit .name {
    padding-left: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    font-size: 16px;
    color: #111;
    line-height: 22px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt {
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li {
    position: relative;
    overflow: visible;
    display: flex;
    align-items: flex-start;
    border: 0;
    margin-bottom: 20px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li:first-child {
    margin-bottom: 15px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li strong {
    width: auto;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #414450;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    margin-top: 4px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li .optBtnBox {
    padding-left: 15px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox {
    font-size: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li {
    display: inline-block;
    margin-left: 5px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li a {
    display: block;
    height: 28px;
    padding: 6px 13px 0 14px;
    border: 1px solid #dcdcdf;
    font-size: 14px;
    line-height: 15px;
    border-radius: 50px;
    color: #414450;
    white-space: nowrap;
    box-sizing: border-box;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li a.checked {
    background-color: #ff5364;
    border-color: #ff5364;
    color: #fff;
    font-weight: bold;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li:first-child {
    margin-left: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox.multi-opt li:last-child {
    margin-left: 0;
    margin-top: 5px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .reciveAgreeBox {
    padding-left: 15px;
    margin-top: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox input {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_check.png) 0 0 no-repeat;
    background-size: 20px auto;
    vertical-align: middle;
    margin-top: -1px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox input:checked {
    background-position: 0 -20px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox label {
    margin-right: 10px;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #414450;
    white-space: nowrap;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo {
    width: auto;
    height: 22px;
    text-align: center;
    border-radius: 50px;
    background-color: #f4f4f5;
    padding: 5px 8px 0 7px;
    border: none;
    box-sizing: border-box;
    margin-top: -3px;
    white-space: nowrap;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span {
    display: inline-block;
    font-size: 11px;
    color: #414450;
    line-height: 12px;
    letter-spacing: -0.22px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span:before {
    display: none;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 1px;
    width: 6px;
    height: 10px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_arr_right_7.png) no-repeat center center;
    background-size: 100%;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt {
    margin-right: -2px;
    padding: 15px 15px 20px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li {
    padding-left: 9px;
    color: #8f9097;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li:before {
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #c4c4c8;
    border-radius: 50%;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-bill {
    padding-left: 18px;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-bill:before {
    content: "※";
    top: 0;
    width: 13px;
    height: 19px;
    background: none;
    border-radius: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-none {
    padding-left: 0;
}
.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-none:before {
    display: none;
}
.layerPopWrap02.bcalarm-pop.v4 .btnWrap a.btnConfirm {
    font-size: 15px;
    letter-spacing: -0.3px;
    font-weight: bold;
    background-color: #414450;
}

@media all and (max-width: 320px) {
    .layerPopWrap02.bcalarm-pop.v4 {
        margin-top: 20px;
    }
    .layerPopWrap02.bcalarm-pop.v4 .layerConts .innerConts.scrollY {
        max-height: 300px;
    }
}

/* 레이어 팝업 내부 스크롤타입 - 버튼이 하나일 겨우 2016-07-22 */
.layerPopWrap02 .btnWrap.type02 a {
    float: none;
    width: 100%;
}

/*2021-03-09 추가*/
/* 공유하기 팝업 */ /*2021-03-09 추가*/
.layerPopWrap.share-pop {
    border-radius: 16px;
}
.layerPopWrap.share-pop .layerHeader {
    border-bottom: none;
}

.layerPopWrap.share-pop .snsList {
    overflow: hidden;
}
.layerPopWrap.share-pop .snsList ul {
    overflow: hidden;
    width: 100%;
    margin: -15px 0 0;
}
.layerPopWrap.share-pop .snsList ul li {
    float: left;
    box-sizing: border-box;
    width: 33%;
    margin: 15px 0 0;
}
.layerPopWrap.share-pop .snsList ul li a {
    display: block;
    padding: 58px 0 0;
    font-size: 12px;
    color: #666;
    text-align: center;
    background-position: center top;
    background-size: 50px;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} /* 2021-03-19 이미지 간격수정 */
.layerPopWrap.share-pop .snsList ul li.snsKakao a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_0.png);
}
.layerPopWrap.share-pop .snsList ul li.snsLine a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_1.png);
}
.layerPopWrap.share-pop .snsList ul li.snsFacebook a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_2.png);
}
.layerPopWrap.share-pop .snsList ul li.snsSms a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_4.png);
}
.layerPopWrap.share-pop .snsList ul li.snsKakaoStory a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_5.png);
}
.layerPopWrap.share-pop .snsList ul li.snsBand a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_6.png);
}
.layerPopWrap.share-pop .snsList ul li.snsUrl a {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_3.png);
}

/* 공유하기 v2  */
.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;
    color: #dd1032;
}

/* tooltip layer popup 2016-04-07 */
.tipLayerWrap {
    display: none;
    position: relative;
    z-index: 1;
}
.tipLayerWrap .tipLayerBox {
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    padding: 15px;
    border: 1px solid #12a5cb;
    background: #fff;
}
.tipLayerWrap .tipLayerBox .tit {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    color: #222;
}
.tipLayerWrap .tipLayerBox .tipConts {
    font-size: 12px;
    color: #666666;
}
.tipLayerWrap .tipLayerBox .btnClose {
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    color: transparent;
    border: none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -11px -317px;
    background-size: 300px auto;
}

#dblCoupon2 {
    top: 90px;
}
.double_coupon {
    position: fixed;
    top: 80px; /*height:70%;*/
    overflow: hidden;
}
.double_coupon .layerHeader {
    border-bottom: 1px solid #e51937;
}
.double_coupon .layerHeader h1 {
    font-size: 17px;
    color: #e51937;
    letter-spacing: -0.5px;
}
.double_coupon .layerHeader .btnLayerClose {
    top: 18px;
}
.double_coupon .layerConts {
    /*height:80%;*/
    padding: 30px 15px 30px; /*overflow-y:scroll;*/
}
.double_coupon .layerConts h2 {
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    color: #222;
    letter-spacing: -0.75px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.double_coupon .layerConts .dbl_coupon {
    text-align: center;
    overflow: hidden;
}
.double_coupon .layerConts .dbl_coupon .coupons {
    display: inline-block;
    width: 150px;
    height: 81px;
    margin-bottom: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_per.png) 0 0 no-repeat;
    background-size: 150px 81px;
}
.double_coupon .layerConts .dbl_coupon .coupons p {
    margin-left: 13px;
    font-size: 40px;
    color: #4d4c45;
    position: relative;
    letter-spacing: -2px;
    font-weight: bold;
    margin-top: 3px;
}
.double_coupon .layerConts .dbl_coupon .coupons p span {
    font-size: 22px;
    color: #4d4c45;
}
.double_coupon .layerConts .dbl_coupon .coupons.won {
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_won.png) 0 0 no-repeat;
    background-size: 180px 88px;
    width: 179px;
    height: 88px;
}
.double_coupon .layerConts .dbl_coupon .coupons.won p {
    font-size: 33px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    padding-right: 21px;
    margin-left: 20px;
}
.double_coupon .layerConts .dbl_coupon .coupons.won p span {
    font-size: 20px;
    position: absolute;
    bottom: 3px;
    right: 0;
}
.double_coupon .layerConts .dbl_coupon .coupons01 {
    display: inline-block;
    width: 179px;
    height: 88px;
    margin-bottom: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_double_coupon01.png) 0 0 no-repeat;
    background-size: 179px 88px;
}
.double_coupon .layerConts .dbl_coupon .coupons01 p {
    position: relative;
    font-size: 30px;
    color: #4d4c45;
    font-weight: bold;
    padding: 20px 20px 0 20px;
    letter-spacing: -1px;
    display: inline-block;
}
.double_coupon .layerConts .dbl_coupon .coupons01 p span {
    font-size: 15px;
    position: absolute;
    top: 33px;
    right: 2px;
}
.double_coupon .layerConts .dbl_coupon .coupons .discnt {
    display: inline-block;
    width: 83px;
    height: 36px;
    margin: 5px 0 0 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_discount.png) 0 0 no-repeat;
    background-size: 900px auto;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.double_coupon .layerConts .dbl_coupon .coupons .txt {
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.double_coupon .layerConts .dbl_coupon .term {
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: bold;
    line-height: 1;
}
.double_coupon .layerConts .notice_info {
    margin: 15px 0;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    clear: both;
}
.double_coupon .layerConts .notice_info .bulletTxt {
    margin: 0;
    color: #888;
    letter-spacing: -0.5px;
    line-height: 15px;
}
.double_coupon .layerConts .notice_info .bulletTxt li {
    margin-top: 5px;
    letter-spacing: -0.75px;
}
.double_coupon .layerConts .notice_info .bulletTxt li:before {
    background: #878787;
}
.double_coupon .layerConts .notice_info .bulletTxt li:first-child {
    margin-top: 0;
}
.double_coupon .nomore {
    display: block;
    width: 100%;
    height: 40px;
    background: #888;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.7px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}

.double_coupon .layerConts .dbl_coupon .coupons .n1p {
    background-position: 0 -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n2p {
    background-position: -91px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n3p {
    background-position: -181px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n4p {
    background-position: -271px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n5p {
    background-position: -361px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n6p {
    background-position: -451px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n7p {
    background-position: -541px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n8p {
    background-position: -631px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n9p {
    background-position: -721px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n10p {
    background-position: -813px -6px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n11p {
    background-position: -6px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n12p {
    background-position: -91px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n13p {
    background-position: -181px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n14p {
    background-position: -271px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n15p {
    background-position: -361px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n16p {
    background-position: -451px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n17p {
    background-position: -541px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n18p {
    background-position: -631px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n19p {
    background-position: -721px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n20p {
    background-position: -813px -57px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n21p {
    background-position: -6px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n22p {
    background-position: -91px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n23p {
    background-position: -181px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n24p {
    background-position: -271px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n25p {
    background-position: -361px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n26p {
    background-position: -453px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n27p {
    background-position: -544px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n28p {
    background-position: -634px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n29p {
    background-position: -724px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n30p {
    background-position: -813px -108px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n31p {
    background-position: -6px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n32p {
    background-position: -93px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n33p {
    background-position: -183px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n34p {
    background-position: -273px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n35p {
    background-position: -363px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n36p {
    background-position: -453px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n37p {
    background-position: -544px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n38p {
    background-position: -634px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n39p {
    background-position: -724px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n40p {
    background-position: -813px -160px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n41p {
    background-position: -6px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n42p {
    background-position: -93px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n43p {
    background-position: -183px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n44p {
    background-position: -273px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n45p {
    background-position: -363px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n46p {
    background-position: -453px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n47p {
    background-position: -544px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n48p {
    background-position: -634px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n49p {
    background-position: -724px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n50p {
    background-position: -813px -211px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n51p {
    background-position: -6px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n52p {
    background-position: -93px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n53p {
    background-position: -183px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n54p {
    background-position: -273px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n55p {
    background-position: -363px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n56p {
    background-position: -453px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n57p {
    background-position: -544px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n58p {
    background-position: -634px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n59p {
    background-position: -724px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n60p {
    background-position: -813px -263px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n61p {
    background-position: -6px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n62p {
    background-position: -93px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n63p {
    background-position: -183px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n64p {
    background-position: -273px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n65p {
    background-position: -363px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n66p {
    background-position: -453px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n67p {
    background-position: -544px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n68p {
    background-position: -634px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n69p {
    background-position: -724px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n70p {
    background-position: -813px -318px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n71p {
    background-position: -6px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n72p {
    background-position: -93px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n73p {
    background-position: -183px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n74p {
    background-position: -273px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n75p {
    background-position: -363px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n76p {
    background-position: -453px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n77p {
    background-position: -544px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n78p {
    background-position: -634px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n79p {
    background-position: -724px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n80p {
    background-position: -813px -370px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n81p {
    background-position: -6px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n82p {
    background-position: -93px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n83p {
    background-position: -183px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n84p {
    background-position: -273px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n85p {
    background-position: -363px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n86p {
    background-position: -453px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n87p {
    background-position: -544px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n88p {
    background-position: -634px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n89p {
    background-position: -724px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n90p {
    background-position: -813px -423px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n91p {
    background-position: -6px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n92p {
    background-position: -93px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n93p {
    background-position: -183px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n94p {
    background-position: -273px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n95p {
    background-position: -363px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n96p {
    background-position: -453px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n97p {
    background-position: -544px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n98p {
    background-position: -634px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n99p {
    background-position: -724px -476px;
}
.double_coupon .layerConts .dbl_coupon .coupons .n00p {
    background-position: -813px -476px;
}

.double_coupon .layerConts .dbl_coupon.multi {
    width: 249px;
    margin: 0 auto;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons {
    float: left;
    width: 121px;
    height: 60px;
    margin-right: 7px;
    margin-bottom: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_double.png) 0 0 no-repeat;
    background-size: 121px 60px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons.twon p {
    font-size: 22px;
    margin-top: 0;
    padding-top: 11px;
    position: relative;
    display: inline-block;
    padding-right: 15px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons.twon p span {
    font-size: 13px;
    position: absolute;
    bottom: 4px;
    right: 0;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons.tpercent p {
    font-size: 32px;
    margin-top: 0;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons.tpercent p span {
    font-size: 15px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons + .coupons {
    margin-right: 0;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .discnt {
    display: inline-block;
    width: 66px;
    height: 30px;
    margin: 0px 0 0 10px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_discount_multi.png) 0 0 no-repeat;
    background-size: 713px auto;
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n1p {
    background-position: -5px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n2p {
    background-position: -75px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n3p {
    background-position: -145px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n4p {
    background-position: -215px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n5p {
    background-position: -285px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n6p {
    background-position: -355px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n7p {
    background-position: -425px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n8p {
    background-position: -495px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n9p {
    background-position: -565px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n10p {
    background-position: -635px -9px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n11p {
    background-position: -7px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n12p {
    background-position: -77px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n13p {
    background-position: -147px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n14p {
    background-position: -217px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n15p {
    background-position: -287px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n16p {
    background-position: -357px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n17p {
    background-position: -427px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n18p {
    background-position: -497px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n19p {
    background-position: -567px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n20p {
    background-position: -637px -43px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n21p {
    background-position: -7px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n22p {
    background-position: -77px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n23p {
    background-position: -147px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n24p {
    background-position: -217px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n25p {
    background-position: -287px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n26p {
    background-position: -357px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n27p {
    background-position: -427px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n28p {
    background-position: -497px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n29p {
    background-position: -567px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n30p {
    background-position: -637px -77px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n31p {
    background-position: -7px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n32p {
    background-position: -77px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n33p {
    background-position: -147px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n34p {
    background-position: -217px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n35p {
    background-position: -287px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n36p {
    background-position: -357px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n37p {
    background-position: -427px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n38p {
    background-position: -497px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n39p {
    background-position: -567px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n40p {
    background-position: -637px -111px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n41p {
    background-position: -7px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n42p {
    background-position: -77px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n43p {
    background-position: -147px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n44p {
    background-position: -217px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n45p {
    background-position: -287px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n46p {
    background-position: -357px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n47p {
    background-position: -427px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n48p {
    background-position: -497px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n49p {
    background-position: -567px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n50p {
    background-position: -637px -146px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n51p {
    background-position: -7px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n52p {
    background-position: -77px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n53p {
    background-position: -147px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n54p {
    background-position: -217px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n55p {
    background-position: -287px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n56p {
    background-position: -357px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n57p {
    background-position: -427px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n58p {
    background-position: -497px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n59p {
    background-position: -567px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n60p {
    background-position: -637px -179px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n61p {
    background-position: -7px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n62p {
    background-position: -77px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n63p {
    background-position: -147px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n64p {
    background-position: -217px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n65p {
    background-position: -287px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n66p {
    background-position: -357px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n67p {
    background-position: -427px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n68p {
    background-position: -497px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n69p {
    background-position: -567px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n70p {
    background-position: -637px -213px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n71p {
    background-position: -7px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n72p {
    background-position: -77px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n73p {
    background-position: -147px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n74p {
    background-position: -217px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n75p {
    background-position: -287px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n76p {
    background-position: -357px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n77p {
    background-position: -427px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n78p {
    background-position: -497px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n79p {
    background-position: -567px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n80p {
    background-position: -637px -247px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n81p {
    background-position: -7px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n82p {
    background-position: -77px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n83p {
    background-position: -147px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n84p {
    background-position: -217px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n85p {
    background-position: -287px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n86p {
    background-position: -357px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n87p {
    background-position: -427px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n88p {
    background-position: -497px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n89p {
    background-position: -567px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n90p {
    background-position: -637px -281px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n91p {
    background-position: -7px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n92p {
    background-position: -77px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n93p {
    background-position: -147px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n94p {
    background-position: -217px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n95p {
    background-position: -287px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n96p {
    background-position: -357px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n97p {
    background-position: -427px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n98p {
    background-position: -497px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n99p {
    background-position: -567px -315px;
}
.double_coupon .layerConts .dbl_coupon.multi .coupons .n00p {
    background-position: -637px -315px;
}

@media (orientation: landscape) {
    .double_coupon {
        top: 20px !important;
        height: 90%;
    }
    .double_coupon .layerConts {
        height: 70%;
        overflow-y: scroll;
    }
}

/* ico comment style */
.icoComt {
    position: relative;
    display: block;
    padding: 0 0 0 12px;
    font-size: 11px;
    color: #898989;
}
.icoComt:before,
ul.icoComt li:before,
ol.icoComt li:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 7px;
    left: 5px;
    width: 3px;
    height: 3px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px;
    background-size: 300px auto;
}
ul.icoComt,
ol.icoComt {
    position: static;
    padding: 0;
}
ul.icoComt:before,
ol.icoComt:before {
    background: none;
}
ul.icoComt li,
ol.icoComt li {
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 12px;
    font-size: 11px;
    color: #898989;
}
ul.icoComt li:first-child,
ol.icoComt li:first-child {
    margin: 0;
}

/* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 *******************************************************************************************************  */

/* 편집샵배너영역 */
.selectshop_leftmenu {
    padding-bottom: 0 !important;
}
.side_nav .side_cate dd.selectshop_leftmenu p {
    padding-left: 0px;
    background: none;
    border-bottom: none !important;
}
.selectshop_leftmenu p a img {
    width: 100%;
}

/* 큐레이션 중 편집샵과 연관된 footer3.jsp 랑 연관된 css */
.footer .btn_back_flo {
    display: none;
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 50;
    width: 55px;
    height: 55px;
    background-position: 0px -0px;
    background: url(//image.hnsmall.com/images/mobile2014/seletctshop/ico_side_selectshop.png);
    background-repeat: no-repeat;
    background-size: 55px 55px;
    overflow: hidden;
    text-indent: -1000px;
}

/* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 *******************************************************************************************************  */

/****************************************/
/*	Name: HNS MALL
/*	PART: COMMON NEW STYLE
/*	Version: 1.0
/*	Author: 최정아 (Beky)
/****************************************/

/*****************************
    상품 LIST/UNIT
*****************************/
/***** 일반형 : 리스트형 1열 *****/
.prdList {
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
}
.prdList li {
    border-bottom: 1px solid #cdcdcd;
}
.prdList.main {
    margin: 5px;
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

.goodsUnitList {
    position: relative;
    min-height: 90px;
    padding: 15px 10px 15px 110px;
    letter-spacing: -1px;
}
.goodsUnitList .imgArea {
    position: absolute;
    top: 15px;
    left: 10px;
}
.goodsUnitList .imgArea .img {
    position: relative;
    width: 90px;
    height: 90px;
}
.goodsUnitList .imgArea .img img {
    width: 100%;
}
.goodsUnitList .imgArea .img .flag_ranking {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
}
.goodsUnitList .imgArea .img .soldout {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 25px;
}
.goodsUnitList .imgArea .img .soldout:before {
    display: block;
    content: "";
    width: 91px;
    height: 25px;
    background-color: #b4b4b4;
    opacity: 1;
}
.goodsUnitList .imgArea .img .soldout em {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    font-size: 0.929em;
    text-align: center;
    line-height: 23px;
}

.goodsUnitList .goodsInfo {
    position: relative;
}
.goodsUnitList .goodsInfo .nameArea .goodTit_sbox {
    overflow: hidden;
    height: 14px;
    margin-top: -1px;
    color: #909090;
    font-size: 0.786em;
}
.goodsUnitList .goodsInfo .nameArea .text {
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    margin-bottom: 6px;
    color: #000;
    font-size: 1.143em;
    text-overflow: ellipsis;
    line-height: 1.143em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.goodsUnitList .goodsInfo .priceArea {
    position: relative;
}
.goodsUnitList .goodsInfo .priceArea .benefit {
    position: relative;
    height: 16px;
    margin-bottom: 10px;
    color: #666;
    font-size: 0.857em;
}
.goodsUnitList .goodsInfo .priceArea .benefit span {
    margin-left: 2px;
    padding: 0 2px;
    border: 1px solid #cdcdcd;
    color: #999;
}
.goodsUnitList .goodsInfo .priceArea .benefit span:first-child {
    margin-left: 0;
}
.goodsUnitList .goodsInfo .priceArea .benefit > em {
    margin-left: 3px;
    font-size: 0.929em;
}
.goodsUnitList .goodsInfo .priceArea .benefit .comment {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    color: #666;
}
.goodsUnitList .goodsInfo .priceArea .benefit .comment em {
    color: #111;
    letter-spacing: 0;
}

.goodsUnitList .goodsInfo .priceArea .saleFlag {
    position: absolute;
    right: 0;
    bottom: 2px;
}

.goodsUnitList .goodsInfo .priceArea .price {
    font-size: 0.786em;
}
.goodsUnitList .goodsInfo .priceArea .price del,
.goodsUnitList .goodsInfo .priceArea .price em {
    letter-spacing: 0;
}
.goodsUnitList .goodsInfo .priceArea .price span.tit {
    display: inline-block;
    width: 65px;
    font-weight: normal;
}
.goodsUnitList .goodsInfo .priceArea .price .sbox {
    color: #898989;
}
.goodsUnitList .goodsInfo .priceArea .price .sbox.del {
    padding-left: 65px;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice {
    margin-top: -2px;
    font-weight: bold;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice .tit {
    color: #222;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice em,
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {
    color: #000;
    font-size: 1.417em;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {
    font-size: 1.25em;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice.oil em,
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice.oil .won {
    color: #898989;
}
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total em,
.goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .won {
    color: #e51937;
}

.goodsUnitList .goodsInfo .btn_buy {
    margin-top: 2px;
}
.goodsUnitList .goodsInfo .btn_buy a {
    display: block;
    color: #e51937;
    font-size: 0.857em;
    text-align: right;
}
.goodsUnitList .goodsInfo .btn_buy a em {
    display: inline-block;
    overflow: hidden;
    width: 4px;
    height: 7px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -80px -200px;
    background-size: 300px auto;
}

/***** 일반형 : 액자형 2열 *****/
.prdList.frame {
    overflow: hidden;
    width: 100%;
    border-top: none;
}
.prdList.frame:after {
    display: block;
    content: "";
    clear: both;
}
.prdList.frame li {
    float: left;
    width: 50%;
    border: none;
}
.prdList.frame li:before {
    display: block;
    content: "";
    width: 200%;
    border-top: 1px solid #cdcdcd;
}

.prdList.frame .goodsUnitList {
    width: 145px;
    margin: 0 auto;
    padding: 15px 0 13px;
}
.prdList.frame .goodsUnitList .imgArea {
    position: relative;
    top: 0;
    left: 0;
}
.prdList.frame .goodsUnitList .imgArea .img {
    width: 145px;
    height: 145px;
}
.prdList.frame .goodsUnitList .imgArea .img .soldout {
    width: 145px;
}
.prdList.frame .goodsUnitList .imgArea .img .soldout:before {
    width: 146px;
}

.prdList.frame .goodsUnitList .goodsInfo .nameArea {
    height: 54px;
    padding-top: 5px;
}
.prdList.frame .goodsUnitList .goodsInfo .nameArea .goodTit_sbox {
    position: relative;
}
.prdList.frame .goodsUnitList .goodsInfo .nameArea .goodTit_sbox:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 100%);
}
.prdList.frame .goodsUnitList .goodsInfo .nameArea .text {
    font-size: 1.071em;
}

.prdList.frame .goodsUnitList .goodsInfo .priceArea .benefit {
    display: none;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .saleFlag {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png) no-repeat;
    background-size: 500px 500px;
    vertical-align: top;
}
/* 공통템플릿 작업으로 인한 추가 : 1열과 2열일때 플래그 디자인이 다른 이유로 추가 됨(1개의 마크업 다른 디자인) */
.prdList.frame .saleFlag.flagSale_1p {
    background-position: 0 0 !important;
}
.prdList.frame .saleFlag.flagSale_2p {
    background-position: -50px 0 !important;
}
.prdList.frame .saleFlag.flagSale_3p {
    background-position: -100px 0 !important;
}
.prdList.frame .saleFlag.flagSale_4p {
    background-position: -150px 0 !important;
}
.prdList.frame .saleFlag.flagSale_5p {
    background-position: -200px 0 !important;
}
.prdList.frame .saleFlag.flagSale_6p {
    background-position: -250px 0 !important;
}
.prdList.frame .saleFlag.flagSale_7p {
    background-position: -300px 0 !important;
}
.prdList.frame .saleFlag.flagSale_8p {
    background-position: -350px 0 !important;
}
.prdList.frame .saleFlag.flagSale_9p {
    background-position: -400px 0 !important;
}
.prdList.frame .saleFlag.flagSale_10p {
    background-position: -450px 0 !important;
}

.prdList.frame .saleFlag.flagSale_11p {
    background-position: 0 -50px !important;
}
.prdList.frame .saleFlag.flagSale_12p {
    background-position: -50px -50px !important;
}
.prdList.frame .saleFlag.flagSale_13p {
    background-position: -100px -50px !important;
}
.prdList.frame .saleFlag.flagSale_14p {
    background-position: -150px -50px !important;
}
.prdList.frame .saleFlag.flagSale_15p {
    background-position: -200px -50px !important;
}
.prdList.frame .saleFlag.flagSale_16p {
    background-position: -250px -50px !important;
}
.prdList.frame .saleFlag.flagSale_17p {
    background-position: -300px -50px !important;
}
.prdList.frame .saleFlag.flagSale_18p {
    background-position: -350px -50px !important;
}
.prdList.frame .saleFlag.flagSale_19p {
    background-position: -400px -50px !important;
}
.prdList.frame .saleFlag.flagSale_20p {
    background-position: -450px -50px !important;
}

.prdList.frame .saleFlag.flagSale_21p {
    background-position: 0 -100px !important;
}
.prdList.frame .saleFlag.flagSale_22p {
    background-position: -50px -100px !important;
}
.prdList.frame .saleFlag.flagSale_23p {
    background-position: -100px -100px !important;
}
.prdList.frame .saleFlag.flagSale_24p {
    background-position: -150px -100px !important;
}
.prdList.frame .saleFlag.flagSale_25p {
    background-position: -200px -100px !important;
}
.prdList.frame .saleFlag.flagSale_26p {
    background-position: -250px -100px !important;
}
.prdList.frame .saleFlag.flagSale_27p {
    background-position: -300px -100px !important;
}
.prdList.frame .saleFlag.flagSale_28p {
    background-position: -350px -100px !important;
}
.prdList.frame .saleFlag.flagSale_29p {
    background-position: -400px -100px !important;
}
.prdList.frame .saleFlag.flagSale_30p {
    background-position: -450px -100px !important;
}

.prdList.frame .saleFlag.flagSale_31p {
    background-position: 0 -150px !important;
}
.prdList.frame .saleFlag.flagSale_32p {
    background-position: -50px -150px !important;
}
.prdList.frame .saleFlag.flagSale_33p {
    background-position: -100px -150px !important;
}
.prdList.frame .saleFlag.flagSale_34p {
    background-position: -150px -150px !important;
}
.prdList.frame .saleFlag.flagSale_35p {
    background-position: -200px -150px !important;
}
.prdList.frame .saleFlag.flagSale_36p {
    background-position: -250px -150px !important;
}
.prdList.frame .saleFlag.flagSale_37p {
    background-position: -300px -150px !important;
}
.prdList.frame .saleFlag.flagSale_38p {
    background-position: -350px -150px !important;
}
.prdList.frame .saleFlag.flagSale_39p {
    background-position: -400px -150px !important;
}
.prdList.frame .saleFlag.flagSale_40p {
    background-position: -450px -150px !important;
}

.prdList.frame .saleFlag.flagSale_41p {
    background-position: 0 -200px !important;
}
.prdList.frame .saleFlag.flagSale_42p {
    background-position: -50px -200px !important;
}
.prdList.frame .saleFlag.flagSale_43p {
    background-position: -100px -200px !important;
}
.prdList.frame .saleFlag.flagSale_44p {
    background-position: -150px -200px !important;
}
.prdList.frame .saleFlag.flagSale_45p {
    background-position: -200px -200px !important;
}
.prdList.frame .saleFlag.flagSale_46p {
    background-position: -250px -200px !important;
}
.prdList.frame .saleFlag.flagSale_47p {
    background-position: -300px -200px !important;
}
.prdList.frame .saleFlag.flagSale_48p {
    background-position: -350px -200px !important;
}
.prdList.frame .saleFlag.flagSale_49p {
    background-position: -400px -200px !important;
}
.prdList.frame .saleFlag.flagSale_50p {
    background-position: -450px -200px !important;
}

.prdList.frame .saleFlag.flagSale_51p {
    background-position: 0 -250px !important;
}
.prdList.frame .saleFlag.flagSale_52p {
    background-position: -50px -250px !important;
}
.prdList.frame .saleFlag.flagSale_53p {
    background-position: -100px -250px !important;
}
.prdList.frame .saleFlag.flagSale_54p {
    background-position: -150px -250px !important;
}
.prdList.frame .saleFlag.flagSale_55p {
    background-position: -200px -250px !important;
}
.prdList.frame .saleFlag.flagSale_56p {
    background-position: -250px -250px !important;
}
.prdList.frame .saleFlag.flagSale_57p {
    background-position: -300px -250px !important;
}
.prdList.frame .saleFlag.flagSale_58p {
    background-position: -350px -250px !important;
}
.prdList.frame .saleFlag.flagSale_59p {
    background-position: -400px -250px !important;
}
.prdList.frame .saleFlag.flagSale_60p {
    background-position: -450px -250px !important;
}

.prdList.frame .saleFlag.flagSale_61p {
    background-position: 0 -300px !important;
}
.prdList.frame .saleFlag.flagSale_62p {
    background-position: -50px -300px !important;
}
.prdList.frame .saleFlag.flagSale_63p {
    background-position: -100px -300px !important;
}
.prdList.frame .saleFlag.flagSale_64p {
    background-position: -150px -300px !important;
}
.prdList.frame .saleFlag.flagSale_65p {
    background-position: -200px -300px !important;
}
.prdList.frame .saleFlag.flagSale_66p {
    background-position: -250px -300px !important;
}
.prdList.frame .saleFlag.flagSale_67p {
    background-position: -300px -300px !important;
}
.prdList.frame .saleFlag.flagSale_68p {
    background-position: -350px -300px !important;
}
.prdList.frame .saleFlag.flagSale_69p {
    background-position: -400px -300px !important;
}
.prdList.frame .saleFlag.flagSale_70p {
    background-position: -450px -300px !important;
}

.prdList.frame .saleFlag.flagSale_71p {
    background-position: 0 -350px !important;
}
.prdList.frame .saleFlag.flagSale_72p {
    background-position: -50px -350px !important;
}
.prdList.frame .saleFlag.flagSale_73p {
    background-position: -100px -350px !important;
}
.prdList.frame .saleFlag.flagSale_74p {
    background-position: -150px -350px !important;
}
.prdList.frame .saleFlag.flagSale_75p {
    background-position: -200px -350px !important;
}
.prdList.frame .saleFlag.flagSale_76p {
    background-position: -250px -350px !important;
}
.prdList.frame .saleFlag.flagSale_77p {
    background-position: -300px -350px !important;
}
.prdList.frame .saleFlag.flagSale_78p {
    background-position: -350px -350px !important;
}
.prdList.frame .saleFlag.flagSale_79p {
    background-position: -400px -350px !important;
}
.prdList.frame .saleFlag.flagSale_80p {
    background-position: -450px -350px !important;
}

.prdList.frame .saleFlag.flagSale_81p {
    background-position: 0 -400px !important;
}
.prdList.frame .saleFlag.flagSale_82p {
    background-position: -50px -400px !important;
}
.prdList.frame .saleFlag.flagSale_83p {
    background-position: -100px -400px !important;
}
.prdList.frame .saleFlag.flagSale_84p {
    background-position: -150px -400px !important;
}
.prdList.frame .saleFlag.flagSale_85p {
    background-position: -200px -400px !important;
}
.prdList.frame .saleFlag.flagSale_86p {
    background-position: -250px -400px !important;
}
.prdList.frame .saleFlag.flagSale_87p {
    background-position: -300px -400px !important;
}
.prdList.frame .saleFlag.flagSale_88p {
    background-position: -350px -400px !important;
}
.prdList.frame .saleFlag.flagSale_89p {
    background-position: -400px -400px !important;
}
.prdList.frame .saleFlag.flagSale_90p {
    background-position: -450px -400px !important;
}

.prdList.frame .saleFlag.flagSale_91p {
    background-position: 0 -450px !important;
}
.prdList.frame .saleFlag.flagSale_92p {
    background-position: -50px -450px !important;
}
.prdList.frame .saleFlag.flagSale_93p {
    background-position: -100px -450px !important;
}
.prdList.frame .saleFlag.flagSale_94p {
    background-position: -150px -450px !important;
}
.prdList.frame .saleFlag.flagSale_95p {
    background-position: -200px -450px !important;
}
.prdList.frame .saleFlag.flagSale_96p {
    background-position: -250px -450px !important;
}
.prdList.frame .saleFlag.flagSale_97p {
    background-position: -300px -450px !important;
}
.prdList.frame .saleFlag.flagSale_98p {
    background-position: -350px -450px !important;
}
.prdList.frame .saleFlag.flagSale_99p {
    background-position: -400px -450px !important;
}

.prdList.frame .goodsUnitList .goodsInfo .priceArea .price {
    display: inline-block;
    position: relative;
    height: 30px;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price span.tit {
    display: block;
    color: transparent;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox {
    display: none;
    position: absolute;
    top: -2px;
    left: 0;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox del,
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox em {
    margin-left: 1px;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox.del {
    display: block;
    padding-left: 0;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice em,
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {
    position: relative;
    top: -2px;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .tit {
    display: block;
    color: #666;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total em,
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .won {
    color: #000;
}
.prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.nosquare {
    display: none;
}

/***** 카드형 *****/
.prdListCard {
    padding: 0 5px;
}
.prdListCard li {
    position: relative;
    margin: 0 0 5px;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}

.goodsUnitCard .goodIco,
.goodsUnitCard .goodIcoAfter:after,
.goodsUnitCard .goodIcoBefore:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
}

.goodsUnitCard .prdImgBox {
    position: relative;
    text-align: center;
    z-index: 1;
}
.goodsUnitCard .prdImgBox .img {
    overflow: hidden;
    position: relative;
}
.goodsUnitCard .prdImgBox .img > img {
    width: 100%;
    vertical-align: top;
}
.goodsUnitCard .prdImgBox .img > a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.goodsUnitCard .prdImgBox .img > a img {
    width: auto;
    height: 100%;
}
.goodsUnitCard .prdImgBox .img .btn_play {
    display: block;
}
.goodsUnitCard .prdImgBox .img .btn_play:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    padding: 0;
    background: #000;
    opacity: 0.3;
}
.goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -25px;
}
.goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner img {
    width: 50px;
    height: 50px;
}
.goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner .txt {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: 11px;
}
.goodsUnitCard .prdImgBox .img p.btn_play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.goodsUnitCard .prdImgBox .img p.btn_play img,
.goodsUnitCard .prdImgBox .img p.btn_play span,
.goodsUnitCard .prdImgBox .img p.btn_play a {
    position: absolute;
    bottom: 8px;
    color: #fff;
    font-size: 0.857em;
}
.goodsUnitCard .prdImgBox .img p.btn_play img {
    top: 50%;
    left: 50%;
    width: 43px;
    height: 43px;
    margin: -22px 0 0 -21px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .count {
    top: 52%;
    left: 0;
    width: 100%;
    margin-top: 30px;
    font-size: 1.643em;
    text-align: center;
}
.goodsUnitCard .prdImgBox .img p.btn_play .item_add {
    display: block;
    bottom: 0;
    left: 50%;
    width: 110px;
    height: 26px;
    margin-left: -55px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    text-align: center;
}
.goodsUnitCard .prdImgBox .img p.btn_play .item_add > span {
    position: relative;
    bottom: 0;
    font-size: 1em;
    font-weight: bold;
    line-height: 27px;
    letter-spacing: -1px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .item_add > span em {
    margin-left: 5px;
    font-family: dotum;
    text-shadow: #b8b8b8 0.2px 0.3px 2px;
    line-height: 26px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .cate_order {
    left: 10px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .time {
    right: 80px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .volum,
.goodsUnitCard .prdImgBox .img p.btn_play .zoom,
.goodsUnitCard .prdImgBox .img p.btn_play .btn_close {
    display: block;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/main/icon_movie_v2.png) no-repeat;
    background-size: 145px 90px;
    text-indent: -1000px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .volum {
    right: 45px;
    width: 21px;
    height: 19px;
}
.goodsUnitCard .prdImgBox .img p.btn_play .volum.volum_on {
    background-position: -69px 0;
}
.goodsUnitCard .prdImgBox .img p.btn_play .volum.volum_off {
    background-position: -16px 0;
}
.goodsUnitCard .prdImgBox .img p.btn_play .zoom {
    right: 7px;
    width: 21px;
    height: 19px;
    background-position: -44px 0;
}
.goodsUnitCard .prdImgBox .img p.btn_play .btn_close {
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    background-position: -100px 0;
}
.goodsUnitCard .prdImgBox .img.tvLive > a {
    top: -40%;
    height: auto;
}
.goodsUnitCard .prdImgBox .img.tvLive > a img {
    width: 100%;
    height: auto;
}
.goodsUnitCard .prdImgBox .img.tvLive .btn_play {
    top: 0;
    height: 100%;
}
.goodsUnitCard .prdImgBox .img.curation p.btn_play img {
    top: 48%;
}
.goodsUnitCard .prdImgBox .img.curation p.btn_play .count {
    top: 45%;
}
.goodsUnitCard .prdImgBox .img.curation p.btn_play .item_add {
    bottom: 7%;
}

.goodsUnitCard .prdImgBox .tvlive_deta {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 142px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_newMain_tvlive.png) no-repeat 0 0;
    background-size: 142px 25px;
    overflow: hidden;
}
.goodsUnitCard .prdImgBox .tvlive_deta span {
    padding-left: 28px;
    font-family: Arial;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 23px;
}

.goodsUnitCard .goodTit_sbox p {
    padding: 8px 10px 6px;
    background-color: #fff2f1;
    color: #ff4039;
    font-size: 1.071rem;
    text-align: center;
    line-height: 1.143rem;
}

/* 동영상 보기 버튼 영역 스타일 추가 2016-12-07 */
.goodsUnitCard .prdImgBox .img .btn_play02:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    background: #000;
    opacity: 0.3;
}
.goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    padding: 0 8px;
    text-align: left;
}
.goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .icoPlay {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 4px 0 0;
    color: transparent;
    line-height: 0;
    font-size: 0;
    background: url(//image.hnsmall.com/images/mobile2014/main/btn_half_mov03.png) no-repeat left top;
    background-size: 15px;
    vertical-align: top;
}
.goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .time {
    display: inline-block;
    height: 21px;
    padding: 1px 0 0;
    line-height: 21px;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
}
.goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .viewNum {
    position: absolute;
    top: 0;
    right: 8px;
    height: 21px;
    padding: 1px 0 0;
    line-height: 21px;
    font-size: 12px;
    color: #fff;
}
.goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .flagNew {
    position: absolute;
    top: 4px;
    right: 8px;
    width: 33px;
    height: 14px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_new02.png) no-repeat left top;
    background-size: auto 14px;
}

/* 동영상 보기 버튼 영역 스타일 추가 2017-01-05 */
.goodsUnitCard .prdImgBox .img .btn_play03:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39px;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v3.png) repeat-x left bottom;
    background-size: 1px 40px;
    opacity: 0.5;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    height: 39px;
    padding: 19px 10px 0;
    text-align: left;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .icoPlay {
    display: inline-block;
    width: 9px;
    height: 11px;
    margin: 1px 0 0;
    color: transparent;
    line-height: 0;
    font-size: 0;
    background-position: 0 0;
    vertical-align: top;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .time {
    font-size: 12px;
    color: #fff;
    vertical-align: top;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .viewNum {
    position: absolute;
    bottom: 7px;
    right: 10px;
    height: 19px;
    padding: 1px 7px 0 25px;
    line-height: 19px;
    font-size: 11px;
    color: #fff;
    border-radius: 11px;
    background-color: #4e47c1;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .viewNum:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 15px;
    height: 10px;
    margin: -5px 0 0;
    background-position: -14px 0;
}
.goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .flagNew {
    position: absolute;
    bottom: 7px;
    right: 10px;
    height: 19px;
    padding: 1px 10px 0;
    line-height: 19px;
    font-size: 10px;
    color: #fff;
    border-radius: 11px;
    background-color: #4e47c1;
}

/* 상품 특성영역 추가 2016-12-07 */
.goodsUnitCard .prdAddGuideBox {
    display: block;
    margin: -5px 0 0;
    padding: 6px 10px 7px;
    line-height: 1rem;
    font-size: 0.857rem;
    color: #666;
    text-align: right;
    clear: both;
}

/* 방송안내 영역 추가 2016-12-07 */
.goodsUnitCard .tvGuideBox {
    padding: 0 8px;
    border-top: 1px solid #eee;
}
.goodsUnitCard .tvGuideBox .tvGuideInner .tit {
    display: inline-block;
    height: 2.083333333333333rem;
    padding: 1px 0 0;
    line-height: 2.083333333333333rem;
    font-size: 1rem;
    font-weight: bold;
    color: #666;
}
.goodsUnitCard .tvGuideBox .tvGuideInner .time {
    display: inline-block;
    height: 2.083333333333333rem;
    padding: 1px 0 0;
    line-height: 2.083333333333333rem;
    font-size: 1rem;
    font-weight: normal;
    color: #898989;
}

/* 동영상 시청 카운트 영역 추가 2016-12-08 */
.goodsUnitCard .goodsPrice .viewNum {
    position: absolute;
    top: 0;
    right: 10px;
    height: 1.833333333333333rem;
    padding: 1px 0 0;
    line-height: 1.833333333333333rem;
    font-size: 0.9166666666666667rem;
    color: #f41970;
}

/* 공통카드리스트 편성정보 추가 2016-08-02 */
.goodsUnitCard .goodTit_sbox02 p {
    padding: 1px 0 0;
    text-align: center;
    background: #f4f4f4;
}
.goodsUnitCard .goodTit_sbox02 p .icoClock {
    display: inline-block;
    padding: 2px 0 0 20px;
    line-height: 27px;
    font-weight: bold;
    color: #222;
    background: url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/ico_schedule_clack.gif) no-repeat 0 center;
    background-size: 16px;
    vertical-align: middle;
}
.goodsUnitCard .goodTit_sbox02 p .txtTime {
    display: inline-block;
    padding: 2px 0 0;
    line-height: 27px;
    color: #565656;
    vertical-align: middle;
}

.goodsUnitCard .goodsPrice {
    padding: 8px 10px 10px;
    border-top: 1px solid #f4f4f4;
    letter-spacing: -1px;
}
.goodsUnitCard .goodsPrice .modifier {
    display: block;
    overflow: hidden; /*height:1.428rem;*/
    margin: 1px 0;
    color: #666;
    font-size: 1.071rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.goodsUnitCard .goodsPrice .goodTit_best {
    position: relative;
}
.goodsUnitCard .goodsPrice .goodTit_best em {
    height: 10px;
    padding-left: 0;
    color: #e51937;
    font-size: 12px;
    line-height: 12px;
}
.goodsUnitCard .goodsPrice .goodTit_best span {
    position: absolute;
    top: 2px;
    right: 0;
    color: #666;
    font-size: 0.95rem; /*font-size:0.857rem;*/
    letter-spacing: 0;
    font-family: HelveticaNeue-Light;
}
.goodsUnitCard .goodsPrice .goodTit_best.tv {
    margin: 2px 0;
}
.goodsUnitCard .goodsPrice .goodTit_best.tv em {
    position: relative;
    display: block;
    overflow: hidden;
    width: 62px;
    height: 21px;
}
.goodsUnitCard .goodsPrice .goodTit_best.tv em:before {
    display: inline-block;
    content: "";
    width: 22px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat -50px 0;
    background-size: 150px auto;
    text-indent: -1000px;
}
.goodsUnitCard .goodsPrice .goodTit_best.tv em:after {
    display: inline-block;
    content: "베스트";
    position: absolute;
    left: 24px;
    top: 6px;
    width: 38px;
    color: #333;
    letter-spacing: -0.4px;
    font-weight: bold;
}
.goodsUnitCard .goodsPrice .goodTit_best.tv span {
    top: 4px;
    letter-spacing: 0;
}
.goodsUnitCard .goodsPrice .tit {
    display: block;
    overflow: hidden;
    color: #000;
    font-size: 1.417rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.goodsUnitCard .priceInfor {
    position: relative;
    margin-top: 5px;
}
.goodsUnitCard .priceInfor:after {
    display: block;
    content: "";
    clear: both;
}
.goodsUnitCard .priceInfor .flagArea {
    float: left;
    padding-top: 2px;
}
.goodsUnitCard .priceInfor .flagArea .Msale_MB {
    position: relative;
    top: -1px;
    width: 62px;
    margin-right: 8px;
}
.goodsUnitCard .priceInfor .flagArea .flag_sale {
    display: block;
    overflow: hidden;
    position: relative;
    top: 8px;
    width: 55px;
    height: 25px;
    margin-right: 5px;
    font-size: 2px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/main/flag_sale.png) no-repeat;
    background-size: 750px 525px;
    text-indent: -1000px;
}
.goodsUnitCard .priceInfor .flagArea .flag_free {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -155px -273px;
    background-size: 210px auto;
    text-indent: -1000px;
}

/* Msale_MS 추가 2016-01-05 */
.goodsUnitCard .priceInfor .flagArea .Msale_MS {
    position: relative;
    top: 0px !important;
    margin-right: 0;
}

.goodsUnitCard .priceInfor .priceArea {
    float: left;
    width: 75%;
}
.goodsUnitCard .priceInfor .priceArea .priceBase {
    color: #999;
    font-size: 0.857rem;
    letter-spacing: -0.4px;
}
.goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {
    color: #666;
    font-family: Arial;
    font-size: 1.083rem;
}
.goodsUnitCard .priceInfor .priceArea .priceBase .won {
    color: #666;
}
.goodsUnitCard .priceInfor .priceArea .priceBase .existPrice {
    font-family: Arial;
    font-size: 1.083rem;
    text-decoration: line-through;
}

.goodsUnitCard .priceInfor .priceArea dl:after {
    display: block;
    content: "";
    clear: both;
}
.goodsUnitCard .priceInfor .priceArea dl dt,
.goodsUnitCard .priceInfor .priceArea dl dd {
    float: left;
    margin-top: -2px;
    color: #222;
}
.goodsUnitCard .priceInfor .priceArea dl.first dt,
.goodsUnitCard .priceInfor .priceArea dl.first dd {
    margin-top: 1px;
}
.goodsUnitCard .priceInfor .priceArea dl dt {
    width: 84px;
    padding-top: 2px;
    font-size: 1.071rem;
    vertical-align: middle;
}
.goodsUnitCard .priceInfor .priceArea dl dd {
    font-size: 0.857rem;
}
.goodsUnitCard .priceInfor .priceArea dl dd strong {
    font-family: Arial;
    font-size: 1.428rem;
    letter-spacing: 0;
}
.goodsUnitCard .priceInfor .priceArea dl dd strong.priceRed,
.goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {
    color: #e51937;
}
.goodsUnitCard .priceInfor .priceArea dl dd strong.priceGray,
.goodsUnitCard .priceInfor .priceArea dl dd .textWonGray {
    color: #888;
} /* 2019-02-18 tv베스트 개선 : color 추가 */
.goodsUnitCard .priceInfor .priceArea dl dd .textWonBlack,
.goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {
    margin: 0 3px 0 1px;
    font-weight: bold;
}
.goodsUnitCard .priceInfor .priceArea dl dd .btn_saleInfo {
}
.goodsUnitCard .priceInfor .priceArea dl dd button.btn_saleInfo {
    border: none;
}
.goodsUnitCard .priceInfor .priceArea dl.titImg dt {
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 55px;
    height: 25px;
    margin-right: 5px;
    background: url(//image.hnsmall.com/images/mobile2014/main/flag_sale.png) no-repeat;
    background-size: 750px 525px;
    text-indent: -1000px;
}
.goodsUnitCard .priceInfor .priceArea dl.titImg dt,
.goodsUnitCard .priceInfor .priceArea dl.titImg dd {
    margin-top: 3px;
}
.goodsUnitCard .priceInfor .priceArea dl.hotkill dt {
    background-position: -75px -496px;
}
.goodsUnitCard .priceInfor .priceArea dl.homeand dt {
    background-position: 0 -496px;
}
.goodsUnitCard .priceInfor .priceArea.trevel {
    width: 100%;
}
.goodsUnitCard .priceInfor .priceArea.trevel dl dt {
    width: 80px;
}
.goodsUnitCard .priceInfor .priceArea.trevel dl dd {
    width: 210px;
}

/* 카드형 리스트 하단 버튼 */
.goodsUnitCard .goodsUnitbtnBox:after {
    display: block;
    overflow: hidden;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}
.goodsUnitCard .goodsUnitbtnBox a {
    display: block;
    height: 38px;
    padding: 1px 0 0;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.goodsUnitCard .goodsUnitbtnBox a.goodsUnitBtn01 {
    background: #555555;
}
.goodsUnitCard .goodsUnitbtnBox a.goodsUnitBtn02 {
    background: #e51937;
}
.goodsUnitCard .goodsUnitbtnBox.col02 a {
    float: left;
    width: 50%;
}

/* 상품 리스트 공통 템플릿 추가 - 2016-08-30
gen 8005049.vm-왼쪽 이미지 오른쪽 정보-검색용 리스트(편성,일반,메인 검색)
*/
.newGoodsList > li {
    position: relative;
    margin: 5px 0 0;
    border-bottom: 1px solid #b5b5b5;
    background: #fff;
}
.newGoodsList > li:first-child {
    margin: 0;
}
.newGoodsList > li a {
    display: block;
    min-height: 75px;
    padding: 10px 10px 10px 95px;
}
.newGoodsList > li a.flagtype {
    min-height: 90px;
}
.newGoodsList > li .imgBox {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 75px;
}
.newGoodsList > li .imgBox .flagBox + img {
    margin-top: 14px;
}
.newGoodsList > li .imgBox img {
    width: 100%;
    vertical-align: top;
}

.newGoodsList > li .prdCont {
    position: relative;
}
.newGoodsList > li .prdCont .goodTit_sbox {
    overflow: hidden;
    height: 15px;
    color: #909090;
    font-size: 0.857em;
    letter-spacing: -1px;
} /* 2016-04-14 수식어 추가 */
.newGoodsList > 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 수정 */
.newGoodsList > li .prdCont .srPrdTit .num {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 3px;
    color: #fff;
    text-align: center;
    line-height: 17px;
    font-size: 10px;
    background: #e8304a;
    position: relative;
    top: -1px;
}
.newGoodsList > li .prdCont .srPrdTit .num.red {
    background: #e8304a;
}
.newGoodsList > li .prdCont .benefit {
    display: block;
    position: relative;
    min-height: 14px;
    padding: 3px 0;
    margin: -22px 0 0;
    line-height: 12px;
    color: #898989;
}
.newGoodsList > li .prdCont .benefit span {
    display: inline-block;
    padding: 0 2px 0 6px;
    line-height: 12px;
    font-size: 12px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_detail_search_bar.gif) no-repeat left center;
    background-size: 1px 10px;
    letter-spacing: -1px;
}
.newGoodsList > li .prdCont .benefit span:first-child {
    padding: 0 2px 0 0;
    background: none;
}
.newGoodsList > li .prdCont .benefit .comment {
    position: absolute;
    right: 0;
    top: 4px;
    min-width: 70px;
    line-height: 12px;
    font-size: 12px;
    color: #565656;
    text-align: right;
}
.newGoodsList > li .prdCont .benefit .comment em {
    font-weight: bold;
}

.newGoodsList > li .prdCont .priceInfoBox > p {
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #222;
}
.newGoodsList > li .prdCont .priceInfoBox > p.discountPrice {
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
}
.newGoodsList > li .prdCont .priceInfoBox > p span {
    display: inline-block;
    vertical-align: top;
}
.newGoodsList > li .prdCont .priceInfoBox > p .tit {
    font-weight: normal;
}
.newGoodsList > li .prdCont .priceInfoBox > p .tit.type01 {
    width: 80px;
}
.newGoodsList > li .prdCont .priceInfoBox > p .tit.type02 {
    width: 138px;
    padding: 2px 0 0;
    line-height: 16px;
}
.newGoodsList > li .prdCont .priceInfoBox > p span em {
    display: inline-block;
    font-size: 1.455em;
    vertical-align: top;
}
.newGoodsList > li .prdCont .priceInfoBox > p span .wonBox {
    display: inline-block;
    vertical-align: top;
}
.newGoodsList > li .prdCont .pointC01 {
    color: #e51937;
}
.newGoodsList > li .prdCont .pointC02 {
    color: #777;
}
.newGoodsList > li .prdCont .saleFlag {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 22px;
}
.newGoodsList > li .prdCont .saleFlag span {
    overflow: hidden;
    display: block;
    text-indent: -999em;
}

.newGoodsList .telecastTit {
    box-sizing: border-box;
    padding: 0 10px 12px;
}
.newGoodsList .telecastTit .telecastInner {
    overflow: hidden;
    height: 29px;
    padding: 0 7px;
    line-height: 29px;
    background: #f4f4f4;
}
.newGoodsList .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;
}
.newGoodsList .telecastTit .telecastInner h1.type01 {
    color: #19bfbf;
}
.newGoodsList .telecastTit .telecastInner h1.type02 {
    color: #999;
}
.newGoodsList .telecastTit .telecastInner h1.type03 {
    color: #e51937;
}
.newGoodsList .telecastTit .telecastInner h1 .ico_telecast {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: -2px 5px 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_telecast02.gif) no-repeat;
    background-size: 11px 33px;
    background-position: left 0;
    vertical-align: middle;
}
.newGoodsList .telecastTit .telecastInner h1.type01 .ico_telecast {
    background-position: left 0;
}
.newGoodsList .telecastTit .telecastInner h1.type02 .ico_telecast {
    background-position: left -11px;
}
.newGoodsList .telecastTit .telecastInner h1.type03 .ico_telecast {
    background-position: left -22px;
}
.newGoodsList .telecastTit .telecastInner .time {
    display: inline-block;
    float: right;
    padding: 0 0 0 10px;
    line-height: 29px;
    color: #898989;
    font-size: 13px;
}

.newGoodsList .telecastTit.type02 {
    padding: 0 0 0 13px;
    border-top: 1px solid #e5e5e5;
}
.newGoodsList .telecastTit.type02 .telecastInner {
    padding: 0;
    background: none;
}
.newGoodsList .telecastTit.type02 .telecastInner h1 {
    float: left;
    width: 72px;
    height: 30px;
    padding: 0 12px 0 0;
    color: #e51937;
    background: none;
}
.newGoodsList .telecastTit.type02 .telecastInner h1 .ico_telecast {
    width: 15px;
    height: 14px;
    margin: -5px 3px 0 0;
    background-position: 0 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_tvbest.png) no-repeat;
    background-size: 15px 14px;
}
.newGoodsList .telecastTit.type02 .telecastInner .time {
    float: left;
    padding: 0;
    letter-spacing: -0.5px;
}
.newGoodsList .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;
}
.newGoodsList .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;
}
.newGoodsList .telecastTit.type02 .telecastInner .arim_btn span {
    display: inline-block;
    padding: 0 15px 0 0;
    font-size: 12px;
    letter-spacing: -0.5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_search_arimi.gif) no-repeat right center;
    background-size: 13px;
}
.newGoodsList .telecastTit.type02 .telecastInner .arim_btn.on {
    color: #e51937;
}
.newGoodsList .telecastTit.type02 .telecastInner .arim_btn.on span {
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_search_arimi_on.gif) no-repeat right center;
    background-size: 13px;
}

/***** 메인 zoom 기능 (+크게) *****/
body.font_zoom {
    font-size: 18px;
}
body.font_zoom .goodsUnitCard .priceInfor .priceArea dl dt {
    width: 59px;
    padding-top: 10px;
    font-size: 0.667rem;
}
body.font_zoom .goodsUnitCard .priceInfor .priceArea dl.titImg dt {
    top: 0;
}
body.font_zoom .goodsUnitList .goodsInfo .priceArea .price span.tit {
    width: 70px;
}

/* img - vertical-align : top 2016-06-03 */
.prdImgGuideWrap img {
    vertical-align: top;
}

/* 검색추천 추가 2016-08-05 */
.searchHeader_v2.searchHeader_v3 {
    border-bottom: 1px solid #e9e8e8;
}
.searchText.searchText_v3 .recommandWrap {
    position: relative;
    height: 30px;
    padding: 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchText.searchText_v3 .recommandWrap * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchText.searchText_v3 .recommandWrap .icon {
    position: absolute;
    top: 5px;
    padding-top: 1px;
    height: 20px;
    width: 50px;
    text-align: center;
    line-height: 19px;
    color: #fff;
    background: #666;
    font-size: 11px;
    letter-spacing: -0.5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.searchText.searchText_v3 .recommandWrap .title {
    display: block;
    padding: 3px 0 0 56px;
    font-size: 13px;
    color: #565656;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.searchTop_fix .bg {
    height: 6px;
    width: 100%;
    background: #e9e8e8;
    z-index: 100;
    border-top: 1px solid #c8c8c8;
}
.searchText.searchText_v3 .searchList_v2 {
    padding: 86px 10px 15px 10px;
}
.searchWrap.searchWrap_v2 .searchText_v3 .searchNone {
    padding-top: 106px;
}

/* 동영상 리스트 2016-08-12 */
.videoListWrap li {
    background: #fff;
}
.videoListWrap li {
    margin: 0;
    padding: 0 5px 0;
    border-bottom: 1px solid #ddd;
}
.videoListWrap li:after {
    display: block;
    content: "";
    clear: both;
    width: 0;
    height: 0;
    line-height: 0;
}
.videoListWrap li:first-child {
    margin: 0;
}
.videoListWrap li .goodsUnitList {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 10px 5px;
    letter-spacing: 0;
}
.videoListWrap li .goodsUnitList > a {
    display: block;
}
.videoListWrap li .goodsUnitList > a .img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.videoListWrap li .goodsUnitList > a .img img {
    width: 100%;
    vertical-align: top;
}
.videoListWrap li .goodsUnitList > a .img .imgMiddle {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
.videoListWrap li .goodsUnitList > a .img .imgMiddle img {
    margin: -20% 0 0;
}
.videoListWrap li .goodsUnitList > a .img .imgMiddle.wide img {
    margin: 0;
}
.videoListWrap li .goodsUnitList > a .img .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    top: 0;
    left: 0;
}
.videoListWrap li .goodsUnitList > a .img .icon_movie {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 27px;
    margin: -16px 0 0 -18px;
    line-height: 0;
    font-size: 2px;
    color: transparent;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_video_play.png) no-repeat 0;
    background-size: 38px 27px;
}
.videoListWrap li .goodsUnitList > a .img var.count {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 4px;
    color: #fff;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    z-index: 2;
    letter-spacing: 0;
}
/* .videoListWrap li .goodsUnitList > a .img var.count.new {right:3; bottom:2;} 2016-06-24 수정 */
.videoListWrap li .goodsUnitList > a .img var.count.new:before {
    display: block;
    content: "";
    width: 31px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_new.png) no-repeat;
    background-size: 31px;
} /* 2016-06-24 수정 */
.videoListWrap li .goodsUnitList > a .img var.count.new span {
    display: none;
    position: absolute;
    right: 8px;
    bottom: 3px;
    font-size: 8px;
} /* 2016-06-24 수정 */
.videoListWrap li .goodsUnitList > a span.txt {
    margin-top: 7px;
    height: 2.666666666666667rem;
    line-height: 1.333333333333333rem;
    overflow: hidden;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    letter-spacing: 0;
}
.videoListWrap li .goodsUnitList > a span.corpName {
    display: block;
    overflow: hidden;
    margin-top: 7px;
    line-height: 1.333333333333333rem;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.videoListWrap li .goodsUnitList > a span.prdName {
    display: block;
    overflow: hidden;
    line-height: 1.333333333333333rem;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.videoListWrap li .goodsUnitList > a span.price,
.mainNav .add_movie_area li a span.dcPrice {
    display: block;
    letter-spacing: 0;
}
.videoListWrap li .goodsUnitList > a span.price {
    margin-top: 2px;
    font-size: 0.857rem;
}
.videoListWrap li .goodsUnitList > a span.price em {
    text-decoration: line-through;
}
.videoListWrap li .goodsUnitList > a span.dcPrice {
    color: #000;
    font-size: 1rem;
    font-weight: bold;
}
.videoListWrap li .goodsUnitList > a span.dcPrice em {
    font-size: 1.214rem;
}
.videoListWrap li .goodsUnitList > a span.date {
    display: block;
    margin-top: 2px;
    font-size: 0.9285714285714286rem;
    color: #666;
}
.videoListWrap li .goodsUnitList > a .sh_txt {
    color: #e51937;
}
.videoListWrap li .goodsUnitList .iframeWrap {
    position: relative;
    padding: 56.37064246614808% 0 0;
}
.videoListWrap li .goodsUnitList .iframeWrap > span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* 동영상 리스트 2016-11-29  */
.videoListWrap.type02 ul {
    overflow: hidden;
}
.videoListWrap.type02 ul li {
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px 0 0;
}
.videoListWrap.type02 ul li:first-child {
    margin: 0;
}
.videoListWrap.type02 ul li .goodsUnitList {
    width: 100%;
    padding: 10px;
}
.videoListWrap.type02 ul li .goodsUnitList > a {
    position: relative;
}
.videoListWrap.type02 ul li .goodsUnitList > a span.txt {
    display: block;
    overflow: hidden;
    margin: 7px 55px 0 0;
    height: auto;
    line-height: 1.333333333333333rem;
    overflow: hidden;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoListWrap.type02 ul li .goodsUnitList > a span.txt02 {
    display: block;
    overflow: hidden;
    line-height: 1.333333333333333rem;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.videoListWrap.type02 ul li .goodsUnitList > a .date {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    line-height: 18px;
}

/* btn type */
.btn_round01 {
    display: inline-block;
    height: 24px;
    border: 1px solid #19bfbf;
    line-height: 21px;
    color: #19bfbf;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-sizing: border-box;
    background: #fff;
}
.btn_round02 {
    display: inline-block;
    height: 24px;
    border: 1px solid #e51937;
    line-height: 21px;
    color: #e51937;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-sizing: border-box;
    background: #fff;
}
.btn_round03 {
    display: inline-block;
    height: 24px;
    border: 1px solid #333;
    line-height: 21px;
    color: #333;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    box-sizing: border-box;
    background: #fff;
}
.btn01 {
    display: inline-block;
    overflow: hidden;
    height: 38px;
    padding: 1px 10px 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e51937;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #e51937;
    letter-spacing: -0.7px;
    word-break: normal;
}
button.btn01 {
    height: 40px;
    padding: 0 10px;
    line-height: 39px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
button.btn01.type02 {
    padding: 0 30px;
}
.btn02 {
    display: inline-block;
    overflow: hidden;
    height: 38px;
    padding: 1px 10px 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #333;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #333;
    word-break: normal;
}
button.btn02 {
    height: 40px;
    padding: 0 10px;
    line-height: 39px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn03 {
    display: inline-block;
    overflow: hidden;
    height: 38px;
    padding: 1px 10px 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    word-break: normal;
}
button.btn03 {
    height: 40px;
    padding: 0 10px;
    line-height: 39px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn04 {
    display: inline-block;
    overflow: hidden;
    height: 38px;
    padding: 1px 10px 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #000;
    word-break: normal;
}
button.btn04 {
    height: 40px;
    padding: 0 10px;
    line-height: 39px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn05 {
    display: inline-block;
    overflow: hidden;
    height: 38px;
    padding: 1px 10px 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #565656;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #cdcdcd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #fff;
    word-break: normal;
}
button.btn05 {
    height: 40px;
    padding: 0 10px;
    line-height: 39px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn06 {
    display: inline-block;
    overflow: hidden;
    height: 27px;
    padding: 1px 10px 0;
    line-height: 27px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e51937;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #e51937;
    word-break: normal;
}
button.btn06 {
    height: 30px;
    padding: 0 10px;
    line-height: 29px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn07 {
    display: inline-block;
    overflow: hidden;
    height: 29px;
    padding: 1px 10px 0;
    line-height: 29px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e51937;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #e51937;
    word-break: normal;
}
button.btn07 {
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}
.btn08 {
    display: inline-block;
    overflow: hidden;
    height: 39px;
    padding: 1px 10px 0;
    line-height: 39px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #5a5a5a;
    background: #5a5a5a;
    word-break: normal;
}
button.btn08 {
    height: 42px;
    padding: 0 10px;
    line-height: 41px;
    font-family: "Malgun Gothic", arial, sans-serif, Helvetica;
}

.btn02.medium {
    height: 32px;
    font-size: 13px;
    line-height: 32px;
}
.btn02.small {
    height: 24px;
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
}

.btn_block {
    padding: 0 10px;
}
.btn_block .btn02 {
    display: block;
}

.btn_more_default {
    display: block;
    box-sizing: border-box;
    width: 100%;
    font-weight: bold;
    text-align: center;
    border: 1px solid #cdcdcd;
    background: #fff;
    border-radius: 2px;
}
.btn_more_default span {
    display: inline-block;
    position: relative;
    height: 32px;
    padding: 1px 15px 0 0;
    line-height: 32px;
    font-size: 12px;
    color: #333;
}
.btn_more_default span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    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;
}
.btn_more_default span em {
    color: #aaa;
}
.btn_more_default > em {
    display: inline-block;
    height: 32px;
    padding: 1px 15px 0 0;
    line-height: 32px;
    font-size: 12px;
    color: #aaa;
}
.btn_more_default span.nomore:after {
    display: none;
}

/* 정보입력 테이블 */
.regTbl01 {
    width: 100%;
}
.regTbl01 table {
    width: 100%;
}
.regTbl01 table caption {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    font-size: 2px;
    line-height: 0;
    color: transparent;
}
.regTbl01 table tr {
    border-bottom: 1px solid #cdcdcd;
}
.regTbl01 table th {
    padding: 10px 0 10px 20px;
    line-height: 20px;
    font-size: 12px;
    color: #222;
    text-align: left;
    vertical-align: top;
}
.regTbl01 table td {
    padding: 10px 10px 10px 0;
    line-height: 20px;
}
.regTbl01 table td input[type="text"] {
    box-sizing: border-box;
    width: 100%;
    height: 20px;
    font-size: 12px;
    color: #222;
    border: none;
    border-radius: 0;
    background: #fff;
    text-indent: 0;
}
.regTbl01 table td ::-webkit-input-placeholder {
    line-height: 19px;
    font-size: 10px;
    color: #888;
}
.regTbl01 table td.ageChkBox {
    line-height: 20px;
    padding: 10px 0 10px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #222;
    border-bottom: 1px solid #cdcdcd;
}
.regTbl01 table td.ageChkBox label em {
    color: #e51937;
}
.regTbl01 table td.ageChkBox .checkBox01 {
    margin: 0 5px 0 0;
}
.regTbl01 table td.ageChkBox .selectBox01 {
    font-weight: bold;
}

/* 테이블 등록 error */
table tr td .errorTxt {
    display: none;
}
table tr.error {
    border-bottom: 1px solid #e51937;
}
table tr.error th {
    color: #e51937;
}
table tr.error td .errorTxt {
    display: block;
    line-height: 16px;
    font-size: 10px;
    color: #e51937;
}

/* 정보입력 UI 2016-09-26 */
.regIptBox {
    margin: 10px 10px 0;
}
.regIptBox .regIptUnit {
    position: relative;
    padding: 7px;
    border: 1px solid #cdcdcd;
    background: #fff;
}
.regIptBox ul {
    border: 1px solid #cdcdcd;
    background: #fff;
}
.regIptBox ul li {
    position: relative;
    padding: 7px;
    border-top: 1px solid #cdcdcd;
}
.regIptBox ul li:first-child {
    border-top: none;
}
.regIptBox .errorTxt {
    display: block;
    line-height: 16px;
    font-size: 12px;
    color: #e51937;
    letter-spacing: -0.5px;
}
.regIptBox .birthWrap {
    padding: 0;
    border: 1px solid #cdcdcd;
    background: #fff;
}
.regIptBox ul li.birthWrap {
    border: none;
    border-top: 1px solid #cdcdcd;
}
.regIptBox .birthWrap:after {
    display: block;
    content: "";
    clear: both;
}
.regIptBox .birthWrap .selectWrap {
    float: left;
    -webkit-box-sizing: border-box;
    padding: 7px 0 7px 7px;
    height: 38px;
    border-right: 1px solid #cdcdcd;
}
.regIptBox .birthWrap .selectWrap:last-child {
    border-right: none;
}
.regIptBox .birthWrap .selectWrap select {
    height: 38px;
}
.regIptBox .telWrap {
    position: relative;
    overflow: hidden;
}
.regIptBox .telWrap .hidden {
    font-size: 0;
    line-height: 0;
    color: transparent;
}
.regIptBox .telWrap .selectWrap {
    position: relative;
    float: left;
    height: 38px;
    padding-right: 12px;
    line-height: 36px;
    -webkit-box-sizing: border-box;
}
.regIptBox .telWrap .selectWrap:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 12px;
    content: "-";
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-align: center;
}
.regIptBox .telWrap .selectWrap .inner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 0 0 0 10px;
    background: #fff;
    border: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
}
.regIptBox .telWrap .selectWrap .required {
    display: inline-block;
    color: #e51937;
    vertical-align: middle;
}
.regIptBox .telWrap .selectWrap .selectedView {
    width: 86%;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.regIptBox .telWrap .selectWrap select {
    right: 12px;
    height: 36px;
}
.regIptBox .telWrap .placeholderWrap {
    position: relative;
    float: left;
    height: 38px;
    padding-right: 12px;
    -webkit-box-sizing: border-box;
}
.regIptBox .telWrap .placeholderWrap:after {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 12px;
    height: 38px;
    content: "-";
    font-size: 14px;
    color: #333;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
}
.regIptBox .telWrap .placeholderWrap:last-child {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 0;
}
.regIptBox .telWrap .placeholderWrap:last-child:after {
    display: none;
}
.regIptBox .telWrap .placeholderWrap .inner {
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 0 10px;
    line-height: 36px;
    background: #fff;
    border: 1px solid #cdcdcd;
    -webkit-box-sizing: border-box;
}
.regIptBox .telWrap .placeholderWrap input {
    height: 36px;
    color: #333;
}
.regIptBox .telWrap + .errorTxt {
    margin-top: 5px;
}
.regIptBox .ageChkBox {
    margin: 7px 0 0; /*padding:0 7px;*/
    font-size: 14px;
    font-weight: bold;
    color: #222;
}
.regIptBox .ageChkBox input[type="checkbox"] {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    height: 17px;
    width: 17px;
    overflow: hidden;
    position: relative;
    top: 3px;
    border: none;
}
.regIptBox .ageChkBox input:checked[type="checkbox"] {
    background-position: -22px 0;
    background-color: transparent;
}
.regIptBox .ageChkBox label em {
    color: #e51937;
}
.regIptBox .ageChkBox select.selectBox01 {
    font-weight: bold;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center #fff;
    background-size: 19px 6px;
}
.regIptBox .btnIptDel {
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0px;
    top: 3px;
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border: none;
    background: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.regIptBox .btnIptDel:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -110px -180px;
    background-size: 300px auto;
}

.regIptBox .transform_email .emailWrap {
    padding: 10px;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-size: 0;
}
.regIptBox .transform_email .emailWrap input[type="text"],
.regIptBox .transform_email .emailWrap .selectWrap {
    height: 38px;
    line-height: 36px;
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #fff;
    box-sizing: border-box;
}
.regIptBox .transform_email .emailWrap .input_area {
    width: 40%;
    padding-right: 8px;
    box-sizing: border-box;
    display: inline-block;
}
.regIptBox .transform_email .emailWrap input[type="text"] {
    width: 100%;
    color: #666;
}
.regIptBox .transform_email .emailWrap .selectWrap {
    width: 60%;
    padding: 7px 0 7px 7px;
    vertical-align: top;
}
.regIptBox .transform_email .emailWrap .selectWrap select {
    height: 100%;
}
.regIptBox .transform_email .emailWrap,
.regIptBox .transform_email .no_email,
.regIptBox .transform_email .btn_round_area.case2,
.regIptBox .transform_email .btn_round_area.case3,
.regIptBox .transform_email.delete .email,
.regIptBox .transform_email.delete .btn_round_area.case1,
.regIptBox .transform_email.change .btn_round_area.case1 {
    display: none;
}
.regIptBox .transform_email.delete .no_email,
.regIptBox .transform_email.delete .btn_round_area.case2,
.regIptBox .transform_email.change .emailWrap,
.regIptBox .transform_email.change .btn_round_area.case3 {
    display: block;
}

.regIptBox .btn_round_area,
.regIptBox .btn_round01 {
    position: absolute;
    top: 7px;
    right: 7px;
}
.regIptBox .btn_round_area {
    font-size: 0;
}
.regIptBox .btn_round_area .btn_round01 {
    position: relative;
    top: 0;
    left: 0;
}
.regIptBox .btn_round_area button + button {
    margin-left: 5px;
}
.regIptBox .tover {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    margin-right: 80px;
}
.regIptBox .txt {
    font-weight: bold;
    padding: 4px 0 3px 0;
    color: #000;
    font-size: 13px;
}

.regIptBox .txt_type {
    font-weight: normal;
    color: #aaa;
    padding: 16px 7px 15px 7px;
    border: 1px solid #cdcdcd;
    background: #f9f9f9;
    font-size: 13px;
}
.regIptBox ul.txt_type {
    padding: 0;
}
.regIptBox ul.txt_type li {
    padding: 11px 7px 10px 7px;
}

.regIptBox .txt_type2 {
    position: relative;
    font-weight: bold;
    color: #000;
    position: relative;
    padding: 11px 7px 10px 7px;
    border: 1px solid #cdcdcd;
    background: #fff;
    font-size: 13px;
}
.regIptBox ul.txt_type2 {
    padding: 0;
}
.regIptBox ul.txt_type2 li {
    padding: 11px 7px 10px 7px;
}
.regIptBox ul.txt_type2 li.red {
    color: #f51d2c;
}

.regIptBox ul.remail li {
    position: relative;
    font-size: 13px;
}
.regIptBox ul.remail input[type="radio"] {
    position: absolute;
    top: 10px;
    left: 7px;
}
.regIptBox ul.remail li * {
    vertical-align: middle;
}
.regIptBox ul.remail .placeholderWrap {
    width: auto;
    display: block;
    margin-left: 30px;
}
.regIptBox ul.remail li > label {
    font-weight: bold;
    padding: 4px 0 3px 27px;
    display: inline-block;
    color: #000;
    font-size: 13px;
}
.regIptBox ul.remail .errorTxt {
    padding-left: 30px;
}

/* input[type="text"] */
input[type="text"].txtIpt {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    margin: -2px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: none;
    border-radius: 0;
    background: #fff;
    text-indent: 0;
}
input[type="text"].txtIpt::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    letter-spacing: -0.5px;
}

/* input[type="password"] */
input[type="password"].pwIpt {
    box-sizing: border-box;
    width: 100%;
    height: 25px;
    margin: -2px 0 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: none;
    border-radius: 0;
    background: #fff;
    text-indent: 0;
}
input[type="password"].pwIpt::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    letter-spacing: -0.5px;
}

/* placehoder */
.placeholderWrap {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 25px;
}
.placeholderWrap .labelTit {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1px 0 0;
    line-height: 24px;
    font-size: 13px;
    color: #888;
    letter-spacing: -1px;
}
.placeholderWrap .labelTit .txtS {
    display: inline-block;
    line-height: 23px;
    font-size: 12px;
    vertical-align: top;
}
.placeholderWrap input[type="text"],
.placeholderWrap input[type="password"] {
    position: static;
    width: 100%;
    height: 25px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    border: none;
    border-radius: 0;
    background: #fff;
    vertical-align: top;
    text-indent: 0;
}
.placeholderWrap input[disabled] {
    color: #000 !important;
}
.placeholderWrap input[type="tel"] {
    position: static;
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    border: none;
    border-radius: 0;
    background: #fff;
    vertical-align: top;
    text-indent: 0;
}

.placeholderWrap.mobile .point {
    color: #e51937;
    position: relative;
    top: 8px;
}
.placeholderWrap.mobile input[type="tel"] {
    width: 90%;
}
.placeholderWrap.remail input[type="text"] {
    width: 90%;
}

/* checkbox */
input[type="checkbox"].checkBox01 {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: -2px 0 0;
    border: 1px solid #222 !important;
    background: #fff;
    vertical-align: middle;
}
input[type="checkbox"].checkBox01:checked {
    background: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0;
    background-size: auto 17px;
    background-position: -192px 0;
}
input[type="checkbox"].checkBox02,
input[type="checkbox"].checkBox03,
input[type="checkbox"].checkBox04,
input[type="checkbox"].checkBox05,
input[type="checkbox"].checkBox06,
input[type="checkbox"].checkBox07 {
    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) no-repeat 0 0;
    background-size: auto 17px;
    background-color: transparent;
    vertical-align: middle;
}
input[type="checkbox"].checkBox03,
input[type="checkbox"].checkBox04,
input[type="checkbox"].checkBox05,
input[type="checkbox"].checkBox06,
input[type="checkbox"].checkBox07 {
    background-position: -104px 0;
}
input[type="checkbox"].checkBox02:checked {
    background-position: -22px 0;
}
input[type="checkbox"].checkBox03:checked {
    background-position: -44px 0;
}
input[type="checkbox"].checkBox04:checked {
    background-position: -126px 0;
}
input[type="checkbox"].checkBox05:checked {
    background-position: -148px 0;
}
input[type="checkbox"].checkBox06:checked {
    background-position: -170px 0;
}
input[type="checkbox"].checkBox07:checked {
    background-position: -255px 0;
}

/* radio */
input[type="radio"].radioBox01 {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -2px 0 0;
    border: none !important;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png);
    background-size: auto 17px;
    background-position: -66px 0;
    vertical-align: middle;
}
input[type="radio"].radioBox01:checked {
    background-position: -85px 0;
}

/* selectbox */
select.selectBox01 {
    position: static;
    width: auto;
    height: 25px;
    margin: -2px 0 0;
    padding: 0 20px 0 0;
    font-size: 14px;
    color: #222;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background: #fff url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box.gif) no-repeat right center;
    background-size: 16px 20px;
}

/* bullet text */
.bulletTxt {
    position: relative;
    padding: 0 0 0 8px;
    margin: 13px 0 0;
    font-size: 12px;
    color: #888;
}
.bulletTxt:before {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #cdcdcd;
}
.bulletTxt.txtB01,
.bulletTxt .txtB01 {
    font-weight: bold;
    color: #333;
}
ul.bulletTxt {
    position: static;
    padding: 0;
}
ul.bulletTxt:before {
    display: none;
}
ul.bulletTxt li {
    position: relative;
    padding: 0 0 0 8px;
    margin: 3px 0 0;
}
ul.bulletTxt li:first-child {
    margin: 0;
}
ul.bulletTxt li:before {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #cdcdcd;
}

.bulletTxt.ver02:before {
    background: #888;
}
ul.bulletTxt.ver02 li:before {
    background: #888;
}

.bulletTxt.ver03 {
    color: #565656;
}
.bulletTxt.ver03:before {
    background: #565656;
}
ul.bulletTxt.ver03 li:before {
    background: #565656;
}

/* custom select box //image.hnsmall.com/images/mobile2014/common/ico_selec_box.gif*/
.selectWrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 25px;
    vertical-align: middle;
}
.selectWrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    height: 25px;
    vertical-align: middle;
}
.selectWrap .selectedView {
    display: inline-block;
    -webkit-box-sizing: border-box;
    width: 100%;
    padding: 1px 25px 0 0;
    line-height: 24px;
    font-size: 13px;
    color: #898989;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center;
    background-size: 19px 6px;
}
.selectWrap .selectedView.active {
    font-weight: bold;
    color: #000;
}
.selectWrap select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    padding: 0;
    margin: 0;
    color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
    background: none;
}

.selectWrap.type02 {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px;
    border: 1px solid #d9d9d9;
}
.selectWrap.type02 .selectedView {
    height: 23px;
    padding: 1px 25px 0 7px;
    line-height: 22px;
    font-size: 11px;
    color: #555;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box03.gif) no-repeat right center;
    background-size: 14px 4px;
}
.selectWrap.type02 select {
    height: 23px;
    padding: 0 7px;
}

/* sub title */
.titSub {
    display: block;
    margin: 15px 10px 5px;
    font-size: 13px;
    color: #222;
    border: none;
    background: none;
}

/* tab */
.tabBox {
    position: relative;
    background: #fff;
}
.tabBox .bar {
    display: block;
    position: absolute;
    left: 10%;
    bottom: 0;
    width: 30%;
    height: 2px;
    background: #e51937;
}
.tabBox ul {
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.tabBox ul li {
    float: left;
    width: 50%;
    text-align: center;
}
.tabBox ul li a {
    display: block;
    height: 38px;
    padding: 1px 0 0;
    line-height: 38px;
    font-size: 15px;
    font-weight: bold;
    color: #898989;
}
.tabBox ul li.on a {
    color: #e51937;
}
.tabBox ul li.line {
    position: relative;
}
.tabBox ul li.line:before {
    position: absolute;
    width: 1px;
    top: 12px;
    bottom: 12px;
    left: 0;
    background: #eee;
    content: "";
    display: block;
}

/* prdListCard_type2 */
.goodsUnitCard.type2 .goodsPrice {
    background: #fff;
    position: relative;
}
.goodsUnitCard.type2 .goodsPrice .btn_saleInfo {
    z-index: 20;
}
.goodsUnitCard.type2 .goodsPrice .fake_area {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.tvlive02 .onAirBox .infoBox2 {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    padding: 0 10px;
    overflow: hidden;
    font-size: 13px;
}
.tvlive02 .onAirBox .infoBox2 .time {
    color: #fff;
    display: block;
    float: left;
    line-height: 24px;
}
.tvlive02 .onAirBox .infoBox2 .time strong {
    font-size: 14px;
    margin-left: 5px;
}
.tvlive02 .onAirBox .infoBox2 .play {
    display: block;
    float: right;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
}
.tvlive02 .onAirBox .infoBox2 .play:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -160px -150px;
    width: 19px;
    height: 18px;
    background-size: 210px auto;
    content: "";
    margin-right: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
    vertical-align: top;
}

/* 메인 혜택 팝업 */
.benefitBn {
    position: fixed;
    left: 8%;
    width: 84%;
    bottom: -200px;
    z-index: 10007;
}
.benefitBn_in {
    position: relative;
    line-height: 0;
}
.benefitBn_in .close_btn {
    position: absolute;
    top: 5%;
    left: 6%;
}
.benefitBn_in .close_btn img {
    width: 20px;
}
.benefitBn_in .benefit_btn {
    position: absolute;
    bottom: 4%;
    text-align: center;
    left: 5px;
    right: 5px;
}
.benefitBn_in .benefit_btn img {
    width: 80%;
}
.benefitBn_in.type2 .benefit_btn {
    bottom: 6%;
}
.benefitBn_in.type3 .benefit_btn {
    bottom: 4.8%;
}
.benefitBn_in.type4 .benefit_btn {
    bottom: 17%;
}
.benefitBn img {
    width: 100%;
}

/* TV플러스 동영상 리스트 박스 2017-01-17 */
.videoListWrap01 {
    padding: 0 10px;
    background: #fff;
}
.videoListWrap01 .columnBox {
    overflow: hidden;
    width: 100%;
}
.videoListWrap01 .columnBox li {
    float: left;
    box-sizing: border-box;
    width: 50%; /* margin:0 0 -15.625%; */
    padding: 0 5px;
}
.videoListWrap01 .columnBox li:nth-child(4n-1) {
    margin: -17% 0 0;
}
.videoListWrap01 .columnBox li:nth-child(2n + 1) {
    clear: both;
}

.btnPlay.goodIco,
.btnPlay.goodIcoAfter:after,
.btnPlay.goodIcoBefore:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
}

/* 플레이버튼 스타일 추가 2017-02-27 */
.playBtn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
}
.playBtn:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    padding: 0;
    background: #000;
    opacity: 0.2;
}
.playBtn .playIco {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
}
.playBtn .playIco:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
}
.playBtn .playIco .playTime {
    display: inline-block;
    color: #fff;
    vertical-align: top;
}

.playBtn .playIco.large {
    margin: -32px 0 0;
    padding: 47px 0 0;
}
.playBtn .playIco.large:before {
    width: 32px;
    height: 40px;
    margin: 0 0 0 -16px;
    background-position: -34px 0;
}
.playBtn .playIco.large .playTime {
    line-height: 26px;
    font-size: 23px;
}

.playBtn .playIco.medium {
    margin: -17px 0 0;
    padding: 35px 0 0;
}
.playBtn .playIco.medium:before {
    width: 25px;
    height: 31px;
    margin: 0 0 0 -12px;
    background-position: -90px -15px;
}
.playBtn .playIco.medium .playTime {
    position: static;
    margin-top: 0;
    line-height: 24px;
    font-size: 20px;
}

/* 길어야 일분 동영상 스타일 추가 2017-01-12 */
.videoUnitCard .goodIco,
.videoUnitCard .goodIcoAfter:after,
.videoUnitCard .goodIcoBefore:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
    background-repeat: no-repeat;
    background-size: auto 50px;
}

.videoUnitCard {
    position: relative;
    background: #fff;
}
.videoUnitCard .videoLogo {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}
.videoUnitCard .videoLogo img {
    width: 80px;
}

.videoUnitCard .imgZone {
    display: block;
    position: relative;
    padding: 56.49350649350649% 0 0;
}
.videoUnitCard .imgZone .img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.videoUnitCard .imgZone .img:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v4.png) repeat-x left bottom;
    background-size: 1px 100%;
}
.videoUnitCard .imgZone .img img {
    width: 100%;
    vertical-align: top;
}
.videoUnitCard .imgZone .img.type2 {
    overflow: hidden;
}
.videoUnitCard .imgZone .img.type2 img {
    width: auto;
    height: 100%;
    margin-left: -1.5%;
}
.videoUnitCard .imgZone .img.type3 img {
    position: absolute;
    top: -100%;
    left: -100%;
    bottom: -100%;
    right: -100%;
    width: 100%;
    height: auto;
    margin: auto;
}

.videoUnitCard .btnPlay {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -32px 0 0;
    padding: 42px 0 0;
    text-align: center;
}
.videoUnitCard .btnPlay:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 32px;
    height: 40px;
    margin: 0 0 0 -16px;
    background-position: -34px 0;
}
.videoUnitCard .btnPlay .playTime {
    display: inline-block;
    line-height: 18px;
    font-size: 15px;
    color: #fff;
    vertical-align: top;
}

.videoUnitCard .viewNum {
    position: absolute;
    bottom: 15px;
    right: 10px;
    height: 19px;
    padding: 1px 7px 0 25px;
    line-height: 19px;
    font-size: 11px;
    color: #fff;
    border-radius: 11px;
    -webkit-border-radius: 11px;
    background-color: #4e47c1;
}
.videoUnitCard .viewNum:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 15px;
    height: 10px;
    margin: -5px 0 0;
    background-position: -14px 0;
}
.videoUnitCard .flagNew {
    position: absolute;
    bottom: 7px;
    right: 10px;
    height: 19px;
    padding: 1px 10px 0;
    line-height: 19px;
    font-size: 10px;
    color: #fff;
    border-radius: 11px;
    background-color: #4e47c1;
}

.videoUnitCard .videoInfoBox {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 115px 7px 10px;
}
.videoUnitCard .videoInfoBox .tit {
    display: block;
    overflow: hidden;
    margin: 0 0 -2px;
    font-size: 1.357rem;
    font-weight: normal;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoUnitCard .videoInfoBox .price {
    display: block;
    font-size: 1.428rem;
    font-weight: bold;
    color: #fff;
}
.videoUnitCard .videoInfoBox .price em {
    font-size: 0.857rem;
}
.videoUnitCard .videoInfoBox .priceBox {
    margin: 4px 0 0;
}
.videoUnitCard .videoInfoBox .priceBox .priceTit {
    display: block;
    font-size: 1rem;
}
.videoUnitCard .videoInfoBox .priceBox .price {
    margin: -2px 0 0;
    font-size: 1.166666666666667rem;
    color: #e51937;
}
.videoUnitCard .videoInfoBox .priceBox .price em {
    font-size: 1rem;
}

.videoUnitCard.ver02 .imgZone {
    overflow: hidden;
    padding: 64.28571428571429% 0 0;
}
.videoUnitCard.ver02 .imgZone .img {
    margin: -17% 0 0;
}
.videoUnitCard.ver02 .imgZone .img:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.1;
}
.videoUnitCard.ver02 .imgZone .img:after {
    top: 20%;
    background: url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v5.png) no-repeat center;
    background-size: auto 100%;
    background-color: transparent;
    opacity: 1;
}
.videoUnitCard.ver02 .imgZone.squareImg {
    padding: 100% 0 0;
}
.videoUnitCard.ver02 .imgZone.squareImg .img {
    margin: 0;
}
.videoUnitCard.ver02 .imgZone.squareImg .img:after {
    top: 0;
}

.videoUnitCard.ver02 .btnPlay {
    padding: 18px 0 0;
    margin: -15px 0 0;
}
.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;
}
.videoUnitCard.ver02 .btnPlay .playTime {
    position: relative;
    font-size: 11px;
    color: #fff;
}
.videoUnitCard.ver02.ex1 .btnPlay .playTime:after {
    display: none;
}

.videoUnitCard.ver02 .viewNum {
    bottom: 7px;
    right: 7px;
    height: 15px;
    padding: 1px 5px 0 19px;
    line-height: 15px;
    font-size: 10px;
}
.videoUnitCard.ver02 .viewNum:before {
    left: 5px;
    width: 12px;
    height: 8px;
    margin: -4px 0 0;
    background-position: -90px 0;
}
.videoUnitCard.ver02 .flagNew {
    bottom: 7px;
    right: 7px;
    height: 14px;
    padding: 1px 10px 0;
    line-height: 14px;
    font-size: 10px;
}

.videoUnitCard.ver02 .videoInfoBox {
    position: static;
    padding: 5px 5px 10px;
}
.videoUnitCard.ver02 .videoInfoBox .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 2.4rem;
    line-height: 1.25rem;
    font-size: 1.083333333333333rem;
    color: #000;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
}

.videoUnitCard.ver03 {
    border-bottom: 1px solid #b5b5b5;
}
.videoUnitCard.ver03 .imgZone {
    overflow: hidden;
    padding: 46.75324675324675% 0 0;
}
.videoUnitCard.ver03 .imgZone .img img {
    display: block;
    position: absolute;
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
    width: 100%;
    height: auto;
    margin: auto;
}
.videoUnitCard.ver03 .imgZone .img:after {
    background: none;
}
.videoUnitCard.ver03 .videoInfoBox {
    display: block;
    position: relative;
    padding: 7px 10px 10px;
}
.videoUnitCard.ver03 .videoInfoBox .tit {
    color: #000;
}
.videoUnitCard.ver03 .videoInfoBox .priceBox .priceTit {
    display: inline-block;
    font-size: 1.083rem;
}
.videoUnitCard.ver03 .videoInfoBox .priceBox .price {
    display: inline-block;
    font-size: 1.5rem;
}
.videoUnitCard.ver03 .videoInfoBox .priceBox .price em {
    font-size: 1.166rem;
}
.videoUnitCard.ver03 .viewNum,
.videoUnitCard .flagNew {
    bottom: 10px;
}

/* 2017-01-18 연관 검색 UI 변경 */
.search_find {
    background: #fff;
    padding: 0 15px;
    border-bottom: 1px solid #e0e0e0;
}
.search_find:after {
    content: "";
    clear: both;
    display: block;
}
.search_find .thumArea {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 15px 8px 15px 0;
    border: none;
}
.search_find .thumArea:nth-child(2) {
    padding: 15px 0 15px 8px;
}
.search_find .thumArea .img_thumb {
    width: 100%;
}
.search_find .thumArea a p.tit,
.search_find .thumArea .base,
.search_find .thumArea dl {
    padding-left: 0;
    padding-right: 0;
}
.search_find_tit {
    padding: 1px 15px 0;
    margin: 0 0 5px;
    line-height: 36px;
    font-size: 15px;
    color: #000;
    text-align: left;
    background: #fff;
    letter-spacing: -1px;
}
.search_find_txt {
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    padding: 9px 0 10px 10px;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 10px;
}
/* .search_find_txt ul:after {content:'';clear:both;display:block} */
.search_find_txt ul li {
    float: left;
    margin-right: 15px;
    line-height: 26px;
}
.search_find_txt ul li a {
    font-size: 14px;
    color: #000;
}
.search_find_txt ul li span {
    color: #e51937;
}
.popularListWrap .popularTit.type02 {
    position: relative;
}
.popularListWrap .popularTit.type02 span {
    font-size: 12px;
    color: #9a9a9a;
    position: absolute;
    right: 10px;
    font-weight: normal;
    top: 0;
}

/* 친구 추천 이벤트 배너 */
.myBuddyEventWrap {
    position: relative;
    margin: 10px;
    height: 58px;
    background: #7d64e3;
    vertical-align: top;
}
.myBuddyEventWrap:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 62px;
    height: 58px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/bg_mybuddy_event.png) no-repeat;
    background-size: auto 58px;
}
.myBuddyEventWrap:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 53px;
    height: 58px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/bg_mybuddy_event.png) no-repeat;
    background-position: right 0;
    background-size: auto 58px;
}
.myBuddyEventWrap > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.myBuddyEventWrap .tits {
    position: absolute;
    left: 62px;
    top: 14px;
    width: 142px;
    height: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy_event.png) no-repeat;
    background-size: 142px 15px;
}
.myBuddyEventWrap .blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
.myBuddyEventWrap .mybuddyInfo {
    position: absolute;
    left: 62px;
    top: 57%;
    font-size: 0;
    line-height: 0;
}
.myBuddyEventWrap .mybuddyInfo * {
    /*vertical-align:middle;*/
}
.myBuddyEventWrap .mybuddyInfo span {
    display: inline-block;
    line-height: 1;
}
.myBuddyEventWrap .mybuddyInfo .txt01 {
    width: 48px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy.png) no-repeat;
    background-size: 92px 13px;
}
.myBuddyEventWrap .mybuddyInfo .txt02 {
    width: 17px;
    height: 13px;
    margin-left: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy.png) no-repeat right top;
    background-size: 92px 13px;
}
.myBuddyEventWrap .mybuddyInfo .txt03 {
    width: 57px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_saved_money.png) no-repeat;
    background-size: 117px 13px;
}
.myBuddyEventWrap .mybuddyInfo .txt04 {
    width: 12px;
    height: 13px;
    margin-left: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_saved_money.png) no-repeat right top;
    background-size: 117px 13px;
}
.myBuddyEventWrap .mybuddyInfo .txt05 {
    width: 183px;
    height: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy02.png) no-repeat;
    background-size: 183px 13px;
}
.myBuddyEventWrap .mybuddyInfo .unit {
    font-size: 13px;
    color: #ffe890;
    font-weight: bold;
    letter-spacing: -0.7px;
    vertical-align: 2px;
}

/* 무이자 3개월 타입 */
.no_inter {
    display: inline-block;
    margin-left: 3px;
    padding: 1px 2px 1px;
    border: 1px solid #cdcdcd;
    font-size: 10px;
    color: #888;
    font-weight: normal;
    line-height: 11px;
    vertical-align: 2px;
}
.no_inter em {
    margin-left: 1px;
    font-size: 11px;
    color: #888;
    vertical-align: 0px;
}

/* 모바일 홈 상품 모듈별 UI개선 2015-09-15 */
.renewal_v1 .playBtn .playIco:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
}
.renewal_v1 .playBtn .playIco.medium:before {
    width: 15px;
    height: 19px;
    margin-left: -6px;
    background-position: -160px -15px;
}
.renewal_v1 .playBtn .playIco.medium {
    margin-top: -11px;
    padding-top: 23px;
}
.renewal_v1 .playBtn .playIco.medium .playTime {
    line-height: 1;
    font-size: 11px;
}
.renewal_v1 .playBtn .playIco.large .playTime {
    line-height: 1;
    font-size: 13px;
}
.renewal_v1 .playBtn .playIco.large:before {
    width: 25px;
    height: 32px;
    margin-left: -12px;
    background-position: -120px -15px;
}
.renewal_v1 .playBtn .playIco.large {
    margin-top: -16px;
    padding-top: 38px;
}
.renewal_v1 .tvlive .goodImg.type02 .playBtn .playIco.large {
    margin-top: -23px;
}
.renewal_v1 .priceBlack,
.renewal_v1 .textWonBlack {
    color: #000;
}
.renewal_v1 .priceBlack {
    font-size: 18px;
}
.renewal_v1 .textWonBlack {
    margin-left: 2px;
    color: #000;
}
.renewal_v1 .priceGray {
    color: #666;
    vertical-align: -0.5px;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 17px;
    font-family: Arial;
}
.renewal_v1 .textWonGray {
    margin-left: 1px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
}
.renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best span {
    top: 0;
    color: #888;
    font-size: 11px;
} /* font-size:11px */
.renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best span strong {
    font-size: 12px;
}
.renewal_v1 .goodsUnitCard .goodsPrice .modifier {
    margin: 0 0 2px;
    font-size: 1.08rem;
}
.renewal_v1 .goodsUnitCard .goodsPrice .tit {
    font-size: 1.33rem;
}
.renewal_v1 .goodsUnitCard .priceInfor {
    margin-top: 2px;
}
.renewal_v1 .goodsPrice.type03 .tit {
    margin-bottom: 7px;
}
.renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase {
    font-size: 0.91rem;
    color: #888;
}
.renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .existPrice {
    font-size: 1rem;
}
.renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {
    color: #888;
    font-size: 1rem;
}
.renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .won {
    color: #888;
    font-size: 0.91rem;
} /* font-size: 11px */
.renewal_v1 .goodsUnitCard .priceInfor .priceArea dl dd .textWonBlack,
.renewal_v1 .goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {
    font-weight: normal;
}
.renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best {
    margin-bottom: 2px;
}

/* 이미지 배너 크롭 뷰 */
.imgCropWrap {
    position: relative;
    overflow: hidden;
    padding: 50% 0 0;
}
.imgCropWrap .imgCrop {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.imgCropWrap .imgCrop img {
    position: absolute;
    left: -100%;
    top: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}
.renewal_v1.tvlive .goodImg.type02:before {
    display: none;
}
.renewal_v1 .vod_area .goodImg.type02:before {
    display: block;
}

/* 글자 크기 확대 */
html.font_zoom .renewal_v1 .priceGray {
    font-size: 1.222rem;
}

/* 플래그 관련 추가 */
.renewal_v1 .flagBox em,
.renewal_v1 .prdFlag em,
.renewal_v1 .prdFlagWrap em,
.renewal_v1 .mainFlag em,
.renewal_v1 .prtFlag em {
    position: relative;
    float: left;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);
    background-repeat: no-repeat;
    background-size: auto 305px;
    overflow: hidden;
    text-indent: -1000px;
}

/* 음성검색 케이스 추가 */
.searchHeader.searchVoice .search_box fieldset span input[type="text"] {
    width: 78%;
}
.searchHeader.searchVoice .search_box .btn_gnb_voice:before {
    z-index: 10;
    display: inline-block;
    content: "";
    position: absolute;
    top: 7px;
    left: 11px;
    width: 13px;
    height: 21px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -245px -30px;
    background-size: 300px auto;
}
.searchHeader.searchVoice .search_box .btn_gnb_search {
    right: 57px;
    background: transparent;
}
.searchHeader.searchVoice .search_box .btn_gnb_search:before {
    top: 7px;
    background-position: -263px -30px;
}
.searchHeader.searchVoice .search_box .btn_gnb_del {
    right: 91px;
}
.searchVoice .search_box.search_box_v2 .searchWordWrap {
    right: 90px;
}

.searchHeader.searchVoice .search_box .btn_gnb_voice {
    position: absolute;
    top: 7px;
    right: 12px;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
.btn_gnb_voice i {
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}
.btn_gnb_voice i:before {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background-color: #e51937;
    opacity: 0.2;
    display: inline-block;
    content: "";
    width: 35px;
    height: 35px;
}
.btn_gnb_voice i:after {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background: #e51937;
    display: inline-block;
    content: "";
    width: 35px;
    height: 35px;
}

.voiceTooltip {
    position: absolute;
    right: 12px;
    top: 50px;
    border-radius: 2px;
    background-color: #4b33ad;
}
.voiceTooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: #4b33ad solid 6px;
    border-color: transparent transparent #4b33ad;
    position: absolute;
    right: 12px;
    top: -12px;
}
.voiceTooltip .tipCon {
    padding: 9px 18px 8px 20px;
    font-size: 18px;
    color: #fff;
}

/* 2018-03-13 특가샵 레이어 팝업 추가 */
.specialShopLayer {
    display: none;
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 101%;
    z-index: 9998;
}
.specialShopLayer ul {
    overflow: hidden;
    height: 100%;
}
.specialShopLayer ul li:nth-child(1),
.specialShopLayer ul li:nth-child(2) {
    height: 34%;
}
.specialShopLayer ul li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 50%;
    height: 33%;
    box-sizing: border-box;
}
.specialShopLayer ul li .imgCropWrap {
    padding: 200% 0 0;
}
.specialShopLayer ul li .imgCropWrap .imgCrop img {
    top: -150%;
    bottom: -105%;
}
.specialShopLayer .shopTit {
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.5px;
}
.specialShopLayer .shopTit:after {
    position: relative;
    top: 2px;
    display: inline-block;
    content: "";
    width: 9px;
    height: 16px;
    margin-left: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_special_shop.png) no-repeat -63px 0;
    background-size: 150px auto;
}
.specialShopLayer ul li:nth-child(odd):before,
.specialShopLayer ul li:nth-child(even):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.specialShopLayer ul li:nth-child(odd):after {
    display: block;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 1px;
    height: 100%;
    background-color: #fff;
}
.specialShopLayer ul li:nth-child(5):before,
.specialShopLayer ul li:last-child:before {
    display: none;
}

/* 2018-04-26 특가샵 레이어팝업 수정 */
.specialShopLayerWrapper {
    display: none;
    overflow: hidden;
    overscroll-behavior: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 101%;
    z-index: 9998;
}
.specialShopLayerWrapper > div {
    display: block;
    height: 100%;
}
.specialShopLayer_1 ul {
    overflow: hidden;
    height: 100%;
    background-color: #fff;
}
.specialShopLayer_1 ul li:first-child {
    width: 100%;
    height: 43%;
}
.specialShopLayer_1 ul li {
    position: relative;
    float: left;
    display: table;
    width: 50%;
    height: 19%;
}
.specialShopLayer_1 ul li a {
    display: table-cell;
    padding-left: 74px;
    vertical-align: middle;
    font-size: 18px;
}
.specialShopLayer_1 ul li a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.specialShopLayer_1 ul li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    width: 10px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_arrow.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li:first-child a:after {
    display: none;
}
.specialShopLayer_1 ul li.imgBanner {
    position: relative;
    z-index: 10;
    display: table;
    background-color: #8a71f7;
}
.specialShopLayer_1 ul li.imgBanner a {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
}
.specialShopLayer_1 ul li.imgBanner a img {
    width: 100%;
}
.specialShopLayer_1 ul li.shinhan a:before {
    width: 66px;
    height: 48px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_01.png) no-repeat left top;
    background-size: 100%;
}
/* .specialShopLayer_1 ul li.shinhan {background-color:#e3f9ff;} */
.specialShopLayer_1 ul li.shinhan a {
    font-weight: bold;
}
.specialShopLayer_1 ul li .hot {
    display: block;
    width: 30px;
    height: 14px;
    margin-bottom: 2px;
    text-indent: -999px;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_hot_icon.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.lffashion a:before {
    width: 59px;
    height: 68px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_lf.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.lffashion a {
    font-weight: bold;
}
.specialShopLayer_1 ul li .new {
    display: block;
    width: 30px;
    height: 14px;
    margin-bottom: 2px;
    text-indent: -999px;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_new_icon.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.book a:before {
    width: 60px;
    height: 57px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_02.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.rental a:before {
    width: 52px;
    height: 69px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_03.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.travel a:before {
    width: 60px;
    height: 61px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_04.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.animal a:before {
    width: 55px;
    height: 74px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_05.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li.ecoupon a:before {
    width: 61px;
    height: 61px;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_06.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1 ul li:nth-child(even):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.specialShopLayer_1 ul:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 1px;
    height: 100%;
    background-color: #ddd;
}
.specialShopLayer_1 ul li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.specialShopLayer_1 ul li:nth-child(1):before,
.specialShopLayer_1 ul li:nth-child(6):before,
.specialShopLayer_1 ul li:nth-child(7):before {
    display: none;
}
@media (max-width: 320px) {
    .specialShopLayer_1 ul li a {
        font-size: 15px;
    }
}

/* 2018-05-15 특가샵 레이어팝업 수정 */
.specialShopLayer_1_1 ul {
    overflow: hidden;
    height: 100%;
    background-color: #fff;
}
.specialShopLayer_1_1 ul li:first-child {
    width: 100%;
    height: 43%;
}
.specialShopLayer_1_1 ul li {
    position: relative;
    float: left;
    display: table;
    width: 50%;
    height: 19%;
}
.specialShopLayer_1_1 ul li a {
    display: table-cell;
    padding-left: 74px;
    vertical-align: middle;
    font-size: 18px;
}
.specialShopLayer_1_1 ul li a span.layer_img {
    width: 74px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.specialShopLayer_1_1 ul li a span.layer_img img {
    width: 100%;
}
.specialShopLayer_1_1 ul li a span.layer_bul {
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0, -50%);
    width: 10px;
    height: 16px;
}
.specialShopLayer_1_1 ul li a span.layer_bul img {
    width: 100%;
}
.specialShopLayer_1_1 ul li:first-child a:after {
    display: none;
}
.specialShopLayer_1_1 ul li.imgBanner {
    position: relative;
    z-index: 10;
    display: table;
    background-color: #8a71f7;
}
.specialShopLayer_1_1 ul li.imgBanner a {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0;
}
.specialShopLayer_1_1 ul li.imgBanner a img {
    width: 100%;
}
.specialShopLayer_1_1 ul li.shinhan a {
    font-weight: bold;
}
.specialShopLayer_1_1 ul li .hot {
    display: block;
    width: 30px;
    height: 14px;
    margin-bottom: 2px;
    text-indent: -999px;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_hot_icon.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1_1 ul li.lffashion a {
    font-weight: bold;
}
.specialShopLayer_1_1 ul li .new {
    display: block;
    width: 30px;
    height: 14px;
    margin-bottom: 2px;
    text-indent: -999px;
    overflow: hidden;
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_new_icon.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_1_1 ul li:nth-child(even):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.specialShopLayer_1_1 ul:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    width: 1px;
    height: 100%;
    background-color: #ddd;
}
.specialShopLayer_1_1 ul li:nth-child(odd):before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.specialShopLayer_1_1 ul li:nth-child(1):before,
.specialShopLayer_1_1 ul li:nth-child(6):before,
.specialShopLayer_1_1 ul li:nth-child(7):before {
    display: none;
}
@media (max-width: 320px) {
    .specialShopLayer_1_1 ul li a {
        font-size: 15px;
    }
}

/* 2018-04-26 특가샵 레이어팝업 B안 */
.specialShopLayer_2 ul {
    height: 70%;
    background-color: #fff;
}
.specialShopLayer_2 ul li {
    position: relative;
    z-index: 10;
    display: table;
    width: 100%;
    height: 60%;
    background-color: #8a71f7;
}
.specialShopLayer_2 ul li:nth-child(2) {
    height: 40%;
    background-color: #dbedfa;
}
.specialShopLayer_2 ul li a {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
}
.specialShopLayer_2 ul li a img {
    width: 100%;
}
.specialShopLayer_2 .iconListWrap {
    display: table;
    background-color: #fff;
    width: 100%;
    height: 30%;
}
.specialShopLayer_2 .iconList {
    display: table-cell;
    overflow: hidden;
    width: 100%;
    vertical-align: middle;
}
.specialShopLayer_2 .iconList a {
    position: relative;
    float: left;
    width: 20%;
    padding-top: 81px;
    text-align: center;
    font-size: 15px;
}
.specialShopLayer_2 .iconList a:before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    display: block;
    content: "";
    width: 64px;
    height: 71px;
}
.specialShopLayer_2 .iconList a.book:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_01.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_2 .iconList a.rental:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_02.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_2 .iconList a.travel:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_03.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_2 .iconList a.animal:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_04.png) no-repeat left top;
    background-size: 100%;
}
.specialShopLayer_2 .iconList a.ecoupon:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_05.png) no-repeat left top;
    background-size: 100%;
}

/* 2018-07-09 사이드 네비 100% 풀사이징 수정 */
.side_nav.full_nav .login_area em:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-position: -95px -405px;
}

/* 대 카테고리 오픈관련 트랜지션 */
.nav_open_v1 .cont_sw {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.font_zoom .nav_open_v1 .cont_sw {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.side_nav.full_nav {
    position: fixed;
    top: 0;
    left: -100%;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
}
.nav_open_v1 .side_nav {
    bottom: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.side_nav.full_nav {
    width: 100%;
}
.side_nav.full_nav .login_area .side_btn {
    right: auto;
}
.side_nav.full_nav .login_area .side_btn a:first-child {
    margin-left: 0;
}

.side_nav.full_nav .quick_nav {
    padding: 12px 0;
    background: #fff;
}
.side_nav.full_nav .quick_nav li a {
    color: #4d4d4d;
}
.side_nav.full_nav .quick_nav li a em {
    display: block;
    margin: 0 auto 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav.full_nav .quick_nav li.quick_customer a em {
    width: 23px;
    height: 23px;
    background-position: -95px -351px;
}
.side_nav.full_nav .quick_nav li.quick_order a em {
    width: 27px;
    height: 21px;
    margin-top: 2px;
    background-position: -118px -378px;
}
.side_nav.full_nav .quick_nav li.quick_shopping a em {
    width: 18px;
    height: 22px;
    margin-top: 1px;
    background-position: -95px -378px;
}
.side_nav.full_nav .quick_nav li.linkArim a em {
    width: 20px;
    height: 21px;
    margin-top: 2px;
    background-position: -123px -351px;
}
.side_nav.full_nav .quick_nav_app li a em {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav.full_nav .quick_nav_app li.linkArim a em {
    width: 20px;
    height: 21px;
    background-position: -123px -351px;
}
.side_nav.full_nav .quick_nav_app li.quick_customer a em {
    width: 23px;
    height: 23px;
    background-position: -95px -351px;
}

/* 사이드네비 신규컨텐츠 */
.side_nav .newSideCon {
    overflow: hidden;
    background-color: #ebebeb;
}
/* 인기테마관 */
.newSideCon .hotTheme {
    margin-top: 9px;
    background-color: #ebebeb;
}
.newSideCon .hotTheme .themeTit {
    height: 41px;
    line-height: 42px;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    background-color: #fff;
}
.newSideCon .hotTheme ul {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    background-color: #fff;
}
.newSideCon .hotTheme ul:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 1px;
    height: 100%;
    background: #eee;
}
.newSideCon .hotTheme ul li {
    float: left;
    width: 50%;
    border-top: 1px solid #eee;
}
.newSideCon .hotTheme ul li.col_1 {
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: #fff;
}
.newSideCon .hotTheme ul li.col_1 img {
    width: 320px;
}
.newSideCon .hotTheme ul li a {
    display: block;
    position: relative;
}
.newSideCon .hotTheme ul li a:after {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 9px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -123px -433px;
    background-size: 150px auto;
}
.newSideCon .hotTheme ul li a img {
    display: block;
    width: 160px;
}
/* 컬러 텍스트 배너 : 릴팡, 친추 */
.newSideCon .txtBanner {
    overflow: hidden;
    margin-top: 9px;
    border-bottom: 1px solid #cdcdcd;
}
.newSideCon .txtBanner a {
    position: relative;
    float: left;
    width: 50%;
    height: 50px;
    padding: 9px 0 0 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    background-color: #8d76ee;
}
.newSideCon .txtBanner a:first-child {
    background-color: #765ddc;
}
.newSideCon .txtBanner a:after {
    display: block;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 8px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -110px -433px;
    background-size: 150px auto;
}

.side_nav.full_nav .side_cate {
    overflow: hidden;
    padding-top: 0;
}

/* 사이드배너 하단 */
.btmSideArea {
    background-color: #ebebeb;
}
.btmSideArea .txtBtmBanner {
    background-color: #fff;
}
.btmSideArea .txtBtmBanner ul {
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
}
.btmSideArea .txtBtmBanner ul:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 1px;
    height: 100%;
    background: #eee;
}
.btmSideArea .txtBtmBanner ul li {
    float: left;
    width: 50%;
    border-top: 1px solid #eee;
}
.btmSideArea .txtBtmBanner ul li:nth-child(1),
.btmSideArea .txtBtmBanner ul li:nth-child(2) {
    border-top: 0 none;
}
.btmSideArea .txtBtmBanner ul li a {
    display: block;
    height: 43px;
    padding-left: 10px;
    line-height: 43px;
    font-size: 14px;
    color: #000;
}
.btmSideArea ul.btmStatus {
    overflow: hidden;
    display: table;
    width: 100%;
    margin-top: 9px;
    background-color: #777;
}
.btmSideArea ul.btmStatus li {
    display: table-cell;
    width: 50%;
}
.btmSideArea ul.btmStatus li a {
    display: block;
    position: relative;
    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    color: #fff;
    font-size: 13px;
}
.btmSideArea ul.btmStatus li:nth-child(2) a:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 1px;
    height: 13px;
    background-color: #8f8f8f;
}

.side_nav.full_nav .btn_close_sidenav {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    z-index: 10000;
    color: transparent;
    border: 0 none;
    font-size: 2px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -127px -405px;
    background-size: 150px auto;
}
.nav_open_v1 .side_nav.full_nav .btn_close_sidenav,
.appSidebar .side_nav.full_nav .btn_close_sidenav {
    position: fixed;
    cursor: pointer;
} /* 2018-07-25 앱에서는 nav_open_v1 클래스가 없음. 앱대응 css */

/* 사이드배너 하단 쇼핑뉴스 메뉴 삭제 2018-08-14 */
.txtBtmBanner.type02 ul:after {
    display: none;
}
.txtBtmBanner.type02 ul li {
    box-sizing: border-box;
}
.txtBtmBanner.type02 ul li:nth-child(1) {
    border-right: 1px solid #eee;
}
.txtBtmBanner.type02 ul li a {
    text-align: center;
}
.txtBtmBanner.type02 ul li:last-child {
    width: 100%;
}

/* 사이드 네비 카테고리 아이콘 개선 2018-07-12 */
.side_nav.full_nav .side_cate dt {
    height: 41px;
    line-height: 42px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.side_nav.full_nav .side_cate .bookmark .empty {
    padding: 10px 53px;
}
.side_nav.full_nav .side_cate dd.bookmark p {
    border-bottom: 1px solid #ddd;
}
.side_nav.full_nav .side_cate dd.bookmark ul li div {
    border-bottom: 1px solid #ddd;
}

.side_nav.full_nav .side_cate dd p {
    border-bottom: 1px solid #eee;
}
.side_nav.full_nav .side_cate dd.active p {
    border-bottom: 1px solid #ddd;
}
.side_nav.full_nav .side_cate dd:last-child p {
    border-bottom: 1px solid #cdcdcd;
}
.side_nav.full_nav .side_cate dd:last-child.active p {
    border-bottom: 1px solid #ddd;
}

.side_nav.full_nav .side_cate dd p {
    position: relative;
    height: 39px;
    line-height: 40px;
    padding-left: 53px;
    color: #000;
    font-size: 14px;
}
.side_nav.full_nav .side_cate dt a {
    line-height: 25px;
    font-weight: normal;
}
.side_nav.full_nav .side_cate dd > p > em:first-child {
    border-radius: 0;
    background-color: transparent;
}
.side_nav.full_nav .side_cate dd p .ico {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 3px;
    width: 33px;
    height: 33px;
    vertical-align: middle;
    margin-right: 10px;
    background-position: 0 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav.full_nav .side_cate dd.active > p {
    color: #e51937;
    font-weight: bold;
}
.side_nav.full_nav .side_cate .bookmark > p .ico {
    background-position: 0 -521px;
}
.side_nav.full_nav .side_cate .bookmark.active > p .ico {
    background-position: -43px -521px;
    background-color: transparent;
}
.side_nav.full_nav .side_cate dd.menu1 .ico {
    background-position: 0 -559px;
}
.side_nav.full_nav .side_cate dd.active.menu1 .ico {
    background-position: -43px -559px;
    background-color: transparent;
}
.side_nav.full_nav .side_cate dd ul li div {
    line-height: 42px;
    padding-left: 53px;
}
.side_nav.full_nav .side_cate dd ul li div em span {
    display: inline-block;
    background-position: -111px -521px;
    width: 15px;
    height: 14px;
    margin: 13px 10px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);
    background-repeat: no-repeat;
    background-size: 150px auto;
}
.side_nav.full_nav .side_cate dd ul li div.act em span {
    background-position: -86px -521px;
}
.side_nav.full_nav .side_cate .bookmark ul li div strong {
    display: none !important;
}
.side_nav.full_nav .side_cate .bookmark ul li div em span {
    background-position: -86px -521px;
}
.side_nav.full_nav .side_cate dd p .new {
    background-position: -86px -540px;
    width: 38px !important;
    height: 16px !important;
    margin: 0 0 0 5px !important;
    vertical-align: -3px;
}

.side_nav.full_nav .side_cate dd.menu40010119 .ico {
    background-position: 0 -1129px;
}
.side_nav.full_nav .side_cate dd.active.menu40010119 .ico {
    background-position: -43px -1129px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu14 .ico {
    background-position: 0 -1129px;
}
.side_nav.full_nav .side_cate dd.active.menu14 .ico {
    background-position: -43px -1129px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40003544 .ico {
    background-position: 0 -711px;
}
.side_nav.full_nav .side_cate dd.active.menu40003544 .ico {
    background-position: -43px -711px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40007263 .ico {
    background-position: 0 -749px;
}
.side_nav.full_nav .side_cate dd.active.menu40007263 .ico {
    background-position: -43px -749px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40005672 .ico {
    background-position: 0 -787px;
}
.side_nav.full_nav .side_cate dd.active.menu40005672 .ico {
    background-position: -43px -787px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000001 .ico {
    background-position: 0 -825px;
}
.side_nav.full_nav .side_cate dd.active.menu40000001 .ico {
    background-position: -43px -825px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000007 .ico {
    background-position: 0 -863px;
}
.side_nav.full_nav .side_cate dd.active.menu40000007 .ico {
    background-position: -43px -863px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000005 .ico {
    background-position: 0 -901px;
}
.side_nav.full_nav .side_cate dd.active.menu40000005 .ico {
    background-position: -43px -901px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000004 .ico {
    background-position: 0 -939px;
}
.side_nav.full_nav .side_cate dd.active.menu40000004 .ico {
    background-position: -43px -939px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000002 .ico {
    background-position: 0 -977px;
}
.side_nav.full_nav .side_cate dd.active.menu40000002 .ico {
    background-position: -43px -977px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40007838 .ico {
    background-position: 0 -1015px;
}
.side_nav.full_nav .side_cate dd.active.menu40007838 .ico {
    background-position: -43px -1015px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000003 .ico {
    background-position: 0 -1053px;
}
.side_nav.full_nav .side_cate dd.active.menu40000003 .ico {
    background-position: -43px -1053px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40000006 .ico {
    background-position: 0 -1091px;
}
.side_nav.full_nav .side_cate dd.active.menu40000006 .ico {
    background-position: -43px -1091px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40009830 .ico {
    background-position: 0 -597px;
}
.side_nav.full_nav .side_cate dd.active.menu40009830 .ico {
    background-position: -43px -597px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40009886 .ico {
    background-position: 0 -635px;
}
.side_nav.full_nav .side_cate dd.active.menu40009886 .ico {
    background-position: -43px -635px;
    background-color: transparent;
}

.side_nav.full_nav .side_cate dd.menu40009887 .ico {
    background-position: 0 -673px;
}
.side_nav.full_nav .side_cate dd.active.menu40009887 .ico {
    background-position: -43px -673px;
    background-color: transparent;
}

/* 2018-07-06 gnb수정 */
.wrapAllHeader {
    position: absolute;
    width: 100%;
    z-index: 100;
    left: 0;
}
.wrapAllHeader .app_setup,
.wrapAllHeader .headerNew,
.wrapAllHeader .rn_gnb_wrap {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.mainContent.nopadTop {
    padding-top: 182px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 {
    height: 94px;
    padding: 0;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav {
    top: 19px;
    left: 15px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav span,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav span {
    width: 21px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -74px 0;
    background-size: 250px auto;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 h1 {
    top: 14px;
    left: 50%;
    margin: 0 0 0 -33px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 h1 a,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1 a {
    width: 67px;
    height: 27px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat 0 0;
    background-size: 250px auto;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04 {
    top: 9px;
    right: 59px;
    width: 37px;
    height: auto;
    padding-top: 27px;
    text-align: center;
    font-size: 11px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    background: none;
    letter-spacing: -0.5px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
    width: 29px;
    height: 23px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -100px 0;
    background-size: 250px auto;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox {
    top: 10px;
    right: 6px;
    width: 50px;
    height: auto;
    margin: 0;
    padding-top: 26px;
    overflow: visible;
    background: none;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox {
    width: auto;
    height: auto;
    background: none;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox:before,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    width: 24px;
    height: 24px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -134px 0;
    background-size: 250px auto;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox span,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox span {
    display: block;
    width: auto;
    height: auto;
    line-height: 1;
    text-align: center;
    font-size: 11px;
    color: #333;
    white-space: nowrap;
    background: none;
    letter-spacing: -0.5px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox:before,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox:before {
    top: -2px;
    right: 8px;
    width: 17px;
    height: 17px;
    border-radius: 8.5px;
    background: #333;
    z-index: 10;
    border: 0 none;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox span.orderNum,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox span.orderNum {
    z-index: 11;
    top: -2px;
    right: 8px;
    width: 17px;
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero:before,
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero span.orderNum,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero:before,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero span.orderNum {
    display: none;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search {
    position: absolute;
    top: auto;
    bottom: 8px;
    left: 0;
    margin: 0 10px 0 10px;
    padding-right: 39px;
    height: 32px;
    border-radius: 40px;
    background: #e8e8e8;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:after {
    display: none;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2 {
    position: absolute;
    bottom: 8px;
    right: 20px;
    z-index: 2;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2:before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 19px;
    height: 19px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -172px 0;
    background-size: 250px auto;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew .btn_gnb_search span {
    display: block;
    width: auto;
    height: auto;
    margin: 0 33px 0 14px;
    font-size: 13px;
    color: #888;
    line-height: 34px;
    letter-spacing: -0.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wrapAllHeader .wrapAllHeaderInner .btn_voice_search {
    display: block;
    position: absolute;
    bottom: 8px;
    right: 10px;
    width: 40px;
    height: 32px;
    background: #e8e8e8;
    border-radius: 0 16px 16px 0;
    overflow: hidden;
}
.wrapAllHeader .wrapAllHeaderInner .btn_voice_search span {
    position: absolute;
    left: 1000em;
}
.wrapAllHeader .wrapAllHeaderInner .btn_voice_search:before {
    content: "";
    position: absolute;
    top: 6px;
    right: 13px;
    display: block;
    width: 18px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -194px 0;
    background-size: 250px auto;
}
.wrapAllHeader .rn_gnb_wrap {
    height: 43px;
}
.wrapAllHeader .rnGnbBar {
    background: #e51937;
}
.wrapAllHeader .rn_hpromotion_swipe li.on {
    color: #e51937;
}
.wrapAllHeader .rn_gnb_wrap.v3 .rn_hpromotion_swipe li {
    padding: 11px 3px 13px 3px;
}
.wrapAllHeader .rn_gnb_wrap.v3 .rn_gnb_prev {
    padding: 13px 26px 11px 10px;
}
.wrapAllHeader .rn_gnb_wrap.v3 .rn_gnb_next {
    padding: 13px 10px 11px 26px;
}
.wrapAllHeader .app_setup + .wrapAllHeaderInner .headerNew {
    top: 0;
}

/* 2018-07-06 gnb수정(서브) */
.wrapAllHeaderInner + main .contents {
    padding-top: 55px;
}
.wrapAllHeaderInner .btn_voice_search {
    display: none;
}
.app_setup + .wrapAllHeaderInner .headerNew {
    top: 45px;
}
.cont_sw > .wrapAllHeaderInner .headerNew {
    height: 54px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1 {
    top: 16px;
    left: 48px;
    margin: 0;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1 a {
    width: 60px;
    height: 24px;
    background-position: 0 -85px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav {
    top: 19px;
    left: 15px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox {
    top: 10px;
    right: 6px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before {
    background-position: -150px -32px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search {
    position: absolute;
    top: 14px;
    right: 102px;
    width: 34px;
    height: 34px;
    background: none;
    overflow: visible;
    margin: 0;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search span {
    display: none;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 2;
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    border: 2px solid #2e2e2e;
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:after {
    z-index: 1;
    top: -1px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -185px -32px;
    background-size: 250px auto;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:before {
    content: "검색";
    display: block;
    position: absolute;
    top: 22px;
    left: 10px;
    font-size: 11px;
    line-height: 1;
    color: #333;
    white-space: nowrap;
    background: none;
    letter-spacing: -0.5px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2 {
    display: none;
}

/* 2018-07-06 플로팅배너 추가 및 탑버튼 수정 */
.footer .btn_top_floating.ver2 {
    width: 49px;
    height: 50px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -100px -32px;
    background-size: 250px auto;
}
.footer .btn_top_floating.ver2:before {
    display: none;
}
.footer .btn_top_floating.ver2 + .btn_goods_floating {
    bottom: 65px;
    right: 15px;
}
.btn_tv_search {
    display: none !important;
    position: fixed;
    bottom: 65px;
    right: 0;
    z-index: 100;
}
.btn_tv_search:after {
    content: "";
    display: block;
    clear: both;
}
.btn_tv_search a {
    display: block;
    float: left;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat 0 0;
    background-size: 250px auto;
    text-indent: -1000em;
    overflow: hidden;
}
.btn_tv_search a.search_link {
    width: 45px;
    height: 45px;
    background-position: 0 -33px;
}
.btn_tv_search a.tv_link {
    width: 52px;
    height: 45px;
    background-position: -45px -33px;
}
.half_top_tab.ver2.docked {
    top: 46px;
}

/* 2018-07-19 사이드바 수정 */
.side_nav.full_nav .side_cate.hidden_fav .bookmark,
.side_nav.full_nav .side_cate.hidden_fav dd ul li div em {
    display: none;
}
.side_nav.full_nav {
    padding-top: 50px;
    background: #fff;
}
.side_nav.full_nav .login_area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
.side_nav.full_nav .login_area em {
    height: 50px;
}
.side_nav.full_nav .login_area .side_btn {
    top: 13px;
}
.side_nav.full_nav .login_area {
    height: 50px;
}
.nav_open_v1 .side_nav.full_nav .login_area,
.appSidebar .side_nav.full_nav .login_area {
    position: fixed;
    top: 0;
} /* 2018-07-25 앱에서는 nav_open_v1 클래스가 없음. 앱대응 css */
.side_nav.full_nav .side_nav_cont {
    box-sizing: border-box;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* 2018-07-25 사이드바 수정 */
.side_nav .side_cate dd.bookmark ul li div em {
    display: block;
}
.nav_open_fixed .cont_sw,
.font_zoom .nav_open_fixed .cont_sw,
.nav_open_fixed .side_nav,
.nav_open_fixed .side_nav {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav_open_fixed .side_nav.full_nav {
    left: 0;
}

/* 2018-07-30 사이드바 변경 */
.side_nav.ani_left {
    height: 100%;
    box-sizing: border-box;
    z-index: 5;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav_open_v2 .cont_sw,
.font_zoom .nav_open_v2 .cont_sw {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.nav_open_v2 .side_nav.full_nav .login_area {
    position: absolute;
    overflow: hidden;
}

/* 2018-08-06 gnb룩 통일 */
.header_prd_detail.type03 .bgBox {
    position: relative;
    padding: 10px 9px 0 9px;
}
.header_prd_detail.type03 .bgBox .bg02 {
    padding: 0;
}
.header_prd_detail.type03 .bgBox .bg02 > span,
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a {
    position: absolute;
    margin: 0;
}
.header_prd_detail.type03 .bgBox .bg01,
.header_prd_detail.type03 .bgBox .bg02 > span.btnHome,
.header_prd_detail.type03 .bgBox .bg02 > span.btnCart,
.header_prd_detail.type03 .bgBox .bg02 > span.btnSearch,
.header_prd_detail.type03 .header_prd_detail_inner .btnBack,
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnHome,
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart,
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnSearch,
.searchHeader_v3 .btn_pre span,
.searchHeader_v3 .search_box .btn_gnb_del,
.searchHeader_v3 .search_box .btn_gnb_search:before,
.searchHeader_v3.searchVoice .search_box .btn_gnb_voice i {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat;
    background-size: 250px auto;
}
.searchHeader_v3 {
    box-sizing: border-box;
}
.searchHeader_v3 + main .contents.unifiSearchCont {
    padding-top: 50px;
    min-height: 350px;
} /* TV상품 탭 데이터 없을 때 min-height값 타이밍 이슈로 미계산되어 값 추가 : 210405 */
.searchHeader_v3 + main .searchWrap.searchWrap_v3 {
    margin-top: 50px;
}
.header_prd_detail.type03 .bgBox .bg01 {
    width: 24px;
    height: 16px;
    margin-top: 5px;
    background-position: 0 -112px;
}
.header_prd_detail.type03 .bgBox .bg02 > span.btnHome {
    top: 13px;
    right: 85px;
    width: 26px;
    height: 22px;
    background-position: -27px -112px;
}
.header_prd_detail.type03 .bgBox .bg02 > span.btnCart {
    top: 13px;
    right: 50px;
    width: 24px;
    height: 24px;
    background-position: -80px -112px;
    overflow: visible;
}
.header_prd_detail.type03 .bgBox .bg02 > span.btnSearch {
    top: 18px;
    right: 14px;
    width: 21px;
    height: 21px;
    background-position: -56px -112px;
}
.header_prd_detail.type03 .header_prd_detail_inner {
    height: 49px;
}
.header_prd_detail.type03 .header_prd_detail_inner h1 {
    padding: 14px 0 0 5px;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBox {
    top: 0;
    right: 0;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBack {
    top: 15px;
    left: 9px;
    width: 26px;
    height: 22px;
    background-position: -107px -112px;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnHome {
    top: 13px;
    right: 85px;
    width: 26px;
    height: 22px;
    background-position: -134px -112px;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnSearch {
    top: 18px;
    right: 14px;
    width: 21px;
    height: 21px;
    background-position: -163px -112px;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart {
    top: 13px;
    right: 50px;
    width: 24px;
    height: 24px;
    background-position: -187px -112px;
}
.header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart em,
.header_prd_detail.type03 .bgBox .bg02 > span.btnCart em {
    position: absolute;
    top: -3px;
    right: -8px;
    display: block;
    width: 17px;
    height: 17px;
    line-height: 20px;
    border-radius: 8.5px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}
.header_prd_detail.type03 .bgBox .bg02 > span.btnCart em {
    background: #fff;
    color: #000;
}
.searchHeader_v3 .btn_pre {
    left: 9px;
}
.searchHeader_v3 .btn_pre span {
    width: 26px;
    height: 22px;
    background-position: -107px -112px;
}
.searchHeader_v3 .search_box {
    padding: 9px 9px 0 10px;
}
.searchHeader_v3 .search_box .btn_gnb_del {
    right: 55px !important;
    width: 20px;
    height: 20px;
    background-position: 0 -139px;
}
.searchHeader_v3 .search_box .btn_gnb_del:before {
    display: none;
}
.searchHeader_v3 .search_box .btn_gnb_search {
    top: 8px;
    right: 15px !important;
    background: none;
}
.searchHeader_v3 .search_box .btn_gnb_search:before {
    width: 19px;
    height: 19px;
    background-position: -23px -139px !important;
}
.searchHeader_v3 .search_box .btn_gnb_voice {
    display: none;
    text-align: center;
    right: 15px;
}
.searchHeader_v3 .search_box .btn_gnb_voice i {
    display: inline-block;
    width: 18px;
    height: 22px;
    background-position: -194px 0 !important;
}
.searchHeader_v3 .search_box .btn_gnb_voice:before,
.searchHeader_v3 .search_box .btn_gnb_voice i:after {
    display: none !important;
}
.searchHeader_v3 .search_box .btn_gnb_voice i:before {
    position: absolute;
    border-radius: 0 !important;
    top: 10px !important;
    left: -1px !important;
    width: 1px !important;
    height: 15px !important;
    background: #d4d4d4 !important;
    opacity: 1 !important;
}
.searchHeader_v3 .search_box fieldset span {
    height: 32px;
    padding: 0 100px 0 14px;
    margin: 0 0 0 32px;
    border-radius: 16px;
    border: 0 none;
    background: #e8e8e8;
    box-sizing: border-box;
}
.searchHeader_v3 .search_box fieldset span input[type="text"] {
    width: 100% !important;
    height: 32px;
    margin: 0;
    color: #333;
    background: #e8e8e8;
}
.searchHeader_v3 .search_box fieldset span input[type="text"]::-webkit-input-placeholder,
.searchHeader_v3 .search_box fieldset span input[type="text"]::placeholder {
    color: #888 !important;
    opacity: 1;
}
.searchHeader_v3.searchVoice .search_box .btn_gnb_voice {
    display: block;
}
.searchHeader_v3.searchVoice .search_box .btn_gnb_search {
    right: 50px !important;
}
.searchHeader_v3.searchVoice .search_box .btn_gnb_del {
    right: 90px !important;
    z-index: 10;
}
.searchHeader_v3 .searchWordWrap {
    position: absolute;
    top: 9px;
    left: 56px;
    width: 58%;
    height: 32px;
    overflow: hidden;
    background: #e8e8e8;
}
.searchHeader_v3 .searchWordWrap .searchWordBox {
    overflow: hidden;
    height: 32px;
}
.searchHeader_v3 .searchWordWrap .searchWordBox > span {
    display: block;
    float: left;
    padding: 0 2px;
}
.searchHeader_v3 .searchWordWrap .searchWordBox .searchWord {
    font-size: 13px;
    line-height: 32px;
    font-weight: bold;
    color: #333;
}
.searchHeader_v3 .searchWordWrap .searchWordBox .searchKeyWord {
    display: inline-block;
    box-sizing: border-box;
    height: 23px;
    line-height: 23px;
    margin-top: 5px;
    padding: 0 20px 0 7px;
    font-size: 12px;
    color: #666;
    border-radius: 3px;
    background: #f4f4f4 url(//image.hnsmall.com/images/mobile2014/common/search_delete_word2.gif) no-repeat right center;
    background-size: 17px 9px;
}

/* 2018-08-13 gnb서브 */
.wrap ~ .contents {
    padding-top: 0;
    margin-top: 0;
}
.body_app .wrap ~ .contents {
    padding-top: 55px;
    margin-top: 0;
}
.app_setup + .wrapAllHeaderInner ~ main .contents {
    padding-top: 100px;
}
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details {
    padding-top: 139px !important;
}
.app_setup + .wrapAllHeaderInner ~ main .order .cart_btn.active,
.app_setup + .wrapAllHeaderInner ~ main .sc_fixed,
.app_setup + .wrapAllHeaderInner ~ main .comment_ui .list_select.fixed,
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details h1 {
    top: 100px;
}
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details .prdDetailTab.goods_detail_tab {
    top: 138px;
}
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details .ch2_vod {
    top: 138px;
}
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info {
    margin-top: 178px;
}
.app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info + .prdDetailTab.goods_detail_tab {
    top: 318px;
}
.app_setup + .wrapAllHeaderInner ~ main .specialShop .fixCon.fix {
    top: 100px;
}
.app_setup + .wrapAllHeaderInner ~ main .order .wish_btn.active {
    top: 100px;
}
.wrapAllHeaderInner ~ main .contents {
    padding-top: 55px;
}
.wrapAllHeaderInner ~ main .order .cart_btn.active,
.wrapAllHeaderInner ~ main .sc_fixed,
.wrapAllHeaderInner ~ main .comment_ui .list_select.fixed,
.wrapAllHeaderInner ~ main .contents.ch2_details h1 {
    top: 55px;
}
.wrapAllHeaderInner ~ main .contents.ch2_details .prdDetailTab.goods_detail_tab {
    top: 93px;
}
.wrapAllHeaderInner ~ main .contents.ch2_details .ch2_vod {
    top: 93px;
}
.wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info {
    margin-top: 8px;
}
.wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info + .prdDetailTab.goods_detail_tab {
    top: 273px;
}
.wrapAllHeaderInner ~ main .specialShop .fixCon.fix {
    top: 55px;
}
.wrapAllHeaderInner ~ main .order .wish_btn.active {
    top: 55px;
}

/* 2023-10-10 gnb서브 */
.app_setup.v2 + .wrapAllHeaderInner ~ main .order .cart_btn.active,
.app_setup.v2 + .wrapAllHeaderInner ~ main .sc_fixed,
.app_setup.v2 + .wrapAllHeaderInner ~ main .comment_ui .list_select.fixed,
.app_setup.v2 + .wrapAllHeaderInner ~ main .contents.ch2_details h1 {
    top: 135px;
}

/* 2018-08-14 서브 플로팅 버튼 */
.footer .btn_goods_floating.ver2,
.footer .btn_back_floating.ver2 {
    width: 47px;
    height: 47px;
    border: 0 none;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat;
    background-size: 250px auto;
}
.footer .btn_goods_floating.ver2:before,
.footer .btn_back_floating.ver2:before {
    display: none;
}
.footer .btn_goods_floating.ver2 {
    background-position: -116px -139px;
}
.footer .btn_back_floating.ver2 {
    background-position: -166px -139px;
}
.footer .btn_top_floating.ver2 + .btn_goods_floating.ver2 {
    right: 10px;
    bottom: 65px;
}

/* 2018-08-23 메뉴명 변경(추석전), 2019-08-08 #25327 추석 기획전 */
.rn_gnb_wrap .ico_song {
    padding-left: 31px !important;
}
.rn_gnb_wrap .ico_song:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 6px;
    display: block;
    width: 24px;
    height: 22px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -56px 0;
    background-size: 100px auto;
}
.rn_gnb_wrap .ico_song .rnGnbBar {
    margin-left: 28px;
}
.rn_gnb_wrap .ico_new {
    padding-left: 20px !important;
}
.rn_gnb_wrap .ico_new:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 4px;
    display: block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -83px 0;
    background-size: 100px auto;
}
.rn_gnb_wrap .ico_new .rnGnbBar {
    margin-left: 17px;
}

/* 2020-07-28 도미쏠 매장 변경 (#34455) */
.rn_gnb_wrap .ico_domisol {
    padding-left: 20px !important;
}
.rn_gnb_wrap .ico_domisol.on:before {
    background-position: 0 0;
}
.rn_gnb_wrap .ico_domisol:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 7px;
    display: block;
    width: 12px;
    height: 17px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/main/ico_domisol.png) no-repeat 0 -17px;
    background-size: 12px 34px;
}
.rn_gnb_wrap .ico_domisol .rnGnbBar {
    margin-left: 17px;
}

/* 상품 자세히보기 팝업 수정 */
.new_popwrap {
    padding-top: 0 !important;
}
.new_popwrap .img_detail_wrap .img_detail img {
    width: 100% !important;
    height: auto !important;
}

/* 2018-09-05 검색 코치마크 추가 */
.searchHeader_v3 .search_box em.mark {
    animation: voiceScale 7s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    position: absolute;
    top: 42px;
    right: 9px;
    z-index: 1000;
    padding: 0 15px;
    height: 31px;
    line-height: 31px;
    background: rgba(229, 25, 55, 0.9);
    font-size: 13px;
    color: #fff;
    border-radius: 15.5px;
    font-weight: bold;
    white-space: pre;
}
.searchHeader_v3 .search_box em.mark:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    right: 11px;
    width: 16px;
    height: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat;
    background-size: 250px auto;
    background-position: 0 -189px;
}
@keyframes voiceScale {
    0% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    } /* 2019-06-03 수정 */
}

/* 2018-09-14 팡팡페이 종류 문구 */
.pang_end {
    padding: 9px 0;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    color: #c7c7c7;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f4f4f4;
}
.tvOrderTimer .pang_end {
    margin-bottom: -4px;
}
.vod_area .pang_end,
.prtSetView .pang_end {
    background: none;
}
.onAirCont .pang_end {
    text-align: left;
    padding: 9px 10px;
    border-bottom: 0 none;
}

/* 2018-09-18 사이드네비 로그아웃 수정 */
.login_area.log_out .btn_side {
    position: relative;
    top: 0;
    right: 0;
}

/* 2018-09-19 사이드네비 내 아이디 말줄임 처리 */
.login_area .side_user_id {
    display: inline-block;
    max-width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

/* 2018-10-10 검색ui개선 */
.searchList_v2.num_font li a > em:first-child {
    height: 30px;
    line-height: 28px;
    background: none;
    text-indent: 0;
    font-size: 14px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
}

/* 2018-10-23 맨티스0001396건 */
.prdList.frame .list_none {
    border-top: 1px solid #cdcdcd;
}

/* 2018-11-16 전체팝업 스크롤 막기 */
html.body_noscroll,
html.body_noscroll body {
    overflow-y: hidden !important;
    height: 100% !important;
}

/* 2018-11-19 gnb도트아이콘 추가 */
.rn_gnb_wrap .ico_dot:before {
    content: "";
    display: block;
    position: Absolute;
    top: 9px;
    right: 3px;
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #f28c9b;
}

/* 2018-11-26 소구카피 적용 */
.rn_gnb_wrap .text_ten:before {
    content: "10%10%";
    display: block;
    position: Absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #f67a8c;
    letter-spacing: -0.5px;
    white-space: nowrap;
}
.wrapAllHeader .rn_gnb_wrap.sub_txt .rn_hpromotion_swipe li {
    padding: 13px 3px 11px 3px;
}
.wrapAllHeader .rn_gnb_wrap.sub_txt .rn_gnb_next {
    padding: 15px 10px 9px 26px;
}
.wrapAllHeader .rn_gnb_wrap.sub_txt .rn_gnb_prev {
    padding: 15px 26px 9px 10px;
}
.wrapAllHeader .rn_gnb_wrap.sub_txt .ico_new:before {
    top: 14px;
}

/* 2018-11-26 상품 리스트 템플릿 */
.goods_temp_list ul {
    overflow: hidden;
    padding: 10px 5px 0;
    background-color: #e8e8e8;
}
.goods_temp_list .goods_box {
    position: relative;
    background-color: #fff;
}
.goods_temp_list .goods_thumb {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    font-size: 0;
}
.goods_temp_list .goods_thumb .goods_thumb_img {
    position: relative;
    overflow: hidden;
    padding-top: 55%;
}
.goods_temp_list .goods_thumb .goods_thumb_img span.img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.goods_temp_list .goods_thumb .goods_thumb_img span.img img {
    width: auto;
    height: 100%;
}
.goods_temp_list .goods_price {
    position: relative;
    padding: 11px 10px 15px;
}
.goods_temp_list .goods_price .tit {
    display: -webkit-box;
    overflow: hidden;
    height: 39px;
    line-height: 19px;
    letter-spacing: -0.5px;
    margin-bottom: 5px;
    font-size: 15px;
    color: #222;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal;
}
.goods_temp_list .goods_benefit_num {
    position: absolute;
    bottom: 18px;
    right: 10px;
    font-size: 10px;
    color: #e51937;
    font-weight: bold;
}
.goods_temp_list .goods_benefit_num em {
    font-size: 25px;
    vertical-align: middle;
}
.goods_temp_list .goods_benefit_num span {
    position: relative;
    top: -3px;
    font-size: 13px;
    vertical-align: bottom;
}
.goods_temp_list .goods_benefit_box {
    height: 40px;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail {
    position: relative;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dt {
    position: absolute;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dt {
    font-size: 12px;
    color: #666;
    letter-spacing: -0.5px;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dt.goods_benefit_hidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dd {
    padding-top: 14px;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dd strong {
    font-size: 18px;
    color: #222;
    letter-spacing: -1px;
}
.goods_temp_list .goods_benefit_box .goods_benefit_detail dd .textWon {
    display: inline-block;
    margin-left: 2px;
    font-size: 13px;
    color: #222;
}
.goods_temp_list .playBtn .playIco:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);
}
.goods_temp_list .playBtn .playIco.medium:before {
    width: 15px;
    height: 19px;
    margin-left: -6px;
    background-position: -160px -15px;
}
.goods_temp_list .playBtn .playIco.medium {
    margin-top: -11px;
    padding-top: 23px;
}
.goods_temp_list .playBtn .playIco.medium .playTime {
    line-height: 1;
    font-size: 11px;
}

/* 2단 리스트 */
.goods_temp_list.goods_second ul li {
    float: left;
    width: 50%;
    padding: 0 5px 10px;
    box-sizing: border-box;
}
.goods_temp_list.goods_second .goods_thumb .goods_thumb_img {
    padding-top: 100%;
    border-bottom: 1px solid #e8e8e8;
}

/* 3단 리스트 */
.goods_temp_list.goods_third ul li {
    float: left;
    width: 33.333333%;
    padding: 0 5px 10px;
    box-sizing: border-box;
}
.goods_temp_list.goods_third .goods_thumb .goods_thumb_img {
    padding-top: 100%;
    border: 1px solid #eee;
    border-radius: 2px;
}
.goods_temp_list.goods_third .goods_benefit_num {
    display: none;
}
.goods_temp_list.goods_third .goods_price {
    padding: 8px 0 5px;
}
.goods_temp_list.goods_third .goods_price .tit {
    font-size: 1.17rem;
    line-height: 1.4rem;
    height: 2.65rem;
    color: #000;
    margin-bottom: 4px;
}
.goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dt {
    font-size: 11px;
    color: #888;
}
.goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd {
    padding-top: 12px;
}
.goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd strong {
    font-size: 15px;
    color: #000;
}
.goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd .textWon {
    color: #000;
}

/* S: 2019-05-20 좋은밥상 8번째 카테고리 좋은특가 추가 */
.goods_temp_list .goods_thumb .goods_thumb_img span.flag {
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 50px;
    height: 50px;
}
.goods_temp_list .goods_thumb .goods_thumb_img span.flag img {
    width: 100%;
}
/* E: 2019-05-20 좋은밥상 8번째 카테고리 좋은특가 추가 */

/* 상품리스트 아이폰 5 320size 예외처리 */
@media (max-width: 320px) {
    .goods_temp_list .goods_benefit_num {
        bottom: 19px;
    }
    .goods_temp_list .goods_benefit_num em {
        font-size: 20px;
    }
    .goods_temp_list .goods_benefit_num span {
        font-size: 10px;
    }
    .goods_temp_list .goods_benefit_box .goods_benefit_detail dd strong {
        font-size: 17px;
    }
    .goods_temp_list .goods_benefit_box .goods_benefit_detail dd .textWon {
        font-size: 12px;
    }
}

/* 2018-12-06 네비 하단배너 */
.side_bottom_banner {
    background: #ebebeb;
    padding-bottom: 10px;
}
.side_bottom_banner a {
    position: relative;
    display: block;
    height: 55px;
    background: #765ddc;
}
.side_bottom_banner a span {
    position: relative;
    top: 12px;
    display: block;
    width: 163px;
    height: 31px;
    margin-left: 15px;
    background: url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner.png) no-repeat 0 0;
    background-size: 171px auto;
    text-indent: -9999px;
    overflow: hidden;
}
.side_bottom_banner a:before {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 15px;
    width: 8px;
    height: 12px;
    background: url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner.png) no-repeat 100% 0;
    background-size: 171px auto;
}

/* 2018-12-31 기획전 설특집 */
.rn_gnb_wrap .ico_sul {
    padding-left: 30px !important;
}
.rn_gnb_wrap .ico_sul:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 10px;
    display: block;
    width: 20px;
    height: 19px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat 0 -24px;
    background-size: 100px auto;
}
.rn_gnb_wrap .ico_sul .rnGnbBar {
    margin-left: 27px;
}

/* swiper style */
.swiper-container.swiper-container-android .swiper-slide,
.swiper-container .swiper-wrapper,
.swiper_st.swiper-container-android .swiper-slide,
.swiper_st .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.swiper-container,
.swiper_st {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container .swiper-wrapper,
.swiper_st .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container .swiper-slide,
.swiper_st .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

/* 2019-01-15 좋은밥상 매장 추가 */
/*.food_all_pop .list_food_pop:after{content:""; position:fixed; bottom:0; left:0; width:100%; height:10px; background:#333;}*/
.food_all_pop .list_food_pop li {
    padding: 0 44px 10px 44px;
}
.food_all_pop .list_food_pop li a {
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
.food_all_pop .list_food_pop li img {
    max-width: 100%;
    vertical-align: top;
}

/* 방송알림 설정 토스트팝업 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 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0; background: url(//image.hnsmall.com/images/mobile2014/common/toast_arimi01.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);}*/
.tv_arimi_toast01.view {
    z-index: 101 !important;
    width: 114px;
    height: 114px;
    top: 257px;
    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 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0; background: url(//image.hnsmall.com/images/mobile2014/common/toast_arimi02.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);}*/
.tv_arimi_toast02.view {
    width: 114px;
    height: 114px;
    top: 257px;
    margin-left: -57px;
    background-size: 114px;
    -webkit-transition: all 0.15s cubic-bezier(0.3, 0.1, 0.7, -0.1);
}

/* 2019-02-26 방송알림설정 ui통일 */
.tv_arimi_toast01.type2,
.tv_arimi_toast02.type2 {
    width: 0;
    height: 0;
    overflow: hidden;
    margin-left: -25px;
    font-size: 0;
    -webkit-transition: all 0.25s cubic-bezier(0.75, -0.5, 0, 1.75);
}
.tv_arimi_toast01.type2.view,
.tv_arimi_toast02.type2.view {
    width: 125px;
    height: 125px;
    background: rgba(34, 34, 34, 0.85);
    border-radius: 62.5px;
    margin-left: -62px;
    text-align: center;
    overflow: visible;
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
}
.tv_arimi_toast01.type2.view p,
.tv_arimi_toast02.type2.view p {
    margin-top: 44px;
    overflow: hidden;
}
.tv_arimi_toast02.type2.view p {
    margin-top: 58px;
}
.tv_arimi_toast01.type2.view p span,
.tv_arimi_toast02.type2.view p span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
}
.tv_arimi_toast01.type2.view p:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat -28px 0;
    background-size: 85px auto;
}
.tv_arimi_toast02.type2.view p:before {
    content: "";
    display: block;
    position: absolute;
    top: 26px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat 0 0;
    background-size: 85px auto;
}
.tv_arimi_toast01.type2.view a.list {
    display: inline-block;
    height: 21px;
    margin: 4px auto 0;
    padding: 0 9px;
    line-height: 20px;
    text-align: center;
    border: 1px solid #999;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    text-indent: 1px;
}
.tv_arimi_toast01.type2.view a.close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat -55px 0;
    background-size: 85px auto;
    text-indent: -9999px;
    overflow: hidden;
}

/* S: 2019-04-05 TV편성표 아이콘 삭제, 2020-07-13 #34006 홈개선 : v3 클래스 추가 */
.wrapAllHeader .wrapAllHeaderInner.v2 .headerNew.header_v3 .btnTvSchedule.ver04,
.cont_sw > .wrapAllHeaderInner.v2 .headerNew.header_v3 .btnTvSchedule.ver04,
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.header_v3 .btnTvSchedule.ver04,
.cont_sw > .wrapAllHeaderInner.v3 .headerNew.header_v3 .btnTvSchedule.ver04 {
    display: none;
}
.cont_sw > .wrapAllHeaderInner.v2 .headerNew.header_v3 .btn_gnb_search,
.cont_sw > .wrapAllHeaderInner.v3 .headerNew.header_v3 .btn_gnb_search {
    right: 59px;
}
/* E: 2019-04-05 TV편성표 아이콘 삭제 */

/* 개발용 display:none style 추가 (해당 클래스명 추가시 in-line style을 무시)  */
.important_display_none {
    display: none !important;
}

/* 2019-07-15 #24838 GNB > 신규 매장 표시 //2019-08-26 #25497 GNB 원복(오늘도=>오늘은) */
.rn_gnb_wrap .text_today:before {
    content: "오늘은";
    display: block;
    position: Absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #f67a8c;
    letter-spacing: -0.5px;
    white-space: nowrap;
}
.rn_gnb_wrap .text_pangtv:before {
    content: "모바일라방";
    display: block;
    position: Absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #f67a8c;
    letter-spacing: -0.5px;
    white-space: nowrap;
} /* 2021-04-05 팡TV 소구문자 css 추가 */

/* 2019-09-11 coachmark 검색아이콘 변경 */
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2.btn_gnb_coachmark:before {
    left: 10px;
    top: 8px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -18px -190px;
    background-size: 250px auto;
}

/* 2019-11-19 #28214 본인인증 안내문구 임시노출 */
.mobile_text {
    text-align: center;
    color: #e51937;
    font-size: 12px;
}
.joinEndBox .mobile_text + .h2_wrap {
    margin-bottom: 0;
}

/* 2019-12-11 tv쇼핑 구분값 추가 */
.pinkColor {
    color: #f13a65;
}

/* 2019-12-26 기획전 -> '설'로 변경(명칭 및 위치) */
.rn_gnb_wrap .ico_sul_v2020 {
    padding-left: 30px !important;
}
.rn_gnb_wrap .ico_sul_v2020:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 11px;
    display: block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -29px -24px;
    background-size: 100px auto;
}
.rn_gnb_wrap.v3 .rn_hpromotion_swipe li.ico_sul_v2020 .rnGnbBar {
    right: -3px;
    left: 19px;
}

/* 2020-01-30 공정위 사이드네비 수정 */
.side_bottom_banner.chance_banner a {
    background-color: #004d55;
}
.side_bottom_banner.chance_banner a span {
    margin-left: 12px;
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner_200206.png);
    top: 9px;
    width: 190px;
    height: 36px;
    background-size: 198px auto;
}
.side_bottom_banner.chance_banner a:before {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner_200206.png);
}

/* S : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */
.footer .certify_area.v2 .ico_mark {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark_v3.png) no-repeat;
    background-size: 173px 45px;
}
.footer .certify_area.v2 .isms {
    width: 60px;
    margin-right: 5px;
}
.footer .certify_area.v2 .brand {
    background-position: -69px 0;
}
.footer .certify_area.v2 .store {
    width: 49px;
    background-position: -124px 0;
    margin-left: 6px;
} /* //2020-10-15 #36094 */
.ismpPopup_wrap {
    background: #fff;
    padding: 0;
}
.ismpPopup_wrap .popup_header {
    position: relative;
    height: auto;
    padding: 10px 50px 9px;
    background: #fff;
    border-bottom: 1px solid #cdcdcd;
    box-sizing: border-box;
}
.ismpPopup_wrap .popup_header h1 {
    display: block;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    color: #000;
    text-align: center;
}
.ismpPopup_wrap .popup_header .pop_close {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
    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;
    border: 0;
}
.ismpPopup_wrap .popup_cont .img img {
    width: 100%;
}
/* E : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */
/* S : 2020-04-20 표시광고법 수정 #32000 */
.v32000 .prdList.frame .goodsUnitList .goodsInfo .priceArea .price span.tit.switch_show {
    color: #666;
}
.v32000 .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox.del.switch_hidden {
    display: none;
}
/* E : 2020-04-20 표시광고법 수정 #32000 */
/* S : 2020-07-13 #34006 홈개선  */
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_sidenav {
    top: 18px;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew h1 {
    top: 13px;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox,
.cont_sw > .wrapAllHeaderInner.v3 .headerNew .orderBox {
    top: 14px;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox .btn_gnb_orderBox span,
.cont_sw > .wrapAllHeaderInner.v3 .headerNew .orderBox .btn_gnb_orderBox span {
    display: none;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox span.orderNum,
.cont_sw > .wrapAllHeaderInner.v .headerNew .orderBox span.orderNum {
    top: -3px;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_gnb_search {
    bottom: 6px;
    height: 36px;
    line-height: 36px;
    margin: 0 12px;
    background: #f6f6f6;
}
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_gnb_search span {
    line-height: 38px;
}
/* E : 2020-07-13 #34006 홈개선  */

/* S : 2020-08-24 #34985 추석이벤트 */
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.chusuck2020 h1 {
    top: 0;
    margin-left: -85px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.chusuck2020 h1 a,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.chusuck2020 h1 a {
    width: 170px;
    height: 40px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_chusuck2020.png) no-repeat 0 0;
    background-size: 170px auto;
}
.rn_gnb_wrap .ico_song:before {
    top: 14px;
    left: 11px;
    width: 20px;
    height: 18px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu_chusuck2020.png) no-repeat;
    background-size: 20px auto;
}
/* 2차 */
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.chusuck2020_ani h1 {
    top: 6px;
    margin-left: -45.5px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.chusuck2020_ani h1 a,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.chusuck2020_ani h1 a {
    width: 91px;
    height: 33px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_chusuck2020.gif?1) no-repeat 0 0;
    background-size: 91px auto;
}
/* E : 2020-08-24 #34985 추석이벤트 */

/* S : 2020-09-16 사업자정보확인 빈 레이어 추가 */
.contents.businessInfo {
    padding-top: 40px;
    box-sizing: border-box;
}
.businessInfo .businessInfoHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.businessInfo .businessInfoHeader h1 {
    position: relative;
    overflow: hidden;
    height: 39px;
    line-height: 39px;
    padding: 0 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    border-bottom: 1px solid #cdcdcd;
    font-size: 16px;
    text-align: center;
    background: #fff;
}
.businessInfo .businessInfoHeader .businessInfoCloseBtn {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 15px;
    height: 15px;
    overflow: hidden;
    text-indent: -1000px;
    border: 0 none;
    background: url(//image.hnsmall.com/images/mobile2014/common/btn_close_businessinfo.png) no-repeat 0 0;
    background-size: 15px 15px;
}
/* E : 2020-09-16 사업자정보확인 빈 레이어 추가 */

/* S : 2020-09-08 #35097 서브GNB 아이콘 관련 변경 요청 (ico_v2 추가) */
/* 텍스트 삭제 */
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btn_gnb_search:before,
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 span,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 span,
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox .btn_gnb_orderBox span,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox .btn_gnb_orderBox span {
    display: none;
}
/* 위치(포지션) */
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btn_gnb_search {
    top: 20px;
    right: 100px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 {
    top: 16px;
    right: 57px;
}
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox {
    top: 16px;
    right: 7px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox:before,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox:before {
    top: -4px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox span.orderNum,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox span.orderNum {
    top: -5px;
}
/* 아이콘 */
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04:before {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_v2.png) no-repeat -34px 0;
    background-size: 100px auto;
}
/* E : 2020-09-08 #35097 서브GNB 아이콘 관련 변경 요청 (ico_v2 추가) */

/* 2020-09-24 #35736 footer 변경 */
.footer_v2 .comp_info {
    padding: 17px 10px 3px 15px;
    font-size: 13px;
    color: #666;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.footer_v2 .comp_info .btn_info {
    margin-left: 6px;
    vertical-align: 1px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_arrow_updown.png) no-repeat 0 0;
    width: 12.5px;
    height: 7px;
    background-size: 12.5px auto;
    border: none;
    outline: none;
}
.footer_v2 .comp_info.active .btn_info {
    background-position: 0 -12px;
}
.footer.footer_v2 address.addNew {
    text-align: left;
    padding-top: 0;
    padding-left: 15px;
    height: 15px;
    overflow: hidden;
}
.footer.footer_v2 .comp_info.active + address.addNew {
    height: auto;
}
.footer_v2 .adminPhone {
    padding: 4px 10px 9px 15px;
    margin-top: 5px;
}
.footer_v2 .adminPhone em {
    top: 7px;
    margin-left: 0;
    left: 15px;
}
.footer_v2 .adminPhone a {
    position: inherit;
    left: 0;
    margin-left: 0;
    padding-left: 23px;
}
.footer.footer_v2 .footer_Nnav2 {
    margin-left: 15px;
}
.footer.footer_v2 .footer_Nnav2 ul {
    text-align: left;
}
.footer.footer_v2 .footer_Nnav2 ul li a {
    padding-top: 12px;
}
.footer.footer_v2 .copy {
    padding: 0 10px 20px 15px;
    text-align: left;
}

.footer.footer_v2 .footer_Nnav2.type2 ul li a {
    padding-top: 12px;
    font-weight: normal;
}
.footer.footer_v2 .footer_Nnav2.type2 ul li:nth-child(2) a {
    font-weight: bold;
}
.footer.footer_v2 address.addNew .ingo-txt {
    margin-top: 15px;
    margin-bottom: 11px;
    color: #999;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.26px;
}

/* 2020-10-13 GNB > 신규 매장 표시 */
.rn_gnb_wrap .text_black:before {
    content: "블랙슈퍼";
    display: block;
    position: Absolute;
    top: -1px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #f67a8c;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

/* S : 2020-10-19 #36142 코리아페스타 */
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.koreafesta h1 {
    top: 12px;
    margin-left: -61.5px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.koreafesta h1 a,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.koreafesta h1 a {
    width: 123px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_koreafesta.gif) no-repeat 0 0;
    background-size: 123px auto;
}
/* E : 2020-10-19 #36142 코리아페스타 */
/* S : 2020-12-15 #36907 설이벤트 */
.wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.newyear2021 h1 {
    top: 12px;
    margin-left: -64px;
}
.wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.newyear2021 h1 a,
.cont_sw > .wrapAllHeaderInner .headerNew.header_v3.newyear2021 h1 a {
    width: 128px;
    height: 30px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_newyear2021.gif?20201222) no-repeat 0 0;
    background-size: 114px auto;
}
.rn_gnb_wrap .ico_newyear2021 {
    padding-left: 30px !important;
}
.rn_gnb_wrap .ico_newyear2021:before {
    content: "";
    position: absolute;
    top: 14px;
    left: 11px;
    display: block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/main/holiday/202101/ico_gnb_newyear2021.png) no-repeat;
    background-size: 16px auto;
}
.rn_gnb_wrap.v3 .rn_hpromotion_swipe li.ico_newyear2021 .rnGnbBar {
    right: -3px;
    left: 19px;
}
/* E : 2020-12-15 #36907 설이벤트 */

/* S : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */
.footer .certify_area.v3 .ico_mark {
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark_v3.png) no-repeat;
    background-size: 173px 45px;
}
.footer .certify_area.v3 .isms {
    width: 60px;
    margin-right: 0;
}
.footer .certify_area.v3 .brand {
    background-position: -69px 0;
    margin-right: 5px;
}
.footer .certify_area.v3 .store {
    width: 49px;
    background-position: -124px 0;
    margin-left: 6px;
}
.footer .certify_area .exfirm {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-left: 6px;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    background: url("//image.hnsmall.com/images/mobile2014/common/ico_excellent_firm_mark.png") no-repeat left top;
    background-size: 45px auto;
}

/* S : 2021-09-03 #ITSRI-2834 푸터 인증 로고 이미지 사이즈 일괄 변경 및 추가 */
.footer .certify_area.v4 > span,
.footer .certify_area.v4 > a {
    display: inline-block;
    height: 41px;
    margin: 0 12px 0 0;
    background-position: left top;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
.footer .certify_area.v4 > span:last-child {
    margin-right: 0;
}
.footer .certify_area.v4 .brand {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_brand.png) no-repeat;
    background-size: 41px auto;
}
.footer .certify_area.v4 .isms {
    margin-right: 8px;
    width: 53px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_isms.png) no-repeat;
    background-size: 53px auto;
}
.footer .certify_area.v4 .store {
    width: 44px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_store.png) no-repeat;
    background-size: 44px auto;
}
.footer .certify_area.v4 .exfirm {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_exfirm.png) no-repeat;
    background-size: 41px auto;
}
.footer .certify_area.v4 .ict_award {
    width: 58px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_ict.png) no-repeat;
    background-size: 58px auto;
}
/* E : 2021-09-03 #ITSRI-2834 푸터 인증 로고 이미지 사이즈 일괄 변경 및 추가 */
/* S: 2022-05-19 ITSR-6833 푸터 '모바일어워드' 로고 추가 */
.footer .certify_area.v4 .ico_mak {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_mak_v1.png) no-repeat;
    background-size: 41px auto;
}
/* E: 2022-05-19 ITSR-6833 푸터 '모바일어워드' 로고 추가 */
/* 2025-01-13 ITSR-20727 CCM 인증마크 추가 및 업데이트 */
.footer .certify_area.v4 {
    margin-bottom: 49px;
}
.footer .certify_area.v4 .ico_ccm {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_ccm.png) no-repeat;
    background-size: 41px auto;
}
/* // 2025-01-13 ITSR-20727 CCM 인증마크 추가 및 업데이트 */

/* S: 2026-01-14 ITSR-27604 CCM 인증마크 업데이트 */
.footer .certify_area.v4 .ico_ccm.v2 {
    width: 81px;
    margin-right: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_ccm_02.png) no-repeat;
    background-size: 81px auto;
}
/* E: 2026-01-14 ITSR-27604 CCM 인증마크 추가 및 업데이트 */

/* S: 2022-12-20 ITSR-10162 소비자중심경영 추가 및 컬러이미지 변경 */
.footer .certify_area.v5.mb70 {
    margin-bottom: 70px;
}
.footer .certify_area.v5 > span,
.footer .certify_area.v5 > a {
    display: inline-block;
    height: 41px;
    margin: 0 15px 0 0;
    background-position: left top;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}
.footer .certify_area.v5 > *:last-child {
    margin-right: 0;
}
.footer .certify_area.v5 .isms {
    margin-right: 8px;
    width: 53px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_isms_color_v.png) no-repeat;
    background-size: 53px auto;
}
.footer .certify_area.v5 .store {
    width: 44px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_store_color_v.png) no-repeat;
    background-size: 44px auto;
}
.footer .certify_area.v5 .exfirm {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_exfirm_color_v.png) no-repeat;
    background-size: 41px auto;
}
.footer .certify_area.v5 .ico_mak {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_mak_color_v.png) no-repeat;
    background-size: 41px auto;
}
.footer .certify_area.v5 .ico_ccm {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_ccm_color_v.png) no-repeat;
    background-size: 41px auto;
}
.footer .certify_area.v5 .ico_gpis {
    width: 41px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ico_gpis_color_v.png) no-repeat;
    background-size: 41px auto;
}
/* E: 2022-12-20 ITSR-10162 소비자중심경영 추가 및 컬러이미지 변경 */

.ccmPopup_wrap {
    background: #fff;
    padding: 0;
}
.ccmPopup_wrap .popup_header {
    position: relative;
    height: auto;
    min-height: 50px;
    padding: 10px 50px 9px;
    background: #fff;
    border-bottom: 1px solid #cdcdcd;
    box-sizing: border-box;
}
.ccmPopup_wrap .popup_header h1 {
    display: block;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #111;
    text-align: center;
}
.ccmPopup_wrap .popup_header .pop_close {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/ic_pop_close.png) 100% / 100% no-repeat;
    overflow: hidden;
    text-indent: -1000px;
    border: 0;
}
.ccmPopup_wrap .popup_cont .img img {
    width: 100%;
}
.ccmPopup_wrap .popup_cont {
    padding: 15px;
}

/* 2021-03-10 : 사이드 NAV 추가 */
.side-nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding-top: 60px;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 100;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.side-nav.on {
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.side-nav .tit-nav {
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 17px;
    color: #333;
    letter-spacing: -0.3px;
}
.side-nav .tit-nav:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .tit-nav h5 {
    display: inline-block;
    font-size: 17px;
    color: #333;
}
.side-nav .tit-nav .btn-link {
    float: right;
    display: inline-block;
    height: 20px;
    padding: 0 12px;
    text-align: center;
    line-height: 15px;
    border-radius: 30px;
    background-color: #f4f4f4;
}
.side-nav .tit-nav .btn-link span {
    font-size: 11px;
    color: #333;
    line-height: 20px;
}
.side-nav .tit-nav .btn-link span:after {
    display: inline-block;
    content: "";
    margin-left: 5px;
    width: 4.5px;
    height: 9px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arrow_s.png) no-repeat 50% 50%;
    background-size: 100% auto;
}
.side-nav .login-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 15px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 10;
}
.side-nav .login-area .login-info {
    display: inline-block;
    padding-right: 70px;
    box-sizing: border-box;
    width: 100%;
}
.side-nav .login-area .login-info .login-name {
    display: inline-block;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    position: relative;
    max-width: 56%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 12px;
}
.side-nav .login-area .login-info .login-name:after {
    content: "님";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 14px;
    color: #333;
}
.side-nav .login-area .login-info a {
    display: inline-block;
    padding: 5px 8px;
    font-size: 14px;
    text-align: center;
    color: #333;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.side-nav .login-area .login-info .login-name + a,
.side-nav .login-area .login-info a + a {
    margin-left: 5px;
}
.side-nav .login-area .util-btn {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12.5px;
    width: 70px;
}
.side-nav .login-area .util-btn a {
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    text-indent: -9999em;
}
.side-nav .login-area .util-btn .btn-home {
    left: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_home.png);
}
.side-nav .login-area .util-btn .btn-close {
    right: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_close.png);
}
/* .side-nav .login-area .util-btn a + a{margin-left:15px;} */
.side-nav .login-area .util-btn .btn-setting {
    display: none;
    left: 0;
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_setting.png);
}
.side-nav .login-area .util-app-btn {
    width: 65px;
}
.side-nav .login-area .util-app-btn .btn-setting {
    display: block;
}

.side-nav .nav-scroll {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.side-nav .quick-area {
    position: relative;
}
.side-nav .quick-nav:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .quick-area .quick-nav {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
}
.side-nav .quick-area li {
    float: left;
    position: relative;
    width: 25%;
}
.side-nav .quick-area li:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    width: 1px;
    height: 46px;
    background-color: #eee;
}
.side-nav .quick-area li:last-child:after {
    display: none;
}
.side-nav .quick-area li a {
    display: block;
    height: 70px;
    padding-top: 45px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 11px;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.26px;
    background-size: 25px auto;
    box-sizing: border-box;
}
.side-nav .quick-area .quick-nav.col2 li {
    width: 50%;
}
.side-nav .quick-area .btn-customer {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_customer.png);
}
.side-nav .quick-area .btn-order {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_order.png);
}
.side-nav .quick-area .btn-mypage {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_mypage.png);
}
.side-nav .quick-area .btn-arim {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arim.png);
}

.side-nav .section {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
.side-nav .cate-area .cate-memu {
}
.side-nav .cate-area .dep01:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .cate-area .dep01 li {
    float: left;
    width: 25%;
    height: 75px;
    box-sizing: border-box;
}
.side-nav .cate-area .dep01 li:nth-child(4n) {
    margin-right: 0;
}
.side-nav .cate-area .dep01 li a {
    display: block;
    position: relative;
    height: 70px;
    padding-top: 45px;
    font-size: 14px;
    color: #333;
    text-align: center;
    letter-spacing: -0.25px;
    background-repeat: no-repeat;
    background-position: 50% 5px;
    background-size: 41px auto;
    box-sizing: border-box;
}
.side-nav .cate-area .dep01 li.on a {
    color: #d80028;
}
.side-nav .cate-area .dep01 li.on a:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_on.png) no-repeat 50% 5px;
    background-size: 41px auto;
}

.side-nav .cate-area .cate-menu.cate-menu03 .dep01 li {
    height: 93px;
}
.side-nav .cate-area .cate-menu.cate-menu04 .dep01 li {
    height: 93px;
}

.side-nav .cate-area .cate01 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_01.png);
}
.side-nav .cate-area .cate02 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_02.png);
}
.side-nav .cate-area .cate03 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_03.png);
}
.side-nav .cate-area .cate04 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_04.png);
}
.side-nav .cate-area .cate05 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_05.png);
}
.side-nav .cate-area .cate06 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_06.png);
}
.side-nav .cate-area .cate07 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_07.png);
}
.side-nav .cate-area .cate08 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_08.png);
}
.side-nav .cate-area .cate09 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_09.png);
}
.side-nav .cate-area .cate10 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_10.png);
}
.side-nav .cate-area .cate11 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_11.png);
}
.side-nav .cate-area .cate12 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_12.png);
}
.side-nav .cate-area .cate13 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_13.png);
}
.side-nav .cate-area .cate14 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_14.png);
}
.side-nav .cate-area .cate15 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_15.png);
}
.side-nav .cate-area .cate16 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_16.png);
}

.side-nav .cate-area .dep02 {
    margin-bottom: 10px;
    padding: 20px;
    background-color: #f4f4f4;
}
.side-nav .cate-area .dep02:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .cate-area .dep02 li {
    float: left;
    width: 50%;
    padding: 15px 10px 15px 0;
    box-sizing: border-box;
}
.side-nav .cate-area .dep02 li a {
    display: block;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.25px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.side-nav .cate-area .cate-menu.menu04 .dep02 {
    margin-bottom: 0;
}

.side-nav .brand-area {
}
.brand-area .brand-list {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.brand-area .brand-list .swiper-wrapper {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.brand-area .brand-list li {
    margin-left: 15px;
    width: 128px;
}
.brand-area .brand-list .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 128px;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.brand-area .brand-list li:last-child {
    margin-right: 15px;
}
.brand-area .brand-list-box {
}
.brand-area .brand-list-box .brand-img {
    width: 128px;
    height: 156px;
    border-radius: 15px;
    overflow: hidden;
}
.brand-area .brand-list-box .brand-img img {
    width: 100%;
    height: auto;
}
.brand-area .brand-list-box .brand-name {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 30px;
}
.brand-area .brand-list-box .brand-more {
    width: 128px;
    height: 156px;
    padding-top: 40px;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    box-sizing: border-box;
} /* 2021-03-18 디자인 요청으로 bg컬러 삭제 */
.brand-area .brand-list-box .brand-more .info-txt {
    font-size: 12px;
    color: #333;
    line-height: 18px;
}
.brand-area .brand-list-box .brand-more .btn-more-brand {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: #333;
    padding: 3px 10px;
    border: 1px solid #cdcdcd;
    border-radius: 25px;
}
.brand-area .brand-list-box .brand-more .btn-more-brand span:after {
    display: inline-block;
    content: "";
    margin-left: 5px;
    width: 4px;
    height: 7px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arrow.png) no-repeat 50% 0;
    background-size: 100% auto;
}

.theme-area .theme-list {
    overflow: hidden;
    padding: 0 7px;
}
.theme-area .theme-list li {
    float: left;
    width: 25%;
    margin-bottom: 15px;
    text-align: center;
}
.theme-area .theme-img {
    position: relative;
    display: inline-block;
    width: 75px;
}
.theme-area .theme-img img {
    display: inline-block;
    vertical-align: top;
}
.theme-area .theme-img > img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
}
.theme-area .theme-img i {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    vertical-align: top;
}
.theme-area .theme-img i img {
    width: 50%;
    height: 50%;
}
.theme-area .theme-list li a > p {
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 5px;
    color: #333;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.5px;
    font-size: 14px;
}
/* 사이드 NAV 320px 예외처리 */
@media (max-width: 320px) {
    .theme-area .theme-list {
        padding: 0;
    }
    .theme-area .theme-img > img {
        width: 65px;
        height: 65px;
    }
}

.side-nav .nav-bttm-banner img {
    width: 100%;
    vertical-align: bottom;
}

.side-nav .nav-bttm-link:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .nav-bttm-link li {
    float: left;
    position: relative;
    width: 50%;
    height: 50px;
    background-color: #eee;
}
.side-nav .nav-bttm-link li:first-child:after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}
.side-nav .nav-bttm-link li:last-child {
    width: 100%;
    background-color: #f5f5f5;
}
.side-nav .nav-bttm-link li a {
    display: block;
    font-size: 14px;
    color: #333;
    text-align: center;
    line-height: 50px;
}
.side-nav .nav-bttm-link .full {
    width: 100%;
    height: 46px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    float: none;
    clear: both;
} /* 2021-10-01 #ITSRI-2386 베스트 */

.side-nav .nav-bttm-util:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav .nav-bttm-util li {
    float: left;
    position: relative;
    width: 50%;
    height: 50px;
    background-color: #fff;
}
.side-nav .nav-bttm-util li:last-child:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}
.side-nav .nav-bttm-util.col1 li {
    width: 100%;
}
.side-nav .nav-bttm-util.col1 li:last-child:before {
    display: none;
}
.side-nav .nav-bttm-util li a {
    display: block;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 50px;
}

/* 2021-07-22 ITSRI-2072 LNB >브랜드관 영역 변경 */
.side-nav .brand-area.type2 + .section {
    border-top: 7px solid #eee;
}
.side-nav .section + .brand-area.type2 {
    border-top: 7px solid #eee;
}
.brand-area.type2 .brand-list ul {
    margin: 0 10px;
}
.brand-area.type2 .brand-list ul:after {
    content: " ";
    display: block;
    clear: both;
}
.brand-area.type2 .brand-list li:last-child {
    margin-right: 0;
}
.brand-area.type2 .brand-list ul > li {
    float: left;
    width: 33.333%;
    margin-left: 0;
    padding: 0 5px;
    box-sizing: border-box;
}
.brand-area.type2 .brand-list ul li > a {
    display: block;
}
.brand-area.type2 .brand-list ul > li:nth-child(3n + 1) {
    clear: both;
}
.brand-area.type2 .brand-list ul > li:nth-child(n + 4) {
    margin-top: 19px;
}
.brand-area.type2 .brand-list-box .brand-img {
    max-width: 108px;
    width: 100%;
    height: auto;
    border-radius: inherit;
    margin: 0 auto;
}
.brand-area.type2 .brand-list-box .brand-img img {
    vertical-align: top;
}
.brand-area.type2 .brand-list-box .brand-name {
    margin-top: 7px;
    line-height: 18px;
    letter-spacing: -0.28px;
}
.brand-area.type2 .brand-list-more {
    position: relative;
}
.brand-area.type2 .brand-list-more > ul {
    display: none;
    padding-top: 20px;
}
.side-nav .btn-box {
    text-align: center;
    padding-top: 20px;
    font-size: 0;
}
.side-nav .btn-more {
    display: inline-block;
    width: 259px;
    height: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 40px;
    box-sizing: border-box;
}
.side-nav .btn-more span {
    font-size: 12px;
    color: #333;
    letter-spacing: -0.6px;
    line-height: 29px;
}
.side-nav .btn-more.updown-arr span:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background: url("//image.hnsmall.com/images/mobile2014/common/v10/icon/btn_bg_updown.png") no-repeat left top;
    background-size: 16px;
}
.side-nav .btn-more.updown-arr.on span:after {
    background-position-y: -16px;
}
@media all and (max-width: 320px) {
    .brand-area.type2 .brand-list ul {
        margin: 0 3px;
    }
}

/* 2021-10-22 ITSRI-3250 베스트 상품 바로가기 변경 */
.nav-scroll.v3250 .theme-area {
    padding-bottom: 0;
    border-bottom: none;
}
.nav-scroll.v3250 .nav-bttm-banner {
    margin-bottom: 10px;
}
.nav-scroll.v3250 .nav-bttm-banner a {
    display: block;
    margin: 0 15px;
    border-radius: 6px;
    overflow: hidden;
}
.nav-scroll.v3250 .nav-bttm-banner img {
    vertical-align: top;
}
.nav-scroll.v3250 .nav-bttm-link li:only-child:after {
    display: none;
}
.nav-scroll.v3250 .nav-bttm-link .link-round {
    padding: 0 15px;
    background-color: transparent;
    box-sizing: border-box;
}
.nav-scroll.v3250 .nav-bttm-link .link-round a {
    background-color: #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
}

/* S: 2021-12-07 ITSRI-4184 팡tv매장 알림서비스 및 간격축소 */
.allalarm-pop .arimCheck {
    position: relative;
    padding-left: 30px;
    margin-bottom: 4px;
}
.allalarm-pop .arimCheck input {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle.png) no-repeat left top;
    background-size: 20px auto;
}
.allalarm-pop .arimCheck input:checked {
    background-position-y: -20px;
}
.allalarm-pop .arimCheck label {
    vertical-align: middle;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.3px;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt > li:last-child {
    padding-bottom: 17px;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl {
    margin-top: 4px;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dt {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 70px;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd {
    float: none;
    display: table-cell;
    width: auto;
    padding-left: 0;
    vertical-align: middle;
    box-sizing: border-box;
}
.allalarm-pop .setupTxt {
    font-size: 14px;
    color: #333;
    padding-top: 13px;
    padding-left: 4px;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox {
    margin-top: 4px;
}
.layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a {
    padding: 0 9px;
}
.allalarm-pop .btnModifyInfo {
    bottom: -3px;
}
.allalarm-pop .telNum {
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    padding-left: 1px;
}
.layerPopWrap02.allalarm-pop .btnWrap a.btnConfirm {
    font-weight: bold;
}
.layerPopWrap02.allalarm-pop .btnWrap a.btnConfirm.disabled {
    background-color: #e5e5e5;
    color: #bbb;
}

.alarmoff-pop .notice-txt {
    text-align: center;
}
.alarmoff-pop .notice-txt p {
    font-size: 15px;
    color: #333;
    letter-spacing: -0.3px;
    font-weight: bold;
}
.alarmoff-pop .notice-txt .sub-txt {
    font-size: 12px;
    color: #666;
    letter-spacing: -0.24px;
    font-weight: normal;
    margin-top: 10px;
}
.alarmoff-pop .btn-wrap {
    padding: 0 15px 15px;
}
.alarmoff-pop .btn-wrap .btn-black {
    display: block;
    width: 100%;
    height: 39px;
    padding: 10px 0;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 20px;
    background-color: #444;
    border-radius: 8px;
    box-sizing: border-box;
}

.white-bell-toast1,
.white-bell-toast2 {
    position: fixed;
    top: 30%;
    left: 50%;
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin-left: -85px;
    font-size: 0;
    transform: scale(0);
    -webkit-transition: all 0.25s cubic-bezier(0.75, -0.5, 0, 1.75);
    z-index: -1;
}
.white-bell-toast1.view,
.white-bell-toast2.view {
    display: block;
    width: 170px;
    height: 170px;
    margin-left: -85px;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    text-align: center;
    transform: scale(1);
    overflow: visible;
    -webkit-transition: all 0.3s cubic-bezier(0.75, -0.5, 0, 1.75);
    z-index: 100;
}
.white-bell-toast1.view p,
.white-bell-toast2.view p {
    margin-top: 18px;
    overflow: hidden;
}
.white-bell-toast1.view p span,
.white-bell-toast2.view p span {
    display: block;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
}
.white-bell-toast1.view p:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 1px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat 0 0;
    background-size: auto 50px;
}
.white-bell-toast2.view p:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 7px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat -60px 0;
    background-size: auto 50px;
}
.white-bell-toast1.view .list {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 11px auto 0;
    padding: 0 20px;
    text-align: center;
    background-color: rgba(229, 25, 55, 0.8);
    border-radius: 30px;
    font-weight: bold;
}
.white-bell-toast2.view .list {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin: 8px auto 0;
    padding: 0 8px;
    text-align: center;
    background-color: rgba(229, 25, 55, 0.8);
    border-radius: 15px;
    letter-spacing: -0.26px;
}
.white-bell-toast1.view .list.red,
.white-bell-toast2.view .list.red {
    background-color: #f51d2c;
}
.white-bell-toast1.view .close,
.white-bell-toast2.view .close {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    background: url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat -120px 0;
    background-size: auto 50px;
    text-indent: -9999px;
    overflow: hidden;
}
.white-bell-toast1.view .date,
.white-bell-toast2.view .date {
    display: block;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -0.24px;
    color: #fff;
}

.white-bell-toast1.v2 p span,
.white-bell-toast2.v2 p span {
    display: inline-block;
}
.white-bell-toast2.v2.view p {
    overflow: hidden;
}
/* E: 2021-12-07 ITSRI-4184 팡tv매장 알림서비스 및 간격축소 */

/* 2022-01-03 ITSRI-4184 팡tv매장 알림서비스 문구추가 */
.bcalarm-pop .info-table-area {
    margin-right: 5px;
}
.bcalarm-pop .info-table-area .table-info {
    margin: 7px 0 8px -7px;
    border-collapse: separate;
    border: 1px solid #ddd;
    border-left: none;
}
.bcalarm-pop .info-table-area .table-info th {
    padding: 8px 7px;
    text-align: center;
    color: #666;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: -0.26px;
    background-color: #eee;
    border-left: 1px solid #ddd;
}
.bcalarm-pop .info-table-area .table-info td {
    padding: 6px 7px 9px 7px;
    text-align: left;
    color: #999;
    font-size: 13px;
    letter-spacing: -0.26px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    vertical-align: top;
}
.bcalarm-pop .info-table-area .table-info td.underline {
    text-decoration: underline;
}
.bcalarm-pop .info-table-area .txt {
    color: #999;
    font-size: 13px;
    letter-spacing: -0.26px;
}
.bcalarm-pop .info-table-area .txt + .txt {
    margin-top: 8px;
}

/* 2022-02-21 ITSRI-5321 LNB 브랜드 검색 */
.brand-area.v5321 .tit-nav {
    position: relative;
    margin-bottom: 13px;
}
.brand-area.v5321 .btn-search {
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    height: 30px;
    line-height: 28px;
    padding: 0 8px;
    font-size: 14px;
    color: #333;
    letter-spacing: -0.28px;
    background-size: auto 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    box-sizing: border-box;
}
.brand-area.v5321 .btn-search:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/icon_search_32x32_gray.png) no-repeat center;
    background-size: auto 16px;
    margin-left: 5px;
    vertical-align: -2px;
}
.brand-area .btn-more.right-arr span:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 8px;
    top: 1px;
    width: 6px;
    height: 10px;
    background: url("//image.hnsmall.com/images/mobile2014/common/v10/icon/btn_bg_rightarr.png") no-repeat left top;
    background-size: 100%;
}
.hns-form-popup {
    padding: 5px 15px;
    background-color: #fff;
}
.hns-form-popup .hns-search-input {
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    border: 1.5px solid #d80028;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    color: #333;
    letter-spacing: -0.36px;
    text-indent: 0;
    padding: 0 45px 0 13px;
}
.hns-form-popup .hns-search-input::placeholder {
    font-size: 13px;
    color: #666;
    font-weight: normal;
}
.hns-form-popup .input-area {
    position: relative;
}
.hns-form-popup .input-area:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/ico_header_search.png) no-repeat center;
    background-size: auto 25px;
    vertical-align: top;
}
.hns-form-popup .input-area.on:after {
    display: none;
}
.hns-form-popup .hns-search-del {
    display: none;
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/ico_header_search_del.png) center no-repeat;
    background-size: 16px;
    vertical-align: top;
    border: none;
}
.hns-form-popup .input-area.on .hns-search-del {
    display: block;
}
.keyword-none.brand {
    padding: 25px 38px 50px;
    text-align: center;
}
.keyword-none.brand em {
    position: relative;
    display: inline-block;
    width: 274px;
    height: 81px;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/no_keyword_brand.png) center no-repeat;
    background-size: 100% auto;
    border: none;
    vertical-align: middle;
}
.keyword-none.brand em:before {
    display: none;
}
.keyword-none.brand p {
    display: none;
}

/* 2022-03-16 ITSRI-5624 fullpopup 스타일 추가  */
.layer-full-pop {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    min-height: 100vh;
    z-index: 110;
    background-color: #fff;
    padding-top: 45px;
    padding-bottom: 50px;
    box-sizing: border-box;
    overflow: auto;
}
.layer-full-pop.brand-pop {
    padding-top: 100px;
}
.layer-full-pop .positionWrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 110;
}
.layer-full-pop .layerHeader {
    line-height: 45px;
}
.layer-full-pop .layerHeader h1 {
    color: #333;
    text-align: center;
    font-size: 20px;
    line-height: 42px;
    letter-spacing: -0.4px;
    font-weight: bold;
}
.layer-full-pop .allViewClose {
    position: absolute;
    top: 8px;
    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;
    overflow: hidden;
}
.layer-full-pop .allViewClose span {
    position: absolute;
    left: -1000em;
}
.brand-pop .brand-area {
    margin-top: 12px;
}
.brand-pop .brand-area .keyword {
    color: #e52937;
}
.brand-pop .brand-area.type2 .brand-list ul > li:nth-child(3n + 1) {
    clear: none;
}
.brand-pop .brand-area.type2 .brand-list ul > li:nth-child(n + 4) {
    margin-top: 0;
}
.brand-pop .brand-area.type2 .brand-list ul > li {
    margin-bottom: 19px;
}

/* ITSRI-6596 LNB 영역 개선 작업 */

.side-nav.v2 .cate-area .cate01 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_01.png);
}
.side-nav.v2 .cate-area .cate02 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_02.png);
}
.side-nav.v2 .cate-area .cate03 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_03.png);
}
.side-nav.v2 .cate-area .cate04 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_04.png);
}
.side-nav.v2 .cate-area .cate05 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_05.png);
}
.side-nav.v2 .cate-area .cate06 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_06.png);
}
.side-nav.v2 .cate-area .cate07 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_07.png);
}
.side-nav.v2 .cate-area .cate08 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_08.png);
}
.side-nav.v2 .cate-area .cate09 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_09.png);
}
.side-nav.v2 .cate-area .cate10 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_10.png);
}
.side-nav.v2 .cate-area .cate11 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_11.png);
}
.side-nav.v2 .cate-area .cate12 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_12.png);
}
.side-nav.v2 .cate-area .cate13 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_13.png);
}
.side-nav.v2 .cate-area .cate14 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_14.png);
}
.side-nav.v2 .cate-area .cate15 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_15.png);
}
.side-nav.v2 .cate-area .cate16 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_16.png);
}
.side-nav.v2 .cate-area .cate17 {
    background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_17.png);
}

/* .side-nav.v2 .section{padding: 20px 0 25px;} */
.side-nav.v2 .nav-top-banner {
    padding-top: 20px;
}
.side-nav.v2 .nav-top-banner a {
    display: block;
    margin: 0 15px;
    border-radius: 8px;
    overflow: hidden;
}
.side-nav.v2 .nav-top-banner a img {
    width: 100%;
    vertical-align: top;
}
.side-nav.v2 .cate-area .cate-menu .dep01 {
    margin-bottom: 10px;
    padding: 0 15px;
}
.side-nav.v2 .cate-area .cate-menu:last-child .dep01 {
    margin-bottom: 0;
}
.side-nav.v2 .cate-area .cate-menu.cate-menu03 .dep01 li {
    height: 117px;
}
.side-nav.v2 .cate-area .cate-menu.cate-menu04 .dep01 li {
    height: 117px;
}

.side-nav.v2 .cate-area .cate-memu:first-child {
    margin-top: 0;
}
.side-nav.v2 .cate-area .dep01 ul {
    display: flex;
    justify-content: space-between;
}
.side-nav.v2 .cate-area .dep01 li {
    position: relative;
    float: none;
    width: 77px;
    height: auto;
    box-sizing: border-box;
}
.side-nav.v2 .cate-area .dep01 li:nth-child(4n) {
    margin-right: 0;
}
.side-nav.v2 .cate-area .dep01 li a {
    display: block;
    position: relative;
    margin: 0 auto;
    height: auto;
    padding-top: 81px;
    font-size: 14px;
    color: #333;
    text-align: center;
    letter-spacing: -0.25px;
    background-repeat: no-repeat;
    background-position: 50% 0px;
    background-size: 77px 77px;
    box-sizing: border-box;
}
.side-nav.v2 .cate-area .dep01 li.on a {
    color: #333;
    font-weight: 700;
}
/* .side-nav.v2 .cate-area .dep01 li::after{width: 0; height: 0; opacity: 0;} */
.side-nav.v2 .cate-area .dep01 li.on::after {
    content: "";
    display: block;
    width: 20px;
    height: 10px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/img_lnb_dep02.png) 0 0 / 20px 10px no-repeat;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}
.side-nav.v2 .cate-area .dep01 li.on a::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 77px;
    height: 77px;
    border-radius: 20px;
    background: #f7f7f7 none;
    z-index: -1;
}

.side-nav.v2 .cate-area .dep02 {
    margin-top: 20px;
    background-color: #f6f6f6;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.side-nav.v2 .cate-area .dep02 li {
    background: #fff;
    border-radius: 8px;
    width: calc(50% - 3.5px);
    padding: 0;
    height: 37px;
    margin-top: 6px;
}
.side-nav.v2 .cate-area .dep02 li:nth-child(odd) {
    margin-right: 6px;
}
.side-nav.v2 .cate-area .dep02 li:nth-child(1),
.side-nav.v2 .cate-area .dep02 li:nth-child(2) {
    margin-top: 0;
}
.side-nav.v2 .cate-area .dep02 li a {
    line-height: 37px;
    padding: 0 12px;
}

.side-nav.v2 .brand-area.type2 .brand-list-box .brand-img {
    position: relative;
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: inherit;
    box-sizing: border-box;
}
.side-nav.v2 .brand-area.type2 .brand-list-box .brand-img::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 17px;
}
.side-nav.v2 .brand-area.type2 .brand-list-box .brand-img.ico_new::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;
}
.side-nav.v2 .brand-area.type2 .brand-list-box .brand-img.ico_hot::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;
}

/* 브랜드 검색 팝업 */
.brand-area.type2 .brand-list.v2 .brand-list-box .brand-img {
    position: relative;
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: inherit;
    box-sizing: border-box;
}
.brand-area.type2 .brand-list.v2 .brand-list-box .brand-img::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 17px;
}
.brand-area.type2 .brand-list.v2 .brand-list-box .brand-img.ico_new::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;
}
.brand-area.type2 .brand-list.v2 .brand-list-box .brand-img.ico_hot::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;
}

/* 브랜드 더보기 버튼 */
.side-nav .btn-more {
    height: 35px;
}
.side-nav .btn-more span {
    line-height: 35px;
}

/* 2022-07-01 ITSR-7663 [LNB] 멤버십 등급 표기 추가 */
.side-nav .login-area .login-info.v2 {
    display: flex;
    align-items: center;
}
.side-nav .login-area .login-info.v2 .ico-membership {
    display: inline-block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
    text-align: center;
    vertical-align: top;
    border: none;
    border-radius: 0;
}
.side-nav .login-area .login-info.v2 .ico-rank01 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_family.png) 100% / 100% no-repeat;
} /* FAMILY */
.side-nav .login-area .login-info.v2 .ico-rank02 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_welcome.png) 100% / 100% no-repeat;
} /* WELCOME */
.side-nav .login-area .login-info.v2 .ico-rank03 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat;
} /* SILVER */
.side-nav .login-area .login-info.v2 .ico-rank04 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cold.png) 100% / 100% no-repeat;
} /* GOLD */
.side-nav .login-area .login-info.v2 .ico-rank05 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_vip.png) 100% / 100% no-repeat;
} /* VIP */
.side-nav .login-area .login-info.v2 .ico-rank06 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_platinum.png) 100% / 100% no-repeat;
} /* PLATINUM */
.side-nav .login-area .login-info.v2 .ico-rank07 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_n.png) 100% / 100% no-repeat;
} /* 임직원 */
.side-nav .login-area .login-info.v2 .ico-rank08 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_yellow.png) 100% / 100% no-repeat;
} /* 노란우산 */
.side-nav .login-area .login-info.v2 .login-name {
    display: inline-block;
    font-size: 20px;
    color: #333;
    line-height: 30px;
    position: relative;
    max-width: 36%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 19px;
    font-weight: bold;
}
.side-nav .login-area .login-info.v2 .login-name:after {
    content: "님";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

@media (max-width: 320px) {
    .side-nav .login-area {
        padding: 15px 10px;
    }
    .side-nav .login-area .login-info.v2 .login-name {
        font-size: 18px;
        padding-right: 16px;
    }
    .side-nav .login-area .login-info.v2 .login-name:after {
        content: "님";
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }
}

.side-nav.v3 .login-area {
    display: flex;
    padding: 14px 15px 13px;
}
.side-nav.v3 .login-area .login-info {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
    width: calc(100% - 80px);
}
.side-nav.v3 .login-area .login-info .login-name-box {
    flex: 1;
    display: flex;
    min-width: 120px;
}
.side-nav.v3 .login-area .login-info .login-name-box:after {
    display: none;
}
.side-nav.v3 .login-area .login-info .login-name-box p {
    display: inline-block;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    position: relative;
    max-width: 51%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 17px;
    font-weight: bold;
}
.side-nav.v3 .login-area .login-info .login-name-box p:after {
    content: "님";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.side-nav.v3 .login-area .login-info a {
    display: block;
    padding: 0 10px;
    font-size: 13px;
    text-align: center;
    color: #111;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    letter-spacing: -0.36px;
    white-space: nowrap;
}
.side-nav.v3 .login-area .login-info .lnb-login {
    position: relative;
    padding: 0 22px 0 0;
    border: none;
    line-height: 30px;
    letter-spacing: -0.64px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.side-nav.v3 .login-area .login-info .lnb-login::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/lnb_login_arr.png) 100% / 100% no-repeat;
}

.side-nav.v3 .login-area .util-btn {
    display: flex;
    align-items: center;
    position: initial;
    width: auto;
    margin-top: 0;
    margin-left: 15px;
}
.side-nav.v3 .login-area .util-btn a {
    position: initial;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    text-indent: -9999em;
}
.side-nav.v3 .login-area .util-btn .btn-setting {
    display: none;
}
.side-nav.v3 .login-area .util-btn .btn-setting {
    display: none;
    margin-right: 15px;
}
.side-nav.v3 .login-area .util-btn.util-app-btn .btn-setting {
    display: block;
}

.side-nav.v3 .login-area .login-info .ico-membership {
    display: block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
    text-align: center;
    vertical-align: top;
    border: none;
    border-radius: 0;
}
.side-nav.v3 .login-area .login-info .ico-rank01 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_family.png) 100% / 100% no-repeat;
} /* FAMILY */
.side-nav.v3 .login-area .login-info .ico-rank02 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_welcome.png) 100% / 100% no-repeat;
} /* WELCOME */
.side-nav.v3 .login-area .login-info .ico-rank03 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat;
} /* SILVER */
.side-nav.v3 .login-area .login-info .ico-rank04 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cold.png) 100% / 100% no-repeat;
} /* GOLD */
.side-nav.v3 .login-area .login-info .ico-rank05 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_vip.png) 100% / 100% no-repeat;
} /* VIP */
.side-nav.v3 .login-area .login-info .ico-rank06 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_platinum.png) 100% / 100% no-repeat;
} /* PLATINUM */
.side-nav.v3 .login-area .login-info .ico-rank07 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_n.png) 100% / 100% no-repeat;
} /* 임직원 */
.side-nav.v3 .login-area .login-info .ico-rank08 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_yellow.png) 100% / 100% no-repeat;
} /* 노란우산 */

.side-nav.v2 .login-area .login-info.v2 .ico-membership {
    display: block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
    text-align: center;
    vertical-align: top;
    border: none;
    border-radius: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_grade_sprite.png) 0 / 500px auto no-repeat;
}
.side-nav.v2 .login-area .login-info.v2 .ico-p {
    background-position: 0 -547px;
} /* PLATINUM */
.side-nav.v2 .login-area .login-info.v2 .ico-v {
    background-position: -32px -547px;
} /* VIP */
.side-nav.v2 .login-area .login-info.v2 .ico-g {
    background-position: -64px -547px;
} /* GOLD */
.side-nav.v2 .login-area .login-info.v2 .ico-f {
    background-position: -96px -547px;
} /* FAMILY */
.side-nav.v2 .login-area .login-info.v2 .ico-w {
    background-position: -128px -547px;
} /* WELCOME */
.side-nav.v2 .login-area .login-info.v2 .ico-rank03 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat;
} /* SILVER */

.side-nav.v3 .login-area .login-info.v2 .ico-membership {
    display: block;
    margin-right: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
    text-align: center;
    vertical-align: top;
    border: none;
    border-radius: 0;
    background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_grade_sprite.png) 0 / 500px auto no-repeat;
}
.side-nav.v3 .login-area .login-info.v2 .ico-p {
    background-position: 0 -547px;
} /* PLATINUM */
.side-nav.v3 .login-area .login-info.v2 .ico-v {
    background-position: -32px -547px;
} /* VIP */
.side-nav.v3 .login-area .login-info.v2 .ico-g {
    background-position: -64px -547px;
} /* GOLD */
.side-nav.v3 .login-area .login-info.v2 .ico-f {
    background-position: -96px -547px;
} /* FAMILY */
.side-nav.v3 .login-area .login-info.v2 .ico-w {
    background-position: -128px -547px;
} /* WELCOME */
.side-nav.v3 .login-area .login-info.v2 .ico-rank03 {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat;
} /* SILVER */

@media (max-width: 320px) {
    .side-nav.v3 .login-area {
        padding: 15px 10px;
    }
    .side-nav.v3 .login-area .login-info .login-name-box p {
        font-size: 18px;
        padding-right: 16px;
    }
    .side-nav.v3 .login-area .login-info .login-name-box p:after {
        content: "님";
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }
}

.side-nav.v3 .section {
    padding: 40px 0 0 0;
    border-bottom: none;
}
.side-nav.v3 .brand-area.type2 + .section {
    border-top: 0;
}
.side-nav.v3 .quick-area .quick-nav {
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.side-nav.v3 .quick-area li a {
    position: relative;
    background: none;
    height: 47px;
    box-sizing: border-box;
    font-size: 13px;
    color: #111;
    line-height: 48px;
    padding: 0;
}
.side-nav.v3 .quick-area li:after {
    content: "";
    position: absolute;
    top: 15px;
    height: 20px;
}
/* LNB banner */
.side-nav.v3 .nav-top-banner {
    padding-top: 0;
}
.side-nav.v3 .nav-top-banner a {
    display: block;
    overflow: hidden;
}
.side-nav.v3 .nav-top-banner a img {
    width: 100%;
    vertical-align: top;
}
/* LNB 카테고리 */
.side-nav.v3 .cate-area .cate-menu .dep01 {
    margin-bottom: 10px;
    overflow: hidden;
}
.side-nav.v3 .cate-area .cate-menu:last-child .dep01 {
    margin-bottom: 0;
}
.side-nav.v3 .cate-area .cate-menu.cate-menu03 .dep01 li {
    height: 117px;
}
.side-nav.v3 .cate-area .cate-menu.cate-menu04 .dep01 li {
    height: 117px;
}
.side-nav.v3 .cate-area .cate-memu:first-child {
    margin-top: 0;
}

.side-nav.v3 .cate-area .dep01 .cate_all {
    margin: 0 15px;
}
.side-nav.v3 .cate-area .dep01 .cate_all a {
    position: relative;
    display: block;
    height: 38px;
    padding: 0 36px 0 15px;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 14px;
    line-height: 36px;
    letter-spacing: -0.56px;
    color: #111;
    font-weight: 500;
    text-align: left;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.side-nav.v3 .cate-area .dep01 .cate_all a::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: auto;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cate_all_arr.png) 100% / 100% no-repeat;
}

.side-nav.v3 .cate-area .dep01 .cate_all + ul {
    margin-top: 10px;
}
.side-nav.v3 .cate-area .dep01 > ul {
    display: block;
}
.side-nav.v3 .cate-area .dep01 > ul::after {
    content: "";
    display: block;
    clear: both;
}
.side-nav.v3 .cate-area .dep01 > ul > li {
    float: left;
    clear: left;
    width: 50%;
    height: auto;
    box-sizing: border-box;
}
.side-nav.v3 .cate-area .dep01 > ul > li:nth-of-type(2n) {
    clear: none;
}
.side-nav.v3 .cate-area .dep01 > ul > li:nth-of-type(2n) .dep02 {
    margin-left: -100%;
}
.side-nav.v3 .cate-area .dep01 > ul > li:nth-child(n + 3) {
    margin-top: 5px;
}
.side-nav.v3 .cate-area .dep01 > ul > li:nth-child(odd) > a {
    margin-left: 15px;
    margin-right: 7.5px;
}
.side-nav.v3 .cate-area .dep01 > ul > li:nth-child(even) > a {
    margin-right: 15px;
    margin-left: 7.5px;
}
.side-nav.v3 .cate-area .dep01 > ul > li > a {
    position: relative;
    color: #111;
    text-align: left;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    background: none;
    padding: 0 0 0 32px;
}
.side-nav.v3 .cate-area .dep01 > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 22px;
    height: 22px;
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_lnb_v3_44x44.png) no-repeat;
    background-size: 45px auto;
}
.side-nav.v3 .cate-area .dep01 > ul > li.on > a {
    color: #333;
    font-weight: 700;
}
.side-nav.v3 .cate-area .dep01 > ul > li.on::after {
    display: none;
}
.side-nav.v3 .cate-area .dep01 > ul > li.on > a::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 25px;
    width: auto;
    height: 2px;
    background: #111;
}

/* lnb 카테고리 아이콘 */
.side-nav.v3 .cate-area .dep01 ul li .cate01::before {
    background-position: 0 0;
}
.side-nav.v3 .cate-area .dep01 ul li .cate02::before {
    background-position: 0 -22px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate03::before {
    background-position: 0 -44px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate04::before {
    background-position: 0 -66px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate05::before {
    background-position: 0 -88px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate06::before {
    background-position: 0 -110px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate07::before {
    background-position: 0 -132px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate08::before {
    background-position: 0 -154px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate09::before {
    background-position: 0 -176px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate10::before {
    background-position: 0 -198px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate11::before {
    background-position: 0 -220px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate12::before {
    background-position: 0 -242px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate13::before {
    background-position: 0 -264px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate14::before {
    background-position: 0 -286px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate15::before {
    background-position: 0 -308px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate16::before {
    background-position: 0 -330px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate17::before {
    background-position: 0 -352px;
}
.side-nav.v3 .cate-area .dep01 ul li .cate18::before {
    background-position: 0 -374px;
}

.side-nav.v3 .cate-area .dep01 ul li.on .cate01::before {
    background-position: -22px 0;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate02::before {
    background-position: -22px -22px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate03::before {
    background-position: -22px -44px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate04::before {
    background-position: -22px -66px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate05::before {
    background-position: -22px -88px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate06::before {
    background-position: -22px -110px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate07::before {
    background-position: -22px -132px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate08::before {
    background-position: -22px -154px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate09::before {
    background-position: -22px -176px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate10::before {
    background-position: -22px -198px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate11::before {
    background-position: -22px -220px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate12::before {
    background-position: -22px -242px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate13::before {
    background-position: -22px -264px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate14::before {
    background-position: -22px -286px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate15::before {
    background-position: -22px -308px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate16::before {
    background-position: -22px -330px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate17::before {
    background-position: -22px -352px;
}
.side-nav.v3 .cate-area .dep01 ul li.on .cate18::before {
    background-position: -22px -374px;
}

.side-nav.v3 .cate-area .dep02 {
    display: none;
    position: relative;
    width: 200%;
    background-color: #f9f9f9;
    margin-bottom: 0;
    padding: 15px 0;
    box-sizing: border-box;
}
.side-nav.v3 .cate-area .dep02 ul {
    display: flex;
    flex-wrap: wrap;
}
.side-nav.v3 .cate-area .dep02 li {
    height: 35px;
    padding: 0 15px;
}
.side-nav.v3 .cate-area .dep02 li:nth-child(odd) {
}
.side-nav.v3 .cate-area .dep02 li:nth-child(n + 3) {
    margin-top: 3px;
}
.side-nav.v3 .cate-area .dep02 li a {
    padding: 7px 0 8px 10px;
    height: 35px;
    font-size: 14px;
    color: #111;
    line-height: 20px;
    letter-spacing: -0.56px;
    text-align: left;
    font-weight: normal;
}
.side-nav.v3 .cate-area .dep02 li a::after {
    display: none;
}
/* LNB 브랜드스토어 */
.side-nav.v3 .brand-area .brand-list ul {
    margin: 0 10px;
}
.side-nav.v3 .brand-area .brand-list ul:after {
    content: " ";
    display: block;
    clear: both;
}
.side-nav.v3 .brand-area .brand-list li:last-child {
    margin-right: 0;
}
.side-nav.v3 .brand-area .brand-list ul > li {
    float: left;
    width: 33.333%;
    margin-left: 0;
    padding: 0 5px;
    box-sizing: border-box;
}
.side-nav.v3 .brand-area .brand-list ul li > a {
    display: block;
}
.side-nav.v3 .brand-area .brand-list ul > li:nth-child(3n + 1) {
    clear: both;
}
.side-nav.v3 .brand-area .brand-list ul > li:nth-child(n + 4) {
    margin-top: 19px;
}
.side-nav.v3 .brand-area .brand-list-box .brand-name {
    margin-top: 7px;
    line-height: 18px;
    letter-spacing: -0.28px;
}
.side-nav.v3 .brand-area .brand-list-more {
    position: relative;
}
.side-nav.v3 .brand-area .brand-list-more > ul {
    display: none;
    padding-top: 20px;
}
.side-nav.v3 .brand-area .brand-list-box .brand-img {
    position: relative;
    max-width: 108px;
    width: 100%;
    height: auto;
    border-radius: inherit;
    margin: 0 auto;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: inherit;
    box-sizing: border-box;
}
.side-nav.v3 .brand-area .brand-list-box .brand-img img {
    vertical-align: top;
}
.side-nav.v3 .brand-area .brand-list-box .brand-img::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 17px;
}
.side-nav.v3 .brand-area .brand-list-box .brand-img.ico_new::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;
}
.side-nav.v3 .brand-area .brand-list-box .brand-img.ico_hot::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;
}
/* 브랜드 더보기 버튼 */
.side-nav.v3 .brand-area .btn-more {
    display: block;
    width: auto;
    height: 40px;
    margin: 0 40px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    border-radius: 4px;
    box-sizing: border-box;
}
.side-nav.v3 .brand-area .btn-more span {
    font-size: 14px;
    color: #111;
    letter-spacing: -0.28px;
    line-height: 39px;
}
.side-nav.v3 .brand-area .btn-more.right-arr span:after {
    content: "";
    display: inline-block;
    position: relative;
    margin-left: 6px;
    top: 0;
    width: 6px;
    height: 10px;
    background: url("//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/btn_brand_right_arr.png") 100% / 100% no-repeat;
}
/* 브랜드 전체보기 팝업 */
.brand-pop.v2 .brand-area {
    margin-top: 15px;
}
.brand-pop.v2 .hns-form-popup .hns-search-input {
    width: 100%;
    height: 45px;
    line-height: inherit;
    box-sizing: border-box;
    border: 1.5px solid #111;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    font-weight: bold;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.36px;
    text-indent: 0;
    padding: 14px 45px 13px 15px;
}
.brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img {
    position: relative;
    max-width: none;
    padding-bottom: 63.84%;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: inherit;
    box-sizing: border-box;
}
.brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 32px;
    height: 17px;
}
.brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img.ico_new::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;
}
.brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img.ico_hot::after {
    background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;
}
/* 할인/적립 , 테마샵 */
/* .side-nav.v3 .discount-area .quick-list { padding:0 15px;}
.side-nav.v3 .discount-area .quick-list li {float:left; width:auto; margin-right:10px; text-align:center; }
.side-nav.v3 .discount-area .quick-list li:last-child {margin-right:0;}
.side-nav.v3 .discount-area .quick-img {position:relative; display:inline-block; width:58px; }
.side-nav.v3 .discount-area .quick-img img {display:inline-block; vertical-align:top; width:100%; height:100%;}
.side-nav.v3 .discount-area .quick-list li a > p {width: 60px; box-sizing: border-box; margin-top: 6px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;padding:0 2px;color:#111;line-height:18px;text-align:center;letter-spacing:-0.24px;font-size:12px;}

.side-nav.v3 .theme-shop .quick-list { padding:0 15px;}
.side-nav.v3 .theme-shop .quick-list li {float:left; width:auto; margin-right:10px; text-align:center; }
.side-nav.v3 .theme-shop .quick-list li:last-child {margin-right:0;}
.side-nav.v3 .theme-shop .quick-img {position:relative; display:inline-block; width:58px; }
.side-nav.v3 .theme-shop .quick-img img {display:inline-block; vertical-align:top; width:100%; height:100%;}
.side-nav.v3 .theme-shop .quick-list li a > p {width: 60px; box-sizing: border-box; margin-top: 6px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;padding:0 2px;color:#111;line-height:18px;text-align:center;letter-spacing:-0.24px;font-size:12px;} */

/* [ITSRI-23494] 2025-02-27 LNB 전문관, 테마서비스 아이콘 배열 변경 */
.side-nav.v3 .quick-list {
    padding: 0 10px;
}
.side-nav.v3 .quick-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}
.side-nav.v3 .quick-list ul li {
    text-align: center;
    width: 20%;
    padding: 0 5px;
    box-sizing: border-box;
}
.side-nav.v3 .quick-list ul li a {
    display: block;
    text-align: center;
}
.side-nav.v3 .quick-list ul li a > p {
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #111;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.24px;
    font-size: 12px;
}
.side-nav.v3 .quick-list .quick-img {
    position: relative;
    display: inline-block;
    max-width: 56px;
    width: 100%;
}
.side-nav.v3 .quick-list .quick-img img {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.side-nav.v3 .lnb-bottom-bnr {
    margin-bottom: 40px;
}
.side-nav.v3 .bottom-bnr-box {
    padding: 0 15px;
}
.side-nav.v3 .bottom-bnr-box ul {
    display: flex;
}
.side-nav.v3 .bottom-bnr-box ul li {
    flex: 1;
    border: 1px solid #eee;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}
.side-nav.v3 .bottom-bnr-box ul li + li {
    margin-left: 15px;
}
.side-nav.v3 .bottom-bnr-box ul li a {
    display: block;
}
.side-nav.v3 .bottom-bnr-box .img img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.side-nav.v3 .bottom-bnr-box .bnr-txt {
    padding: 10px 0 12px;
}
.side-nav.v3 .bottom-bnr-box .bnr-txt p {
    text-align: center;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: -0.6px;
    color: #000;
    font-weight: bold;
}
.side-nav.v3 .bottom-bnr-box .bnr-txt span {
    display: block;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: -0.26px;
    color: #888;
}

.side-nav.v3 .nav-bttm-util {
    border-top: 1px solid #eee;
}
.side-nav.v3 .nav-bttm-util:after {
    display: block;
    content: "";
    clear: both;
}
.side-nav.v3 .nav-bttm-util li {
    float: left;
    position: relative;
    width: 50%;
    height: 50px;
    background-color: #fff;
}
.side-nav.v3 .nav-bttm-util li:last-child:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #ddd;
}
.side-nav.v3 .nav-bttm-util.col1 li {
    width: 100%;
}
.side-nav.v3 .nav-bttm-util.col1 li:last-child:before {
    display: none;
}
.side-nav.v3 .nav-bttm-util li a {
    display: block;
    font-size: 13px;
    color: #333;
    text-align: center;
    line-height: 50px;
}
/* S: 유량제어 팝업 */
.flowControlPop.layerPopWrap {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    right: 30px;
    padding: 0;
    border-radius: 16px;
    color: #111;
    overflow: hidden;
    background: #fff;
    z-index: 100003;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.16);
    width: auto;
    margin: 0;
}
.flowControlPop .layerConts {
    padding: 15px;
}
.flowControlPop .pop-inner {
    padding-top: 35px;
    padding-bottom: 49px;
}
.flowControlPop .popup-tit {
    padding: 0 5px;
}
.flowControlPop .popup-tit strong {
    display: block;
    letter-spacing: -0.38px;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    color: #111;
    text-align: center;
    word-break: keep-all;
}
.flowControlPop .txt {
    margin-top: 10px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    letter-spacing: -0.28px;
    text-align: center;
}
.flowControlPop .progress {
    margin: 30px 5px 35px;
    height: 20px;
    position: relative;
    border-radius: 20px;
    background-color: #f1f1f1;
    overflow: hidden;
    box-sizing: border-box;
}
.flowControlPop .progress .bar {
    display: inline-block;
    transition: 0.2s;
    height: 100%;
    background: linear-gradient(to right, rgba(245, 29, 44, 0.35), #f51d2c);
    border-radius: 20px;
}
.flowControlPop .current-flow dl {
    display: flex;
    justify-content: center;
}
.flowControlPop .current-flow dl + dl {
    margin-top: 5px;
}
.flowControlPop .current-flow dl dt {
    font-size: 15px;
    letter-spacing: -0.3px;
    font-weight: normal;
    line-height: 21px;
    color: #111;
}
.flowControlPop .current-flow dl dd {
    margin-left: 15px;
    font-size: 15px;
    letter-spacing: -0.3px;
    font-weight: normal;
    line-height: 21px;
    color: #111;
    font-weight: bold;
}
.flowControlPop .btn-close {
    display: block;
    width: 100%;
    height: 39px;
    text-align: center;
    border-radius: 8px;
    background-color: #eee;
    color: #111;
    font-size: 15px;
    letter-spacing: -0.3px;
    font-weight: bold;
    line-height: 39px;
    border: none;
}
/* E: 유량제어 팝업 */

/* S: 2025-06-16 ITSRI-24404 [업무지원] [리브랜딩][퍼블리싱][편성표] 2025 리브랜딩(리컬러링) 적용 - blue_rbd 추가 */
.layerPopWrap02.blue_rbd {
    width: 315px;
    margin-left: 0;
    padding-bottom: 77px;
    border-radius: 24px;
    overflow: hidden;
    transform: translateX(-50%);
}
.layerPopWrap02.blue_rbd .layerHeader {
    padding: 14px 0 15px;
    border-bottom: 0;
}
.layerPopWrap02.blue_rbd .layerHeader h1 {
    height: auto;
    color: #282a33;
    font-size: 18px;
    font-family: "Pretendard";
    letter-spacing: -0.36px;
    border-bottom: 0;
}
.layerPopWrap02.blue_rbd .layerHeader .btnLayerClose,
.layerPopWrap02.blue_rbd.bcalarm-pop.v4 .layerHeader .btnLayerClose {
    width: 25px;
    height: 25px;
    top: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat;
    background-size: 400px auto;
}
.layerPopWrap02.blue_rbd .layerConts .innerConts {
    padding-bottom: 0;
}
.layerPopWrap02.blue_rbd ul.icoComt li,
.layerPopWrap02.blue_rbd ol.icoComt li {
    margin-top: 8px;
    color: #8f9097;
    font-size: 14px;
    font-weight: normal;
    font-family: "Pretendard";
    font-weight: normal;
    line-height: 1.36em;
    letter-spacing: -0.28px;
}
.layerPopWrap02.blue_rbd .btnWrap a {
    height: auto;
    padding: 12px 10px 11px;
    font-weight: bold;
    font-family: "Pretendard";
    letter-spacing: -0.32px;
    line-height: 19px;
    background-color: #282a33;
    border-radius: 16px;
    box-sizing: border-box;
}
.layerPopWrap02.blue_rbd.bcalarm-pop.v4 .btnWrap a.btnConfirm {
    line-height: 1.4;
    padding-top: 11px;
    padding-bottom: 11px;
    background-color: #282a33;
}

.blue_rbd.white-bell-toast2.view {
    font-family: "Pretendard";
}
.blue_rbd.white-bell-toast2.view p:before {
    margin-bottom: 5px;
}
.blue_rbd.white-bell-toast1.view p,
.blue_rbd.white-bell-toast2.view p {
    margin-top: 20px;
}
.blue_rbd.white-bell-toast1.view p span,
.blue_rbd.white-bell-toast2.view p span {
    letter-spacing: normal;
    line-height: 16px;
}
.blue_rbd.white-bell-toast1.view .date,
.blue_rbd.white-bell-toast2.view .date {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.24px;
}

.blue_rbd.white-bell-toast2.view .list {
    height: auto;
    margin-top: 10px;
    padding: 8px 13px 7px;
    font-size: 13px;
    font-family: "Pretendard";
    font-weight: bold;
    line-height: 1.15em;
    letter-spacing: -0.26px;
    background-color: #315dff;
    border-radius: 30px;
}

/* E: 2025-06-16 ITSRI-24404 [업무지원] [리브랜딩][퍼블리싱][편성표] 2025 리브랜딩(리컬러링) 적용 - blue_rbd 추가 */

/* S: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */
.blue_rbd ul.bulletTxt li {
    margin-top: 7px;
}

.blue_rbd input[type="radio"],
.blue_rbd input:checked[type="radio"],
.blue_rbd input[type="checkbox"],
.blue_rbd input:checked[type="checkbox"] {
    background-image: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png);
    background-repeat: no-repeat;
    background-size: 400px auto;
}
.blue_rbd input[type="checkbox"] {
    background-position: -40px -240px;
}
.blue_rbd input:checked[type="checkbox"] {
    background-position: -40px -210px;
}

.blue_rbd label.check {
    display: flex;
    align-items: center;
}
.blue_rbd label.check.type_sub input[type="checkbox"],
.blue_rbd label.check.type_sub input:checked[type="checkbox"] {
    width: 20px;
    background-image: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png);
}
.blue_rbd label.check.type_sub input[type="checkbox"] {
    margin-right: 10px;
    background-position: -10px -82px;
}
.blue_rbd label.check.type_sub input[type="checkbox"]:checked {
    background-position: -10px -112px;
}
.blue_rbd label.check.type_sub input[type="checkbox"][disabled] {
    background-position: -10px -248px;
}

.layerPopWrap.blue_rbd .layerHeader .btnLayerClose {
    width: 25px;
    height: 25px;
    top: 13px;
    background: url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat;
    background-size: 400px auto;
}

.layerPopWrap.full-layer.blue_rbd .coupon-list-wrap .tit span {
    color: #315dff;
}
.layerPopWrap.full-layer.blue_rbd .coupon-list-wrap.v2 .coupon-list .coupon-box .coupon-info .per {
    color: #ff5364;
}
.layerPopWrap.full-layer.blue_rbd .coupon-list .btn-coupon-down i {
    background-image: url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/ico_coupon_down.png);
}

/* E: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */

/* s: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */
.blue_rbd.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox {
    padding: 20px 15px 15px;
}

.blue_rbd input[type="checkbox"].type_circle {
    background-position: -219px -50px !important;
}
.blue_rbd input[type="checkbox"].type_circle:checked {
    background-position: -279px -50px !important;
}

/* e: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */

/* s:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */
.pop_wrap.ver02.blue_rbd .pop_contents {
    padding-top: 50px;
    border-radius: 16px;
}
.pop_wrap.ver02.blue_rbd h3 {
    height: 50px;
    padding: 0;
    font-size: 18px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #282a33;
}
.pop_wrap.ver02.blue_rbd .pop_contents .pop_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: 12px;
    right: 15px;
}

/* e:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */