@charset "utf-8";
/* for print */
@media print {
    body {
        background-image: none !important;
        background-color: #ffffff !important;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    blockquote,
    pre {
        page-break-inside: avoid;
    }
    ul,
    ol,
    dl {
        page-break-before: avoid;
    }
}
/* Reset */
html {
}
body {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 1.2;
    font-family: "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "굴림", Sans-serif;
    letter-spacing: 0;
} /* 2014-06-13 폰트스타일 변경 */
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    list-style: none;
}
fieldset,
dl,
dd,
dt,
img {
    border: 0;
    vertical-align: top;
}
address,
em {
    font-style: normal;
}
hr,
legend,
caption {
    display: none;
}
button,
label {
    cursor: pointer;
}
table {
    border-collapse: collapse;
}
td {
    font-family: "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "굴림", Sans-serif;
}
th {
    font-size: 12px;
    line-height: 18px;
    font-family: "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", "굴림", Sans-serif;
}

/* align */
.al {
    text-align: left !important;
}
.ac {
    text-align: center !important;
}
.ar {
    text-align: right !important;
}

/* basic-alink */
a:link,
a:active {
    color: #888;
    text-decoration: none;
}
a:visited {
    color: #888;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.fclear {
    *zoom: 1 !important;
}
.fclear:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.fl {
    float: left !important;
}
.fr {
    float: right !important;
}
.fn {
    float: none !important;
}
.prt {
    position: relative !important;
}
.dpi {
    display: inline !important;
}
.layerClick {
    cursor: pointer !important;
}
.layerClick5 {
    cursor: pointer !important;
}

/* padding - margin - width */
.mt0 {
    margin-top: 0 !important;
}
.mt1 {
    margin-top: 1px !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;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt25 {
    margin-top: 25px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt35 {
    margin-top: 35px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt80 {
    margin-top: 80px !important;
}
.mt_20 {
    margin-top: -20px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}
.mb1 {
    margin-bottom: 1px !important;
}
.mb2 {
    margin-bottom: 2px !important;
}
.mb3 {
    margin-bottom: 3px !important;
}
.mb4 {
    margin-bottom: 4px !important;
}
.mb5 {
    margin-bottom: 5px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb25 {
    margin-bottom: 25px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb35 {
    margin-bottom: 35px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}

.ml5 {
    margin-left: 5px !important;
}
.ml8 {
    margin-left: 8px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.ml15 {
    margin-left: 15px !important;
}
.ml19 {
    margin-left: 19px !important;
}
.ml20 {
    margin-left: 20px !important;
}
.ml25 {
    margin-left: 25px !important;
}
.ml30 {
    margin-left: 30px !important;
}
.ml35 {
    margin-left: 35px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml50 {
    margin-left: 50px !important;
}

.mr5 {
    margin-right: 5px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.mr20 {
    margin-right: 20px !important;
}
.mr25 {
    margin-right: 25px !important;
}
.mr30 {
    margin-right: 30px !important;
}
.mr35 {
    margin-right: 35px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr50 {
    margin-right: 50px !important;
}

.pd0 {
    padding: 0 !important;
}

.pdt0 {
    padding-top: 0px !important;
}
.pdt2 {
    padding-top: 2px !important;
}
.pdt5 {
    padding-top: 5px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt15 {
    padding-top: 15px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt25 {
    padding-top: 25px !important;
}
.pdt30 {
    padding-top: 30px !important;
}
.pdt35 {
    padding-top: 35px !important;
}
.pdt40 {
    padding-top: 40px !important;
}
.pdt50 {
    padding-top: 50px !important;
}

.pdb5 {
    padding-bottom: 5px !important;
}
.pdb10 {
    padding-bottom: 10px !important;
}
.pdb15 {
    padding-bottom: 15px !important;
}
.pdb20 {
    padding-bottom: 20px !important;
}
.pdb25 {
    padding-bottom: 25px !important;
}
.pdb30 {
    padding-bottom: 30px !important;
}
.pdb35 {
    padding-bottom: 35px !important;
}
.pdb40 {
    padding-bottom: 40px !important;
}
.pdb50 {
    padding-bottom: 50px !important;
}
.pdb_20 {
    padding-bottom: 20px !important;
}
.pdb18 {
    padding-bottom: 18px !important;
}

.pdl5 {
    padding-left: 5px !important;
}
.pdl10 {
    padding-left: 10px !important;
}
.pdl15 {
    padding-left: 15px !important;
}
.pdl20 {
    padding-left: 20px !important;
}
.pdl25 {
    padding-left: 25px !important;
}
.pdl30 {
    padding-left: 30px !important;
}
.pdl35 {
    padding-left: 35px !important;
}
.pdl40 {
    padding-left: 40px !important;
}
.pdl50 {
    padding-left: 50px !important;
}

.pdr5 {
    padding-right: 5px !important;
}
.pdr10 {
    padding-right: 10px !important;
}
.pdr15 {
    padding-right: 15px !important;
}
.pdr20 {
    padding-right: 20px !important;
}
.pdr25 {
    padding-right: 25px !important;
}
.pdr30 {
    padding-right: 30px !important;
}
.pdr35 {
    padding-right: 35px !important;
}
.pdr40 {
    padding-right: 40px !important;
}
.pdr50 {
    padding-right: 50px !important;
}

.w50 {
    width: 50px !important;
}
.w100 {
    width: 100px !important;
}
.w150 {
    width: 150px !important;
}
.w185 {
    width: 185px !important;
}
.w200 {
    width: 200px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w400 {
    width: 400px !important;
}

.fc444 {
    color: #444;
}
.fc666 {
    color: #666;
}
.fc888 {
    color: #888;
}
.fc999 {
    color: #999;
}
.fcfff {
    color: #fff;
}
.fc_pink {
    color: #ea3297;
}
.fc_red {
    color: #dd1032;
}
.fc_blue {
    color: #009d9b;
}
.fc_avenue {
    color: #fb0073;
}

.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.fs14 {
    font-size: 14px;
}
.fs15 {
    font-size: 15px !important;
}

.fwb {
    font-weight: bold;
}

.tin7 {
    text-indent: 7px;
}

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

/*딤드레이어*/
.deem {
    background: #000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20000;
}
.simplemodal-overlay {
    z-index: 15200 !important;
}

/* layout */
#wrap {
    *z-index: 0;
    *position: relative;
}

/* banner */
.skyBanner {
    text-align: center;
}
.skyBanner ul {
    display: inline-block;
    height: 100%;
}
.skyBanner ul {
    /*width:1200px;*/
}
.skyBanner ul li {
    float: left;
    width: auto;
}
.skyBanner ul li a {
    display: block;
}
.footerBanner {
    text-align: center;
}
.footerBanner ul {
    width: 960px;
    margin: 0 auto;
}
.footerBanner ul li {
    float: left;
    width: auto;
}
.footerBanner ul li a {
    display: block;
}

/* left wing banner */
.leftWingBanner {
    z-index: 10000;
    position: absolute;
    left: 50%;
    top: 168px;
    width: 140px;
}

/* right wing banner */
.rightWingBanner {
    z-index: 10000;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 221px;
    width: 66px;
}
.rightWingBanner dl dt {
}
.rightWingBanner dl dd {
    border: 1px solid #cdcdcd;
    background: #fff;
}
.rightWingBanner dl dd.myshop {
    border-top: 0;
}
.rightWingBanner dl dd.myshop p {
    padding: 5px 0;
}
.rightWingBanner dl dd.myshop p a {
    display: block;
    height: 100%;
    color: #656565;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
}
.rightWingBanner dl dd.myshop p a em {
    display: block;
    background: url(//image.hnsmall.com/images/img2014/common/wing_ico.png) no-repeat;
}
.rightWingBanner dl dd.myshop p a span {
    display: block;
}
.rightWingBanner dl dd.myshop p.cart a em {
    height: 18px;
    background-position: center 0px;
}
.rightWingBanner dl dd.myshop p.wish {
    border-top: 1px solid #e6e6e6;
}
.rightWingBanner dl dd.myshop p.wish a em {
    height: 16px;
    background-position: center -40px;
}
.rightWingBanner dl dd.viewProd {
    margin-top: 3px;
}
.rightWingBanner dl dd.viewProd p {
    padding: 3px 0;
    color: #656565;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}
.rightWingBanner dl dd.viewProd p span {
    display: block;
}
.rightWingBanner dl dd.viewProd .npList {
    position: relative;
    height: 136px;
}
.rightWingBanner dl dd.viewProd .npList a .arrow {
    position: absolute;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 13px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/wing_ico.png) no-repeat;
}
.rightWingBanner dl dd.viewProd .npList a .arrow.Up {
    top: 0px;
    background-position: center -74px;
}
.rightWingBanner dl dd.viewProd .npList a .arrow.Down {
    bottom: 0px;
    background-position: center -87px;
}
.rightWingBanner dl dd.viewProd .npList .npContainer {
    position: relative;
    top: 13px;
    overflow: hidden;
    height: 110px;
}
.rightWingBanner dl dd.viewProd .npList .npContainer ul {
    list-style: none;
    position: relative;
}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li {
    height: 50px;
    padding-bottom: 5px;
    position: relative;
    z-index: 30000;
}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li a {
    display: block;
    text-align: center;
}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li a img {
    width: 50px;
    height: 50px;
}
.rightWingBanner dl dd.viewProd .prodNull {
    padding: 10px 0;
}
.rightWingBanner .wingGotop {
    height: 25px;
    margin-top: 3px;
}
.rightWingBanner .wingGotop a {
    overflow: hidden;
    display: block;
    height: 25px;
}
.rightWingBanner .wingGotop a img {
    margin-top: 0;
}
.rightWingBanner .wingGotop a:hover img {
    margin-top: -25px;
}
.rightWingBanner.v2 {
    margin-left: 623px !important;
}

/* 최근본상품 삭제기능 추가 2016-04-19 */
.rightWingBanner dl dd.viewProd .npList .npContainer ul li .btnDelet {
    display: none;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    background: url("//image.hnsmall.com/images/img2014/common/btn_viewProd_del.png") no-repeat left top;
}
.rightWingBanner dl dd.viewProd .npList .npContainer ul li .btnDelet span {
    display: block;
    overflow: hidden;
    color: transparent;
}

#fixedWrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30000;
    width: 100%;
    background: #fff;
}
#fixedWrapper ~ .cateAll {
    position: relative;
    z-index: 100;
    width: 960px;
    margin: 0 auto;
    padding-top: 169px; /*z-index:9990;position:absolute;top:169px;left:50%;margin-left:-480px;*/
}
#fixedWrapper ~ .cateAll span {
    display: block;
    width: 155px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;
}
#fixedWrapper ~ .cateAll .viewOpen {
    background-position: 0 0;
}
#fixedWrapper ~ .cateAll .viewClose {
    background-position: -155px 0;
}
#fixedWrapper ~ .cateAllViewPop {
    z-index: 9990;
}
#fixedWrapper ~ .leftWingBanner {
    z-index: 1000;
}
#fixedWrapper ~ #container + #containerWide {
    padding-top: 0;
}
#fixedWrapper.wide ~ .cateAll {
    width: 1200px;
}
/* 상단 고정 해제 */
#fixedWrapper.noneFixed {
    position: static;
}
#fixedWrapper.noneFixed ~ .cateAll {
    padding-top: 15px;
}

/* 앱설치안내 배너 */
.appSetup {
    position: relative;
    height: 70px;
    background: #f4edd3;
    text-align: center;
}
.appSetup.type2 {
    background: #ecf4ff;
}
.appSetup a {
    display: inline-block;
}

/* ok 캐쉬백 배너 */
#fixedWrapper.has-ok-bnr ~ .cateAll {
    padding-top: 240px;
}
#fixedWrapper.has-ok-bnr.noneFixed ~ .cateAll {
    padding-top: 15px;
}

/* header */
#header {
    *z-index: 1;
    position: relative;
    background: url(//image.hnsmall.com/images/img2014/common/bg_header.gif) repeat-x;
}
#header .headerCenter {
    position: relative;
    z-index: 15100;
    width: 960px;
    height: 88px;
    margin: auto;
}
#header .headerCenter.wide {
    width: 1200px;
}
#header .headerCenter h1 {
    float: left;
    width: 165px;
    padding: 41px 0 18px;
}
#header .headerCenter a.bookmark {
    position: absolute;
    top: 6px;
    left: 0;
    display: inline-block;
    padding: 0 3px 0 12px;
    color: #878787;
    font-size: 11px;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat 0 7px;
}
#header .headerCenter .hdUtilZone {
    z-index: 14;
    *z-index: 5;
    position: absolute;
    top: 6px;
    right: 0;
}
#header .headerCenter .hdUtilZone ul li {
    float: left;
    padding-left: 10px;
    vertical-align: top;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -345px 6px;
}
#header .headerCenter .hdUtilZone ul li.log {
    padding-left: 0;
    background: none;
}
#header .headerCenter .hdUtilZone ul li a {
    color: #878787;
    font-size: 11px;
    line-height: 16px;
}
#header .headerCenter .hdUtilZone ul li a:hover {
    color: #000;
    text-decoration: underline;
}
#header .headerCenter .hdUtilZone ul li a img {
    vertical-align: top;
}
#header .headerCenter .hdUtilZone ul li.myShop {
    position: relative;
}
#header .headerCenter .hdUtilZone ul li.myShop a.myShop {
    padding-right: 10px;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -5px -119px;
}
#header .headerCenter .hdUtilZone ul li.myShop dl {
    z-index: 25000;
    position: absolute;
    left: 4px;
    top: -1px;
    width: 85px;
    padding-bottom: 4px;
    border: 1px solid #11c0c3;
    background: #fff;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dt {
    height: 20px;
    border-bottom: 1px solid #11c0c3;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dt a {
    display: block;
    padding: 0 3px 0 5px;
    *padding-top: 1px;
    color: #898989;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat 0 -117px;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dt a:hover {
    color: #11c0c3;
    font-size: 11px;
    background-position: -90px -117px;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dd {
    padding: 0;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dd a {
    display: block;
    padding: 2px 5px;
    color: #898989;
    font-size: 11px;
    line-height: 14px;
}
#header .headerCenter .hdUtilZone ul li.myShop dl dd a:hover {
    color: #11c0c3;
    font-size: 11px;
}
#header .headerCenter .searchZone {
    float: left;
    width: 336px;
    padding: 21px 0 13px;
}
#header .headerCenter.wide .searchZone {
    width: 404px;
}
#header .headerCenter .searchZone .popularWord {
    overflow: hidden;
    height: 18px;
    font-size: 0;
    line-height: 0;
}
#header .headerCenter .searchZone .popularWord > a {
    display: inline-block;
    padding-left: 15px;
    color: #b5b5b5;
    font-size: 11px;
    line-height: 15px;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -342px 4px;
}
#header .headerCenter .searchZone .popularWord > a:first-child {
    padding-left: 2px;
    background: none;
}
#header .headerCenter .searchZone .search {
    position: relative;
    width: 330px;
    height: 28px;
    border: 3px solid #dd1f2a;
}
#header .headerCenter.wide .searchZone .search {
    width: 398px;
}
#header .headerCenter .searchZone .search input {
    float: left;
    width: 248px;
    height: 21px;
    margin: 2px 0 0 10px;
    padding: 0;
    color: #323232;
    font-size: 12px;
    border: 0;
}
#header .headerCenter.wide .searchZone .search input {
    width: 316px;
}
#header .headerCenter .searchZone .search .auto {
    float: left;
    width: 27px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    background: url(//image.hnsmall.com/images/img2014/common/bul_arrow6.png) no-repeat center 12px;
}
#header .headerCenter .searchZone .search a {
    position: absolute;
    top: -3px;
    right: -3px;
}
.searchZone .autoSearchWrap {
    z-index: 15000;
    position: absolute;
    left: 167px;
    top: 73px;
    width: 334px;
    border: 1px solid #dd1f2a;
    background: #fff;
}
.wide .searchZone .autoSearchWrap {
    width: 404px;
}
.searchZone .autoSearchWrap ul {
    padding: 10px 0 5px;
}
.searchZone .autoSearchWrap ul li {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 2px 0;
}
.searchZone .autoSearchWrap ul li.on {
    background: #ffdbdb;
}
.searchZone .autoSearchWrap ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.searchZone .autoSearchWrap ul li span.text {
    float: left;
    padding-left: 10px;
}
.searchZone .autoSearchWrap ul li span.check {
    float: right;
    padding-right: 10px;
    font-size: 11px;
    color: #888;
}
.searchZone .autoSearchWrap ul li span strong {
    color: #dd1032;
    font-weight: normal;
}
.searchZone .autoSearchWrap p.close {
    text-align: right;
    padding: 0 10px 10px 0;
}
.searchZone .autoSearchWrap p.close img {
    cursor: pointer;
}
.searchZone .autoSearchWrap ul.add {
    border-top: 1px solid #eee;
}
#header .headerCenter .ServiceZone {
    float: left;
    width: 290px;
    height: 34px;
    margin: 40px 0 10px;
    margin-left: 21px;
}
#header .headerCenter .ServiceZone ul {
    height: 34px;
}
#header .headerCenter .ServiceZone ul li {
    float: left;
    padding-left: 7px;
    background: url(//image.hnsmall.com/images/img2014/common/header_common.png) no-repeat -349px -63px;
}
#header .headerCenter .ServiceZone ul li:first-child {
    padding-left: 0;
    background: none;
}
#header .headerCenter .ServiceZone ul li a {
    display: block;
    height: auto;
}
#header .headerCenter .ServiceZone ul li a span {
    overflow: hidden;
    display: block;
    height: 15px;
    padding: 10px 0 11px;
    font-size: 0;
    line-height: 0;
    background: url(//image.hnsmall.com/images/img2014/common/header_common_0416.png) no-repeat;
}
#header .headerCenter .ServiceZone ul li a .sn_hotkill {
    width: 30px;
    background-position: 0 -20px;
}
#header .headerCenter .ServiceZone ul li a .sn_best100 {
    width: 62px;
    background-position: -37px -20px;
}
#header .headerCenter .ServiceZone ul li a .sn_planshop {
    width: 67px;
    background-position: -107px -20px;
}
#header .headerCenter .ServiceZone ul li a .sn_company {
    width: 67px;
    background-position: -181px -20px;
}
#header .headerCenter .ServiceZone ul li a .sn_event {
    width: 36px;
    background-position: -254px -20px;
}
#header .headerCenter.wide .ServiceZone {
    width: 305px;
    margin-left: 139px;
}
#header .headerCenter.wide .ServiceZone ul li a .sn_hotkill {
    width: 32px;
    background-position: 0 -60px;
}
#header .headerCenter.wide .ServiceZone ul li a .sn_best100 {
    width: 66px;
    background-position: -42px -60px;
}
#header .headerCenter.wide .ServiceZone ul li a .sn_planshop {
    width: 70px;
    background-position: -121px -60px;
}
#header .headerCenter.wide .ServiceZone ul li a .sn_company {
    width: 70px;
    background-position: -201px -60px;
}
#header .headerCenter.wide .ServiceZone ul li a .sn_event {
    width: 39px;
    background-position: -281px -60px;
}
#header .headerCenter .promotionZone {
    position: relative;
    float: right;
    width: 129px;
    height: 17px;
    margin: 48px 0 23px;
}
#header .headerCenter .promotionZone div {
    width: 104px;
}
#header .headerCenter .promotionZone div ul {
    display: inline-block;
    width: 100%;
}
#header .headerCenter .promotionZone div ul li {
    text-align: right;
}
#header .headerCenter .promotionZone .control {
    position: absolute;
    top: 0;
    right: 1px;
    width: 22px;
    height: 17px;
    border-left: 1px solid #bdbfbe;
}
#header .headerCenter .promotionZone .control .arrow {
    overflow: hidden;
    display: block;
    float: left;
    width: 11px;
    *width: 10px;
    box-sizing: border-box;
    height: 15px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #bdbfbe;
    border-left: 0;
    background: url(//image.hnsmall.com/images/img2014/common/ico_indicator.png) no-repeat;
    cursor: pointer;
}
#header .headerCenter .promotionZone .control .prev {
    background-position: -241px 0;
}
#header .headerCenter .promotionZone .control .prev:hover {
    background-position: -264px 0;
}
#header .headerCenter .promotionZone .control .next {
    background-position: -252px 0;
}
#header .headerCenter .promotionZone .control .next:hover {
    background-position: -275px 0;
}
#header .headerCenter .cateAll {
    z-index: 12000;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -34px;
}
#header .headerCenter .cateAll span {
    display: block;
    width: 155px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;
}
#header .headerCenter .cateAll .viewOpen {
    background-position: 0 0;
}
#header .headerCenter .cateAll .viewClose {
    background-position: -155px 0;
}

/* 카테고리 전체보기 */
.cateAllViewPop {
    z-index: 26000;
    position: relative;
    width: 750px;
    border: 1px solid #000;
}
.cateAllViewPop .popClose {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 29px;
    height: 29px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/ico_popClose.png) no-repeat 0 -149px;
}
.cateAllViewPop .layerCont {
    margin: 0;
    padding: 0;
}
.cateAllViewPop .layerCont .cateList1 {
    padding: 0 24px 0 17px;
    background: #fff;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu {
    display: inline-block;
    width: 100%;
    padding: 20px 0 23px;
    border-top: 1px solid #e7e7e7;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu:first-child {
    padding: 23px 0 20px;
    border-top: 0;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu > li {
    float: left;
    width: 20%;
    height: 56px;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dt {
    height: 18px;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd {
    padding-top: 4px;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd ul li a {
    display: block;
    color: #565656;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
    word-spacing: -0.5px;
    word-break: break-all;
    cursor: pointer;
}
.cateAllViewPop .layerCont .cateList1 ul.cateMenu li dl dd ul li a:hover {
    color: #dd1f2a;
}
.cateAllViewPop .layerCont .cateList2 {
    padding: 9px 24px 10px 17px;
    background: #f8f8f9;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu {
    display: inline-block;
    width: 100%;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu > li {
    float: none;
    padding: 10px 0;
    border-top: 1px solid #fff;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu > li:first-child {
    border-top: 0;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl {
    display: inline-block;
    width: 100%;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dt {
    float: left;
    width: 20%;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dt a {
    display: block;
    height: 18px;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd {
    float: left;
    width: 80%;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li {
    float: left;
    width: 25%;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li a {
    display: block;
    color: #565656;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -1px;
    word-spacing: -0.5px;
    word-break: break-all;
    cursor: pointer;
}
.cateAllViewPop .layerCont .cateList2 ul.cateMenu li dl dd ul li a:hover {
    color: #dd1f2a;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cate {
    display: inline-block;
    width: 100%;
    height: 18px;
    text-indent: -99999px;
    background: url(//image.hnsmall.com/images/img2014/common/cateAllView_0703.png) no-repeat;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName01 {
    background-position: 0 -80px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName02 {
    background-position: -144px -80px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName03 {
    background-position: -286px -80px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName04 {
    background-position: -435px -80px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName05 {
    background-position: -583px -80px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName06 {
    background-position: 0 -100px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName07 {
    background-position: -144px -100px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName08 {
    background-position: -286px -100px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName09 {
    width: 116px;
    background-position: 0 -60px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName10 {
    background-position: -435px -100px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName11 {
    background-position: -583px -100px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName12 {
    width: 116px;
    background-position: -144px -60px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName13 {
    width: 116px;
    background-position: -286px -60px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName14 {
    width: 116px;
    background-position: -436px -60px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName15 {
    width: 116px;
    background-position: 0 -130px;
}
.cateAllViewPop .layerCont ul.cateMenu li dl dt span.cateName16 {
    width: 116px;
    background-position: -146px -130px;
}

/* 카테고리 전체보기 v2 */
.cateAllViewPop2 {
    z-index: 26000;
    display: none;
    position: absolute;
    left: 151px;
    top: 0;
    width: 764px;
    background: #fff;
    border: 1px solid #e51937;
    border-top: 0;
}
.cateAllViewPop2:after {
    content: " ";
    display: block;
    clear: both;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -5px;
    width: 4px;
    height: 100%;
    background: url(//image.hnsmall.com/images/img2014/main/v5/bg-dimmed.png) repeat;
}
.cateAllViewPop2 .popClose {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 18px;
    height: 19px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/ico_popClose.png?1) no-repeat 0 -280px;
}
.cateAllViewPop2 .layerCont {
    margin: 0;
    padding: 0;
}
.cateAllViewPop2 .layerCont > div {
    padding: 33px 0 39px;
}
.cateAllViewPop2 .layerCont dl {
}
.cateAllViewPop2 .layerCont dl dt {
    display: block;
}
.cateAllViewPop2 .layerCont dl dt .cate {
    display: block;
    padding-bottom: 5px;
    line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    color: #333;
}
.cateAllViewPop2 .layerCont .cateMenu > li {
    padding-left: 24px;
    box-sizing: border-box;
}
.cateAllViewPop2 .layerCont .cateMenu dd a {
    display: block;
    font-size: 12px;
    line-height: 20px;
}
.cateAllViewPop2 .layerCont .cateMenu dd a:hover {
    color: #e51937;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: -0.2px;
}
.cateAllViewPop2 .layerCont .cateMenu dd a:hover span:after {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 10px;
    margin-left: 5px;
    background: url(//image.hnsmall.com/images/img2014/main/v5/ico-link-arr.png) no-repeat right center;
}
.cateAllViewPop2 .layerCont .cateList1 {
    float: left;
    width: 573px;
    background: #fff;
}
.cateAllViewPop2 .layerCont .cateList1 ul.cateMenu {
    display: block;
    min-height: 100px;
    background: url(//image.hnsmall.com/images/img2014/main/v5/bg-cateall-line.png?20190709) 0 0 repeat;
}
.cateAllViewPop2 .layerCont .cateList1 ul.cateMenu > li {
    float: left;
    width: 191px;
}
.cateAllViewPop2 .layerCont .cateList2 {
    float: right;
    width: 190px;
    min-height: 403px;
    background: #f5f5f5;
}
.cateAllViewPop2 .layerCont .cateList2 dl dt .cate {
    color: #e51937;
}
.cateAllViewPop2 .layerCont .cateList2 > .cateMenu > li {
    height: 203px;
}
.cateAllViewPop2 .layerCont .cateList2 > .cateMenu > li:first-child {
    height: 200px;
}
.cateAllViewPop2.subPage {
    display: block;
    top: 200px;
    left: 50%;
    margin-left: -480px;
    border-top: 1px solid #e51937;
}

/* container */
#containerWide,
#container {
    position: relative;
}
#containerWide .container {
    position: relative;
    width: 1200px;
    margin: auto;
}
#containerWide .container2 {
    position: relative;
    width: 960px;
    margin: auto;
}
#containerWide {
    padding-top: 157px;
}

#containerWide > .cateAll {
    z-index: 10000;
    position: absolute;
    top: 169px;
    left: 50%;
    margin-left: -600px;
}
#containerWide > .cateAll span {
    display: block;
    width: 155px;
    height: 23px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/cateAllView.png) no-repeat;
}
#containerWide > .cateAll .viewOpen {
    background-position: 0 0;
}
#containerWide > .cateAll .viewClose {
    background-position: -155px 0;
}
#containerWide .cateAllViewPop {
    top: 200px !important;
    left: 50% !important;
    margin-left: -600px;
}

/* location  */
.location {
    position: relative;
    display: inline-block;
    width: 795px;
    height: 21px;
    font-size: 11px;
    margin: 12px 0 21px 165px;
    z-index: 401;
} /* 2014-08-18 수정 */ /* 2014-07-24 수정 */ /* 2013-12-09 margin-top:9px 수정 */
.location:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.location dt {
    float: left;
    width: 20px;
    height: 21px;
    padding: 0 0 0 18px;
    color: #898989;
    font-weight: bold;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/img2014/common/ico_location_home.png) no-repeat 0 center;
}
.location dd {
    float: left;
    margin-right: 5px;
    padding-left: 10px;
    background: url(//image.hnsmall.com/images/img2014/common/bu_location_arrow.gif) no-repeat left center;
}
.location dd .depth {
    position: relative;
    width: 165px;
    height: 21px;
    padding-left: 5px;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0;
}
.location dd .depth span {
    display: block;
    padding: 0 25px 3px 0;
    *padding: 1px 25px 3px 0;
    color: #898989;
    font-size: 11px;
    line-height: 18px;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0;
}
.location dd .depth ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 20px;
    left: 0;
    width: 168px;
    padding: 5px 0;
    border: 1px solid #dd1032;
    background: #fff;
}
.location dd .depth ul li {
    font-size: 12px;
}
.location dd .depth ul li a {
    overflow: hidden;
    display: block;
    font-size: 11px;
    text-indent: 0;
    text-decoration: none;
    padding: 0 5px 3px;
    background: none;
}
.location dd .depth ul li a:hover {
    color: #fff;
    background: #dd1032;
}
.location dd .depth ul li a span {
    padding: 0 7px;
    background: none;
}
.location dd .depth ul li a:hover span {
    padding: 0 7px;
    color: #fff;
    background: none;
}

/* location_기획전 2013-12-10  */
.location_event {
    position: relative;
    display: inline-block;
    width: 795px;
    height: 21px;
    font-size: 11px;
    margin: 12px 0 21px 165px;
    z-index: 401;
} /* 2014-08-18 수정 */ /* 2014-08-08 수정 */ /* 2014-07-24 수정 */ /* 2013-12-09 margin-top:9px 수정 */
.location_event:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.location_event dt {
    float: left;
    width: 20px;
    height: 21px;
    padding: 0 0 0 18px;
    color: #898989;
    font-weight: bold;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/img2014/common/ico_location_home.png) no-repeat 0 center;
}
.location_event dd {
    float: left;
    margin-right: 5px;
    padding-left: 10px;
    background: url(//image.hnsmall.com/images/img2014/common/bu_location_arrow.gif) no-repeat left center;
}
.location_event dd .depth_evnet {
    position: relative;
    width: 420px;
    height: 21px;
    padding-left: 5px;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0;
}
.location_event dd .depth_evnet span {
    display: block;
    padding: 0 25px 3px 0;
    *padding: 1px 25px 3px 0;
    color: #898989;
    font-size: 11px;
    line-height: 18px;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0;
}
.location_event dd .depth_evnet ul {
    display: none;
    overflow: hidden;
    overflow-x: hidden;
    z-index: 500;
    position: absolute;
    top: 20px;
    left: 0;
    width: 423px;
    padding: 5px 0;
    border: 1px solid #dd1032;
    background: #fff;
}
.location_event dd .depth_evnet ul li {
    font-size: 12px;
}
.location_event dd .depth_evnet ul li a {
    overflow: hidden;
    display: block;
    font-size: 11px;
    text-indent: 0;
    text-decoration: none;
    padding: 0 5px 3px;
    background: none;
}
.location_event dd .depth_evnet ul li a:hover {
    color: #fff;
    background: #dd1032;
}
.location_event dd .depth_evnet ul li a span {
    padding: 0 7px;
    background: none;
}
.location_event dd .depth_evnet ul li a:hover span {
    padding: 0 7px;
    color: #fff;
    background: none;
}

.depth2TilteWrap {
    border-bottom: 4px solid #e51937;
    *zoom: 1;
    height: 32px;
    position: relative;
} /* 2013-10-08 AK PLAZA :  position:relative 추가 */
.depth2TilteWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.depth2TilteWrap h2 {
    float: left;
}
.depth2TilteWrap ul {
    float: right;
    *zoom: 1;
    padding-top: 11px;
}
.depth2TilteWrap ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.depth2TilteWrap ul li {
    float: left;
}
.depth2TilteWrap ul li.best {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif) no-repeat 0 4px;
    padding-left: 10px;
    margin-right: 9px;
}
.depth2TilteWrap ul li.plan {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px;
    padding-left: 8px;
}
.depth2TilteWrap ul li.brand {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px;
    padding-left: 8px;
    margin-left: 8px;
}
.depth2TilteWrap ul li a {
    font-weight: bold;
    color: #ff6464;
}
.depth2TilteWrap p {
    position: absolute;
    top: -35px;
    right: 0;
    font-size: 11px;
    color: #888;
    text-align: right;
    line-height: 15px;
}

.depth3TilteWrap {
    border-bottom: 4px solid #e51937;
    *zoom: 1;
    height: 29px;
    position: relative;
} /* 2013-12-13 AK PLAZA 중카테고리  position:relative 추가 */
.depth3TilteWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.depth3TilteWrap h2 {
    float: left;
    font-size: 18px;
    color: #666;
    padding-top: 5px;
}
.depth3TilteWrap ul {
    float: right;
    *zoom: 1;
    padding-top: 7px;
}
.depth3TilteWrap ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.depth3TilteWrap ul li {
    float: left;
}
.depth3TilteWrap ul li.best {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif) no-repeat 0 4px;
    padding-left: 10px;
    margin-right: 9px;
}
.depth3TilteWrap ul li.plan {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px;
    padding-left: 8px;
}
.depth3TilteWrap ul li.brand {
    background: url(//image.hnsmall.com/images/img2014/category/bu_tit_line.gif) no-repeat 0 2px;
    padding-left: 8px;
    margin-left: 8px;
}
.depth3TilteWrap ul li a {
    font-weight: bold;
    color: #ff6464;
}
.depth3TilteWrap ul li.loca {
    padding-right: 10px;
}
.depth3TilteWrap ul li.loca a {
    font-weight: normal;
    color: #999;
}
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 전코드 시작
.cateDetailArea{ padding-bottom:23px}
.cateDetailArea .mrNone{ margin-right:0 !important;}
.cateDetailArea .item{ display:inline-block; position:relative;width:762px; padding:0 0 0 198px; background:url(//image.hnsmall.com/images/img2014/category/line_cate1.gif) repeat-y 190px 0; margin:10px 0;}
.cateDetailArea .item:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.cateDetailArea .item dt{ display:block; position:absolute; left:15px; top:4px; width:147px;}
.cateDetailArea .item dt a{position:relative;top:-2px;*top:1px; color:#666; font-size:11px}
.cateDetailArea .item dd{ float:left; width:135px; margin-bottom:2px; overflow:hidden; height:17px; margin-right:19px}
.cateDetailArea .item dd a{ display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:1px 5px 2px; height:16px; overflow:hidden;}
.cateDetailArea .item dd a:hover{background:#ff6464; color:#fff; font-weight:bold}
.cateDetailArea .item dd.over a{background:#ff6464; color:#fff; font-weight:bold}

.cateDetailArea .btnBrandadd{ text-align:center; height:20px; background:url(//image.hnsmall.com/images/img2014/category/bg_brandadd.gif) no-repeat 0 0}
2013-12-11 AK 중가 변경과 함께 네비부분 변경 전코드 끝*/
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 후 코드 시작*/
.cateDetailArea {
    padding-bottom: 23px;
}
.cateDetailArea .mrNone {
    margin-right: 0 !important;
}
.cateDetailArea .item {
    display: inline-block;
    position: relative;
    width: 762px;
    padding: 0 0 0 198px;
    background: url(//image.hnsmall.com/images/img2014/category/line_cate1.gif) repeat-y 190px 0;
    margin: 10px 0;
}
.cateDetailArea .item:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.cateDetailArea .item dt {
    display: block;
    position: absolute;
    left: 15px;
    top: 4px;
    width: 147px;
}
.cateDetailArea .item dt a {
    position: relative;
    top: -3px;
    *top: 1px;
    color: #666;
    font-size: 11px;
    font-weight: bold;
}
.cateDetailArea .item dd {
    float: left;
    width: 135px;
    margin-bottom: 2px;
    overflow: hidden;
    height: 17px;
    margin-right: 19px;
}
.cateDetailArea .item dd a {
    display: block;
    background: none;
    font-size: 12px;
    line-height: 16px;
    text-indent: 0;
    width: 100%;
    text-decoration: none;
    padding: 1px 5px 2px;
    height: 16px;
    overflow: hidden;
    color: #444;
}
.cateDetailArea .item dd a:hover {
    background: #b1b1b1;
    color: #fff;
    font-weight: bold;
}
.cateDetailArea .item dd.over a {
    background: #b1b1b1;
    color: #fff;
    font-weight: bold;
}

.cateDetailArea .btnBrandadd {
    text-align: center;
    height: 20px;
    border-top: 1px solid #999;
}
/*2013-12-11 AK 중가 변경과 함께 네비부분 변경 후 코드 끝*/
.cateDetailArea .brandWrap {
    background: #f9f9f9;
    border: 1px solid #ededed;
    padding: 10px 0;
    border-bottom: 1px solid #999;
}
.cateDetailArea .brand {
    display: inline-block;
    position: relative;
    width: 760px;
    padding: 0 0 0 198px;
    background: #f9f9f9 url(//image.hnsmall.com/images/img2014/category/line_cate2.gif) repeat-y 190px 0;
}
.cateDetailArea .brand:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.cateDetailArea .brand dt {
    display: block;
    position: absolute;
    left: 15px;
    top: 4px;
    width: 147px;
}
.cateDetailArea .brand dt a {
    position: relative;
    top: -2px;
    *top: 1px;
    color: #666;
    font-size: 11px;
}
.cateDetailArea .brand dd {
    float: left;
    width: 135px;
    margin-bottom: 2px;
    height: 19px;
    margin-right: 19px;
    position: relative;
}
.cateDetailArea .brand dd span {
    display: block;
    background: none;
    font-size: 12px;
    line-height: 16px;
    width: 130px;
    height: 17px;
    text-decoration: none;
    padding: 0 5px 1px;
    overflow: hidden;
}
.cateDetailArea .brand dd span input {
    vertical-align: -2px;
}
.cateDetailArea .brand dd strong {
    position: absolute;
    left: -45px;
    top: -2px;
    width: 50px;
    height: 23px;
    overflow: hidden;
    text-indent: -1000px;
    background: url(//image.hnsmall.com/images/img2014/category/btn_brand_search.gif) no-repeat 0 0;
    cursor: pointer;
    display: none;
}

/* 중카 top */
#container .depth2TopWrap {
    position: relative;
    z-index: 100;
    padding-top: 17px;
    padding-bottom: 30px;
    display: inline-block;
    width: 100%;
}
#container .depth2TopWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .lnbArea {
    float: left;
    width: 182px;
}
#container .depth2TopWrap .lnbArea dl {
}
#container .depth2TopWrap .lnbArea dl dt {
    padding: 8px 0;
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding-left: 4px;
}
#container .depth2TopWrap .lnbArea dl dt.first {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
}
#container .depth2TopWrap .lnbArea dl dd {
    position: relative;
}
#container .depth2TopWrap .lnbArea dl dd a {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 14px;
    height: 15px;
    padding: 0 2px 0 4px;
    padding-top: 2px;
    text-decoration: none;
    overflow: hidden;
    width: 176px;
}
#container .depth2TopWrap .lnbArea dl dd a img {
    vertical-align: -1px;
}
#container .depth2TopWrap .lnbArea dl dd a:hover {
    background: #dd1032;
    color: #fff;
}
#container .depth2TopWrap .lnbArea dl dd a span {
    float: left;
    padding-right: 5px;
    display: block;
    height: 15px;
}
#container .depth2TopWrap .lnbArea dl dd a strong {
    float: left;
}
#container .depth2TopWrap .lnbArea dl dd a.active {
    background: #dd1032;
    color: #fff;
    display: block;
    height: 15px;
}
#container .depth2TopWrap .lnbArea dl dd a.avenue {
    color: #fb0073;
    font-weight: bold !important;
}
#container .depth2TopWrap .lnbArea dl dd a.avenue:hover {
    background: #dd1032;
    color: #fff;
}

#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap {
    position: absolute;
    left: 180px;
    top: -11px;
    border: 1px solid #dd1032;
    background: #fff;
    padding: 10px 0;
    z-index: 1001;
    display: none;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 {
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul {
    float: left;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul li a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    width: 160px;
    padding: 1px 10px 0;
    text-decoration: none;
    height: 16px;
    overflow: hidden;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul li a:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul li a span {
    float: left;
    padding-right: 5px;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul li a strong {
    float: left;
}
#container .depth2TopWrap .lnbArea dl dd .catedepth2Wrap .catedepth2 ul li a:hover {
    background: #dd1032;
    color: #fff;
}

#container .depth2TopWrap .lnbArea dl dd.lnbLast .catedepth2Wrap {
}

#container .depth2TopWrap .brandLogo {
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
#container .depth2TopWrap .brandLogo li {
    border-bottom: 1px solid #ddd;
    text-align: center;
    height: 37px;
    overflow: hidden;
}
#container .depth2TopWrap .brandLogo li img {
    margin-top: -37px;
}
#container .depth2TopWrap p.banner {
    padding-top: 17px;
}

#container .depth2TopWrap .rightArea {
    width: 778px;
    float: left;
    display: inline-block;
}
#container .depth2TopWrap .rightArea:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea {
    width: 778px;
    display: inline-block;
    position: relative;
}
#container .depth2TopWrap .rightArea .visualArea:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visual {
    float: left;
    padding-left: 10px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_shopping_tip.gif) no-repeat 0 0;
    position: relative;
}

#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual {
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul {
    *zoom: 1;
    position: absolute;
    bottom: 0;
    left: 10px;
    height: 47px;
    width: 576px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li {
    float: left;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod5 ul li {
    width: 20%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod4 ul li {
    width: 25%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod3 ul li {
    width: 33%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod3 ul li.last {
    width: 34%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod2 ul li {
    width: 50%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .prod1 ul li {
    width: 100%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li a {
    color: #fff;
    display: block;
    height: 20px;
    margin-top: 7px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat-x 0 0;
    padding: 10px;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li a span {
    height: 24px;
    overflow: hidden;
    display: block;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li.active {
    float: left;
    background: url(//image.hnsmall.com/images/img2014/category/bu_visual_arrow.gif) no-repeat center 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .visual ul li.active a {
    color: #fff;
    display: block;
    height: 20px;
    margin-top: 7px;
    background: #dd1032;
    padding: 10px;
    font-size: 11px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .banner {
    float: left;
    border: 1px solid #e4e4e4;
    border-bottom: none;
}
#container .depth2TopWrap .rightArea .visualArea .visualType1 .banner li {
    border-bottom: 1px solid #e4e4e4;
}

#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual {
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul {
    position: absolute;
    top: 10px;
    right: 10px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li {
    margin-bottom: 1px;
    width: 177px;
    height: 79px;
    text-align: right;
    position: relative;
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li.active {
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .visual ul li.active span {
    background: url(//image.hnsmall.com/images/img2014/category/bg_visual_br.gif) no-repeat 0 0;
    display: block;
    width: 177px;
    height: 79px;
    position: absolute;
    left: 0;
    top: 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner {
    border: 1px solid #e4e4e4;
    border-right: none;
    margin-left: 10px;
    *zoom: 1;
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType2 .banner li {
    border-right: 1px solid #e4e4e4;
    float: left;
}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual {
    float: none;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul {
    *zoom: 1;
    position: absolute;
    bottom: 0;
    left: 10px;
    height: 47px;
    width: 577px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li {
    float: left;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod5 ul li {
    width: 20%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod4 ul li {
    width: 25%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod3 ul li {
    width: 33%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod3 ul li.last {
    width: 34%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod2 ul li {
    width: 50%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .prod1 ul li {
    width: 100%;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li a {
    color: #fff;
    display: block;
    height: 20px;
    margin-top: 7px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat-x 0 0;
    padding: 10px;
    font-size: 11px;
    line-height: 12px;
    text-decoration: none;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li a span {
    height: 24px;
    overflow: hidden;
    display: block;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li.active {
    float: left;
    background: url(//image.hnsmall.com/images/img2014/category/bu_visual_arrow.gif) no-repeat center 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .visual ul li.active a {
    color: #fff;
    display: block;
    height: 20px;
    margin-top: 7px;
    background: #dd1032;
    padding: 10px;
    font-size: 11px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner {
    border: 1px solid #e4e4e4;
    border-right: none;
    margin-left: 10px;
    *zoom: 1;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .banner li {
    border-right: 1px solid #e4e4e4;
    float: left;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll {
    border: 1px solid #e4e4e4;
    border-bottom: none;
    position: absolute;
    right: 0;
    top: 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul {
    *zoom: 1;
    position: absolute;
    left: 66px;
    top: 334px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li {
    float: left;
    border-right: 1px solid #ddd;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span {
    width: 13px;
    height: 13px;
    overflow: hidden;
    text-indent: -1000px;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/category/bg_num_visual.gif) no-repeat 0 0;
    display: block;
}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m1 {
    background-position: 0 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m2 {
    background-position: -14px 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m3 {
    background-position: -28px 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m4 {
    background-position: -42px 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li span.m5 {
    background-position: -56px 0;
}

#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m1 {
    background-position: 0 -14px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m2 {
    background-position: -14px -14px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m3 {
    background-position: -28px -14px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m4 {
    background-position: -42px -14px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType3 .planRoll ul li.active span.m5 {
    background-position: -56px -14px;
}

#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual {
    width: 385px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul {
    *zoom: 1;
    position: absolute;
    bottom: 0;
    left: 10px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_visual_menu.png) repeat 0 0;
    padding: 10px;
    padding-top: 3px;
    padding-right: 9px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li {
    width: 60px;
    height: 40px;
    text-align: right;
    position: relative;
    float: left;
    padding-top: 7px;
    margin-right: 1px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li.active {
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .visual ul li.active span {
    background: url(//image.hnsmall.com/images/img2014/category/bg_visual_br_s.gif) no-repeat 0 0;
    display: block;
    width: 60px;
    height: 47px;
    position: absolute;
    left: 0;
    top: 0;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner {
    border: 1px solid #e4e4e4;
    border-right: none;
    border-bottom: none;
    *zoom: 1;
    float: left;
    width: 382px;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .visualType4 .banner li {
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    float: left;
}

#container .depth2TopWrap .rightArea .visualArea .flag {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}
#container .depth2TopWrap .rightArea .visualArea .flagBanWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 576px;
    height: 110px;
    overflow: hidden;
}
#container .depth2TopWrap .rightArea .visualArea .flagBan {
    position: absolute;
    left: -278px;
    top: 0;
    width: 268px;
    height: 100px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_flag_line.jpg) repeat-x 0 0;
    padding: 10px 0 0 10px;
}
#container .depth2TopWrap .rightArea .visualArea .flagBan p {
    padding-bottom: 3px;
}
#container .depth2TopWrap .rightArea .visualArea .flagBan span {
    position: absolute;
    right: 1px;
    top: 6px;
    cursor: pointer;
}

#container .depth2TopWrap .rightArea .mdProduct {
    padding: 30px 0 0 30px;
}
#container .depth2TopWrap .rightArea .mdProduct h3 {
    border-bottom: 1px solid #888;
    padding-bottom: 6px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #444;
}

.mdProduct .imgList li {
    padding-left: 0 !important;
}
.mdProduct .imgSize li {
    padding-right: 31px !important;
}
.mdProduct .imgSize li.last {
    padding-right: 0 !important;
}

.listWrap {
    *zoom: 1;
}
.listWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* 2012-11-27 */
.listWrap2 {
    *zoom: 1;
}
.listWrap2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.myList .list2 div.moveList {
    position: relative;
    overflow: hidden;
    width: 650px;
    height: 200px;
}
.myList .list2 div.moveList ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20000px;
    height: 200px;
}
.myList .list2 div.moveList ul li {
    width: 132px;
    padding: 0 0 !important;
}
.myList .list2 div.moveList ul li div {
    width: 100px !important;
}
.myList .list2 div.moveList ul li p {
    width: 100px !important;
}

.myList .list div.moveList {
    position: relative;
    overflow: hidden;
    width: 160px;
    height: 210px;
}
.myList .list div.moveList ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 160px;
    height: 20000px;
}

/* 상세페이지 */
.itemProdTitleWrap {
    border-bottom: 4px solid #e51937;
}
.itemProdTitleWrap .cardSale {
    color: #666;
}
.itemProdTitleWrap .cardSale img {
    vertical-align: -1px;
}
.itemProdTitleWrap .itemProdTitle {
    font-size: 16px;
    position: relative;
    color: #444;
    font-weight: bold;
    width: 960px;
    text-align: left;
    padding-bottom: 8px;
}
.itemProdTitleWrap .itemProdTitle strong {
}
.itemProdTitleWrap .itemProdTitle span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 3px;
}
.itemProdTitleWrap .itemProdTitle span.icoAkplazeT {
    margin-right: 3px;
    margin-left: -3px;
}

.panoramaWrap {
    width: 960px;
    background: #333;
    border-bottom: 4px solid #222;
    padding: 25px 0 0 0;
    position: absolute;
    left: 0;
    top: -25px;
    z-index: 3000;
}
.panoramaWrap .prodBig {
    position: relative;
    height: 283px;
    width: 860px;
    margin: 0 auto;
    overflow: hidden;
}
.panoramaWrap .prodBig ul {
    *zoom: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20000px;
    height: 283px;
}
.panoramaWrap .prodBig ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.panoramaWrap .prodBig ul li {
    float: left;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 3px;
}
.panoramaWrap .prodBig ul li img {
    margin-bottom: 3px;
}
.panoramaWrap .prodBig ul li.active img {
    margin-bottom: 0;
    border-bottom: 3px solid #dd1032;
}
.panoramaWrap .panoThum {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 46px;
}
.panoramaWrap .panoThum img {
    margin: 3px;
    cursor: pointer;
}
.panoramaWrap .panoThum img.on {
    margin: 0px;
    border: 3px solid #dd1032;
}
.panoramaWrap .leftArrow {
    display: block;
    width: 22px;
    height: 38px;
    position: absolute;
    left: 16px;
    top: 146px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_pano_arrow.gif") no-repeat 0 0;
    overflow: hidden;
    text-indent: -1000px;
}
.panoramaWrap .leftArrow:hover {
    background-position: 0 -38px;
}
.panoramaWrap .rightArrow {
    display: block;
    width: 22px;
    height: 38px;
    position: absolute;
    right: 16px;
    top: 146px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_pano_arrow.gif") no-repeat -22px 0;
    overflow: hidden;
    text-indent: -1000px;
}
.panoramaWrap .rightArrow:hover {
    background-position: -22px -38px;
}
.panoramaWrap .btnArea {
    background: url("//image.hnsmall.com/images/img2014/category/line_pano.gif") repeat-x 0 0;
    height: 42px;
    padding: 16px 0 0 15px;
}
.panoramaWrap .btnArea span {
    vertical-align: -25px;
    *vertical-align: -15px;
    padding-left: 10px;
    font-size: 12px;
    color: #999;
}
.panoramaWrap .btnArea p img {
    cursor: pointer;
}
.panoramaWrap .btnArea span strong {
    font-size: 11px;
    color: #ff6464;
    font-weight: normal;
}
.panoramaWrap .panoClose {
    position: absolute;
    right: 15px;
    bottom: 16px;
    cursor: pointer;
}
.panoramaWrap .bigViewDeem {
    position: absolute;
    left: 0;
    top: 0;
    width: 960px;
    height: 506px;
    cursor: pointer;
    background: #000;
}
.panoramaWrap .bigView {
    position: absolute;
    left: 229px;
    top: 0;
    border: 1px solid #000;
    cursor: pointer;
}

.mediaWrap {
    width: 960px;
    background: #333;
    border-bottom: 4px solid #222;
    padding: 25px 0 0 0;
    position: absolute;
    left: 0;
    top: -25px;
    z-index: 3000;
}
.mediaWrap .btnArea {
    background: url("//image.hnsmall.com/images/img2014/category/line_pano.gif") repeat-x 0 0;
    height: 42px;
    padding: 16px 0 0 15px;
}
.mediaWrap .btnArea span {
    vertical-align: -25px;
    *vertical-align: -15px;
    padding-left: 10px;
    font-size: 11px;
    color: #888px;
}
.mediaWrap .btnArea p img {
    cursor: pointer;
}
.mediaWrap .btnArea span strong {
    font-size: 11px;
    color: #ff6464;
    font-weight: normal;
}
.mediaWrap .mediaClose {
    position: absolute;
    right: 15px;
    bottom: 16px;
    cursor: pointer;
}

.mediaWrap .madiaZone {
    *zoom: 1;
    padding: 3px 0 47px 15px;
}
.mediaWrap .madiaZone:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.mediaWrap .madiaZone p.flash {
    float: left;
    padding-right: 15px;
}

.mediaWrap .madiaZone .listMedia {
    float: left;
    background: url("//image.hnsmall.com/images/img2014/category/bg_detail_media.gif") no-repeat 0 0;
    width: 295px;
    height: 370px;
}
.mediaWrap .madiaZone .listMedia h4 {
    padding: 42px 0 0 34px;
}
.mediaWrap .madiaZone .listMedia p.text {
    text-align: right;
    font-size: 11px;
    color: #888;
    padding-right: 18px;
    padding-top: 10px;
}
.mediaWrap .madiaZone .listMedia ul {
    *zoom: 1;
    padding-left: 14px;
    padding-top: 16px;
}
.mediaWrap .madiaZone .listMedia ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.mediaWrap .madiaZone .listMedia ul li {
    float: left;
    padding-right: 4px;
    padding-bottom: 10px;
    cursor: pointer;
}
.mediaWrap .madiaZone .listMedia ul li img {
    margin: 3px;
}
.mediaWrap .madiaZone .listMedia ul li.on img {
    border: 3px solid #dd1032;
    margin: 0;
}
.mediaWrap .madiaZone .listMedia ul li p {
    font-size: 11px;
    color: #888;
    line-height: 14px;
    padding-left: 3px;
    padding-top: 3px;
}

.itemDetailWrap {
    display: inline-block;
    width: 100%;
    text-align: left;
}
.itemDetailWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo {
    float: left;
    width: 715px;
    *zoom: 1;
    padding-top: 25px;
    position: relative;
    z-index: 700;
}
.itemDetailWrap .quickViewH2 {
    padding-top: 15px;
}
.itemDetailWrap .prodInfo:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea {
    width: 280px;
    float: left;
    position: relative;
    padding-left: 10px;
    z-index: 5000;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft {
    position: absolute;
    left: 0;
    top: -5px;
    *zoom: 1;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.itemDetailWrap .prodInfo .imgArea .cardLeft dl {
    padding-right: 4px;
    padding-top: 5px;
    float: left;
    width: 60px;
    height: 90px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_card_flag.png") no-repeat 0 0;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dt {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dd {
    text-align: center;
    font-size: 10px;
    font-family: Tahoma;
    color: #fff;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft dl dd img {
    padding-top: 3px;
}

/* 적립금 flag 옆으로 붙는 카드 할인 */
.itemDetailWrap .prodInfo .imgArea .cardLeft ul li {
    float: left;
    display: inline-block;
    margin-right: 4px;
}

/* cardRight*/
.itemDetailWrap .prodInfo .imgArea .cardRight {
    position: absolute;
    right: 0;
    top: -5px;
    *zoom: 1;
}
.itemDetailWrap .prodInfo .imgArea .cardRight:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea .cardRight dl {
    padding-right: 4px;
    padding-top: 5px;
    float: left;
    width: 74px;
    height: 74px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_flag_relay.png") no-repeat 0 0;
}
.itemDetailWrap .prodInfo .imgArea .cardRight dl dt {
    color: #fff;
    font-size: 0;
    font-weight: bold;
    text-align: center;
}

/* flag 변경 2013-04-05 */
.itemDetailWrap .prodInfo .imgArea .cardLeft2 {
    position: absolute;
    left: 10px;
    top: 0;
    *zoom: 1;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea .cardLeft2 ul li {
    float: left;
    display: inline-block;
    margin-right: 4px;
}
.itemDetailWrap .prodInfo .imgArea .cardRight2 {
    position: absolute;
    right: 0;
    top: 0;
    *zoom: 1;
}
.itemDetailWrap .prodInfo .imgArea .cardRight2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea .cardRightBrand {
    position: absolute;
    right: 0;
    top: -4px;
    *zoom: 1;
}
.itemDetailWrap .prodInfo .imgArea .cardRightBrand:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.itemDetailWrap .prodInfo .imgArea .detailImg {
    border-bottom: 1px solid #999;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet {
    padding: 5px 0 0;
    position: relative;
}
.itemDetailWrap .prodInfo .imgArea .defaultImg {
    background: url(//image.hnsmall.com/images/img2014/category/bu_detail_search.gif) no-repeat 0 0;
    padding-left: 23px;
    padding-top: 2px;
    display: inline-block;
    width: 80px;
    text-align: left;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: 11px;
}
.itemDetailWrap .prodInfo .imgArea .defaultMedia {
    background: url(//image.hnsmall.com/images/img2014/category/bu_detail_media.gif) no-repeat 0 0;
    padding-left: 23px;
    padding-top: 2px;
    display: inline-block;
    width: 55px;
    text-align: left;
    text-decoration: none;
    letter-spacing: -1px;
    font-size: 11px;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span {
    position: absolute;
    right: 0;
    top: 5px;
    width: 40px;
    display: block;
    *zoom: 1;
    height: 18px;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a {
    float: left;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: -1000px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_detail_social.gif) no-repeat 0 0;
    margin-right: 2px;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.twt {
    background-position: 0 0;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.fab {
    background-position: -20px 0;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.med {
    background-position: -40px 0;
}
.itemDetailWrap .prodInfo .imgArea p.btnSet span a.cyw {
    background-position: -60px 0;
    margin-right: 0;
}
.itemDetailWrap .prodInfo .imgArea .thumnail {
    position: relative;
    padding-left: 30px;
    margin-top: 15px;
}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnPrev {
    position: absolute;
    left: 0;
    top: 17px;
    width: 9px;
    height: 15px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_detail_arrow.gif) no-repeat 0 0;
    overflow: hidden;
    text-indent: -1000px;
    display: block;
}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnPrev:hover {
    background-position: 0 -15px;
}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnNext {
    position: absolute;
    right: 0;
    top: 17px;
    width: 9px;
    height: 15px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_detail_arrow.gif) no-repeat -9px 0;
    overflow: hidden;
    text-indent: -1000px;
    display: block;
}
.itemDetailWrap .prodInfo .imgArea .thumnail a.btnNext:hover {
    background-position: -9px -15px;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul {
    display: inline-block;
    width: 280px;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li {
    float: left;
    cursor: pointer;
    padding-right: 4px;
    position: relative;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li a img {
    border: 1px solid #d7d7d7;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li a:hover img {
    border: 1px solid #e51937;
}

.itemDetailWrap .prodInfo .imgArea .thumnail ul li.active a img {
    border: 1px solid #e51937;
}
.itemDetailWrap .prodInfo .imgArea .thumnail ul li.active a:hover img {
    border: 1px solid #e51937;
}

.itemDetailWrap .prodInfo .imgArea div.moveList {
    position: relative;
    overflow: hidden;
    width: 220px;
    height: 53px;
}
.itemDetailWrap .prodInfo .imgArea div.moveList ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 20000px;
    height: 200px;
}
.itemDetailWrap .prodInfo .imgArea div.moveList ul li {
}

.itemDetailWrap .prodInfo .imgArea .detailBrand {
    border: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 15px;
    position: relative;
}
.itemDetailWrap .prodInfo .imgArea .planNone {
    border-bottom: none;
    padding-bottom: 0;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand h3 {
    border-bottom: 1px solid #ddd;
    padding: 3px 10px;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl {
    padding: 5px 10px 0;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dt {
    position: relative;
    display: block;
    padding: 3px 0;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dt a {
    position: absolute;
    right: 0;
    top: 5px;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dd {
    background: url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px;
    padding-left: 5px;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand dl dd a {
    font-size: 11px;
    line-height: 14px;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand p {
    position: absolute;
    right: 5px;
    top: 3px;
    background: url(//image.hnsmall.com/images/img2014/category/bu_detail_plan.gif) no-repeat 100% 4px;
    padding-right: 10px;
}
.itemDetailWrap .prodInfo .imgArea .detailBrand p a {
    font-size: 11px;
    color: #888;
    text-decoration: none;
}

.infoArea {
    width: 395px;
    float: right;
}
.infoArea .areaZone {
    padding: 10px 0 7px;
    border-top: 1px solid #ddd;
}
.infoArea .areaZone_red {
    padding: 10px 0 7px;
    border-top: 1px solid #dd1032;
}
.infoArea dl {
    position: relative;
    z-index: 100;
    padding-bottom: 3px;
    *zoom: 1;
}
.infoArea dl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.infoArea dl dt {
    float: left;
    width: 90px;
    padding-left: 15px;
    letter-spacing: -1px;
    color: #888;
}
.infoArea dl dd {
    float: left;
    position: relative;
    width: 280px;
}
.infoArea dl dd span.text {
    color: #999;
}

.infoArea dl.dotLine {
    background: url(//image.hnsmall.com/images/img2014/category/line_detail.gif) repeat-x 0 0;
    margin: 0 auto;
    width: 365px;
}
.infoArea dl.dotLine dt {
    width: 90px;
    padding-left: 0;
}
.infoArea dl.dotLine dd {
    width: 275px;
}
.infoArea dl.dotLinenone {
    margin: 0 auto;
    width: 365px;
}
.infoArea dl.dotLinenone dt {
    width: 90px;
    padding-left: 0;
}
.infoArea dl.dotLinenone dd {
    width: 275px;
}

.infoArea dl dd.priceDetail strong {
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: -1px;
}
.infoArea dl dd.priceDetail span {
    font-weight: bold;
}
.infoArea dl dd.priceDetail span.normal {
    font-weight: normal;
}
.infoArea dl dd.priceDetail strong.line {
    text-decoration: line-through;
}
.infoArea dl dd.priceDetail .lowprice {
    position: absolute;
    right: 0;
}

.infoArea dl dd.freePrice strong {
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    font-size: 24px;
    color: #03a0c2;
    font-weight: normal;
    letter-spacing: -1px;
    *line-height: 28px;
}
.infoArea dl dd.freePrice span {
    font-weight: bold;
    font-size: 14px;
}

.infoArea dl dd.priceSale {
    *zoom: 1;
}
.infoArea dl dd.priceSale:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.infoArea dl dd.priceSale .sale1 {
    float: left;
    padding-right: 10px;
    *margin-top: -6px;
    width: 275px;
}
.infoArea dl dd.priceSale .sale1 strong {
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    font-size: 32px;
    color: #e51937;
    font-weight: normal;
    letter-spacing: -1px;
    *line-height: 38px;
}
.infoArea dl dd.priceSale .sale1 span {
    font-weight: bold;
    font-size: 14px;
}
.infoArea dl dd.priceSale .sale1 p {
    font-size: 11px;
    color: #888;
}
.infoArea dl dd.priceSale .sale1 p span {
    font-weight: bold;
    font-size: 14px;
}
.infoArea dl dd.priceSale .lowprice {
    position: absolute;
    right: -2px;
}

.infoArea dl dd.priceSale .sale2 {
    float: left;
    width: 80px;
    height: 22px;
    *height: 27px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_cou_detail2.gif) no-repeat 0 0;
    text-align: center;
    padding-top: 8px;
    *padding-top: 3px;
}
.infoArea dl dd.priceSale .sale2 strong {
    font-family: Tahoma;
    font-size: 20px;
    color: #666;
    letter-spacing: -1px;
    font-weight: normal;
    *line-height: 25px;
    font-weight: bold;
}
.infoArea dl dd.priceSale .sale2 span {
    font-size: 12px;
    color: #666;
    font-family: Tahoma;
    font-weight: bold;
}

.infoArea dl dd.priceSale .sale3 {
    float: right;
    position: absolute;
    right: -3px;
    width: 106px;
}
.infoArea dl dd.priceSale .sale3 dl dt {
    float: left;
    width: 51px;
    font-size: 11px;
    line-height: 15px;
}
.infoArea dl dd.priceSale .sale3 dl dd {
    float: left;
    width: 55px;
    font-size: 11px;
    text-align: right;
    line-height: 15px;
}

.infoArea dl dd .depth {
    height: 21px;
    width: 165px;
    margin-top: -3px;
    position: relative;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0;
    padding-left: 5px;
    z-index: 1000;
}
.infoArea dl dd .depth span {
    display: block;
    background: url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0;
    padding: 3px 25px 0 0;
    font-size: 11px;
    color: #6a6b6c;
}
.infoArea dl dd .depth ul {
    border: 1px solid #dd1032;
    position: absolute;
    left: 0;
    top: 20px;
    background: #fff;
    width: 168px;
    display: none;
    z-index: 500;
    overflow-x: hidden;
    _width: 151px;
    padding: 3px 0;
}
.infoArea dl dd .depth ul li {
    padding: 2px 0 0 0;
    font-size: 11px;
}
.infoArea dl dd .depth ul li a {
    display: block;
    background: none;
    font-size: 12px;
    line-height: 16px;
    text-indent: 0;
    width: 100%;
    text-decoration: none;
    padding: 2px 5px 0;
    height: 16px;
    overflow: hidden;
}
.infoArea dl dd .depth ul li a:hover {
    background: #dd1032;
    color: #fff;
}
.infoArea dl dd .depth ul li a span {
    padding: 0 7px;
    background: none;
}
.infoArea dl dd .depth ul li a:hover span {
    padding: 0 7px;
    background: none;
    color: #fff;
}

.infoArea dl dd .selects1 {
    width: 212px;
}
.infoArea dl dd .selects1 span {
    color: #444;
}
.infoArea dl dd .selects1 ul {
    width: 215px;
}
.infoArea dl dd .restProd {
    float: left;
    margin-top: -3px;
    padding-left: 2px;
}

.infoArea dl dd .selects2 {
    width: 253px;
}
.infoArea dl dd .selects2 span {
    color: #444;
}
.infoArea dl dd .selects2 ul {
    width: 256px;
}

.infoArea dl dd .selects3 {
    width: 275px;
}
.infoArea dl dd .selects3 span {
    color: #444;
}
.infoArea dl dd .selects3 ul {
    width: 278px;
}

.infoArea dl dd .selects4 {
    width: 212px;
}
.infoArea dl dd .selects4 span {
    color: #444;
}
.infoArea dl dd .selects4 ul {
    width: 215px;
    max-height: 160px;
    *height: 160px;
    overflow-y: auto;
}

.infoArea dl.z400 {
    z-index: 400;
}
.infoArea dl.z500 {
    z-index: 500;
}
.infoArea dl.z600 {
    z-index: 600;
}
.infoArea .selOpt1 .txt {
    vertical-align: -1px;
}
.infoArea .selOpt1 .cr4 {
    color: #444;
}
.infoArea dl dd .optionWrap li {
    *zoom: 1;
    width: 280px;
    padding-bottom: 1px;
    border-bottom: 1px solid #eee;
    padding: 4px 0;
    line-height: 14px;
}
.infoArea dl dd .optionWrap li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.infoArea dl dd .optionWrap li .option {
    float: left;
    width: 115px;
    color: #888;
    font-size: 11px;
}
.infoArea dl dd .optionWrap li .price {
    float: left;
    color: #888;
    width: 90px;
    text-align: right;
    padding-right: 5px;
    font-family: Tahoma, "돋움", Dotum, sans-serif;
}
.infoArea dl dd .optionWrap li input {
    width: 22px;
    height: 15px;
    border: 1px solid #c4c4c4;
    font-size: 12px;
    text-align: right;
    padding: 0 3px;
    float: left;
}
.infoArea dl dd .optionWrap li .btn {
    float: left;
    width: 15px;
    padding-left: 1px;
}
.infoArea dl dd .optionWrap li .btn a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.infoArea dl dd .optionWrap li .btn a img {
    margin-bottom: 1px;
}
.infoArea dl dd .optionWrap li .remove {
    float: right;
    margin-top: 2px;
    margin-left: 4px;
    cursor: pointer;
}

.itemDetailWrap p.optionWrap {
    *zoom: 1;
    padding-left: 5px;
}
.itemDetailWrap p.optionWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0%;
}
.itemDetailWrap p.optionWrap .btn {
    float: left;
    width: 15px;
    padding-left: 1px;
}
.itemDetailWrap p.optionWrap .btn a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.itemDetailWrap p.optionWrap .btn a img {
    margin-bottom: 1px;
}
.itemDetailWrap p.optionWrap input {
    width: 22px;
    height: 15px;
    border: 1px solid #c4c4c4;
    font-size: 12px;
    text-align: right;
    padding: 0 3px;
    float: left;
}

.infoArea dl dd .total {
    *zoom: 1;
    width: 280px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_total.gif) repeat-x 0 0;
    height: 23px;
    padding-top: 3px;
}
.infoArea dl dd .total:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.infoArea dl dd .total .option {
    float: left;
    width: 70px;
    padding-left: 5px;
    color: #888;
    padding-top: 3px;
}
.infoArea dl dd .total .price {
    float: right;
    color: #333;
    width: 140px;
    text-align: right;
    padding-right: 5px;
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    font-size: 14px;
}
.infoArea dl dd .total .price span {
    font-family: "돋움", Dotum, sans-serif;
    font-size: 12px;
}

.infoArea dl dd input.check {
    vertical-align: -2px;
}
.infoArea dl dd .packProd {
    border: 1px solid #ddd;
    padding: 7px 10px 10px;
    margin-bottom: 13px;
}

.infoArea .btnArea {
    padding-top: 15px;
}
.infoArea .soldout {
    border: 1px solid #ddd;
    margin-top: 15px;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #444;
}
.infoArea .soldout span.text {
    display: inline-block;
    padding-top: 7px;
    padding-right: 7px;
}

.infoArea .dbCoupon {
    border: 1px solid #ddd;
    margin-top: 25px;
    position: relative;
}
.infoArea .dbCoupon h4 {
    border-bottom: 1px solid #ddd;
    background: #f4f4f4;
    padding: 2px;
}
.infoArea .dbCoupon p {
    position: absolute;
    right: 7px;
    top: 7px;
    color: #888;
}
.infoArea .dbCoupon ul {
    padding: 5px;
}
.infoArea .dbCoupon ul li {
    position: relative;
    height: 17px;
    padding-top: 2px;
    letter-spacing: -1px;
}
.infoArea .dbCoupon ul li a {
    position: absolute;
    right: 5px;
    top: 0;
}

/* 2013-12-17 제품상세 쿠폰 혜택 변경 */
.infoArea .dbCoupon2 {
    border: 1px solid #ddd;
    margin-top: 25px;
    position: relative;
}
.infoArea .dbCoupon2 h4 {
    background: #f4f4f4;
    padding: 5px 9px;
}
.infoArea .dbCoupon2 p {
    position: absolute;
    left: 78px;
    top: 12px;
    color: #666;
}
.infoArea .dbCoupon2 ul {
    padding: 8px 10px;
    border: 2px solid #efefef;
}
.infoArea .dbCoupon2 ul li {
    position: relative;
    height: 29px;
    padding: 2px 0 0 6px;
    letter-spacing: -1px;
    line-height: 14px;
    background: url("//image.hnsmall.com/images/img2014/category/bu_cros3x3_2.gif") no-repeat 0 6px;
    color: #666;
    font-size: 11px;
}
.infoArea .dbCoupon2 ul li span {
    color: #999;
}
.infoArea .dbCoupon2 ul li a {
    position: absolute;
    right: 5px;
    top: 0;
}

.itemDetailWrap .etcInfo {
    float: right;
    width: 220px;
}
.itemDetailWrap .etcInfo .userReview {
    position: relative;
    *zoom: 1;
    width: 180px;
    background: #f7f7f7;
    padding: 25px 20px;
}
.itemDetailWrap .etcInfo .userReview:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .etcInfo .userReview h2 {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 10px;
}
.itemDetailWrap .etcInfo .userReview h2 span {
    font-size: 12px;
    font-weight: normal;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap {
    *zoom: 1;
    padding-bottom: 10px;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num {
    float: left;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num strong {
    font-size: 46px;
    color: #e51937;
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    letter-spacing: -3px;
    font-weight: normal;
    line-height: 48px;
    padding-right: 3px;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap .num span {
    font-size: 16px;
    color: #888;
    font-family: "돋움", Dotum, sans-serif;
    letter-spacing: -1px;
    font-weight: bold;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul {
    float: right;
    padding-top: 5px;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li {
    *zoom: 1;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .text {
    font-size: 11px;
    float: left;
    margin-top: -3px;
    color: #888;
    text-align: right;
    width: 32px;
    letter-spacing: -1px;
    padding-right: 2px;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .star {
    background: url(//image.hnsmall.com/images/img2014/category/bg_star_.gif) repeat-x 0 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.itemDetailWrap .etcInfo .userReview .reviewWrap ul li .star span {
    background: url(//image.hnsmall.com/images/img2014/category/bg_star2.png) repeat-x 0 0 !important;
}
.itemDetailWrap .etcInfo .userReview .review {
    padding-top: 13px;
    background: url(//image.hnsmall.com/images/img2014/category/line_review.gif) repeat-x 0 top;
}
.itemDetailWrap .etcInfo .userReview .review li {
    background: url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px;
    padding-left: 5px;
}
.itemDetailWrap .etcInfo .userReview .review li a {
    font-size: 11px;
    line-height: 14px;
}
.itemDetailWrap .etcInfo .userReview .more {
    position: absolute;
    right: 20px;
    top: 27px;
}

.itemDetailWrap .etcInfo .userReview .reviewWrite {
    text-align: center;
    padding: 5px 0 0 0;
    letter-spacing: -1px;
    line-height: 14px;
}
.itemDetailWrap .etcInfo .userReview .reviewWrite p {
    padding-top: 5px;
}

.itemDetailWrap .etcInfo .sideWrap {
}
.itemDetailWrap .etcInfo .sideWrap dt {
    display: block;
    width: 220px;
    height: 20px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_side_detail.gif) no-repeat 0 0;
    padding-top: 5px;
    cursor: pointer;
    margin-top: 1px;
}
.itemDetailWrap .etcInfo .sideWrap dt span {
    color: #666;
    font-weight: bold;
    padding-left: 10px;
}
.itemDetailWrap .etcInfo .sideWrap dt.over {
    display: block;
    width: 220px;
    height: 20px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_side_detail.gif) no-repeat 0 -25px;
    padding-top: 5px;
    cursor: pointer;
}
.itemDetailWrap .etcInfo .sideWrap dt.over span {
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
}
.itemDetailWrap .etcInfo .sideWrap dd {
    border: 1px solid #ddd;
    padding: 20px;
    border-bottom: none;
    border-top: none;
    background: url(//image.hnsmall.com/images/img2014/category/bu_arrow_side.gif) no-repeat center 0;
    height: 174px;
}
.itemDetailWrap .etcInfo .sideWrap dd.lasts {
    border-bottom: 1px solid #ddd;
}
.itemDetailWrap .etcInfo .sideWrap dd.cardOvs {
    overflow-y: auto;
    position: relative;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 {
}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li {
    position: relative;
    height: 50px;
    padding-left: 60px;
    padding-bottom: 10px;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li.last {
    padding-bottom: 0;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li p {
    position: absolute;
    left: 0;
    top: 0;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li div a {
    font-size: 11px;
    line-height: 14px;
    color: #666;
    width: 118px;
    max-height: 26px;
    overflow: hidden;
    display: block;
} /* 2012-11-23 max-height */
.itemDetailWrap .etcInfo .sideWrap dd .prod2 li div span {
    font-size: 11px;
    color: #444;
    display: block;
    margin-top: -13px;
} /*2012-11-23 max-height */

.itemDetailWrap .etcInfo .sideWrap dd .prod1 {
}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li {
    position: relative;
    height: 23px;
    padding-left: 45px;
    padding-bottom: 10px;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li.last {
    padding-bottom: 0;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li p {
    position: absolute;
    left: 0;
    top: 0;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li div a {
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;
    color: #999;
}
.itemDetailWrap .etcInfo .sideWrap dd .prod1 li div a span {
    font-size: 11px;
    color: #666;
}

.itemDetailWrap .quickReview {
    position: relative;
    *zoom: 1;
    width: 238px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    padding: 25px 20px;
    margin-top: 15px;
}
.itemDetailWrap .quickReview:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .quickReview h2 {
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
.itemDetailWrap .quickReview h2 span {
    font-size: 12px;
    font-weight: normal;
}
.itemDetailWrap .quickReview .reviewWrap {
    *zoom: 1;
    padding-bottom: 10px;
    background: #fff;
    padding-top: 10px;
}
.itemDetailWrap .quickReview .reviewWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .quickReview .reviewWrap .num {
    float: left;
    padding-left: 10px;
}
.itemDetailWrap .quickReview .reviewWrap .num strong {
    font-size: 46px;
    color: #e51937;
    font-family: Tahoma, "돋움", Dotum, sans-serif;
    letter-spacing: -3px;
    font-weight: normal;
    line-height: 48px;
    padding-right: 3px;
}
.itemDetailWrap .quickReview .reviewWrap .num span {
    font-size: 16px;
    color: #888;
    font-family: "돋움", Dotum, sans-serif;
    letter-spacing: -1px;
    font-weight: bold;
}
.itemDetailWrap .quickReview .reviewWrap ul {
    float: left;
    padding-top: 5px;
    padding-left: 30px;
}
.itemDetailWrap .quickReview .reviewWrap ul li {
    *zoom: 1;
}
.itemDetailWrap .quickReview .reviewWrap ul li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.itemDetailWrap .quickReview .reviewWrap ul li .text {
    font-size: 11px;
    float: left;
    margin-top: -3px;
    color: #888;
    text-align: right;
    width: 32px;
    letter-spacing: -1px;
    padding-right: 2px;
}
.itemDetailWrap .quickReview .reviewWrap ul li .star {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.itemDetailWrap .quickReview .reviewWrap ul li .star span {
}
.itemDetailWrap .quickReview .review {
    padding-top: 13px;
    background: url(//image.hnsmall.com/images/img2014/category/line_review.gif) repeat-x 0 top;
}
.itemDetailWrap .quickReview .review li {
    background: url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px;
    padding-left: 5px;
}
.itemDetailWrap .quickReview .review li a {
    font-size: 11px;
    line-height: 14px;
}
.itemDetailWrap .quickReview .more {
    position: absolute;
    right: 20px;
    top: 27px;
}

.itemDetailWrap .quickReview .reviewWrite {
    text-align: center;
    padding: 15px 0 0 0;
    letter-spacing: -1px;
    line-height: 14px;
}
.itemDetailWrap .quickReview .reviewWrite p {
    padding-top: 5px;
}
.infoArea .btnArea2 {
    *zoom: 1;
    width: 100%;
}
.infoArea .btnArea2:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.infoArea .btnArea2 span {
    float: left;
    margin-right: 4px;
}
.infoArea .btnArea2 span.last {
    margin-right: 0;
}
.infoArea .btnArea2 span img {
    margin-bottom: 1px;
}

.leftNav {
    position: fixed;
    left: 50%;
    margin-left: -570px;
    bottom: 0;
    z-index: 10000;
    width: 60px;
}
.leftNav ul {
    padding-top: 4px;
}
.leftNav ul li a {
    background: url(//image.hnsmall.com/images/img2014/category/bg_nav.gif) no-repeat -61px 0;
    width: 80px;
    height: 22px;
    overflow: hidden;
    margin-top: 1px;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
}
.leftNav ul li.on {
}

.leftNav ul li a.nav1 {
    background-position: -81px 0;
}
.leftNav ul li a.nav2 {
    background-position: -81px -22px;
}
.leftNav ul li a.nav3 {
    background-position: -81px -44px;
}
.leftNav ul li a.nav4 {
    background-position: -81px -66px;
}
.leftNav ul li a.nav5 {
    background-position: -81px -88px;
}
.leftNav ul li a.nav6 {
    background-position: -81px -110px;
}

.leftNav ul li.on a.nav1 {
    background-position: 0 0;
}
.leftNav ul li.on a.nav2 {
    background-position: 0 -22px;
}
.leftNav ul li.on a.nav3 {
    background-position: 0 -44px;
}
.leftNav ul li.on a.nav4 {
    background-position: 0 -66px;
}
.leftNav ul li.on a.nav5 {
    background-position: 0 -88px;
}
.leftNav ul li.on a.nav6 {
    background-position: 0 -110px;
}

.quickView {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 25000;
}
.deem {
    background: #000;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 20000;
}

/* calculator */
.calculWrap {
    position: absolute;
    width: 326px;
    border: 2px solid #dd1032;
    background: #fff;
    z-index: 30000;
}
.calculWrap .layerPop {
    position: absolute;
    border: 1px solid #ddd;
    background: #fff;
    z-index: 999;
}
.calculWrap .popTit {
    margin: -1px -1px 0;
    padding: 8px 0 8px 29px !important;
    border: 1px solid #c00e2b;
    border-bottom: 0;
    background: #dd1032;
}
.calculWrap .layerCont {
    margin: 0 29px;
    padding: 4px 0;
    border-top: 4px solid #ffd756;
}
.calculWrap .layerCont .popClose {
    position: absolute;
    top: 10px;
    right: 10px;
}
.calculWrap .calTop {
    height: 51px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul1.gif) no-repeat 0 0;
    padding-top: 17px;
    padding-left: 23px;
}
.calculWrap .calTop li {
    color: #444;
}
.calculWrap .calTop li input {
    vertical-align: middle;
}
.calculWrap .calTop li select {
    vertical-align: middle;
    font-size: 12px;
    padding: 1px;
}

.calculWrap .calMid {
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul2.gif) repeat-y 0 0;
    padding-top: 9px;
    *padding-top: 13px;
    padding-bottom: 15px;
}
.calculWrap .calMid li {
    *zoom: 1;
    height: 27px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul5.gif) no-repeat 0 bottom;
    padding: 3px 26px 0;
}
.calculWrap .calMid li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.calculWrap .calMid li.first {
    margin-bottom: 4px;
}
.calculWrap .calMid li.last {
    background: none;
}
.calculWrap .calMid li strong {
    float: left;
    color: #666;
}
.calculWrap .calMid li strong img {
    margin-top: 3px;
    cursor: pointer;
}
.calculWrap .calMid li strong input {
    vertical-align: middle;
}
.calculWrap .calMid li p {
    float: right;
}
.calculWrap .calMid li p.sellPrice {
    color: #444;
    font-size: 18px;
    font-family: Tahoma;
}
.calculWrap .calMid li p.sellPrice span {
    font-weight: bold;
    font-size: 12px;
    color: #444;
    padding-left: 2px;
}
.calculWrap .calMid li p input {
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul_input.gif) no-repeat 0 0;
    width: 120px;
    height: 25px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    color: #dd1032;
    border: none;
    vertical-align: middle;
}
.calculWrap .calMid li p span {
    color: #444;
    vertical-align: middle;
}
.calculWrap .calMid li p strong {
    float: none;
    color: #dd1032;
    padding-right: 5px;
}
.calculWrap .calMid li dl {
    padding: 0 !important;
}
.calculWrap .calMid li dl dt {
    font-weight: bold;
    color: #444;
}
.calculWrap .calMid li dl dd {
    *zoom: 1;
    padding: 0;
}
.calculWrap .calMid li dl dd:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.calculWrap .calMid li dl dd p {
    float: left;
    font-size: 11px !important;
    color: #888 !important;
}
.calculWrap .calMid li dl dd a {
    float: right;
}
.calculWrap .calMid li .closeMore {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.calculWrap .calBot {
    height: 53px;
    *height: 55px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul3.gif) no-repeat 0 0;
    padding-top: 10px;
    *padding-top: 8px;
    padding-left: 25px;
    padding-right: 25px;
}
.calculWrap .calBot li {
    *zoom: 1;
}
.calculWrap .calBot li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.calculWrap .calBot li.first {
    padding-bottom: 6px;
    *padding-bottom: 0px;
}
.calculWrap .calBot li strong {
    float: left;
    padding-top: 3px;
    *padding-top: 5px;
    font-size: 11px;
    color: #444;
    font-weight: normal;
}
.calculWrap .calBot li strong span {
    font-size: 11px;
    color: #dd1032;
}
.calculWrap .calBot li p {
    float: right;
}
.calculWrap .calBot li p {
    color: #444;
    font-size: 18px;
    font-family: Tahoma;
}
.calculWrap .calBot li p span img {
    margin-top: 3px;
    margin-left: 3px;
}
.calculWrap .calBot li p.yel {
    color: #de1f3f;
}

.calculWrap .calCard {
    padding-top: 14px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul4.gif) no-repeat 0 0;
}
.calculWrap .calCard li {
    *zoom: 1;
}
.calculWrap .calCard li:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.calculWrap .calCard li.first {
    padding-bottom: 10px;
}
.calculWrap .calCard li strong {
    float: left;
    font-weight: normal;
}
.calculWrap .calCard li strong input {
    vertical-align: middle;
}
.calculWrap .calCard li p {
    float: right;
}
.calculWrap .calCard li p strong {
    float: none;
    color: #444;
    font-weight: bold;
}
.calculWrap .calCard li p span {
    color: #dd1032;
    font-weight: bold;
}
.calculWrap .calCard li p input {
    background: url(//image.hnsmall.com/images/img2014/category/bg_calcul_input.gif) no-repeat 0 0;
    width: 130px;
    height: 25px;
    padding-right: 10px;
    text-align: right;
    font-weight: bold;
    color: #ffe54a;
    border: none;
    vertical-align: middle;
}
.calculWrap .calCard li .txt {
    font-size: 11px;
    color: #dd1032;
    line-height: 15px;
    padding-top: 5px;
}

.calculWrap .btn {
    text-align: center;
    width: 280px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 25px;
}
*/

/* popup */
#popupWarp {
}

/* popup width size */
.popWidth300 {
    width: 300px !important ;
    position: relative;
}
.popWidth350 {
    width: 350px !important ;
    position: relative;
}
.popWidth370 {
    width: 370px !important ;
    position: relative;
}
.popWidth400 {
    width: 400px !important ;
    position: relative;
}
.popWidth420 {
    width: 420px !important ;
    position: relative;
}
.popWidth450 {
    width: 450px !important ;
    position: relative;
}
.popWidth500 {
    width: 500px !important ;
    position: relative;
}
.popWidth640 {
    width: 640px !important ;
    position: relative;
}
.popWidth670 {
    width: 670px !important ;
    position: relative;
}

/* popup tvshopping icon */
.icoTvshop {
    top: 0;
    right: 0;
    position: absolute;
}

.popBottom {
    width: 100%;
    height: 30px;
    background: #444;
    position: relative;
}
.popBottom p {
    top: 5px;
    left: 20px;
    position: absolute;
    color: #ccc;
}
.popBottom .closeOrderBtn {
    top: 6px;
    right: 6px;
    position: absolute;
}

/*상품평 이벤트*/
.reviewEvent {
    margin: 0 20px;
    position: relative;
    border: 2px solid #dd1032;
    padding-bottom: 10px;
}
.reviewEvent .buLeft {
    width: 20px;
    height: 43px;
    position: absolute;
    left: -22px;
    top: 8px;
    background: url(//image.hnsmall.com/images/img2014/category/bu_ribbon_left.gif) no-repeat 0 0;
}
.reviewEvent .buRight {
    width: 20px;
    height: 43px;
    position: absolute;
    right: -22px;
    top: 8px;
    background: url(//image.hnsmall.com/images/img2014/category/bu_ribbon_right.gif) no-repeat 0 0;
}
.reviewEvent .title {
    height: 25px;
    color: #fff;
    margin: 8px 0 10px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 30px 0 65px;
    background: #dd1032 url(//image.hnsmall.com/images/img2014/category/bu_ev_re.gif) no-repeat 30px 4px;
}
.reviewEvent .title span {
    color: #ffe54a;
}
.reviewEvent dl {
    padding: 3px 30px;
    position: relative;
}
.reviewEvent dl dt {
    position: absolute;
    left: 30px;
    top: 5px;
    font-weight: bold;
    background: url(//image.hnsmall.com/images/img2014/category/bu_arrow_event.gif) no-repeat 0 5px;
    padding-left: 8px;
    width: 110px;
}
.reviewEvent dl dd {
    margin-left: 110px;
}

/* wing-TVCF VIew */
.tbcfWing {
    position: absolute;
    left: 50%;
    top: 110px;
    margin-left: 490px;
    z-index: 20000;
    width: 61px;
}
.tbcfWing p {
    padding-top: 0;
}
.tbcfWrap {
    display: none;
    width: 793px;
    height: 0;
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -313px;
    z-index: 20000;
}
.tbcfWrap .tvcf {
    height: 435px;
    background: url(//image.hnsmall.com/images/img2014/common/tvcf02.png) no-repeat 0 51px;
    padding-left: 173px;
}
.tbcfWrap p.btn {
    margin-top: -65px;
    text-align: right;
}

/* wing-TVCF VIew 2013-03-25 */
.tvcfWing {
    position: absolute;
    left: 50%;
    top: 109px;
    margin-left: 490px;
    z-index: 20000;
    width: 61px;
}
.tvcfWing p {
    padding-top: 0;
}
.tvcfWrap {
    display: none;
    width: 793px;
    height: 0;
    position: absolute;
    top: 220px;
    left: 50%;
    margin-left: -313px;
    z-index: 20000;
}
.tvcfWrap .tvcf {
    height: 435px;
    background: url(//image.hnsmall.com/images/img2014/common/tvcf02.png) no-repeat 0 51px;
    padding-left: 173px;
}
.tvcfWrap p.btn {
    margin-top: -65px;
    text-align: right;
}

.tvcfWrap {
    display: none;
    width: 960px;
    height: 0;
    background: url(//image.hnsmall.com/images/img2014/main/bg_tvcf.gif) repeat-x 0 0;
    position: absolute;
    top: 227px;
    left: 50%;
    margin-left: -480px;
    z-index: 20000;
}
.tvcfWrap p.btn {
    margin-top: 6px;
    padding-right: 6px;
    text-align: right;
}
.tvcfWrap .tvcfView {
    float: left;
    width: 620px;
    height: 370px;
    margin-left: 160px;
}
.tvcfWrap .tvcfList {
    float: left;
    width: 180px;
    color: #fff;
    padding-top: 20px;
}
.tvcfWrap .tvcfList li {
    width: 141px;
    height: 58px;
    margin-left: 19px;
    font-size: 0;
    background: url(//image.hnsmall.com/images/img2014/common/tvcf_menu.gif) no-repeat 0 0;
}
.tvcfWrap .tvcfList li a {
    display: block;
    width: 141px;
    height: 58px;
}
.tvcfWrap .tvcfList li.menu1:hover {
    background-position: -141px 0;
}
.tvcfWrap .tvcfList li.menu1.on {
    background-position: -141px 0;
}
.tvcfWrap .tvcfList li.menu2 {
    background-position: 0 -57px;
}
.tvcfWrap .tvcfList li.menu2:hover {
    background-position: -141px -57px;
}
.tvcfWrap .tvcfList li.menu2.on {
    background-position: -141px -57px;
}
.tvcfWrap .tvcfImg {
    position: absolute;
    top: 145px;
    right: -70px;
}

/* popup Onair 2013-02-15 */
.popupOnair {
    height: 310px;
}
.popupOnair h1 {
    margin-bottom: 10px;
}
.popupOnair .onair {
    float: left;
    width: 419px;
    padding: 27px 0 0 30px;
}
.popupOnair .onair .airImgList {
    height: auto;
}
.popupOnair .onair .airImgList .img {
    float: left;
    margin-right: 7px;
}
.popupOnair .onair .airImgList .img a img {
    display: block;
    border: 1px solid #ccc;
}
.popupOnair .onair .airImgList p {
    padding-top: 30px;
}
.popupOnair .onair .airImgList .text {
    width: 150px;
    padding-left: 244px;
    font-size: 12px;
}
.popupOnair .onair .airImgList .text a {
    color: #666;
}
.popupOnair .onair .airImgList .text .time {
    font-family: Tahoma;
    font-weight: bold;
    color: #444;
    padding: 5px 0;
}
.popupOnair .onair .airImgList .text .txt {
    line-height: 15px;
    height: 77px;
    overflow: hidden;
    max-height: 60px;
}
.popupOnair .onair .airImgList .price {
    padding: 7px 0 3px;
    font-family: Tahoma;
    text-decoration: line-through;
}
.popupOnair .onair .airImgList .priceSale {
    padding: 0 0;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
}

.popupOnair .banner {
    float: right;
    border-left: 1px solid #ddd;
}

.popupBest {
    height: 120px;
    background: #ddd;
    padding: 20px 0 20px 30px;
}
.popupBest h1 {
    margin-bottom: 10px;
}
.popupBest ul li {
    width: 190px;
    margin-right: 20px;
    float: left;
    display: inline-block;
}
.popupBest ul li .popImgList {
    height: auto;
}
.popupBest ul li .popImgList .img {
    float: left;
    margin-right: 7px;
}
.popupBest ul li .popImgList .img a img {
    display: block;
    border: 1px solid #ccc;
}
.popupBest ul li .popImgList .text {
    height: 100px;
    padding-right: 7px;
    max-height: 52px;
    overflow: hidden;
    line-height: 13px;
    font-size: 11px;
}
.popupBest ul li .popImgList .text a {
    color: #666;
}
.popupBest ul li .popImgList .price {
    color: #444;
    font-size: 11px;
    padding-top: 10px;
}
.popupBest ul li .popImgList .price .num {
    font-family: Tahoma;
}
.popupBest ul li .popImgList .flag1 {
    position: relative;
    left: 0;
    top: -81px;
    width: 31px;
    height: 39px;
    font-size: 0;
    background: url("//image.hnsmall.com/images/img2014/popup/popup_flag1.png") no-repeat 0 0;
}
.popupBest ul li .popImgList .flag2 {
    position: relative;
    left: 0;
    top: -81px;
    width: 31px;
    height: 39px;
    font-size: 0;
    background: url("//image.hnsmall.com/images/img2014/popup/popup_flag2.png") no-repeat 0 0;
}
.popupBest ul li .popImgList .flag3 {
    position: relative;
    left: 0;
    top: -81px;
    width: 31px;
    height: 39px;
    font-size: 0;
    background: url("//image.hnsmall.com/images/img2014/popup/popup_flag3.png") no-repeat 0 0;
}

/* popup Onair 2013-03-08 */
.onairTop {
    height: 103px;
    margin-bottom: 26px;
}
.onairTop ul li {
    float: left;
    display: inline-block;
}
.onairTop ul li.banner {
    border-bottom: 3px solid #858585;
}

.onairBot {
    height: 261px;
    margin-bottom: 30px;
}
.onairBot ul li {
    float: left;
    display: inline-block;
}
.onairBot ul li.popOnair {
    padding-left: 30px;
    width: 400px;
    border-right: 1px solid #ddd;
}
.onairBot ul li.popOnair h1 {
    margin-bottom: 10px;
}
.onairBot ul li.popOnair .airImgList {
    height: auto;
}
.onairBot ul li.popOnair .airImgList .img {
    float: left;
    margin-right: 7px;
}
.onairBot ul li.popOnair .airImgList .img a img {
    display: block;
    border: 1px solid #ccc;
}
.onairBot ul li.popOnair .airImgList p {
    padding-top: 30px;
}
.onairBot ul li.popOnair .airImgList .text {
    width: 140px;
    padding-left: 244px;
    font-size: 12px;
}
.onairBot ul li.popOnair .airImgList .text a {
    color: #666;
}
.onairBot ul li.popOnair .airImgList .text .time {
    font-family: Tahoma;
    font-weight: bold;
    color: #444;
    padding: 5px 0;
}
.onairBot ul li.popOnair .airImgList .text .txt {
    line-height: 15px;
    height: 77px;
    overflow: hidden;
    max-height: 60px;
}
.onairBot ul li.popOnair .airImgList .price {
    padding: 7px 0 3px;
    font-family: Tahoma;
    text-decoration: line-through;
}
.onairBot ul li.popOnair .airImgList .priceSale {
    padding: 0 0;
    font-family: Tahoma;
    font-size: 20px;
    font-weight: bold;
}

.onairBot ul li.popBest {
    width: 219px;
    padding-left: 20px;
}
.onairBot ul li.popBest h1 {
    margin: 15px 0 10px;
}
.onairBot ul li.popBest .popImgList {
    height: auto;
}
.onairBot ul li.popBest .popImgList .img {
    float: left;
    margin-right: 7px;
}
.onairBot ul li.popBest .popImgList .img a img {
    display: block;
    border: 1px solid #ccc;
}
.onairBot ul li.popBest .popImgList .text {
    height: 100px;
    padding-right: 20px;
    max-height: 52px;
    overflow: hidden;
    line-height: 13px;
    font-size: 11px;
}
.onairBot ul li.popBest .popImgList .text a {
    color: #666;
}
.onairBot ul li.popBest .popImgList .price {
    color: #444;
    font-size: 11px;
    padding-top: 10px;
}
.onairBot ul li.popBest .popImgList .price .num {
    font-family: Tahoma;
}
.onairBot ul li.popBest .popImgList .flag1 {
    position: relative;
    left: 0;
    top: -81px;
    width: 31px;
    height: 39px;
    font-size: 0;
    background: url("//image.hnsmall.com/images/img2014/popup/2013/03/popup_flag1.png") no-repeat 0 0;
}
.onairBot ul li.popBest .popImgList .flag2 {
    position: relative;
    left: 0;
    top: -81px;
    width: 31px;
    height: 39px;
    font-size: 0;
    background: url("//image.hnsmall.com/images/img2014/popup/2013/03/popup_flag2.png") no-repeat 0 0;
}

/* popup coupon down 2013-05-02 */
/* popup coupon down 2013-07-09 */
.popWidth440 {
    width: 440px !important ;
    position: relative;
}
.popCoupon {
    margin: 20px 0 0;
    width: 100%;
    height: 531px;
    overflow-y: auto;
    text-align: center;
}
.popCoupon .text1,
.popCoupon2 .text1 {
    margin-bottom: 8px;
}
.popCoupon .text2,
.popCoupon2 .text2 {
    margin-bottom: 12px;
    color: #999;
}
.popCoupon .imgCoupon,
.popCoupon2 .imgCoupon {
    margin-bottom: 17px;
}
.popCoupon .coupList,
.popCoupon2 .coupList {
    width: 378px;
    height: 90px;
    border: 1px solid #cccccc;
    margin: 0 0 5px 20px;
    padding: 17px 10px;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon3.gif") repeat-y 0 0;
}
.popCoupon .coupList .img,
.popCoupon2 .coupList .img {
    float: left;
    width: 117px;
    height: 63px;
    margin-right: 20px;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon4.png") no-repeat 0 0;
    padding-top: 29px;
}
.popCoupon .coupList .img span,
.popCoupon2 .coupList .img span {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    letter-spacing: -1px;
}
.popCoupon .coupList .text,
.popCoupon2 .coupList .text {
    float: left;
    width: 226px;
    text-align: left;
}
.popCoupon .coupList .text .ctitle,
.popCoupon2 .coupList .text .ctitle {
    font-weight: bold;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}
.popCoupon .coupList .text .ctext,
.popCoupon2 .coupList .text .ctext {
    max-height: 42px;
    line-height: 15px;
    overflow: hidden;
    margin-bottom: 5px;
}
.popCoupon .coment,
.popCoupon2 .coment {
    margin-left: 20px;
    text-align: left;
    padding-bottom: 20px;
}
p.btnArea {
    margin-left: 20px;
    width: 400px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
    padding: 20px 0 20px;
}

.popCoupon .coment .buTxt_b a,
.popCoupon2 .coment .buTxt_b a {
    color: #009d9b;
    font-weight: bold;
    text-decoration: underline;
}

.popCoupon2 {
    margin: 20px 0 0;
    width: 100%;
    text-align: center;
}

.dbl_coupon .popCoupon2 {
    width: auto;
    margin-top: 45px;
    padding: 0 20px;
}
.dbl_coupon .tit {
    border-bottom: 1px solid #e51937;
}
.dbl_coupon .tits {
    display: block;
    margin-top: -19px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #222;
    letter-spacing: -0.75px;
    line-height: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dbl_coupon .coment {
    margin-left: 0;
    padding: 10px 0 15px;
    border-top: 1px solid #ddd;
}
.dbl_coupon .coment .buTxt_b {
    font-size: 12px;
    color: #888;
    letter-spacing: -0.75px;
}
.dbl_coupon .coment .buTxt_b a {
    color: inherit;
    text-decoration: none;
    font-weight: normal;
}
.dbl_coupon .popBottom {
    height: 36px;
    background: #888;
    font-size: 11px;
    color: #fff;
}
.dbl_coupon .popBottom p {
    top: 8px;
    color: #fff;
}
.dbl_coupon .popBottom .closeOrderBtn {
    top: 10px;
    right: 20px;
}
.dbl_coupon {
    margin-top: 10px;
    text-align: center;
}
.dbl_coupon .coupon_bx {
    position: relative;
    width: 201px;
    height: 109px;
    margin: 0 auto 30px;
    border: 1px solid #dedede;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon_bx.gif") no-repeat;
}
.dbl_coupon .coupon_bx01 {
    position: relative;
    width: 259px;
    height: 111px;
    margin: 0 auto 30px;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon_won.png") no-repeat;
}
.dbl_coupon .coupon_bx01 p {
    display: inline-block;
    position: relative;
    font-size: 50px;
    color: #4d4c45;
    font-family: helvetica;
    letter-spacing: -2px;
    text-align: center;
    padding: 40px 20px 0 0;
    font-weight: bold;
}
.dbl_coupon .coupon_bx01 p span {
    font-size: 20px;
    font-weight: normal;
    position: absolute;
    top: 41px;
    right: -4px;
}
.dbl_coupon .coupon_bx .num {
    display: inline-block;
    position: absolute;
    left: 50px;
    top: 45px;
    width: 70px;
    font-family: helvetica;
    font-size: 62px;
    color: #4d4d4d;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: right;
}
.dbl_coupon .coupon_bx .percent,
.dbl_coupon .coupon_bx .txt {
    font-size: 0;
    color: transparent;
    line-height: 0;
}
.dbl_coupon .coupon_bx_s {
    display: inline-block;
    position: relative;
    width: 195px;
    height: 92px;
    margin-bottom: 30px;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon_dbl.png") no-repeat;
}
.dbl_coupon .coupon_bx_s .num {
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 32px;
    width: 70px;
    font-family: helvetica;
    font-size: 52px;
    color: #4d4d4d;
    font-weight: bold;
    letter-spacing: -2px;
    text-align: right;
}
.dbl_coupon .coupon_bx_s .percent,
.dbl_coupon .coupon_bx_s .txt {
    font-size: 0;
    color: transparent;
    line-height: 0;
}
.dbl_coupon .coupon_bx_s + .coupon_bx_s {
    margin-left: 5px;
}
.dbl_coupon .coupon_bx01.percent {
    position: relative;
    width: 203px;
    height: 111px;
    margin: 0 auto 30px;
    background: url("//image.hnsmall.com/images/img2014/popup/bg_coupon_per.png") no-repeat;
}
.dbl_coupon .coupon_bx01.percent p {
    padding: 40px 20px 0 8px;
}
.dbl_coupon .coupon_bx01.percent p span {
    right: -2px;
    font-size: 26px;
    top: 46px;
}
.dbl_coupon .coupon_bx_s.won p {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: #4d4c45;
    font-family: helvetica;
    letter-spacing: -2px;
    text-align: center;
    padding: 37px 20px 0 0;
    font-weight: bold;
}
.dbl_coupon .coupon_bx_s.won p span {
    font-size: 20px;
    position: absolute;
    top: 35px;
    right: -2px;
}
.dbl_coupon .coupon_bx_s.percent {
    position: relative;
    margin: 0 auto 30px;
}
.dbl_coupon .coupon_bx_s.percent p {
    display: inline-block;
    position: relative;
    font-size: 50px;
    color: #4d4c45;
    font-family: helvetica;
    letter-spacing: -2px;
    text-align: center;
    padding: 30px 0 0 14px;
    font-weight: bold;
}
.dbl_coupon .coupon_bx_s.percent p span {
    right: -2px;
    font-size: 23px;
}
.dbl_coupon .coupon_bx img {
    margin-right: 20px;
    border: 1px solid #dedede;
}
.dbl_coupon .coupon_bx img + img {
    margin-right: 0;
}
.dbl_coupon .term {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
    font-weight: bold;
    line-height: 1;
}

/* FreeContents 2013-07-08 */
.FreeContents {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

/* 2013-07-22 event */
.fall1 {
    width: 152px;
    height: 189px;
    position: absolute;
    top: 593px;
    left: 50%;
    margin-left: -200px;
    font-size: 0;
    display: none;
    z-index: 10000;
}
.fall2 {
    width: 152px;
    height: 189px;
    position: absolute;
    top: 370px;
    left: 50%;
    margin-left: -550px;
    font-size: 0;
    display: none;
    z-index: 10000;
}
.fall3 {
    width: 152px;
    height: 189px;
    position: absolute;
    top: 230px;
    left: 50%;
    margin-left: 50px;
    font-size: 0;
    display: none;
    z-index: 10000;
}
.fall4 {
    width: 152px;
    height: 189px;
    position: absolute;
    top: 700px;
    left: 50%;
    margin-left: 200px;
    font-size: 0;
    display: none;
    z-index: 10000;
}
.fall5 {
    width: 152px;
    height: 189px;
    position: absolute;
    top: 320px;
    left: 50%;
    margin-left: 330px;
    font-size: 0;
    display: none;
    z-index: 10000;
}
.fall1 a,
.fall2 a,
.fall3 a,
.fall4 a,
.fall5 a {
    width: 152px;
    height: 189px;
    display: block;
}

/* 2013-08-09 left floting banner*/
.evt_floting,
.evt_floting div,
.evt_floting img {
    margin: 0;
    padding: 0;
    font-size: 1px;
}
.evt_floting img {
    border: 0;
}
.evt_floting {
    position: absolute;
    z-index: 10000;
    left: 50%;
    margin-left: 200px;
    top: 500px;
    width: 255px;
    height: 262px;
    display: none;
    opacity: 0;
}
.evt_floting p.chk {
    width: 10px;
    position: relative;
    top: -50px;
    left: 77px;
}

/* 2013-10-30 rightWing T캠페인 */
.tcampaign {
    margin-top: 7px;
}

/*2013-12-11 AK 중카테고리 신규 시작*/
.akTopText {
    position: absolute;
    top: -35px;
    right: 0;
    font-size: 11px;
    color: #888;
    text-align: right;
    line-height: 15px;
}

.cateDetailArea .akcategoryadd {
    text-align: center;
    height: 20px;
    border-top: 1px solid #999;
}
.mdBox {
    width: 100%;
    margin-bottom: 30px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #d7d7d7;
    display: inline-block;
}
.AKcateBanner {
    margin: 0 0 40px 0;
}
.mdBox:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.mdBox .viewList {
    background-color: #f9f9f9;
    margin-top: 0;
    border-bottom: 0;
}
.mdBox .viewList h4 {
    font-size: 15px;
    width: 100%;
    overflow: hidden;
    height: 17px;
    margin-bottom: 8px;
}
.mdBox .viewList h4 span {
    text-decoration: underline;
    font-weight: bold;
}
.mdBox .viewList h4 span.red {
    color: #d02b2b;
}
.mdBox .viewList h4 span.ora {
    color: #de4800;
}
.mdBox .viewList h4 span.blu {
    color: #0074b4;
}
.mdBox .viewList h4 span.gre {
    color: #2b7d70;
}
.mdBox .viewList .imgList {
    background: none;
}

.noneback {
    background: none !important;
    position: relative;
}
.noneback .imgList li {
    position: relative;
    top: -1px;
    background: none !important;
}
.noneback .imgSize3 {
    background: url("//image.hnsmall.com/images/img2014/category/bg_dot.gif") repeat-x 0 230px;
}
.noneback .flagNumb {
    position: absolute;
    left: 16px;
    top: 0;
    z-index: 9;
    *zoom: 1;
}
.tabAk {
    width: 100%;
    height: 37px;
    margin-bottom: 25px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_tab2.gif") repeat-x 0 bottom;
}
.tabAk li {
    overflow: hidden;
    float: left;
    width: 159px;
    height: 37px;
    margin-right: -1px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #888;
    background: #f4f4f4;
}
.tabAk li.on {
    position: relative;
    border: 1px solid #888;
    border-bottom: 1px solid #fff;
    background: #fff;
}
.tabAk li.on img {
    margin-top: -37px;
}

.tabText4 {
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
}
.tabText4 li {
    float: left;
}
.tabText4.in1 li {
    width: 99.9%;
}
.tabText4.in2 li {
    width: 49.9%;
}
.tabText4.in3 li {
    width: 33.2%;
}
.tabText4.in4 li {
    width: 24.9%;
}
.tabText4.in5 li {
    width: 19.9%;
}
.tabText4.in6 li {
    width: 16.6%;
}
.tabText4.in7 li {
    width: 14.19%;
}
.tabText4 li a {
    display: block;
    height: 21px;
    margin-top: ;
    margin-right: -1px;
    padding-top: 6px;
    border: 1px solid #ccc;
    border-bottom: 1px solid #e51937;
    color: #666;
    text-align: center;
    text-decoration: none;
}
.tabText4 li.on a {
    position: relative;
    height: 21px;
    margin-top: -2px;
    margin-bottom: -1px;
    padding-top: 6px;
    border: 1px solid #e51937;
    border-top: 4px solid #e51937;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #e31c23;
    font-weight: bold;
    text-decoration: none;
}
.allView {
    position: absolute;
    right: 10px;
    top: -20px;
    z-index: 9;
    *zoom: 1;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.allView a {
    color: #666;
    font-size: 12px;
    font-weight: bold;
}
.allView a:visited {
    color: #666;
}
.tabText2 {
    overflow: hidden;
    width: 100%;
    margin-bottom: 25px;
    background: url("//image.hnsmall.com/images/img2014/category/bg_tab.gif") repeat-x 0 bottom;
}

.speBanner2 {
    overflow: hidden;
    width: 100%;
    padding-top: 20px;
    border-top: 1px solid #888;
    margin-bottom: 30px;
}
.speBanner2 img {
    margin-bottom: 15px;
}
.speBanner2 ul {
    overflow: hidden;
    width: 970px;
    margin-bottom: -10px;
}
.speBanner2 ul li {
    float: left;
    padding: 0 10px 10px 0;
}
/*2013-12-11 AK 중카테고리 신규 끝*/

/* footer */
/* S: 2020-03-04 #31100 바탕색 노출 수정 */
#container ~ #footer {
    min-width: 960px;
}
#footer {
    overflow: hidden;
    padding: 50px 0 15px;
    min-width: 1200px;
}
/* E: 2020-03-04 #31100 바탕색 노출 수정 */
#footer .footerLine {
    border-top: 1px solid #c8c8c8;
}
#footer .footerCenter {
    width: 960px;
    margin: auto;
}
#footer .footerCenter.wide {
    width: 1200px;
}
#footer .footerCenter > div {
    display: inline-block;
    width: 100%;
}
#footer .footerCenter div {
    float: left;
}
#footer .footerCenter .ft_first {
    padding: 25px 0 20px;
}
#footer .footerCenter .links {
    width: 172px;
}
#footer .footerCenter .links ul {
    border: 1px solid #e3e5e4;
    border-top: 0;
}
#footer .footerCenter .links ul li {
    height: 27px;
    font-size: 0;
    line-height: 0;
    border-top: 1px solid #e3e5e4;
}
#footer .footerCenter .links ul li a.ftBtn {
    display: block;
}
#footer .footerCenter dl.brandShop {
    overflow: hidden;
    float: left;
    width: 169px;
    padding-left: 20px;
}
#footer .footerCenter.wide dl.brandShop {
    width: 401px;
}
#footer .footerCenter dl.brandShop dt {
    height: 20px;
}
#footer .footerCenter dl.brandShop dd {
    height: 48px;
    font-size: 0;
    line-height: 0;
}
#footer .footerCenter dl.brandShop dd span {
    overflow: hidden;
    display: inline-block;
    width: 50%;
    height: 16px;
}
#footer .footerCenter.wide dl.brandShop dd span {
    width: 25%;
}
#footer .footerCenter dl.brandShop dd a {
    color: #898989;
    font-size: 11px;
    line-height: 16px;
}
#footer .footerCenter .customer {
    float: left;
    width: 179px;
    height: 85px;
    padding-left: 21px;
    border-left: 1px solid #eee;
}
#footer .footerCenter .mobile {
    float: left;
    width: 197px;
    padding-left: 19px;
    border-left: 1px solid #eee;
}
#footer .footerCenter .catalog {
    float: left;
    width: 143px;
    padding-left: 38px;
}
#footer .footerCenter .menuLinks {
    height: 22px;
    padding: 10px 0;
    border-bottom: 1px solid #cfcfcf;
}
#footer .footerCenter .menuLinks .noticeZone {
    overflow: hidden;
    float: right;
    width: 384px;
    height: 22px;
    *margin-top: -22px;
    padding-left: 15px;
    border-left: 1px solid #eee;
}
#footer .footerCenter .menuLinks .noticeZone dl {
    display: inline-block;
    width: 100%;
    height: 22px;
}
#footer .footerCenter .menuLinks .noticeZone dl dt {
    float: left;
    width: 100px;
    padding: 4px 0 5px;
    vertical-align: middle;
}
#footer .footerCenter .menuLinks .noticeZone dl dt img {
    float: left;
    *vertical-align: -1px;
}
#footer .footerCenter .menuLinks .noticeZone dl dd {
    position: relative;
    float: left;
    width: 250px;
    padding-right: 34px;
}
#footer .footerCenter .menuLinks .noticeZone dl dd div ul {
    display: inline-block;
    width: 100%;
}
#footer .footerCenter.wide .menuLinks .noticeZone dl dd {
    width: 413px;
}
#footer .footerCenter .menuLinks .noticeZone dl dd div ul li a {
    color: #898989;
    font-size: 11px;
    line-height: 18px;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control {
    position: absolute;
    top: 2px;
    right: 10px;
    width: 22px;
    height: 17px;
    border-left: 1px solid #bdbfbe;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .arrow {
    overflow: hidden;
    display: block;
    float: left;
    width: 10px;
    height: 15px;
    font-size: 0;
    line-height: 0;
    border: 1px solid #bdbfbe;
    border-left: 0;
    background: url(//image.hnsmall.com/images/img2014/common/ico_indicator.png) no-repeat;
    cursor: pointer;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .prev {
    background-position: -241px 0;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .prev:hover {
    background-position: -264px 0;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .next {
    background-position: -252px 0;
}
#footer .footerCenter .menuLinks .noticeZone dl dd .control .next:hover {
    background-position: -275px 0;
}
#footer .footerCenter .menuLinks .noticeZone.v2 {
    width: 459px !important;
    padding-left: 13px;
    border-left: 0;
}
#footer .footerCenter .menuLinks .noticeZone.v2 dl dd {
    width: 287px;
}
#footer .footerCenter .address {
    position: relative;
    height: 100px;
    padding: 20px 0;
}
#footer .footerCenter .address .logo {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -18px;
}
#footer .footerCenter .address .bizinfo {
    float: left;
    padding-left: 159px;
}
#footer .footerCenter .address .service {
    float: right;
    width: 384px;
    height: 100px;
    padding-left: 15px;
    border-left: 1px solid #eee;
}
#footer .footerCenter .company {
    height: 34px;
    padding: 7px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.ftBtn {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/footer_button.png) no-repeat;
}
.ftb_tcampaign {
    width: 170px;
    height: 27px;
    background-color: #f3f3f3;
    background-position: 0 0;
}
.ftb_opinion {
    width: 170px;
    height: 27px;
    background-color: #f3f3f3;
    background-position: 0 -28px;
}
.ftb_cardBenefit {
    width: 170px;
    height: 27px;
    background-color: #f3f3f3;
    background-position: 0 -56px;
}
.ftb_faq {
    width: 50px;
    height: 15px;
    margin-top: 14px;
    background-position: 0 -98px;
}
.ftb_inquire {
    width: 90px;
    height: 15px;
    margin-top: 14px;
    background-position: -55px -98px;
}
.ftb_catalog {
    width: 108px;
    height: 21px;
    margin-top: 14px;
    background-position: 0 -132px;
}
.ftb_bizinfo {
    position: absolute;
    top: 51px;
    left: 345px;
    width: 81px;
    height: 15px;
    background-position: 0 -173px;
}
.ftb_service {
    width: 116px;
    height: 18px;
    margin-top: 10px;
    background-position: 0 -208px;
}
.ftb_more {
    width: 35px;
    height: 13px;
    margin-left: 7px;
    background-position: 0 -246px;
}
.ftb_halfprice {
    width: 108px;
    height: 21px;
    background-position: 0 -280px;
}

/* 푸터 디자인 변경 2016-03-09 - 배포후 address_v2 삭제 필요  */
#footer .footerCenter .address.address_v2 .service {
    height: 74px;
    position: relative;
}
#footer .footerCenter .address.address_v2 .company {
    float: right;
    width: 384px;
    height: auto;
    padding: 0 0 0 15px;
    border: none;
    border-left: 1px solid #eee;
}

.address_v2 .ftBtn {
    background: url(//image.hnsmall.com/images/mobile2014/common/footer_button.png) no-repeat;
}
.address_v2 .ftb_bizinfo {
    position: absolute;
    top: 51px;
    left: 345px;
    width: 81px;
    height: 15px;
    background-position: 0 -173px;
}
.address_v2 .ftb_service {
    position: absolute;
    top: -2px;
    left: 170px;
    width: 100px;
    height: 15px;
    margin-top: 0;
    background-position: 0 -208px;
}

#footer .footerCenter.wide .address .service,
#footer .footerCenter.wide .menuLinks .noticeZone,
#footer .footerCenter.wide .address.address_v2 .company {
    width: 591px;
}

/* 푸터 UI 변경 2017-06-16 */
#footer .footerCenter .address.address_v3 {
    padding-bottom: 30px;
}
#footer .footerCenter .address.address_v3 .bizinfo {
    padding-left: 190px;
}
#footer .footerCenter .address.address_v3 .logo {
    left: 49px;
}
#footer .footerCenter .address.address_v3 .ftb_bizinfo {
    left: 314px;
    top: 68px;
}

#footer .footerCenter .address.address_v3 .service.type02 {
    height: 74px;
    position: relative;
    margin-bottom: 15px !important;
    border-left: none;
}
#footer .footerCenter .address.address_v3 .company {
    float: right;
    width: 384px;
    height: auto;
    padding: 0 0 0 15px;
    border: none;
}

#footer .footerCenter .address.address_v3 .cscenter {
    float: left;
    width: 145px;
    height: 98px;
    margin-left: 20px;
    padding: 0 18px 0 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.address_v3 .ftBtn {
    background: url(//image.hnsmall.com/images/img2014/common/footer_button02.png) no-repeat;
}
.address_v3 .ftBtn.ftb_faq {
    width: 70px;
    height: 21px;
    margin: 10px 4px 0 0;
    background-position: 0 -98px;
    vertical-align: top;
}
.address_v3 .ftBtn.ftb_inquire {
    width: 70px;
    height: 21px;
    margin-top: 10px;
    background-position: -74px -98px;
    vertical-align: top;
}

.address_v3 .ftb_bizinfo {
    position: absolute;
    top: 51px;
    left: 345px;
    width: 81px;
    height: 15px;
    background-position: 0 -173px;
}
.address_v3 .ftb_service {
    position: absolute;
    top: 0;
    left: 170px;
    width: 100px;
    height: 15px;
    margin-top: 0;
    background-position: 0 -208px;
}

#footer .footerCenter.wide .address .service,
#footer .footerCenter.wide .menuLinks .noticeZone,
#footer .footerCenter.wide .address.address_v3 .company {
    width: 585px;
}

#footer .footerCenter.wide .address .service.type02 {
    height: auto;
    margin-bottom: 16px;
}

/*플로팅배너*/
.floatPrt {
    position: relative;
}

/*플로팅배너(메인)*/
#mainFloatingBnSmall {
    padding-top: 29px;
}
#mainFloatingBnSmall .mfb_smallZone {
}
#mainFloatingBn {
    z-index: 24000;
    position: fixed;
    display: none;
    left: 55%;
    top: 230px;
    width: 1200px;
    margin-left: -600px;
}
#mainFloatingBn .mfb_bigZone1 {
    position: absolute;
    top: 154px;
    right: 0;
}
#mainFloatingBn .mfb_bigZone2 {
    position: absolute;
    top: 154px;
    left: 0;
}

/*플로팅배너(중카)*/
#floatingBnSquare {
    z-index: 24000;
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: 130px;
}
.fb_box {
    width: 348px;
    height: 358px;
    background: #fff;
    border: 1px solid #cdcdcd;
}
.fb_box .fb_img {
    overflow: hidden;
    width: 348px;
    height: 320px;
}
.fb_box .fb_close {
    height: 38px;
    padding: 0 8px;
    background: #444;
    position: relative;
}
.fb_box .fb_close p {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #ccc;
    font-size: 13px;
}
.fb_box .fb_close .closeBtn {
    position: absolute;
    top: 12px;
    right: 13px;
}

/*플로팅배너(상세)*/
#floatingBnCircle {
    z-index: 24000;
    position: absolute;
    top: 300px;
    left: 50%;
}
#floatingBnSmall {
    z-index: 24000;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 50%;
}
#floatingBnSmall .fb_smallZone {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 66px;
    height: 156px;
    margin-left: 490px;
}
#floatingBnBig {
    z-index: 24000;
    position: fixed;
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#floatingBnBig .fb_bigZone {
    display: block;
}

/*2015-12-16 leftmenu 수정

.cateDepthTopWrap ul.cateLnb {padding-top:6px!important}
#container .depth2TopWrap p.banner{ padding-top:0}
.topTvhome .cateNavi dd .cateLnb li a.avenue { font-weight:bold}*/

.topTvhome .cateNavi p.banner_v2 {
    bottom: 20px;
}
/* 2020-03-11 맨티스 수정사항 (#2471) */
#container .topTvhome .cateNavi p.banner_v2 {
    padding-top: 0;
    width: auto;
}

/* 첫 구매 본인인증 */
.first_order {
    margin: 55px 0 0 0;
    text-align: center;
    padding-bottom: 150px;
}
.first_order p {
    color: #565656;
    margin-bottom: 50px;
    font-size: 16px;
}
.first_order p strong {
    display: block;
    line-height: 28px;
    color: #232323;
    font-size: 24px;
    margin-bottom: 7px;
}
.first_order .btn a {
    min-width: 72px;
}

/*  member > 타이틀 영역 UI변경 */
.contents-sub .tit-box {
    display: flex;
    height: auto;
    padding-bottom: 10px;
    margin-top: 40px;
    border-bottom: 1px solid #bbb;
}
.contents-sub .tit-box h2 {
    font-size: 28px;
    line-height: 40px;
    color: #111;
    font-weight: bold;
}
.contents-sub .cont-wrap {
    margin: 0;
    padding: 60px 0 120px;
}

.contents-sub .cont-wrap.login-zone {
    margin: 0;
    padding: 60px 0 45px;
}

/* 2018-09-18 소셜로그인추가 */
.login_sns label .fake,
.login_sns_area.member .btns li a:before,
.login_sns_area.guest .infos li:before {
    background: url(//image.hnsmall.com/images/img2014/common/img_login_sns.png) no-repeat;
}
.login_sns {
    position: relative;
    width: 660px;
    padding-top: 52px;
    margin: 40px auto 0;
    border: 1px solid #5d5d5d;
    box-sizing: border-box;
}
.login_sns h3 {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 50%;
}
.login_sns h3.last {
    left: auto;
    right: 0;
}
.login_sns h3 a {
    display: block;
    width: 330px;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: bold;
    color: #444;
    border: 1px solid #ddd;
    border-bottom: 1px solid #5d5d5d;
    text-align: center;
    background: #f4f4f4;
}
.login_sns h3 a.on {
    border: 1px solid #5d5d5d;
    border-bottom: 1px solid #fff;
    color: #e51937;
    background: #fff;
}
.login_sns_area.member {
    width: 360px;
    margin: 60px auto 50px;
}
.login_sns_area.member .normal {
    position: relative;
}
.login_sns_area.member .normal input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding-left: 7px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 13px;
    color: #666;
}
.login_sns_area.member .normal span {
    display: block;
    position: absolute;
    top: 0;
    left: 7px;
    font-size: 13px;
    color: #888;
    line-height: 32px;
    letter-spacing: -0.5px;
    cursor: text;
}
.login_sns_area.member .normal span.last {
    left: auto;
    right: 15px;
    font-size: 11px;
}
.login_sns_area.member .save {
    position: relative;
    padding-top: 2px;
    float: left;
    overflow: hidden;
}
.login_sns_area.member .save:after {
    content: "";
    display: block;
    clear: both;
}
.login_sns label:after {
    content: "";
    display: block;
    clear: both;
}
.login_sns label input[type="checkbox"] {
    position: absolute;
    left: -99999px;
}
.login_sns label span {
    display: block;
    float: left;
    line-height: 1;
}
.login_sns label .fake {
    position: relative;
    top: 1px;
    width: 13px;
    height: 13px;
    background-position: -125px 0;
    text-indent: -9999px;
    overflow: hidden;
}
.login_sns label input[type="checkbox"]:checked + .fake {
    background-position: -148px 0;
}
.login_sns_area.member .save .txt {
    margin-left: 3px;
    line-height: 14px;
    letter-spacing: -0.5px;
}
.login_sns_area.member .find {
    float: right;
}
.login_sns_area.member .find:after {
    content: "";
    display: block;
    clear: both;
}
.login_sns_area.member .find li {
    position: relative;
    float: left;
    margin-left: 6px;
    padding-left: 6px;
}
.login_sns_area.member .find li:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 11px;
    background: #e8e8e8;
}
.login_sns_area.member .find li:first-child:after {
    display: none;
}
.login_sns_area.member .find li a {
    line-height: 14px;
    letter-spacing: -0.5px;
    color: #666;
}
.login_sns_area.member .btns {
    position: relative;
    clear: both;
    padding-top: 18px;
}
.login_sns_area.member .btns:after {
    content: "";
    display: block;
    clear: both;
}
.login_sns_area.member .btns:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 17px;
    left: -20px;
    width: 400px;
    height: 1px;
    background: url(//image.hnsmall.com/images/img2014/common/border_dotted_sns.gif) repeat;
}
.login_sns_area.member .btns a:hover {
    text-decoration: none;
}
.login_sns_area.member .btns li {
    float: left;
}
.login_sns_area.member .btns li a {
    display: block;
    width: 118px;
    height: 32px;
    line-height: 28px;
    line-height: 26px\0 / IE9;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    color: #565656;
    letter-spacing: -0.5px;
    box-sizing: border-box;
}
.login_sns_area.member .btns li a:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.login_sns_area.member .btns li.normal {
    float: none;
    width: 100%;
}
.login_sns_area.member .btns li.normal a,
.login_sns_area.member .join a {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    margin-bottom: 14px;
    background: #e51937;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0 none;
}
.login_sns_area.member .btns li.normal a.disabled {
    cursor: default;
    background-color: #888;
}
.login_sns_area.member .btns li.payco {
    margin-right: 3px;
}
.login_sns_area.member .btns li.naver {
    float: right;
}
.login_sns_area.member .btns li.phone {
    clear: both;
    width: 100%;
    padding: 4px 0 38px 0;
}
.login_sns_area.member .btns li.phone a {
    width: 100%;
}
.login_sns_area.member .btns li.normal a:before {
    display: none;
}
.login_sns_area.member .btns li.payco a:before {
    top: 9px;
    width: 46px;
    height: 11px;
    margin-right: 2px;
    background-position: 0 0;
}
.login_sns_area.member .btns li.caca a:before {
    top: 8px;
    width: 16px;
    height: 15px;
    margin-right: 3px;
    background-position: -56px 0;
}
.login_sns_area.member .btns li.naver a:before {
    top: 9px;
    width: 12px;
    height: 11px;
    margin-right: 3px;
    background-position: -82px 0;
}
.login_sns_area.member .btns li.phone a:before {
    top: 7px;
    width: 10px;
    height: 16px;
    margin-right: 3px;
    background-position: -104px 0;
}
.login_sns_area.member .desc {
    padding-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.login_sns_area.member .join a {
    background: #333;
}
.login_sns_area.member .join a:hover {
    text-decoration: none;
}
.login_sns_area.guest {
    display: none;
    width: 400px;
    margin: 50px auto;
}
.login_sns_area.guest dl dt {
    font-size: 13px;
    color: #000;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.login_sns_area.guest dl dd {
    padding: 4px 0 7px 0;
    font-size: 11px;
    color: #999;
    line-height: 1.5;
}
.login_sns_area.guest table {
    border: 1px solid #ccc;
}
.login_sns_area.guest table th {
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    font-weight: bold;
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.login_sns_area.guest table td {
    padding: 3px 2px;
    line-height: 13px;
    font-size: 11px;
    border-left: 1px solid #ccc;
    vertical-align: top;
}
.login_sns_area.guest table td .bold {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
}
.login_sns_area.guest .detail {
    padding-top: 6px;
}
.login_sns_area.guest .detail a {
    color: #888;
    vertical-align: top;
}
.login_sns_area.guest .agreed {
    display: block;
    padding: 7px 0 15px 0;
}
.login_sns_area.guest .agreed .txt {
    padding-left: 7px;
    line-height: 13px;
    color: #000;
    font-weight: bold;
}
.login_sns_area.guest .search a,
.login_sns_area.guest .join a {
    display: block;
    width: 360px;
    height: 46px;
    line-height: 46px;
    margin: auto;
    background: #e51937;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0 none;
}
.login_sns_area.guest .search {
    position: relative;
    padding-bottom: 38px;
}
.login_sns_area.guest .search:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 17px;
    left: -20px;
    width: 400px;
    height: 1px;
    background: url(//image.hnsmall.com/images/img2014/common/border_dotted_sns.gif) repeat;
}
.login_sns_area.guest .search.type02 a {
    width: auto;
    height: auto;
    margin-top: 20px;
    background: transparent;
}
.login_sns_area.guest .search.type02:before {
    left: 0;
}
.login_sns_area.guest .desc {
    width: 360px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -0.5px;
}
.login_sns_area.guest .join a {
    background: #333;
}
.login_sns_area.guest .infos {
    padding-top: 18px;
}
.login_sns_area.guest .infos li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 16px;
    font-size: 11px;
    line-height: 13px;
    color: #999;
    letter-spacing: -0.4px;
}
.login_sns_area.guest .infos li:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 11px;
    height: 11px;
    background-position: -171px 0;
}

/* 2019-06-14 로그인/본인인증 수정  */
.layerPop .layerCont.type2 {
    padding-top: 25px;
}
.layerPop .layerCont.type2 .login_sns {
    padding-top: 0;
}
.layerPop .layerCont.type2 .login_sns_area.member {
    margin-top: 0;
}
.layerCont.type2 .JoinNotuser-area {
    margin-bottom: 6px;
}
.layerCont.type2 .JoinNotuser-area .btn-area:after {
    content: "";
    display: block;
    clear: both;
}
.layerCont.type2 .JoinNotuser-area .btn-area a:hover {
    text-decoration: none;
}
.layerCont.type2 .JoinNotuser-area .btn {
    display: block;
    width: 100%;
    height: 46px;
    margin-bottom: 8px;
    background: #333;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border: 0 none;
    line-height: 46px;
}
.layerCont.type2 .JoinNotuser-area .btn-area .btn.btn-gray {
    background-color: #888;
}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-block {
    display: block;
}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-half {
    float: left;
    width: 49.15%;
}
.layerCont.type2 .JoinNotuser-area .btn-area.col2 .btn.btn-half + .btn.btn-half {
    margin-left: 1.7%;
}
.layerCont.type2 .login_sns_area.guest {
    display: block;
    margin-top: 0;
}
.layerCont.type2 .login_sns_area.guest .search.type02 a {
    margin-top: 10px;
}
.layerCont.type2 .login_sns_area.guest .join a:hover {
    text-decoration: none;
}

.login_sns_area.guest .join a:hover {
    text-decoration: none;
}
/* S: ITSRI-16984 인증선택 */
.login_sns_area.guest.v2 {
    width: auto;
    margin: 0;
    padding: 50px 0;
}
.login_sns_area.guest.v2 .certify_box .tit {
    text-align: center;
}
.login_sns_area.guest.v2 .certify_box .tit strong {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    line-height: 35px;
    letter-spacing: -0.48px;
}
.login_sns_area.guest.v2 .certify_box .tit p {
    margin-top: 8px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    letter-spacing: -0.32px;
}
.login_sns_area.guest.v2 .certify_box .inner {
    width: 360px;
    margin: 0 auto;
}
.login_sns_area.guest.v2 .certify_box .certify_list {
    margin: 30px auto 40px;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul {
    display: flex;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul li {
    flex: 1;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul li a {
    display: inline-block;
    text-align: center;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul li a:hover {
    text-decoration: none;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul li a img {
    margin: 0 auto;
    width: 75px;
}
.login_sns_area.guest.v2 .certify_box .certify_list ul li a p {
    margin-top: 8px;
    font-size: 15px;
    color: #111;
    line-height: 21px;
}
.login_sns_area.guest.v2 .certify_box .certify_list .certify_txt {
    margin-top: 15px;
    color: #999;
    line-height: 20px;
    letter-spacing: -0.28px;
    font-size: 14px;
}
.login_sns_area.guest.v2 .certify_box .dot-list {
    margin-top: -25px;
    margin-bottom: 40px;
}
.login_sns_area.guest.v2 .certify_box .dot-list li {
    position: relative;
    padding-left: 9px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    color: #999;
}
.login_sns_area.guest.v2 .certify_box .dot-list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #999;
    border-radius: 50%;
}
.login_sns_area.guest.v2 .certify_box .dot-list li + li {
    margin-top: 4px;
}
.login_sns_area.guest.v2 .certify_box .desc {
    padding-left: 0;
}
.login_sns_area.guest.v2 .agree_box {
    width: 400px;
    margin: auto;
}
/* E: ITSRI-16984 인증선택 */

/* 2019-10-29 pc app 설치 */
.app-down-popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -220px;
    margin-top: -191px;
    width: 440px;
    z-index: 25000;
    background-color: #fff;
}
.app-down-popup:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.app-down-popup .popup-header {
    position: relative;
    z-index: 2;
}
.app-down-popup .popup-header .tit {
    height: 23px;
    margin: 0;
    padding: 11px 20px;
    background: #e51937;
}
.app-down-popup .popup-header .close {
    position: absolute;
    top: 12px;
    right: 19px;
    width: 23px;
    height: 23px;
    outline: none;
    font-size: 0;
    line-height: 0;
    border: none;
    cursor: pointer;
    background: url(//image.hnsmall.com/images/img2014/common/ico_popClose.png) no-repeat 0 0;
}
.app-down-popup .popup-body {
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 29px 20px 30px;
}
.app-down-popup .popup-body .tit {
    margin-bottom: 10px;
    padding: 0;
    font-size: 18px;
    color: #000;
    letter-spacing: -0.25px;
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding-bottom: 8px;
}
.app-down-popup .popup-body .phone-area {
    margin: 10px 0 7px;
    text-align: center;
    background-color: #f0f0f0;
    padding: 42px 0 43px;
    letter-spacing: -0.5px;
}
.app-down-popup .popup-body .phone-area .phone {
    margin-right: 8px;
    font-size: 16px;
    color: #000;
    vertical-align: -4px;
}
.app-down-popup .popup-body .phone-area .num {
    font-size: 34px;
    font-weight: bold;
    color: #e51937;
    vertical-align: middle;
}
.app-down-popup .popup-body .btn-area {
    text-align: center;
    margin-top: 13px;
}
.app-down-popup .popup-body .btn-area .sendClick {
    padding: 9px 21px 0 19px;
    font-size: 16px;
}
.app-down-popup .popup-body .service {
    text-align: center;
    color: #333;
    font-size: 14px;
    margin-top: 21px;
}
.app-down-popup .popup-body .service .call-num {
    color: #e51937;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: 1px;
}
.app-down-popup .popup-body .service .call-num:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    background: url(//image.hnsmall.com/images/img2014/common/ico_phone.png) no-repeat center center;
    margin-right: 4px;
}

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

/* 2020-01-29 공정위 메뉴 변경 */
#header .headerCenter.wide .ServiceZone ul li a .sn_mdpick {
    width: 40px;
    background-image: url(//image.hnsmall.com/images/img2014/common/ico_mdpick.png);
    background-position: 0 10px;
}
#header .headerCenter .ServiceZone ul li a .sn_mdpick {
    width: 40px;
    background-image: url(//image.hnsmall.com/images/img2014/common/ico_mdpick.png);
    background-position: 0 10px;
}

/* S: 2020-07-03 로그인 추가  */
.login_sns_area.member_v2 .btns:before {
    display: none;
}
.login_sns_area.member_v2 .social-title {
    margin: 51px 0 14px;
    position: relative;
    text-align: center;
}
.login_sns_area.member_v2 .social-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #ccc;
    width: 100%;
    height: 1px;
}
.login_sns_area.member_v2 .social-title span {
    position: relative;
    background-color: #fff;
    z-index: 1;
    padding: 0 12px;
}
.login_sns_area.member_v2 .btns.col4 {
    display: flex;
    justify-content: space-between;
    margin: 0 -2.5px;
}
.login_sns_area.member_v2 .btns.col4 li {
    flex: 1;
    padding: 0 2.5px;
    box-sizing: border-box;
}
.login_sns_area.member_v2 .btns.col4 li.naver {
    float: left;
}
.login_sns_area.member_v2 .btns.col4 li.payco {
    margin-right: 0;
}
.login_sns_area.member_v2 .btns.col4 li a {
    width: auto;
    height: inherit;
    line-height: inherit;
    padding: 25px 0 20px;
}
.login_sns_area.member_v2 .btns.col4 li a:before {
    display: block;
    margin: 0 auto 3px;
    top: 0;
    height: 15px;
}
.login_sns_area.member .btns li.pass a:before {
    width: 34px;
    height: 15px;
    background-position: -202px 0;
}
.login_sns_area.member_v2 .sub-title {
    padding: 26px 0 44px;
    text-align: center;
    font-size: 12px;
    color: #222;
    letter-spacing: -0.5px;
}
.login_sns_area.member_v2 .sub-title a {
    font-size: 12px;
    color: #222;
    letter-spacing: -0.5px;
    border-bottom: 1px solid #222;
    margin-left: 20px;
}
/* E: 2020-07-03 로그인 추가  */

/* 2020-10-05 #35869 노란우산 추가 */
.login_sns_area.member .join .btn-gray {
    background-color: #888;
}

/* 2021-03-22 #38661 로그인 추가 */
.login_sns_area.member .btns li.point_bd a {
    border-color: #000;
}

/* 상단 앱배너 없는 케이스 */
.none-app-bnr .appSetup {
    display: none;
}
.none-app-bnr #fixedWrapper ~ #containerWide {
    padding-top: 88px;
}
.none-app-bnr #fixedWrapper ~ .cateAll {
    padding-top: 99px;
}
.none-app-bnr #fixedWrapper.noneFixed ~ .cateAll {
    padding-top: 15px;
}
.none-app-bnr #containerWide > .cateAll {
    top: 100px;
}

/****************************************************************
 layout(2022 리뉴얼)
*****************************************************************/
/* common */
[class*="main-"][class*="-container"],
.sub2022 {
    min-width: 1200px;
    font-size: 14px;
    color: #333;
}
[class*="-container"] p,
[class*="-container"] div,
.sub2022 p,
.sub2022 div,
.footer p,
.footer div {
    font-size: inherit;
    color: inherit;
}
button {
    border: 0;
    padding: 0;
    box-shadow: none;
    background: none;
}
#wrap .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    text-indent: 100px;
}
i,
em {
    font-style: normal;
}
#wrap #headerWrapper a,
#wrap #mainContainer a {
    text-decoration: none;
}
.wrapper-empty {
    display: none !important;
}

/* forms */
[class*="-container"] input[type="text"],
.sub2022 input[type="text"],
[class*="-container"] input[type="number"],
.sub2022 input[type="number"],
[class*="-container"] input[type="tel"],
.sub2022 input[type="tel"],
[class*="-container"] input[type="search"],
.sub2022 input[type="search"],
[class*="-container"] input[type="password"],
.sub2022 input[type="password"] {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 6px;
}
[class*="-container"] input[type="text"]:focus,
.sub2022 input[type="text"]:focus,
[class*="-container"] input[type="number"]:focus,
.sub2022 input[type="number"]:focus,
[class*="-container"] input[type="tel"]:focus,
.sub2022 input[type="tel"]:focus,
[class*="-container"] input[type="search"]:focus,
.sub2022 input[type="search"]:focus,
[class*="-container"] input[type="password"]:focus,
.sub2022 input[type="password"]:focus {
    border-color: #111;
    outline: none;
}
[class*="-container"] input::placeholder,
.sub2022 input::placeholder {
    color: #bbb;
    letter-spacing: -1px;
}

#wrap .swiper_st {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
#headerWrapper #header {
    border-bottom: 1px solid #eee;
    background: none;
}
#headerWrapper .headerCenter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 116px;
    width: 1200px;
}
#headerWrapper #header h1 {
    float: none;
    width: 140px;
    padding: 0;
    flex-grow: 0;
}
#headerWrapper #header h1 img {
    width: auto;
}

/* 스크롤 */
*::-webkit-scrollbar {
    width: 6px;
}
*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
}
*::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
    border-radius: 20px;
}

/*검색*/
#headerWrapper .headerCenter .searchZone {
    float: none;
    width: 450px;
    margin-right: 113px;
    padding: 0;
}
#headerWrapper .headerCenter .searchZone .search {
    width: auto;
    height: 50px;
    border: 2px solid #f51d2c;
    border-radius: 25px;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
}
#headerWrapper .headerCenter .searchZone .search input {
    float: none;
    width: 362px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 16px;
    border: 0;
    text-indent: 30px;
    background-color: transparent;
}
#headerWrapper .headerCenter .searchZone .search .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 7px;
    width: 45px;
    height: 45px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/btn_search_on.png) no-repeat 8px 12px;
    font-size: 1px;
    color: transparent;
}
#headerWrapper .headerCenter .searchZone .search .del-btn {
    display: none;
    position: absolute;
    top: 8px;
    right: 50px;
    width: 30px;
    height: 30px;
    font-size: 1px;
    color: transparent;
}
#headerWrapper .headerCenter .searchZone .search .del-btn::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: url(//image.hnsmall.com/images/img2014/main/v6/icon_sprite.png) no-repeat -100px -150px;
    background-size: 250px;
}
#headerWrapper .headerCenter .searchZone .search-area {
    position: relative;
}
#headerWrapper .headerCenter .searchZone .search-area .search-box {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    border: 2px solid #f51d2c;
    border-top: 0;
    border-radius: 0 0 20px 20px;
    box-sizing: border-box;
}
#headerWrapper .headerCenter .searchZone .keyword {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#headerWrapper .headerCenter .searchZone .keyword-default {
    background-color: #fff;
}
#headerWrapper .headerCenter .searchZone .keyword-default .keyword-list a:hover {
    background-color: transparent;
}
#headerWrapper .headerCenter .searchZone .keyword-default .keyword-list .tit {
    display: block;
    margin-left: 24px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    color: #111;
}
#headerWrapper .headerCenter .searchZone .keyword-default .keyword-list ul {
    margin-top: 10px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .keyword-list li .del {
    position: relative;
    width: 20px;
    height: 20px;
    font-size: 1px;
    color: transparent;
    border-radius: 50%;
    overflow: hidden;
    background: #f9f9f9 url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -95px -45px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .last-keyword {
    flex-grow: 0;
    width: 50%;
}
#headerWrapper .headerCenter .searchZone .keyword-default .last-keyword ul {
}
#headerWrapper .headerCenter .searchZone .keyword-default .last-keyword li {
    display: flex;
    justify-content: space-between;
}
#headerWrapper .headerCenter .searchZone .keyword-default .last-keyword li a {
    flex: 0 0 158px;
    line-height: 32px;
    padding: 0 0 0 24px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .last-keyword li .del {
    margin-right: 13px;
    align-self: center;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword {
    width: 50%;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li a {
    display: flex;
    justify-content: space-between;
    padding-right: 22px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li span {
    display: block;
    width: 152px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li i {
    width: 22px;
    height: 14px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -100px;
    align-self: center;
    overflow: hidden;
    font-size: 1px;
    color: transparent;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li i.up {
    background-position: 5px -99px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li i.down {
    background-position: -45px -99px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li i.stay {
    background-position: -94px -94px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .hit-keyword li i.new {
    width: 22px;
    height: 14px;
    background-position: -150px -94px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .no-data {
    margin-top: 109px;
    font-size: 14px;
    color: #666;
    text-align: center;
}
#headerWrapper .headerCenter .searchZone .keyword-default .no-data::before {
    display: block;
    content: "";
    width: 80px;
    height: 64px;
    margin: 0 auto 16px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -250px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .more {
    margin-top: 15px;
    padding: 0 24px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .more a {
    display: block;
    position: relative;
    height: 34px;
    line-height: 34px;
    margin: 0 auto;
    padding-left: 16px;
    border: 1px solid #eee;
    border-radius: 17px;
    font-size: 14px;
    color: #111;
    letter-spacing: -0.42px;
}
#headerWrapper .headerCenter .searchZone .keyword-default .more a::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 11px;
    right: 19px;
    width: 7px;
    height: 12px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -200px;
}

#headerWrapper .headerCenter .searchZone .search-area.active .search-box.keyword-match,
#headerWrapper .headerCenter .searchZone .search-area.active .search-box.keyword-default {
    display: none;
}
#headerWrapper .headerCenter .searchZone .search-area.active .search-box.keyword-match.active {
    display: block;
}
#headerWrapper .headerCenter .searchZone .search-area.active .search-box.keyword-default.active {
    display: flex;
}
#headerWrapper .headerCenter .searchZone .search-area.active .search {
    border: 2px solid #f51d2c;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    background-color: #fff;
}
#headerWrapper .headerCenter .searchZone .search-area.active .search input {
    height: 48px;
    text-indent: 24px;
}
#headerWrapper .headerCenter .searchZone .search-area.active .keyword-match {
    padding-top: 18px;
    padding-bottom: 18px;
}
#headerWrapper .headerCenter .searchZone .search-area.active .keyword-default {
    padding-top: 24px;
    padding-bottom: 24px;
}
#headerWrapper .headerCenter .searchZone .search-area.active::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    top: 48px;
    left: 2px;
    right: 2px;
    height: 1px;
    background-color: #eee;
    overflow: hidden;
}
#headerWrapper .headerCenter .searchZone .search-area.active .keyword-default::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #eee;
    overflow: hidden;
}
#headerWrapper .headerCenter .searchZone .search-area.active .search .search-btn {
    top: 0;
    background: url(//image.hnsmall.com/images/img2014/common/2022/btn_search_on.png) no-repeat 8px 12px;
}
#headerWrapper .headerCenter .searchZone .search-area.active.show-del-btn .search .del-btn {
    display: block;
}

#headerWrapper #header .bannerZone a {
    display: inline-block;
}
#headerWrapper #header .utilZone {
    flex: auto;
    display: flex;
    justify-content: end;
}
#headerWrapper #header .utilZone ul {
    display: flex;
    justify-content: space-between;
    width: 215px;
}
#headerWrapper #header .utilZone a {
    display: block;
    position: relative;
    font-size: 14px;
    color: #111;
    text-align: center;
}
#headerWrapper #header .utilZone a::before {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    margin: 0 auto 4px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/ico_my.png) no-repeat;
}
#headerWrapper #header .utilZone .cart a::before {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_cart.png);
}
#headerWrapper #header .utilZone .cart a em {
    display: block;
    position: absolute;
    top: 5px;
    right: -1px;
    min-width: 8px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 19px;
    color: #fff;
    background-color: #f51d2c;
}
#headerWrapper #header .utilZone .order a::before {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_shipping.png);
}
#headerWrapper .gnb-wrap {
    position: relative;
    z-index: 15000;
    height: 58px;
}
#headerWrapper .gnb-fixed {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    box-sizing: border-box;
}
#headerWrapper .gnb-fixed.is-fixed {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#headerWrapper .gnb-wrap .gnb-inner {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

#headerWrapper .gnb-wrap .gnb-cate-menu {
    position: relative;
    height: 100%;
}
#headerWrapper .gnb-wrap .gnb-cate-menu .btn-cate {
    display: block;
    position: relative;
    width: 62px;
    height: 100%;
    border: 1px solid #eee;
    border-top: 0;
    border-bottom: 0;
    font-size: 1px;
    color: transparent;
}
#headerWrapper .gnb-wrap .gnb-cate-menu .btn-cate::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 16px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat;
}

#headerWrapper .dimmed-cate-layer {
    position: fixed;
    z-index: 16000;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.05);
    opacity: 0;
    transition: opacity 0.3s;
}
#headerWrapper .dimmed-cate-layer.active {
    left: 0;
    opacity: 1;
}
#headerWrapper .cate-layer {
    position: fixed;
    z-index: 16000;
    top: 0;
    left: 0;
    min-width: 300px;
    border: 1px solid #eee;
    border-right: 0;
    background-color: #fff;
    transition: transform ease-out 0.25s;
    transform: translateX(-501px);
}
#headerWrapper .cate-layer.active {
    display: flex;
    transform: translateX(0);
}
#headerWrapper .cate-layer .cate-layer-left {
    position: relative;
    z-index: 1;
    width: 300px;
    border-right: 1px solid #eee;
    max-height: 100%;
    overflow: hidden;
    background-color: #fff;
}
#headerWrapper .cate-layer .cate-layer-right {
    width: 260px;
    border-right: 1px solid #eee;
    background-color: #fff;
}
#headerWrapper .cate-layer .my-info-wrap {
    position: relative;
    height: 68px;
    padding: 6px 60px 0 0;
    align-items: center;
    box-sizing: border-box;
}
#headerWrapper .cate-layer .my-info {
    display: flex;
    align-items: center;
    padding: 10px 16px;
}
#headerWrapper .cate-layer .my-info ~ .my-info {
    display: none;
}
#headerWrapper .cate-layer .my-info i {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/icons_grade.png) no-repeat;
    font-size: 1px;
    color: transparent;
    overflow: hidden;
}
#headerWrapper .cate-layer .my-info i.lock {
    width: 38px;
    height: 38px;
    margin-right: 8px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -150px;
}
#headerWrapper .cate-layer .my-info .name {
    display: block;
    font-size: 18px;
    color: #111;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}
#headerWrapper .cate-layer .my-info i.grade-p {
    background-position-y: 0;
}
#headerWrapper .cate-layer .my-info i.grade-v {
    background-position-y: -50px;
}
#headerWrapper .cate-layer .my-info i.grade-g {
    background-position-y: -100px;
}
#headerWrapper .cate-layer .my-info i.grade-s {
    background-position-y: -150px;
}
#headerWrapper .cate-layer .my-info i.grade-f {
    background-position-y: -200px;
}
#headerWrapper .cate-layer .my-info i.grade-w {
    background-position-y: -250px;
}
#headerWrapper .cate-layer .my-info i.grade-staff {
    background-position-y: -300px;
}
#headerWrapper .cate-layer .my-info i.grade-yellow {
    background-position-y: -350px;
}
#headerWrapper .cate-layer .my-info-wrap .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -145px -45px;
    font-size: 1px;
    color: transparent;
}

#headerWrapper .cate-layer.v2 .my-info i {
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/icon_grade.png) 0 -638px no-repeat;
    background-size: 500px auto;
    font-size: 1px;
    color: transparent;
    overflow: hidden;
}
#headerWrapper .cate-layer.v2 .my-info i.lock {
    width: 38px;
    height: 38px;
    margin-right: 8px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -150px;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-p {
    background-position-x: 0;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-v {
    background-position-x: -50px;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-g {
    background-position-x: -100px;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-f {
    background-position-x: -150px;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-w {
    background-position-x: -200px;
}
#headerWrapper .cate-layer.v2 .my-info i.grade-s {
    background: url(//image.hnsmall.com/images/img2014/common/2022/icons_grade.png) no-repeat;
    background-position-y: -150px;
}

#headerWrapper .cate-layer .scroll-box {
    overflow: hidden;
    overflow-y: auto;
    max-height: 100%;
}
#headerWrapper .cate-layer .tit-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 252px;
    margin: 30px 0 12px 24px;
}
#headerWrapper .cate-layer .brand-wrap .tit-box {
    margin-bottom: 15px;
}
#headerWrapper .cate-layer .title {
    display: block;
    font-size: 16px;
    color: #111111;
    font-weight: bold;
}
#headerWrapper .cate-layer .tit-box .btn-more {
    width: 107px;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}
#headerWrapper .cate-layer .tit-box .btn-more a {
    display: block;
    font-size: 14px;
    color: #111;
    line-height: 30px;
}
#headerWrapper .cate-layer .cate-dep1-wrap {
    border-top: 8px solid #f9f9f9;
}
#headerWrapper .cate-layer .cate-dep1-list {
    display: table;
    width: 100%;
}
#headerWrapper .cate-layer .cate-dep1-list li {
    display: table-row;
}
#headerWrapper .cate-layer .cate-dep1-list a {
    display: table-cell;
    height: 50px;
    border-top: 1px solid #f9f9f9;
    font-size: 0;
    vertical-align: middle;
}
#headerWrapper .cate-layer .cate-dep1-list li:first-child a {
    border-top: 0;
}
#headerWrapper .cate-layer .cate-dep1-list i {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 24px;
    background-repeat: no-repeat;
    vertical-align: middle;
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate01 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_tv.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate02 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_clothing.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate03 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_under.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate04 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_acc.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate05 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_cosmetics.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate06 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_sports.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate07 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_child.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate08 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_furniture.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate09 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_life.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate10 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_kitchen.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate11 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_food.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate12 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_digital.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate13 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_book.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate14 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ic_airplane.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate15 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ic_rental.png);
}
#headerWrapper .cate-layer .cate-dep1-list i.ico-cate16 {
    background-image: url(//image.hnsmall.com/images/img2014/common/2022/ico_coupon.png);
}
#headerWrapper .cate-layer .cate-dep1-list span {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #111111;
    vertical-align: middle;
}
#headerWrapper .cate-layer .cate-dep1-list a.active,
#headerWrapper .cate-layer .cate-dep1-list a:hover {
    background-color: #fff6f7;
}
#headerWrapper .cate-layer .cate-dep1-list a.active span,
#headerWrapper .cate-layer .cate-dep1-list a:hover span {
    font-weight: bold;
    border-bottom: 1px solid #111;
}
#headerWrapper .cate-layer .cate-dep2-wrap {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 300px;
    transition: transform ease-out 0.2s;
    transform: translateX(-100%);
}
#headerWrapper .cate-layer.active .cate-dep2-wrap.active {
    transform: translateX(0);
}
#headerWrapper .cate-layer .cate-dep2-list {
    display: none;
    width: 100%;
    margin: 137px 0 20px;
}
#headerWrapper .cate-layer .cate-dep2-list.active {
    display: table;
}
#headerWrapper .cate-layer .cate-dep2-list li {
    display: table-row;
}
#headerWrapper .cate-layer .cate-dep2-list a {
    display: table-cell;
    height: 50px;
    padding: 0 24px;
    border-top: 1px solid #f9f9f9;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
}
#headerWrapper .cate-layer .cate-dep2-list li:first-child a {
    border-top: 0;
}
#headerWrapper .cate-layer .cate-dep2-list span {
    display: inline-block;
    font-size: 16px;
    color: #111111;
    vertical-align: middle;
}
#headerWrapper .cate-layer .cate-dep2-list a.active,
#headerWrapper .cate-layer .cate-dep2-list a:hover {
    background-color: #fff6f7;
}
#headerWrapper .cate-layer .cate-dep2-list a.active span,
#headerWrapper .cate-layer .cate-dep2-list a:hover span {
    font-weight: bold;
    border-bottom: 1px solid #111;
}

#headerWrapper .cate-layer .brand-wrap {
    margin-top: 23px;
    border-top: 8px solid #f9f9f9;
}

#headerWrapper .cate-layer .brand-wrap .search {
    position: relative;
    width: 252px;
    height: 34px;
    margin-left: 24px;
    border: 1px solid #666;
    border-radius: 17px;
    overflow: hidden;
}
#headerWrapper .cate-layer .brand-wrap .search input {
    float: none;
    width: 205px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #111;
    font-size: 14px;
    border: 0;
    text-indent: 20px;
    background-color: transparent;
}
#headerWrapper .cate-layer .brand-wrap .search input::placeholder {
    color: #888;
}
#headerWrapper .cate-layer .brand-wrap .search .search-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 100%;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 5px -343px;
    font-size: 1px;
    color: transparent;
}

#headerWrapper .cate-layer .brand-lists {
    display: flex;
    gap: 0 8px;
    flex-wrap: wrap;
    margin: 24px 0 18px 24px;
}
#headerWrapper .cate-layer .brand-lists li {
    margin-bottom: 20px;
}
#headerWrapper .cate-layer .brand-lists li a {
    display: block;
    text-align: center;
}
#headerWrapper .cate-layer .brand-lists li img {
    width: 122px;
    height: 50px;
}
#headerWrapper .cate-layer .brand-lists li .txt {
    margin-top: 8px;
    font-size: 14px;
    color: #111111;
    line-height: 20px;
}
#headerWrapper .cate-layer .banner img {
    width: 300px;
    height: 100px;
}

#headerWrapper .gnb-wrap .menu-wrap {
    display: flex;
    justify-content: space-between;
    width: 782px;
    overflow: hidden;
}
#headerWrapper .gnb-wrap .menu-list-wrap {
    width: 721px;
}
#headerWrapper .gnb-wrap .menu-list {
    display: flex;
}
#headerWrapper .gnb-wrap .menu-list li {
    font-size: 0;
    width: auto;
}
#headerWrapper .gnb-wrap .menu-list li:first-child {
    padding-left: 63px;
}
#headerWrapper .gnb-wrap .menu-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    padding: 0 14px;
    margin: 0 1px;
    font-size: 18px;
    font-weight: bold;
    color: #111;
}
#headerWrapper .gnb-wrap .menu-list a.active {
    color: #f51d2c;
}
#headerWrapper .gnb-wrap .menu-list a.active::after {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #f51d2c;
}
#headerWrapper .gnb-wrap .menu-list a.img {
}
#headerWrapper .gnb-wrap .menu-list a.img em {
    font-size: 1px;
    color: transparent;
}
#headerWrapper .gnb-wrap .menu-list a.img.homerun em {
    width: 60px;
    height: 30px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/gnb_homerun_off.png) no-repeat 4px 0;
}
#headerWrapper .gnb-wrap .menu-list a.img.homerun.active em {
    width: 60px;
    height: 30px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/gnb_homerun_on.png) no-repeat;
}
#headerWrapper .gnb-wrap .menu-list a.img.homerun.active::after {
    display: none;
}
#headerWrapper .gnb-wrap .menu-list small {
    display: block;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    color: #ff8f97;
    text-align: center;
    white-space: nowrap;
}
#headerWrapper .gnb-wrap .menu-list em.image_type img {
    display: block;
    height: 24px;
}
#headerWrapper .gnb-wrap .navi {
    visibility: hidden;
    display: flex;
    flex: 0 0 60px;
    position: relative;
    z-index: 1;
    width: 60px;
    background-color: #fff;
}
#headerWrapper .gnb-wrap .navi a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50%;
    height: 100%;
    font-size: 1px;
    color: transparent;
}
#headerWrapper .gnb-wrap .navi a::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat 0 -50px;
}
#headerWrapper .gnb-wrap .navi a.btn-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
    transform-origin: center;
}
#headerWrapper .gnb-wrap .navi a.swiper-button-disabled {
    cursor: default;
}
#headerWrapper .gnb-wrap .navi a.swiper-button-disabled::before {
    background-position-x: -50px;
}
#headerWrapper .gnb-wrap .util {
    flex: auto;
    display: flex;
    align-items: center;
    height: 100%;
}
#headerWrapper .gnb-wrap .util li {
    height: 100%;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
}
#headerWrapper .gnb-wrap .util li:first-child {
    width: 100%;
}
#headerWrapper .gnb-wrap .util a {
    display: inline-block;
    height: 100%;
    margin-left: 8px;
    padding: 2px 10px 0;
    font-size: 14px;
    color: #666;
}
#headerWrapper .gnb-wrap .util a::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 100%;
    vertical-align: middle;
}

#mainContainer {
    min-height: 500px;
    padding: 40px 0 120px;
}
.main-content {
    width: 1200px;
    margin: 0 auto;
}
#containerWide {
    padding-top: 0;
    padding-bottom: 50px;
}

#wrap .rightWingBanner {
    top: 217px;
    margin-left: 640px;
    width: 100px;
}
#wrap .rightWingBanner a {
    text-decoration: none;
}
#wrap .rightWingBanner.abs {
    position: absolute;
}
#wrap .sky-scraper .viewProd {
    overflow: hidden;
    width: 100%;
    height: 232px;
    padding: 0 16px;
    border: 1px solid #eee;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
    box-sizing: border-box;
}
#wrap .sky-scraper .viewProd .btn-history {
    display: block;
    margin-top: 16px;
}
#wrap .sky-scraper .viewProd .btn-history strong {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #111;
}
#wrap .sky-scraper .viewProd .btn-history .totalNum {
    display: block;
    width: 100%;
    margin-top: 10px;
    line-height: 22px;
    border: 1px solid #487fff;
    border-radius: 11px;
    color: #487fff;
    text-align: center;
}
#wrap .sky-scraper .viewProd .npContainer {
}
#wrap .sky-scraper .viewProd .npContainer ul li {
    overflow: hidden;
    width: 68px;
    height: 68px;
    margin-top: 8px;
    border-radius: 8px;
    box-sizing: border-box;
}
#wrap .sky-scraper .viewProd .npContainer ul li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
#wrap .sky-scraper .viewProd .npContainer ul li a:before {
    content: "";
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 8px;
    box-sizing: border-box;
}
#wrap .sky-scraper .viewProd .npContainer ul li a img {
    display: block;
    width: 100%;
    height: 100%;
}
#wrap .sky-scraper .app-down {
    width: 100%;
    background-color: #eff4ff;
    box-sizing: border-box;
}
#wrap .sky-scraper .app-down a {
    display: block;
    width: 100%;
    height: 122px;
    padding-top: 16px;
    text-align: center;
    box-sizing: border-box;
}
#wrap .sky-scraper .app-down i {
    display: block;
    width: 68px;
    height: 68px;
    margin: 0 auto;
    background: url(//image.hnsmall.com/images/img2014/main/v6/ico_sky_appDown.png) left top no-repeat;
    background-size: 100%;
}
#wrap .sky-scraper .app-down span {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #111;
}
#wrap .sky-scraper .wingGotop {
    height: 36px;
    margin-top: 0;
}
#wrap .sky-scraper .wingGotop .btn-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 36px;
    color: #111;
    text-align: center;
}
#wrap .sky-scraper .wingGotop .btn-top i {
    margin-left: 8px;
    transform: rotateX(-180deg);
}
#wrap .sky-scraper.ui-active + .history-layer {
    display: block;
}

#wrap .layerPop3 {
    z-index: 100;
    position: absolute;
    border: 1px solid #111;
    border-radius: 8px;
    box-sizing: border-box;
    background-color: #fff;
}
#wrap .layerPop3 .header {
    padding: 30px 0 10px;
    margin: 0 30px;
    border-bottom: 1px solid #111;
    background-color: #fff;
}
#wrap .layerPop3 .header h2 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    padding-right: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #111;
    line-height: 23px;
}
#wrap .layerPop3 .header .btn-close {
    display: block;
    padding: 8px;
    position: absolute;
    top: 25px;
    right: 23px;
    font-size: 0;
    text-indent: -99999em;
}
#wrap .layerPop3 .header .btn-close i.icon {
    display: inline-block;
    background: url(//image.hnsmall.com/images/img2014/main/v6/icon_sprite.png) no-repeat;
    background-size: 500px auto;
}
#wrap .layerPop3 .header .btn-close i.icon.close-ty1 {
    width: 18px;
    height: 18px;
    background-position: -300px -450px;
}
#wrap .layerPop3 .content {
    padding: 0 30px 30px;
}
#wrap .layerPop3 .tbl-wrap {
    overflow-y: auto;
    width: 100%;
    margin: 0;
    padding: 0;
}
#wrap .layerPop3 .tbl-wrap table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
#wrap .layerPop3 .tbl-wrap table caption {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 1;
}
#wrap .layerPop3 .tbl-wrap table th,
#wrap .layerPop3 .tbl-wrap table td {
    padding: 10px;
    border: 1px solid #eee;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}
#wrap .layerPop3 .tbl-wrap table th {
    background-color: #f9f9f9;
    color: #111;
}
#wrap .layerPop3 .tbl-wrap table td {
    background-color: #fff;
    color: #666;
}

/* 최근 본 상품 레이어 */
#wrap .history-layer {
    display: none;
    width: 516px;
    top: 0;
    left: -526px;
}
#wrap .history-layer .content {
    min-height: 100px;
}
#wrap .history-layer h2 span {
    display: inline-block;
}
#wrap .history-layer .list-box {
    overflow: auto;
    margin: 20px 0;
    box-sizing: border-box;
}
#wrap .history-layer .list-box li {
    display: flex;
    justify-content: flex-start;
}
#wrap .history-layer .list-box li:not(:first-child) {
    margin-top: 24px;
}
#wrap .history-layer .list-box li .btn-delete {
    align-self: center;
    flex-shrink: 0;
    margin-right: 20px;
}
#wrap .history-layer .goods-type01 {
    width: 100%;
}
#wrap .history-layer .goods-type01 .goods-thumb {
    width: 100px;
    height: 100px;
}
#wrap .history-layer .goods-type01 .goods-info {
    width: 100%;
    margin-right: 16px;
}
#wrap .history-layer .goods-type01 .goods-info .tit {
    max-height: 36px;
    font-size: 14px;
    line-height: 18px;
}
#wrap .history-layer .goods-type01 .goods-info .tit + .price {
    margin-top: 8px;
}
#wrap .history-layer .goods-type01 .goods-info .price dl dt {
    font-size: 14px;
    line-height: 26px;
}
#wrap .history-layer .goods-type01 .goods-info .price dl dd {
    border: 0;
}
#wrap .history-layer .goods-type01 .goods-info .price dl dd strong {
    font-size: 20px;
}
#wrap .history-layer .goods-type01 .goods-info .price dl dd em {
    font-size: 14px;
}
#wrap .history-layer .goods-type01 .goods-info .benefit {
    margin-top: 8px;
}
#wrap .history-layer .goods-type01 .goods-info .price .rate span {
    font-size: 20px;
    line-height: 28px;
}
#wrap .history-layer .indicator {
    display: flex;
    justify-content: center;
}
#wrap .history-layer .no-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
    margin-top: 20px;
    background-color: #f8faff;
}
#wrap .history-layer .no-result .img-result {
    display: block;
    width: 80px;
    height: 80px;
    background: url(//image.hnsmall.com/images/img2014/common/img_nodata_80.png) 50% 50% / 80px no-repeat;
}
#wrap .history-layer .no-result .text {
    margin-top: 14px;
    font-size: 16px;
    color: #111;
    line-height: 22px;
}
#wrap .history-layer .no-result .btn-box {
    margin-top: 40px;
}
#wrap .history-layer .no-result .btn-more {
    width: 196px;
    height: 39px;
    background-color: #f8faff;
}

/* location */
#wrap .cateAll {
    display: none;
}
#wrap [class^="location"] {
    display: block;
    margin: 22px auto 21px;
    padding: 0;
    max-width: 100%;
    width: 1200px;
    height: auto;
}
#wrap [class^="location"]:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#wrap [class^="location"] dt {
    float: left;
    width: 20px;
    height: 21px;
    padding: 0 0 0 18px;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    vertical-align: middle;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -49px 3px;
}
#wrap [class^="location"] dd {
    position: relative;
    float: left;
    margin-right: 8px;
    padding-left: 12px;
    background: none;
}
#wrap [class^="location"] dd::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 5px;
    height: 8px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -100px 0;
}
#wrap [class^="location"] dd [class^="depth"] {
    position: relative;
    min-width: 172px;
    width: auto;
    height: 26px;
    margin-top: -4px;
    padding-left: 7px;
    border: 1px solid #eee;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
}
#wrap [class^="location"] dd [class^="depth"]:hover {
    background: none !important;
}
#wrap [class^="location"] dd [class^="depth"]:hover span {
    background: none !important;
}
#wrap [class^="location"] dd [class^="depth"]::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 9px;
    right: 9px;
    width: 10px;
    height: 5px;
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -150px 0;
}
#wrap [class^="location"] dd [class^="depth"] span {
    display: block;
    padding: 0 25px 3px 0;
    color: #666;
    font-size: 12px;
    line-height: 22px;
    background: none;
}
#wrap [class^="location"] dd [class^="depth"] ul {
    display: none;
    overflow: hidden;
    z-index: 500;
    position: absolute;
    top: 25px;
    left: -1px;
    right: -1px;
    min-width: 172px;
    width: auto;
    padding: 1px 0 3px;
    border: 1px solid #eee;
    border-top: 0;
    background: #fff;
    box-sizing: border-box;
}
#wrap [class^="location"] dd [class^="depth"] ul li a {
    overflow: hidden;
    display: block;
    font-size: 12px;
    text-indent: 0;
    text-decoration: none;
    line-height: 1.33;
    padding: 3px 3px 3px 7px;
    background: none;
    color: #666;
}
#wrap [class^="location"] dd [class^="depth"] ul li a:hover {
    color: #f51d2c;
    font-weight: bold;
    text-decoration: underline;
}
#wrap [class^="location"] dd [class^="depth"] ul li a span {
    padding: 0 7px;
    background: none;
}
#wrap [class^="location"] dd [class^="depth"] ul li a:hover span {
    padding: 0 7px;
    color: #fff;
    background: none;
}
#wrap [class^="location"] dd [class^="depth"].active {
    border-bottom: 0;
    border-color: #666;
}
#wrap [class^="location"] dd [class^="depth"].active::after {
    background: url(//image.hnsmall.com/images/img2014/common/2022/layout.png) no-repeat -175px 0;
}
#wrap [class^="location"] dd [class^="depth"].active span {
    color: #111;
    font-weight: bold;
}
#wrap [class^="location"] dd [class^="depth"].active ul {
    display: block;
    border-color: #666;
}
#wrap [class^="location"] .active,
#wrap [class^="location"] .active a {
    color: #111;
}
#wrap [class^="location"] .active a:hover {
    letter-spacing: -0.01em;
}
#wrap .location_event {
    z-index: 402;
}
#wrap [class*="-sticky"] .is-fixed {
    position: fixed;
    z-index: 100;
}
#wrap .is-swiper-spacebetween .swiper-slide {
    margin-right: 0;
}

.footer .inner {
    width: 1200px;
    margin: 0 auto;
}
.footer .footer-noti .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
}
.footer .footer-noti .noti-area {
    display: flex;
    justify-content: flex-start;
    width: 1050px;
}
.footer .footer-noti .noti-area strong {
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 15px;
    font-weight: bold;
    color: #111;
    line-height: 22px;
}
.footer .footer-noti .notice-list-wrap {
    width: 950px;
    margin-left: 30px;
    overflow: hidden;
}
.footer .footer-noti .notice-list-wrap ul {
    height: 22px;
}
.footer .footer-noti .notice-list-wrap ul li a {
    display: flex;
    max-width: 950px;
    font-size: 15px;
    color: #111;
    line-height: 22px;
}
.footer .footer-noti .notice-list-wrap ul li .noti-txt {
    max-width: 848px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
}
.footer .footer-noti .notice-list-wrap ul li .day {
    display: inline-block;
    margin-left: 20px;
    font-size: 15px;
    color: #aaa;
}
.footer .footer-noti .noti-control {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 40px;
}
.footer .footer-noti .noti-control .all-btn {
    flex-shrink: 0;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-align: center;
    color: #111;
    font-size: 14px;
}
.footer .footer-noti .noti-control .arrow-btn {
    display: flex;
    margin-right: 5px;
}
.footer .footer-noti .noti-control .arrow-btn button {
    display: block;
    width: 30px;
    height: 30px;
    background: url(//image.hnsmall.com/images/img2014/main/v6/icon_sprite.png) no-repeat;
    font-size: 0;
}
.footer .footer-noti .noti-control .arrow-btn .prev-btn {
    background-position: -400px -50px;
    margin-right: -1px;
}
.footer .footer-noti .noti-control .arrow-btn .next-btn {
    background-position: -450px -50px;
}
.footer .footer-noti .noti-control .arrow-btn .prev-btn.disabled {
    background-position: -300px -50px;
}
.footer .footer-noti .noti-control .arrow-btn .next-btn.disabled {
    background-position: -350px -50px;
}
.footer .footer-menu {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.footer .footer-menu .inner {
    display: flex;
    justify-content: space-between;
}
.footer .footer-menu ul::after {
    content: "";
    display: block;
    clear: both;
}
.footer .footer-menu ul li {
    float: left;
    margin-right: 30px;
    padding: 15px 0;
}
.footer .footer-menu ul li:last-child {
    margin-right: 0;
}
.footer .footer-menu ul li a {
    font-size: 15px;
    color: #111;
    line-height: 20px;
}

.footer .footer-info {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.footer .footer-info .inner {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}
.footer .footer-info .footer-logo {
    display: block;
    width: 102px;
    height: 40px;
}
.footer .footer-info .footer-logo img {
    width: 100%;
    height: 100%;
}
.footer .footer-info .company-info {
    display: flex;
}
.footer .footer-info .info-txt {
    margin-left: 70px;
    width: 518px;
}
.footer .footer-info .info-txt li {
    display: inline-block;
    font-size: 14px;
    color: #999;
    margin-top: 6px;
}
.footer .footer-info .info-txt li:nth-child(-n + 2) {
    margin-top: 0;
}
.footer .footer-info .info-txt li:nth-child(odd) {
    margin-right: 15px;
}
.footer .footer-info .info-txt li:nth-child(even) {
    position: relative;
    margin-left: 15px;
}
.footer .footer-info .info-txt li:nth-child(even)::after {
    content: "";
    position: absolute;
    top: 4px;
    left: -15px;
    display: block;
    width: 1px;
    height: 12px;
    background: #ddd;
}
.footer .footer-info .cs-info {
    display: flex;
    align-items: flex-start;
    margin-right: 55px;
}
.footer .footer-info .cs-info .cs-txt {
    margin-right: 30px;
}
.footer .footer-info .cs-info strong {
    font-size: 15px;
    font-weight: bold;
    color: #111;
}
.footer .footer-info .cs-info .tel {
    margin-top: 2px;
    font-size: 40px;
    font-weight: bold;
    color: #111;
    line-height: 53px;
}
.footer .footer-info .cs-info .cs-subtxt {
    align-self: flex-end;
    padding-bottom: 8px;
}
.footer .footer-info .cs-info .cs-subtxt p {
    font-size: 14px;
    color: #999;
    line-height: 18px;
}
.footer .footer-info .cs-info .cs-subtxt p + p {
    margin-top: 6px;
}
.footer .footer-info .info-toggle-btn {
    position: absolute;
    top: 30px;
    right: 0;
}
.footer .footer-info .info-toggle-btn a {
    display: block;
    width: 25px;
    height: 25px;
    background: url(//image.hnsmall.com/images/img2014/common/btn_arrow_down_25.png) 100% / 100% no-repeat;
}
.footer .footer-info .info-toggle-btn.on a {
    background: url(//image.hnsmall.com/images/img2014/common/btn_arrow_up_25.png) 100% / 100% no-repeat;
}

.footer .footer-award {
    visibility: hidden;
    padding: 0;
    height: 40px;
    overflow: hidden;
    background: #f9f9f9;
}
.footer .footer-award.v2 {
    visibility: visible;
    padding: 30px 0 78px 0;
    height: auto;
    background: #f9f9f9;
}
.footer .footer-award .info-txt {
    font-size: 14px;
    color: #999;
    line-height: 22px;
}
.footer .footer-award .award-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    background-color: #f5f5f5;
}
.footer .footer-award .award-list li {
    display: flex;
    align-items: center;
    width: 200px;
    height: 55px;
    padding-left: 10px;
    background-color: #f5f5f5;
    box-sizing: border-box;
}
.footer .footer-award .award-list li a {
    display: flex;
    align-items: center;
}
.footer .footer-award .award-list li img {
    width: 35px;
    height: 35px;
}
.footer .footer-award .award-list li p {
    margin-left: 10px;
    color: #999;
    font-size: 12px;
    line-height: 15px;
}
.footer .footer-award .copyright {
    margin-top: 30px;
    font-size: 14px;
    color: #ccc;
    line-height: 19px;
}
.footer .footer-award.active {
    visibility: visible;
    padding: 30px 0 78px 0;
    height: auto;
}

/* 검색결과 없음 */
.result_nodata {
    padding: 78px 0;
    margin-top: 50px;
}
.result_nodata .nodata_txt {
    padding-top: 100px;
    background: url(//image.hnsmall.com/images/img2014/common/img_nodata_80.png) 50% 0 / 80px 80px no-repeat;
    font-size: 16px;
    color: #111;
    line-height: 22px;
    text-align: center;
}

.list-nodata {
    padding-top: 30px;
}
.list-nodata::before {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: url(//image.hnsmall.com/images/img2014/common/ico_nodata_50.png) no-repeat;
    background-size: 50px;
}
.list-nodata .txt {
    margin-top: 20px;
    font-size: 23px;
    color: #111;
    line-height: 31px;
    text-align: center;
    font-weight: bold;
}

/* 상품을 불러오고있어요 */
.loading_box {
    margin-top: 50px;
    padding-bottom: 80px;
}
.loading_box .loading_txt {
    padding-top: 108px;
    background: url(//image.hnsmall.com/images/img2014/common/img_loading.gif) 50% 0 / 138px 94px no-repeat;
    color: #666;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

@media (max-width: 1420px) {
    .rightWingBanner {
        display: none;
    }
}
@media (min-width: 1420px) {
    html {
        width: 100%;
        overflow: hidden;
        overflow-y: auto;
    }
}
@media (max-width: 1470px) {
    .rightWingBanner {
        transition: transform 0.3s, width 0s ease-out 0.3s, opacity 0s ease-out 0.3s;
        transform: translateX(50px);
        width: 0;
        opacity: 0;
    }
}
@media (min-width: 1471px) {
    .rightWingBanner {
        transition: transform 0.3s ease-out;
    }
}

#wrap #container.sub2022 {
    width: 100%;
    min-height: 500px;
    padding: 0 0 120px;
}
#wrap #container {
    padding-bottom: 80px;
}
#wrap #container #footer-wrap {
    width: 1200px;
    margin: 50px 0 0 -120px;
}
#wrap .sub-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
#wrap [class*="-sticky"] .sub-content.is-fixed {
    position: fixed;
    z-index: 100;
}
#wrap .sub-content .tit-area h2 {
    margin: 0;
    color: #111;
    font-weight: bold;
}

#wrap .event-main-banner .sub-content {
    width: 100%;
}
#wrap .brand-box .brand-best-seller .tit-area {
    margin-top: 0;
}
#wrap .today-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
#wrap .date-wrap .sub-content {
    width: 1200px;
    height: 100px;
    margin: -10px auto 0;
    padding-top: 10px;
}
#wrap .date-wrap .sub-content.is-fixed {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
}

/* popup_ 라이브방송 */
#wrap .livePop {
    width: 680px;
    position: absolute;
    z-index: 25001;
}
#wrap .livePop .layerCont .flash {
    position: relative;
}
#wrap .livePop .layerCont .flash .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
#wrap .livePop .layerCont .flash .btn-play i.play {
    width: 60px;
    height: 60px;
    background-position: 0 -500px;
}
#wrap .livePop .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background: url(//image.hnsmall.com/images/img2014/main/v6/icon_sprite.png) no-repeat 0 -500px;
}
#wrap .livePop a.btn-pause {
    display: none;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 0;
}
#wrap .livePop a.btn-pause.on {
    display: flex;
}
#wrap .livePop a.btn-pause i.play {
    width: 60px;
    height: 60px;
    background-position: -100px -500px;
}

/* 최근 동영상 팝업*/
#wrap .mediaPopNew {
    width: 680px;
    position: absolute;
    z-index: 25001;
}
#wrap .mediaPopNew .layerCont .flash {
    position: relative;
}
#wrap .mediaPopNew .layerCont .flash .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
#wrap .mediaPopNew .layerCont .flash .btn-play i.play {
    width: 60px;
    height: 60px;
    background-position: 0 -500px;
}
#wrap .mediaPopNew .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    background: url(//image.hnsmall.com/images/img2014/main/v6/icon_sprite.png) no-repeat 0 -500px;
}
#wrap .mediaPopNew a.btn-pause {
    display: none;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 0;
}
#wrap .mediaPopNew a.btn-pause.on {
    display: flex;
}
#wrap .mediaPopNew a.btn-pause i.play {
    width: 60px;
    height: 60px;
    background-position: -100px -500px;
}

#wrap .renew2022 .newPriceArea {
    top: 334px;
}

/* pc 리뉴얼 적용시 화면 깨짐 현상 */
#wrap .prdBottomCont .fixedWrap.fixed .fixedInner {
    top: 59px;
}
#wrap .prdBottomCont .fixedWrap.fixed .tabWrap {
    top: 59px;
}

#wrap .packageDetailPop.hidden {
    position: absolute;
    height: auto;
    opacity: 1;
    overflow: inherit;
    text-indent: inherit;
}
#wrap .footer a:hover {
    text-decoration: none;
}

/* 2018-11-12 장바구니 form 내부 container margin값 설정 */
#wrap form.cartFormWrap #container {
    margin-top: 0;
}

/* S:2025-07-08 ITSR-22163 퍼블리싱_ 쿠팡 배송위탁 개발요청 (홈) */
#headerWrapper.blue_rbd .headerCenter h1 a {
    display: block;
}
#headerWrapper.blue_rbd .headerCenter .searchZone .search {
    border: 2px solid #315dff;
}
#headerWrapper.blue_rbd .headerCenter .searchZone .search .search-btn,
#headerWrapper.blue_rbd .headerCenter .searchZone .search-area.active .search .search-btn {
    width: 26px;
    height: 26px;
    background: url(//image.hnsmall.com/images/img2014/common/blue_rbd/icon_split.png) -300px -20px no-repeat;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
}
#headerWrapper.blue_rbd .headerCenter .searchZone .search-area.active .search .search-btn {
    margin-top: -1px;
}

#headerWrapper.blue_rbd .headerCenter .searchZone .keyword-default .no-data:before {
    display: none;
}

#headerWrapper.blue_rbd #header .utilZone a::before {
    width: 48px;
    height: 48px;
    background-image: url(//image.hnsmall.com/images/img2014/common/blue_rbd/icon_split.png);
    background-repeat: no-repeat;
}
#headerWrapper.blue_rbd #header .utilZone .myShop a::before {
    background-position: -350px -20px;
}
#headerWrapper.blue_rbd #header .utilZone .cart a::before {
    background-position: -420px -20px;
}
#headerWrapper.blue_rbd #header .utilZone .order a::before {
    background-position: -300px -80px;
}
#headerWrapper.blue_rbd #header .utilZone .cart a em {
    background-color: #315dff;
    border-radius: 100px;
    top: 0;
    right: 0;
}

#headerWrapper.blue_rbd .gnb-wrap .menu-list a.active {
    color: #315dff;
}
#headerWrapper.blue_rbd .gnb-wrap .menu-list a.active::after {
    background-color: #315dff;
}

#headerWrapper.blue_rbd .cate-layer .cate-dep1-list a.active,
#headerWrapper .cate-layer .cate-dep1-list a:hover,
#headerWrapper.blue_rbd .cate-layer .cate-dep2-list a.active,
#headerWrapper .cate-layer .cate-dep2-list a:hover {
    background-color: #eaeeff;
}

#headerWrapper.blue_rbd .headerCenter .searchZone .search-area .search-box,
#headerWrapper.blue_rbd .headerCenter .searchZone .search-area.active .search {
    border-color: #315dff;
}

#headerWrapper.blue_rbd .cate-layer.v2 .my-info i.lock {
    background: url(//image.hnsmall.com/images/img2014/common/blue_rbd/icon_split.png) -228px -60px no-repeat;
    background-size: 500px auto;
}
#headerWrapper.blue_rbd .cate-layer .my-info-wrap .btn-close {
    width: 26px;
    height: 26px;
    background: url(//image.hnsmall.com/images/img2014/common/blue_rbd/icon_split.png) -136px -20px no-repeat;
}

/* 리브랜딩 flag 공통 */
.blue_rbd .flag-wrap {
    margin-top: -5px;
    margin-left: -5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.blue_rbd .flag-wrap [class*="flag-"] {
    height: 25px;
    margin-top: 5px;
    margin-left: 5px;
    background-image: url(//image.hnsmall.com/images/img2014/common/blue_rbd/flag_split.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
}
.blue_rbd .flag-wrap i.flag-sale-5 {
    width: 70px;
    background-position: 0 -20px;
}
.blue_rbd .flag-wrap i.flag-plus-5 {
    width: 70px;
    background-position: -120px -20px;
}
.blue_rbd .flag-wrap i.flag-free-delivery {
    width: 61px;
    background-position: -240px -20px;
}
.blue_rbd .flag-wrap i.flag-coupang {
    width: 64px;
    height: 18px;
    background-position: -360px -20px;
}
.blue_rbd .flag-wrap .ic_tooltip {
    margin-top: 5px;
    margin-left: 3px;
}

#wrap .blue_rbd .sky-scraper .viewProd .btn-history .totalNum {
    color: #315dff;
    border: 1px solid #315dff;
}
#wrap .blue_rbd .sky-scraper .app-down {
    background-color: #eff2ff;
}
#wrap .blue_rbd .sky-scraper .app-down i {
    background-image: url(//image.hnsmall.com/images/img2014/main/blue_rbd/ico_sky_appDown.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#wrap .blue_rbd .sky-scraper .viewProd .btn-history .totalNum {
    line-height: 20px;
}

#wrap .blue_rbd .history-layer .no-result {
    background-color: #f4f7ff;
    border-radius: 8px;
}

#wrap [class^="location"].blue_rbd dd [class^="depth"] ul li a:hover {
    color: #315dff;
}

#wrap .blue_rbd .history-layer .no-result {
    padding-top: 90px;
    padding-bottom: 65px;
}
#wrap .blue_rbd .history-layer .no-result .img-result {
    margin-bottom: 14px;
    display: none;
}
#wrap .blue_rbd .history-layer .no-result .text {
    margin-top: 0;
}

/* E:2025-07-08 ITSR-22163 퍼블리싱_ 쿠팡 배송위탁 개발요청 (홈) */
.flag.coupang,
.flag.flag_coupang {
    display: inline-block;
    height: 25px;
    box-sizing: border-box;
    padding: 4px 8px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.33;
    letter-spacing: -0.96px;
    text-indent: 0 !important;
    color: #414450;
    border-radius: 10px;
    border: solid 1px #e4e4e6;
    background: #fff;
}