@charset "utf-8"; /* * 파일명 : common.css * 작성자 : 김성해 * 작성일 : 2014.06.18 */ /* reset */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,.side_cate,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,blockquote{margin:0;padding:0; -webkit-text-size-adjust:none;word-break:break-all;} body,table{font-size: 14px;font-family: 'Malgun Gothic',arial,sans-serif,Helvetica; color:#333;letter-spacing:0;} body{background:#fff;-webkit-text-size-adjust:none} fieldset,img,iframe,frame{border:0} legend,caption{overflow:hidden;position:absolute;font-size:0;line-height:0;visibility:hidden} h1,h2,h3,h4,h5,h6{font-size:1em} img{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} img,input,textarea,fieldset{border:none;outline:none} ul,ol,dl,li,dt,dd{list-style:none;margin:0;padding:0;} em,address{font-style:normal} a{color:#373e40;text-decoration:none;outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} a:link,a:visited,a:hover,a:active{text-decoration:none;outline: none;} strong{font-weight:bold} legend,hr,caption{display:none} table{border-collapse:collapse;border-spacing:0} input,textarea,button{} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} select{text-indent:5px;} u{text-decoration:none;} figure{margin:0;padding:0;} /* 블라인드 */ .blind{display:block;overflow:hidden;position:absolute;left:0;top:-5000px;text-indent:-5000px;} /* 2019-02-22 웹폰트 적용 @font-face { font-family:"NanumSquR"; src:url(NanumSquareR.eot); src:local(※), url(//image.hnsmall.com/images/font/NanumSquareR.woff)format("woff"); } @font-face { font-family:"NanumSquB"; src:url(NanumSquareB.eot); src:local(※), url(//image.hnsmall.com/images/font/NanumSquareB.woff)format("woff"); } @font-face { font-family:"robotoR"; src:url(RobotoRegular.eot); src:local(※), url(//image.hnsmall.com/images/font/RobotoRegular.woff)format("woff"); } @font-face { font-family:"robotoB"; src:url(//image.hnsmall.com/images/font/RobotoBold.eot); src:local(※), url(//image.hnsmall.com/images/font/RobotoBold.woff)format("woff"); } */ /* input type 정의 */ input[type='text'],input[type='number'],input[type='date'], input[type='password'],input[type='tel'],input[type='email']{position: relative;-webkit-appearance:none;-webkit-border-radius:4px;} input[type="radio"], input:checked[type="radio"], input[type="checkbox"], input:checked[type="checkbox"] {-webkit-appearance:none; width:20px;height:20px; background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png?20200723); background-repeat: no-repeat; background-size:300px auto; background-color:transparent;} input[type="radio"]{background-position: 0 -230px;} input[type="radio"]:checked {background-position: -20px -230px;} input[type="checkbox"]{border:none !important;border-radius:0;background-position: -40px -230px;} input:checked[type="checkbox"]{background-position: -60px -230px;} select{overflow: hidden;position: relative;width: 100%;-webkit-appearance: none;height: 30px;padding-right: 20px;border: 1px solid #cecece;border-radius: 4px;-webkit-border-radius: 4px;color: #333;font-size: 12px;background: #f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic2.png) no-repeat center right;background-size: 22px auto;-webkit-background-size: 22px auto; vertical-align: middle;}/*@@@ 2015-04-09 수정*/ input[type="text"],input[type="number"],input[type='date'],input[type="password"],input[type='tel'],input[type='email']{border:1px solid #cecece;border-radius:4px;color:#333;font-size:12px;height: 28px;background: #f9f9f9;text-indent: 10px} input[type='date']{background:#f9f9f9 url(//image.hnsmall.com/images/mobile2014/common/select_pic.png) no-repeat center right;background-size:30px auto;-webkit-background-size:30px auto;} /* input disabled type 정의 ico_input_type.png */ input[type="radio"]:disabled, input:checked[type="radio"]:disabled, input[type="checkbox"]:disabled, input:checked[type="checkbox"]:disabled {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_input_type.png); background-repeat: no-repeat; background-size:200px auto; background-color:transparent;} input[type="radio"]:disabled {background-position: -5px -5px;} input:checked[type="radio"]:disabled {background-position: -25px -5px;;} input[type="checkbox"]:disabled {background-position: -45px -5px;} input:checked[type="checkbox"]:disabled {background-position: -65px -5px;} /* font zoom기능 */ body.font_zoom{font-size: 16px} /* No border Line */ .noLineT {border-top:none !important;} .noLineR {border-right:none !important;} .noLineB {border-bottom:none !important;} .noLineL {border-left:none !important;} /* 기본 정의 클래스 */ .mt0{margin-top: 0px !important;} .mt2{margin-top: 2px !important;} .mt3{margin-top: 3px !important;} .mt4{margin-top: 4px !important;} .mt5{margin-top: 5px !important;} .mt6{margin-top: 6px !important;} .mt8{margin-top: 8px !important;} .mt10{margin-top: 10px !important;} .mt12{margin-top: 12px !important;} .mt15{margin-top: 15px !important;}/* 2023-12-20 추가 */ .mt16{margin-top: 16px !important;} .mt18{margin-top: 18px !important;} .mt20{margin-top: 20px !important;} .mt30{margin-top: 30px !important;} .mt40{margin-top: 40px !important;}/* 2016-08-01 추가 */ .mt50{margin-top: 50px !important;} .mb0{margin-bottom: 0px !important;}/* 2016-04-11 추가 */ .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb20{margin-bottom: 20px !important;} .mb40{margin-bottom: 40px !important;} /* 2023-10-31 추가 */ .mb50{margin-bottom: 50px !important;} /* 2020-01-14 추가 */ .ml0{margin-left: 0 !important;} .ml10{margin-left: 10px !important;} .ml15{margin-left: 15px !important;} .mr0{margin-right: 0 !important;} .mr5{margin-right: 5px !important;} .mr6{margin-right: 6px !important;} .mr20{margin-right: 20px !important;} .mr50{margin-right: 50px !important;} .pt0{padding-top: 0 !important;} .pt5{padding-top: 5px !important;} .pt10{padding-top: 10px !important;} .pt15{padding-top: 15px !important;}/* 2022-04-04 추가 */ .pt45{padding-top: 45px !important;}/* 2016-08-01 추가 */ .pb0{padding-bottom: 0 !important;} .pb5{padding-bottom: 5px !important;} .pb10{padding-bottom: 10px !important;} .pb20{padding-bottom: 20px !important;}/* 2022-09-14 추가 */ .pb50{padding-bottom: 50px !important;} .w100p{width: 100% !important;box-sizing:border-box} .w100{width: 100px !important;} .w50{width: 50px !important;}/*@@@ 2015-02-26추가*/ .w70{width: 60px !important;} .w80{width: 80px !important;} .w71{width: 70px !important;} .prt{position:relative;} /*@@@ 2015-04-09 추가*/ .al{text-align:left;} .ar{text-align:right;} .ac{text-align:center;} /*@@@// 2015-04-09 추가*/ .fs11{font-size:11px} .fs12{font-size:12px} .fs13{font-size:13px} .fwb{font-weight:bold;} .fwn{font-weight:normal;} /* 공통 영역 - btn color */ .box_bgred{background: #dd1032 !important;color: #fff !important;text-align: center;} .btn_red{background: #e51937 !important;color: #fff !important;text-align: center;border: 1px solid #dd1032;} .btn_red2{background: #f51d2c !important;color: #fff !important;text-align: center;border: 1px solid #f51d2c;} .btn_gray{background: #888 !important;color: #fff !important;text-align: center;border: 1px solid #888 !important;} .btn_gray2{background: #666 !important;color: #fff !important;text-align: center;border: 1px solid #666;} .btn_gray3{background: #eee !important;color: #565656 !important;text-align: center;border: 1px solid #cdcdcd;} .btn_gray4{background: #ebebeb !important;color: #aaa !important;text-align: center;border: 1px solid #ddd;} .btn_black{background: #333 !important;color: #fff !important;text-align: center;border: 1px solid #232323;} .btn_blue2{background: #12a5cb !important;color: #fff !important;text-align: center;border: 1px solid #12a5cb;} .btn_white{background: #fff !important;color: #565656 !important;text-align: center;border: 1px solid #ccc;} .btn_white2{background: #fff !important;color: #12a5cb !important;text-align: center;border: 1px solid #12a5cb;} .btn_white3{background: none !important;color: #fff !important;text-align: center;border: 1px solid #f7bac3;} .btn_white4{background: none !important;color: #7e081a !important;text-align: center;border: 1px solid #ac1329;} .btn_white5{background: #fff !important;color: #e51937 !important;text-align: center;border: 1px solid #e51937;} .btn_none{display:none;} /* 공통 영역 - btn size */ .boxh_28 a{height: 28px; line-height: 28px} .btn_h40{height: 38px; line-height: 38px;font-weight:bold;} .btn_h35{height: 33px; line-height: 30px;font-size: 12px} .btn_h30{height: 28px; line-height: 25px;font-size: 12px}/*2015-12-04 line-height 수정*/ .btn_h24{height: 24px; line-height: 24px;font-size: 13px} .btn_h23{height: 23px; line-height: 23px;font-size: 12px} .btn_h22{height: 22px; line-height: 22px;font-size: 11px} .btn_h21{height: 21px; line-height: 21px;font-size: 12px} /* 공통 영역 - btn space */ .squre a {border-radius:0 !important} .btn_db{display: block;border-radius: 2px;text-align: center;} .btn_db10{display: block;border-radius: 2px;text-align: center;margin:0 10px;} .btn_ib5{display: inline-block;padding:0 5px;border-radius: 2px;} /*@@@2015-04-09추가*/ .btn_ib6{display: inline-block;padding:0 6px;border-radius: 2px;} .btn_ib7{display: inline-block;padding:0 7px;border-radius: 2px;} .btn_ib8{display: inline-block;padding:0 8px;border-radius: 2px;} .btn_ib9{display: inline-block;padding:0 9px;border-radius: 2px;} .btn_ib10{display: inline-block;padding:0 10px;border-radius: 2px;}/*2015-12-04 border-radius 수정*/ .btn_ib12{display: inline-block;padding:0 12px;border-radius: 2px;} .btn_ib13{display: inline-block;padding:0 13px;border-radius: 2px;} .btn_ib15{display: inline-block;padding:0 15px;border-radius: 2px;} .btn_ib18{display: inline-block;padding:0 18px;border-radius: 2px;} .btn_ib19{display: inline-block;padding:0 19px;border-radius: 2px;} .btn_ib20{display: inline-block;padding:0 20px !important;border-radius: 2px;} .btn_ib28{display: inline-block;padding:0 28px;border-radius: 2px;} .btn_ib30{display: inline-block;padding:0 30px;border-radius: 2px;} .btn_ib40{display: inline-block;padding:0 40px;border-radius: 2px;} .btn_ib50{display: inline-block;padding:0 50px;border-radius: 2px;} .boxw_33 li{width:33.3%;} /* 공통 영역 - btn width */ .bw90{width: 88px; text-align: center;display: inline-block;border-radius: 2px;} .bw150{width: 148px; text-align: center;display: inline-block;border-radius: 2px;} /* 공통 영역 - btn style */ .btn_gd1{display:inline-block;overflow:hidden;padding:0 5px;height:25px;line-height:25px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:11px;color:#666;background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fff), color-stop(100%,#e8e8e8));} .btn_blue{display:inline-block;overflow:hidden;padding:0 5px;height:25px;line-height:25px;border-radius:2px;text-align:center;font-size:11px;color:#fff;background: #12a5cb;vertical-align: middle;} .ad_card{padding: 10px 10px 0;} .ad_card .card_type{height: 50px;margin-bottom: 10px;} .ad_card .card_type div{overflow: hidden; width: 265px; margin: 0 auto}/*@@@ 2015-06-03 수정*/ .ad_card .card_type div p{float: left;width: 70px;} .ad_card .card_type div div{float: left;width: 190px;}/*@@@ 2015-06-03 수정*/ .ad_card .card_type div div span{font-size: 9px;color: #565656;display: block;padding-top: 7px;} .ad_card .card_type div div strong{font-size: 16px; color: #232323;} .ad_card .card_type div div strong em{color: #1260cb;} .ad_card .color1{background: #defeff;}/*@@@ 2015-06-03 수정*/ .ad_card .color2{background: #e5fbef;}/*@@@ 2015-06-03 수정*/ .ad_card img{width: 60px;height: 50px;} /*@@@ 2015-06-03 추가*/ .ad_card .card_info{margin:-10px 0 10px 0; padding-bottom:10px;} .ad_card .card_info .card_box{overflow: hidden;margin:0 10px;} .ad_card .card_info .card_box div{margin:10px 15px;} .ad_card .card_info .card_box div strong{font-size: 11px;} .ad_card .card_info .card_box div span{font-size:11px;color:#898989;} .ad_card .color2 div div strong em{color: #26bfbf;} .ad_card .color1 .card_box{background:#efffff;} .ad_card .color2 .card_box{background:#f2fdf7;} .btn_goods{overflow: hidden;padding:7px 10px;} .btn_goods li{float: left;width:30%;} .btn_goods li:nth-child(1){width: 12%} .btn_goods li:nth-child(2){width: 28%} .btn_goods a{border-radius: 2px;display: block;margin-right: 3px;font-weight: bold;} .btn_goods li:last-child a{margin-right: 0;} .btn_goods li:nth-child(1) a em{display: inline-block;width: 25px;height:25px;margin-top: 7px; text-align:center; background:url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat 0 -210px; background-size:300px auto;overflow: hidden;text-indent: -1000px;} .btn_goods.num3 li:nth-child(1){width:32%} .btn_goods.num3 li:nth-child(2){width:34%} .btn_goods.num3 li:nth-child(3){width:34%} /* button 2016-01-27 ~ */ .btnReset {display:inline-block; overflow:hidden; width:21px; height:21px; border:1px solid #aaa; border-radius:2px; background:url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -60px; background-size:300px auto; vertical-align:middle;} .btnDel {position:relative; display:inline-block; height:22px; padding:1px 20px 0 8px; line-height:22px; font-size:12px; color:#666; border-radius:2px; background:#e9e8e8;} .btnDel:after {display:inline-block; content:""; position:absolute; top:50%; right:8px; margin-top:-5px; width:9px; height:9px; background:url(//image.hnsmall.com/images/mobile2014/goods/ico_goods.png) no-repeat -210px -50px; background-size:300px auto;} .btnG01 {display:inline-block; padding:0 12px; line-height:25px; font-size:12px; color:#fff; border-radius:2px; background:#898989;} .btnMore01 {display:inline-block; overflow:hidden; height:35px; text-align:center; background:#898989; vertical-align:middle;} .btnMore01 span {display:inline-block; position:relative; padding:0 10px 0 20px; line-height:35px; font-size:14px; color:#fff; vertical-align:top;} .btnMore01 span:before {display:block; content:""; position:absolute; left:0; top:50%; width:15px; height:15px; margin:-9px 0 0; background:url(//image.hnsmall.com/images/mobile2014/main/btn_more_ico.png) no-repeat left top; background-size:15px;} .btnMore01 span:after {display:block; content:""; position:absolute; right:0; top:50%; width:7px; height:10px; margin:-6px 0 0; background:url(//image.hnsmall.com/images/mobile2014/main/btn_arrow_ico.png) no-repeat left top; background-size:7px 10px;} .btnMore02 {display:inline-block; overflow:hidden; height:35px; text-align:center; background:#898989; vertical-align:middle;} .btnMore02 span {display:inline-block; position:relative; padding:0 10px 0 0; line-height:35px; font-size:14px; color:#fff; vertical-align:top;} .btnMore02 span:after {display:block; content:""; position:absolute; right:0; top:50%; width:7px; height:10px; margin:-6px 0 0; background:url(//image.hnsmall.com/images/mobile2014/main/btn_arrow_ico.png) no-repeat left top; background-size:7px 10px;} .btn_arrow_r {display: inline-block;} .btn_arrow_r span {display: block;margin: 0;padding: 0 20px 0 10px;position: relative;border: 1px solid #cdcdcd;border-radius: 3px;font-size:12px;color: #666;text-align: left;} .btn_arrow_r span:after {content: "";width: 6px;height: 10px;margin-top: -5px;display: block;background: url('//image.hnsmall.com/images/mobile2014/goods/ico_goods.png') -195px -227px no-repeat;position: absolute;top:50%;right:10px;background-size: 300px auto;} /* 2016-11-28 bae s 상품공통 아이콘들 */ /* 상품공통 아이콘들 */ .btn_saleInfo{position:relative;display:inline-block;width:18px;height:18px;top:1px;vertical-align:-1px;border:0;background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat:no-repeat;background-size:300px auto;background-position: -20px -180px;overflow:hidden;text-indent:-1000px;} /* 2018-12-01 신규 플래그 공통 */ .flag_wrap {position:absolute; left:5px; top:5px; z-index:10;} .flag_wrap > div:after {display:block; content:""; clear:both;} .flag_wrap em {position:relative; overflow:hidden; float:left; opacity:0.9; margin-left:-4px; font-size:2px; color:transparent; background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_2018.png); background-repeat: no-repeat; background-size:400px auto; text-indent:-1000px;} .flag_wrap em:nth-child(1) {margin-left:0; z-index:8;} .flag_wrap em:nth-child(2) {z-index:7;} .flag_wrap em:nth-child(3) {z-index:6;} .flag_wrap em:nth-child(4) {z-index:5;} .flag_wrap em:nth-child(5) {z-index:4;} .flag_wrap em:nth-child(6) {z-index:3;} .flag_wrap em:nth-child(7) {z-index:2;} .flag_wrap em:nth-child(8) {z-index:1;} /* 2018-12-01 신규 플래그 사이즈 40 */ .flag_size_80 em {width:40px; height:40px; margin-left:-6px; background-position-x:-5px;} /* 2018-12-01 신규 플래그 사이즈 35 */ .flag_size_70 em {width:35px; height:35px; background-position-x:-60px;} /* 2018-12-01 신규 플래그 사이즈 32 */ .flag_size_64 em {width:32px; height:32px; background-position-x:-110px;} /* 2018-12-01 신규 플래그 사이즈 28 */ .flag_size_56 em {width:28px; height:28px; background-position-x:-157px;} /* 2018-12-01 신규 플래그 사이즈 25 */ .flag_size_50 em {width:25px; height:25px; background-position-x:-200px;} /* 2018-12-01 신규 플래그 사이즈 23 */ .flag_size_46 em {width:23px; height:23px; background-position-x:-240px;} /* 2018-12-01 신규 플래그 이미지 배경 세로 위치값(고정) */ .flag_sale_10 {background-position-y:-25px;} /* 즉시할인10% */ .flag_save_10 {background-position-y:-90px;} /* 자동적립10% */ .flag_pangpang {background-position-y:-155px;} /* 릴팡 */ .flag_plusale_10 {background-position-y:-220px;} /* 즉시할인10% */ .flag_plusale_7 {background-position-y:-285px;} /* 즉시할인7% */ .flag_plusale_5 {background-position-y:-350px;} /* 즉시할인5% */ .flag_plusave_10 {background-position-y:-415px;} /* 추가적립10% */ .flag_plusave_5 {background-position-y:-480px;} /* 추가적립5% */ .flag_save_5 {background-position-y:-545px;} /* 자동적립5% */ /* 2019-12-02 #28609 가변매장 신규 */ .flag_size_40 em {margin: 5px 5px 0 0;height: 20px;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_2019.png);background-position-x: -5px} .flag_size_40 .flag_sale_10 {width: 58.5px; background-position-y:-25px;} /* 즉시할인10% */ .flag_size_40 .flag_save_10 {width: 58.5px; background-position-y:-90px;} /* 자동적립10% */ .flag_size_40 .flag_pangpang {width: 62.5px; background-position-y:-155px;} /* 릴팡 */ .flag_size_40 .flag_plusale_10 {width: 79px; background-position-y:-220px;} /* 추가할인10% */ .flag_size_40 .flag_plusale_7 {width: 72.5px; background-position-y:-285px;} /* 추가할인7% */ .flag_size_40 .flag_plusale_5 {width: 72.5px; background-position-y:-350px;} /* 추가할인5% */ .flag_size_40 .flag_plusave_10 {width: 78.5px; background-position-y:-415px;} /* 추가적립10% */ .flag_size_40 .flag_plusave_5 {width: 72.5px; background-position-y:-480px;} /* 추가적립5% */ .flag_size_40 .flag_save_5 {width: 52px; background-position-y:-545px;} /* 자동적립5% */ /* 2020-07-13 #34006 홈개선 */ .flag_size_28 em {margin: 2px 2px 0 0;height: 14px;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_202009.png?0909);background-position-x: -5px} .flag_size_28 .flag_sale_10 {width: 40px; background-position-y:-25px;} /* 즉시할인10% */ .flag_size_28 .flag_save_10 {width: 40.5px; background-position-y:-90px;} /* 자동적립10% */ .flag_size_28 .flag_pangpang {width: 21.5px; background-position-y:-155px;} /* 릴팡 */ .flag_size_28 .flag_plusale_10 {width: 46px; background-position-y:-220px;} /* 추가할인10% */ .flag_size_28 .flag_plusale_7 {width: 40px; background-position-y:-285px;} /* 추가할인7% */ .flag_size_28 .flag_plusale_5 {width: 40px; background-position-y:-350px;} /* 추가할인5% */ .flag_size_28 .flag_plusave_10 {width: 46px; background-position-y:-415px;} /* 추가적립10% */ .flag_size_28 .flag_plusave_5 {width: 41px; background-position-y:-480px;} /* 추가적립5% */ .flag_size_28 .flag_save_5 {width: 35px; background-position-y:-545px;} /* 자동적립5% */ /* .flag_size_28 .flag_plusale_10, .flag_size_28 .flag_plusave_10 {clear: left;} */ .flag_size_30 em {margin: 2px 2px 0 0;height: 15px;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_final_202009.png?0909);background-position-x: -75px} .flag_size_30 .flag_sale_10 {width: 47px; background-position-y:-25px;} /* 즉시할인10% */ .flag_size_30 .flag_save_10 {width: 47px; background-position-y:-90px;} /* 자동적립10% */ .flag_size_30 .flag_pangpang {width: 26.5px; background-position-y:-155px;} /* 릴팡 */ .flag_size_30 .flag_plusale_10 {width: 65px; background-position-y:-220px;} /* 추가할인10% */ .flag_size_30 .flag_plusale_7 {width: 60px; background-position-y:-285px;} /* 추가할인7% */ .flag_size_30 .flag_plusale_5 {width: 60px; background-position-y:-350px;} /* 추가할인5% */ .flag_size_30 .flag_plusave_10 {width: 65px; background-position-y:-415px;} /* 추가적립10% */ .flag_size_30 .flag_plusave_5 {width: 60px; background-position-y:-480px;} /* 추가적립5% */ .flag_size_30 .flag_save_5 {width: 42px; background-position-y:-545px;} /* 자동적립5% */ /* .flag_size_30 .flag_plusale_5, .flag_size_30 .flag_plusale_7, .flag_size_30 .flag_plusale_10, .flag_size_30 .flag_plusave_5, .flag_size_30 .flag_plusave_10 {clear: left;} .flag_size_30 *[class*=flag_plusave_] ~ *[class*=flag_plusave_], .flag_size_30 *[class*=flag_plusale_] ~ *[class*=flag_plusale_], .flag_size_30 *[class*=flag_plusave_] ~ *[class*=flag_plusale_], .flag_size_30 *[class*=flag_plusale_] ~ *[class*=flag_plusave_] {clear: none;} */ /* 메인, 공통 플래그 */ .flagBox, .prdFlag, .prdFlagWrap, .mainFlag, .prtFlag {position:absolute;left:0;top:0px;/*opacity:0.75;*/z-index:11} .prdFlag:after, .prdFlag_s, .prdFlagWrap:after, .mainFlag:after, .prtFlag:after {display:block; content:""; clear:both;} .flagBox em, .prdFlag em, .prdFlagWrap em, .mainFlag em, .prtFlag em {position:relative; float:left; opacity:0.75; font-size:2px; color:transparent; background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png);background-repeat: no-repeat;background-size: 210px auto;overflow:hidden; text-indent:-1000px;} .add10save em {position:relative; float:left; opacity:0.75; font-size:2px; color:transparent; background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);background-repeat: no-repeat;background-size: auto 305px;overflow:hidden; text-indent:-1000px;} .addDc em {position:relative; float:left; opacity:0.75; font-size:2px; color:transparent; background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);background-repeat: no-repeat;background-size: auto 305px;overflow:hidden; text-indent:-1000px;} .flagBox em + em, .prdFlag em + em, .prdFlagWrap em + em, .prtFlag em + em {margin-left:-5px;} .flagBox em:nth-child(1),.prdFlag em:nth-child(1),.prdFlagWrap em:nth-child(1),.mainFlag em:nth-child(1),.prtFlag em:nth-child(1){z-index:6;} .flagBox em:nth-child(2),.prdFlag em:nth-child(2),.prdFlagWrap em:nth-child(2),.mainFlag em:nth-child(2),.prtFlag em:nth-child(2){z-index:5;} .flagBox em:nth-child(3),.prdFlag em:nth-child(3),.prdFlagWrap em:nth-child(3),.mainFlag em:nth-child(3),.prtFlag em:nth-child(3){z-index:4;} .flagBox em:nth-child(4),.prdFlag em:nth-child(4),.prdFlagWrap em:nth-child(4),.mainFlag em:nth-child(4),.prtFlag em:nth-child(4){z-index:3;} .flagBox em:nth-child(5),.prdFlag em:nth-child(5),.prdFlagWrap em:nth-child(5),.mainFlag em:nth-child(5),.prtFlag em:nth-child(5){z-index:2;} .flagBox em:nth-child(6),.prdFlag em:nth-child(6),.prdFlagWrap em:nth-child(6),.mainFlag em:nth-child(6),.prtFlag em:nth-child(6){z-index:1;} em.flag_10dc, em.flag_addsale, em.flag_10plus, em.flag_10plus_new, em.flag_5plus_new, em.flag_addsale_10, em.flag_addsale_5, em.flag_addsale_7 {z-index:10 !important;} em.flag_10plus {opacity:1;} em.flag_10plus_new {opacity:1;} em.flag_5plus_new {opacity:1;} .addDc em.flag_addsale {opacity:1;} .addDc em.flag_10dc {opacity:1;} em.flag_addsale_10 {opacity:1;} em.flag_addsale_5 {opacity:1;} em.flag_addsale_7 {opacity:1;} /* 50*50 사이즈(공통) : 메인 홈 */ .prtFlag.s50 {left:0;top:2px;min-width:90px;} .prtFlag.s50 em {width:25px;height:25px;} .prtFlag.s50 em + em {margin-left:-4px;} .prtFlag.s50 em.flag_nowsale {background-position:-200px 0;} .prtFlag.s50 em.flag_savepoint {background-position:-200px -28px;} .prtFlag.s50 em.flag_pang {background-position:-200px -57px;width:28px;height:28px;top:-2px;} .prtFlag.s50 em.flag_addsale, .prtFlag.s50 em.flag_10dc {background-position:-200px -87px;width:29px;} .prtFlag.s50 em.flag_10plus {background-position:-200px -114px;width:29px;} /* 64*64 사이즈(공통) : 메인 홈 */ .prtFlag.s64 {left:5px;top:4px;min-width:90px;} .prtFlag.s64 em {width:32px;height:32px;} .prtFlag.s64 em + em {margin-left:-5px;} .prtFlag.s64 em.flag_nowsale {background-position:-235px 0;} .prtFlag.s64 em.flag_savepoint {background-position:-235px -37px;} .prtFlag.s64 em.flag_pang {background-position:-235px -74px;width:35px;height:35px;top:-2px;} .prtFlag.s64 em.flag_addsale, .prtFlag.s64 em.flag_10dc {background-position:-235px -114px;width:37px;} .prtFlag.s64 em.flag_10plus {background-position:-235px -151px;width:37px;} /* 2018-05-15 5%, 10% 추가적립 상품상세 슬라이드 영역 */ .add10save.s64 {left:2px;top:2px;min-width:90px;} .add10save.s64 em {width:32px;height:32px;} .add10save.s64 em + em {margin-left:-6px;} .add10save.s64 em.flag_nowsale {background-position:-235px 0;} .add10save.s64 em.flag_savepoint {background-position:-235px -37px;} .add10save.s64 em.flag_pang {background-position:-235px -74px;width:35px;height:35px;top:-2px;} .add10save.s64 em.flag_addsale, .add10save.s64 em.flag_10dc {background-position:-235px -114px;width:37px;} .add10save.s64 em.flag_10plus {background-position:-235px -151px;width:37px;} .add10save.s64 em.flag_10plus_new {background-position:-431px 0px;width:37px;} .add10save.s64 em.flag_5plus_new {background-position:-431px -55px;width:37px;} /* 28*28, 56*56 사이즈(공통) : 주문, 배송, 검색 */ .flagBox {left:0;top:2px;min-width:90px;} .flagBox em {width:28px;height:28px;} .flagBox em + em {margin-left:-5px;} .flagBox em.flag_nowsale {background-position:-160px 0; height:29px;} .flagBox em.flag_savepoint {background-position:-160px -30px;} .flagBox em.flag_pang {background-position:-160px -60px;width:30px;height:30px;top:-2px;} .flagBox em.flag_addsale, .flagBox em.flag_10dc {background-position:-160px -90px;width:32px;} .flagBox em.flag_10plus {background-position:-160px -120px;width:32px;} .add10save em.flag_10plus_new {background-position:-473px 0px; width:32px; } .add10save em.flag_5plus_new {background-position:-474px -55px; width:32px; } .addDc em.flag_addsale, .addDc em.flag_addsale_10 {background-position:-473px -109px; width:33px; height:30px; top:-1px;} .addDc em.flag_addsale_7 {background-position:-474px -165px; width:32px; } .addDc em.flag_addsale_5 {background-position:-474px -220px; width:32px; } /* 24*24 56*56 small 사이즈(공통) */ .flagBox.small em {width:24px; height:24px; background-size:175px auto;} .flagBox.small em.flag_nowsale {background-position:-133px 0;} .flagBox.small em.flag_savepoint {background-position:-133px -25px;} .flagBox.small em.flag_pang {background-position:-133px -50px; width:25px; height:25px; top:-2px;} .flagBox.small em.flag_addsale {background-position:-133px -75px; width:28px;} .flagBox.small em.flag_10plus {background-position:-133px -100px; width:28px;} /* 24*24 56*56 small 사이즈(공통) : 10% 추가적립건 */ .flagBox.small.add10save em {width:24px; height:24px; background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png); background-size: auto 160px;} .flagBox.small.add10save em.flag_nowsale {background-position:0 0;} .flagBox.small.add10save em.flag_savepoint {background-position:0 -26px;} .flagBox.small.add10save em.flag_pang {background-position:0 -52px; width:26px; height:26.6px; top:-3px;} .flagBox.small.add10save em.flag_addsale {background-position:0 -79px; width:28px;} .flagBox.small.add10save em.flag_10plus {background-position:0 -105px; width:28px;} .flagBox.small.add10save em.flag_5plus_new {background-position:-145px -29px; width:28px; } .flagBox.small.add10save em.flag_10plus_new {background-position:-145px 0; width:28px; } /* 24*24 56*56 small 사이즈(공통) : 10% 추가할인 디자인 변경 */ .flagBox.small.addDc em.flag_addsale, .flagBox.small.addDc em.flag_addsale_10 {background-position:-145px -57px; width:28px; height:25px;} .flagBox.small.addDc em.flag_addsale_7 {background-position:-145px -86px; width:28px; height:25px;} .flagBox.small.addDc em.flag_addsale_5 {background-position:-145px -115px; width:28px; height:25px;} .flagBox.small.addDc em.flag_addsale_10{top:-1px;} /* 35*35, 70*70 사이즈(공통) */ .prdFlag {left:0;top:3px;min-width:100px;} .prdFlag em {width:35px;height:35px;} .prdFlag em + em {margin-left:-5px;} .prdFlag em.flag_nowsale {background-position:-110px 0px;} .prdFlag em.flag_savepoint {background-position:-110px -50px;} .prdFlag em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .prdFlag em.flag_addsale {background-position:-110px -150px;width:41px;margin-left:-6px;} .prdFlag em.flag_10plus {background-position:-110px -200px;width:41px;margin-left:-6px;} /**** s : 메인 플래그(홈) ****/ /* Main 홈 상단 45*45 사이즈*/ .goodImg .mainFlag{top:10px;left:10px} .goodImg .mainFlag em{width:45px;height:45px;} .goodImg .mainFlag em+em {margin-left:-7px} .goodImg .mainFlag em.flag_nowsale {background-position:0px 0px;} .goodImg .mainFlag em.flag_savepoint {background-position:0px -50px;} .goodImg .mainFlag em.flag_pang {background-position:0px -100px;width:50px;height:50px;top:-5px;} .goodImg .mainFlag em.flag_addsale {background-position:0px -150px;width:53px;margin-left:-9px;} .goodImg .mainFlag em.flag_10plus {background-position:0px -200px;width:53px;margin-left:-9px;} /* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : Main 홈 상단 45*45 사이즈*/ .goodImg .mainFlag.add10save{top:10px;left:10px;} .goodImg .mainFlag.add10save em{width:45px;height:45px;} .goodImg .mainFlag.add10save em+em {margin-left:-7px} .goodImg .mainFlag.add10save em.flag_nowsale {background-position:0px 0px;} .goodImg .mainFlag.add10save em.flag_savepoint {background-position:0px -50px;} .goodImg .mainFlag.add10save em.flag_pang {background-position:0px -100px;width:50px;height:50px;top:-5px;} .goodImg .mainFlag.add10save em.flag_addsale {background-position:0px -150px;width:53px;margin-left:-9px;} .goodImg .mainFlag.add10save em.flag_10plus {background-position:0px -200px;width:53px;margin-left:-9px;} .goodImg .mainFlag.add10save em.flag_10plus_new {background-position:-277px 0px;width:53px;margin-left:-9px;} .goodImg .mainFlag.add10save em.flag_5plus_new {background-position:-277px -55px;width:53px;margin-left:-9px;} /* curation Main 홈 상단 45*45 사이즈 - curation Main 페이지 삭제시 지워주세요. */ .goodImg_curation .mainFlag {top:3px;left:0;} .goodImg_curation .mainFlag em {width:35px;height:35px;} .goodImg_curation .mainFlag em + em {margin-left:-5px;} .goodImg_curation .mainFlag em.flag_nowsale {background-position:-110px 0px;} .goodImg_curation .mainFlag em.flag_savepoint {background-position:-110px -50px;} .goodImg_curation .mainFlag em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .goodImg_curation .mainFlag em.flag_addsale {background-position:-110px -150px;width:41px;margin-left:-6px;} .goodImg_curation .mainFlag em.flag_10plus {background-position:-110px -200px;width:41px;margin-left:-6px;} /* 카테고리 반값(참고) */ /*.prdCardBox .prdFlagWrap{top:10px;left:10px} .prdCardBox .prdFlagWrap em{width:45px;height:45px;} .prdCardBox .prdFlagWrap em+em {margin-left:-7px} .prdCardBox .prdFlagWrap em.flag_nowsale {background-position:0px 0px;} .prdCardBox .prdFlagWrap em.flag_savepoint {background-position:0px -50px;} .prdCardBox .prdFlagWrap em.flag_pang {background-position:0px -100px;width:50px;height:50px;top:-5px;} .prdCardBox .prdFlagWrap em.flag_addsale {background-position:0px -150px;width:53px;margin-left:-9px;} .prdCardBox .prdFlagWrap em.flag_10plus {background-position:0px -200px;width:53px;margin-left:-9px;}*/ /* 메인 플래그 28*28, 56*56 사이즈 */ .imagex .prdFlag {top:7px} .goodsUnitList .prdFlag em, .goodsUnitList .prdFlagWrap em, .imagex .prdFlag em {width:28px;height:28px;} .goodsUnitList .prdFlag em.flag_nowsale, .goodsUnitList .prdFlagWrap em.flag_nowsale, .imagex .prdFlag em.flag_nowsale {background-position:-160px 0px;} .goodsUnitList .prdFlag em.flag_savepoint, .goodsUnitList .prdFlagWrap em.flag_savepoint, .imagex .prdFlag em.flag_savepoint {background-position:-160px -30px;} .goodsUnitList .prdFlag em.flag_pang, .goodsUnitList .prdFlagWrap em.flag_pang, .imagex .prdFlag em.flag_pang {background-position:-160px -60px;width:30px;height:30px;top:-2px} /* goodsUnitList */ .goodsUnitList .prdFlagWrap em.flag_10dc, .goodsUnitList .prdFlagWrap em.flag_addsale {background-position:-160px -90px;width:32px;} .goodsUnitList .prdFlagWrap em.flag_10plus {background-position:-160px -120px;width:32px;} /* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : goodsUnitList */ .goodsUnitList .add10save em.flag_10dc, .goodsUnitList .add10save em.flag_addsale {background-position:-160px -90px;width:32px;} .goodsUnitList .add10save em.flag_10plus {background-position:-160px -120px;width:32px;} .goodsUnitList .add10save em.flag_10plus_new {background-position:-473px 0px;width:32px;} .goodsUnitList .add10save em.flag_5plus_new {background-position:-473px -55px;width:32px;} /* 2018-07-19 5%, 7%, 10% 추가할인 플래그 추가건 : goodsUnitList */ .goodsUnitList .addDc em.flag_10dc, .goodsUnitList .addDc em.flag_addsale, .goodsUnitList .addDc em.flag_addsale_10 {background-position:-474px -110px; width:32px;} .goodsUnitList .addDc em.flag_addsale_7 {background-position:-474px -165px; width:32px;} .goodsUnitList .addDc em.flag_addsale_5 {background-position:-474px -220px; width:32px;} /* 메인 홈 리스트, TV베스트 (40*40, 80*80 사이즈 gen/60000020/8005001.vm, 8005024.vm 에 위치) */ .goodsUnitCard .prdFlagWrap {top:10px;left:10px} .goodsUnitCard .prdFlagWrap em {width:40px;height:40px} .goodsUnitCard .prdFlagWrap em+em {margin-left:-7px;} .goodsUnitCard .prdFlagWrap em.flag_nowsale {background-position:-60px 0px;} .goodsUnitCard .prdFlagWrap em.flag_savepoint {background-position:-60px -50px;} .goodsUnitCard .prdFlagWrap em.flag_pang {background-position:-60px -100px;width:44px; height:45px;top:-4px } .goodsUnitCard .prdFlagWrap em.flag_addsale {background-position:60px -150px;width:47px;} /*em.flag_addsale 는 홈, 반값 스와이프에서 사용됨 */ .goodsUnitCard .prdFlagWrap em.flag_10plus {background-position:-60px -200px;width:47px;} /**** e : 메인 플래그(홈) *****/ /* 공통리스트(카테고리 리스트) 28*28, 56*56 사이즈 */ .prdList .goodsUnitList .prdFlagWrap {top:15px;left:10px} /* 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */ .prdList.frame .goodsUnitList .prdFlagWrap {left:0} .prdList.frame .goodsUnitList .prdFlagWrap em {width:35px;height:35px;} .prdList.frame .goodsUnitList .prdFlagWrap em + em {margin-left:-5px;} .prdList.frame .goodsUnitList .prdFlagWrap em.flag_nowsale {background-position:-110px 0px;} .prdList.frame .goodsUnitList .prdFlagWrap em.flag_savepoint {background-position:-110px -50px;} .prdList.frame .goodsUnitList .prdFlagWrap em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .prdList.frame .goodsUnitList .prdFlagWrap em.flag_addsale, .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10dc {background-position:-110px -150px;width:41px;margin-left:-6px;} .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10plus {background-position:-110px -200px;width:41px;margin-left:-6px;} /* 2018-05-15 5%, 10% 추가적립 플래그 추가건 : 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */ .prdList.frame .goodsUnitList .add10save {left:0} .prdList.frame .goodsUnitList .add10save em {width:35px;height:35px;} .prdList.frame .goodsUnitList .add10save em + em {margin-left:-5px;} .prdList.frame .goodsUnitList .add10save em.flag_nowsale {background-position:-110px 0px;} .prdList.frame .goodsUnitList .add10save em.flag_savepoint {background-position:-110px -50px;} .prdList.frame .goodsUnitList .add10save em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .prdList.frame .goodsUnitList .add10save em.flag_addsale, .prdList.frame .goodsUnitList .add10save em.flag_10dc {background-position:-110px -150px;width:41px;margin-left:-6px;} .prdList.frame .goodsUnitList .add10save em.flag_10plus {background-position:-110px -200px;width:41px;margin-left:-6px;} .prdList.frame .goodsUnitList .add10save em.flag_10plus_new {background-position:-385px 0px;width:41px;margin-left:-6px;} .prdList.frame .goodsUnitList .add10save em.flag_5plus_new {background-position:-385px -55px;width:41px;margin-left:-6px;} /* 2018-07-31 5%, 7%, 10% 추가할인 플래그 추가건 : 공통리스트(카테고리 섬네일) 35*35, 70*70 사이즈 */ .prdList.frame .goodsUnitList .addDc em + em {margin-left:-6px;} .prdList.frame .goodsUnitList .addDc em.flag_10dc, .prdList.frame .goodsUnitList .addDc em.flag_addsale, .prdList.frame .goodsUnitList .addDc em.flag_addsale_10 {background-position:-385px -109px; width:42px; height:36px;} .prdList.frame .goodsUnitList .addDc em.flag_addsale_7 {background-position:-385px -165px; width:42px; height:36px;} .prdList.frame .goodsUnitList .addDc em.flag_addsale_5 {background-position:-385px -220px; width:42px; height:36px;} /* 메인(추천관) 28*28, 56*56 사이즈 */ .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap {top:-2px;left:-1px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em {width:28px;height:28px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em + em {margin-left:-5px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_nowsale {background-position:-160px 0;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_savepoint {background-position:-160px -30px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_pang {background-position:-160px -60px;width:30px;height:30px;top:-2px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_addsale, .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10dc {background-position:-160px -90px;width:32px;} .recommend_product .prdList.frame .goodsUnitList .prdFlagWrap em.flag_10plus {background-position:-160px -120px;width:32px;} /* 주문/결제 24*24 56*56 small 사이즈*/ .order_list li .prdFlagWrap em {width:24px; height:24px; background-size:175px 254px;} .order_list li .prdFlagWrap em.flag_nowsale {background-position:-133px 0;} .order_list li .prdFlagWrap em.flag_savepoint {background-position:-133px -25px;} .order_list li .prdFlagWrap em.flag_pang {background-position:-133px -50px; width:25px; height:25px; top:-2px;} .order_list li .prdFlagWrap em.flag_addsale {background-position:-133px -75px; width:28px;} .order_list li .prdFlagWrap em.flag_10plus {background-position:-133px -100px; width:28px;} /* 주문/결제 35*35, 70*70 사이즈 */ .cart_list_corenr .thumb .prdFlagWrap {top:3px;} .cart_list_corenr .thumb .prdFlagWrap em {width:35px;height:35px;} .cart_list_corenr .thumb .prdFlagWrap em + em {margin-left:-5px;} .cart_list_corenr .thumb .prdFlagWrap em.flag_nowsale {background-position:-110px 0px;} .cart_list_corenr .thumb .prdFlagWrap em.flag_savepoint {background-position:-110px -50px;} .cart_list_corenr .thumb .prdFlagWrap em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} /* 검색(연관검색).prdFlag 35*35 -> 28*28 사이즈로 변경 */ .thumArea .img_thumb .prdFlag {position:absolute;left:0;top:2px;opacity:0.75;z-index:11} .thumArea .img_thumb .prdFlag em {position:relative; float:left; display:block;width:28px;height:28px;background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat; background-size:210px auto;overflow:hidden;text-indent:-1000px;} .thumArea .img_thumb .prdFlag em + em {margin-left:-5px;} .thumArea .img_thumb .prdFlag em.flag_nowsale {background-position:-160px 0;} .thumArea .img_thumb .prdFlag em.flag_savepoint{background-position:-160px -30px;} .thumArea .img_thumb .prdFlag em.flag_pang {background-position:-160px -60px;width:30px;height:30px;top:-2px;} .thumArea .img_thumb .add10save {position:absolute;left:0;top:2px;opacity:0.75;z-index:11} .thumArea .img_thumb .add10save em {position:relative; float:left; display:block;width:28px;height:28px;background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png) no-repeat; background-size:auto 305px;overflow:hidden;text-indent:-1000px;} .thumArea .img_thumb .add10save em + em {margin-left:-5px;} .thumArea .img_thumb .add10save em.flag_nowsale {background-position:-160px 0;} .thumArea .img_thumb .add10save em.flag_savepoint{background-position:-160px -30px;} .thumArea .img_thumb .add10save em.flag_pang {background-position:-160px -60px;width:30px;height:30px;top:-2px;} .thumArea .img_thumb .add10save em.flag_10plus {background-position:-160px -120px;width:33px;} .thumArea .img_thumb .add10save em.flag_10plus_new {background-position:-473px 0;width:33px;} .thumArea .img_thumb .add10save em.flag_5plus_new {background-position:-473px -55px;width:33px;} .thumArea .img_thumb .addDc em.flag_addsale, .thumArea .img_thumb .addDc em.flag_addsale_10 {background-position:-473px -110px;width:33px;} .thumArea .img_thumb .addDc em.flag_addsale_7 {background-position:-473px -165px;width:33px;} .thumArea .img_thumb .addDc em.flag_addsale_5 {background-position:-473px -220px;width:33px;} .thumArea .img_thumb .prdFlag_b {position:absolute;left:0;top:3px;opacity:0.75;z-index:11} .thumArea .img_thumb .prdFlag_b em {position:relative; float:left; display:block;width:35px;height:35px;background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat; background-size:210px auto;overflow:hidden;text-indent:-1000px;} .thumArea .img_thumb .prdFlag_b em + em {margin-left:-5px;} .thumArea .img_thumb .prdFlag_b em.flag_nowsale {background-position:-110px 0px;} .thumArea .img_thumb .prdFlag_b em.flag_savepoint{background-position:-110px -50px;} .thumArea .img_thumb .prdFlag_b em.flag_pang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .thumArea .img_thumb .prdFlag_b em:nth-child(1){z-index:6;} .thumArea .img_thumb .prdFlag_b em:nth-child(2){z-index:5;} .thumArea .img_thumb .prdFlag_b em:nth-child(3){z-index:4;} /* 공통 할인 및 적립 이벤트 프로모션 플래그아이콘 - 페이지에서 prdFlag 네임으로 대체하세요. */ .eventFlagBox {overflow:hidden; width:100%; padding:4px 0 0; opacity:0.75;} .eventFlagBox em {display:block; overflow:hidden; position:relative; float:left; width:35px; height:35px; font-size:2px; line-height:1px; color:transparent; background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat;background-size:210px auto;} .eventFlagBox em + em {margin-left:-5px;} .eventFlagBox em:nth-child(1) {z-index:5;} .eventFlagBox em:nth-child(2) {z-index:4;} .eventFlagBox em:nth-child(3) {z-index:3;} .eventFlagBox em:nth-child(4) {z-index:2;} .eventFlagBox em:nth-child(5) {z-index:1;} .eventFlagBox em.flagSale10 {background-position:-110px 0;} .eventFlagBox em.flagSave10 {background-position:-110px -50px;} .eventFlagBox em.flagPang {background-position:-110px -100px;width:38px;height:38px;top:-3px;} .eventFlagBox em.flagAddSale10 {background-position:-110px -150px; width:41px; margin-left:-6px; z-index:10;} .eventFlagBox em.flagAddSave10 {background-position:-110px -200px; width:41px; margin-left:-6px; z-index:10;} /* 공통 영역 - 플래그 위치값 */ .sale_n1p {background-position:0 0 !important;} .sale_n2p {background-position:-75px 0 !important;} .sale_n3p {background-position:-150px 0 !important;} .sale_n4p {background-position:-226px 0 !important;} .sale_n5p {background-position:-301px 0 !important;} .sale_n6p {background-position:-377px 0 !important;} .sale_n7p {background-position:-452px 0 !important;} .sale_n8p {background-position:-528px 0 !important;} .sale_n9p {background-position:-603px 0 !important;} .sale_n10p {background-position:-679px 0 !important;} .sale_n11p {background-position:0 -50px !important;} .sale_n12p {background-position:-75px -50px !important;} .sale_n13p {background-position:-150px -50px !important;} .sale_n14p {background-position:-226px -50px !important;} .sale_n15p {background-position:-301px -50px !important;} .sale_n16p {background-position:-377px -50px !important;} .sale_n17p {background-position:-452px -50px !important;} .sale_n18p {background-position:-528px -50px !important;} .sale_n19p {background-position:-603px -50px !important;} .sale_n20p {background-position:-679px -50px !important;} .sale_n21p {background-position:0 -100px !important;} .sale_n22p {background-position:-75px -100px !important;} .sale_n23p {background-position:-150px -100px !important;} .sale_n24p {background-position:-226px -100px !important;} .sale_n25p {background-position:-301px -100px !important;} .sale_n26p {background-position:-377px -100px !important;} .sale_n27p {background-position:-452px -100px !important;} .sale_n28p {background-position:-528px -100px !important;} .sale_n29p {background-position:-603px -100px !important;} .sale_n30p {background-position:-679px -100px !important;} .sale_n31p {background-position:0 -150px !important;} .sale_n32p {background-position:-75px -150px !important;} .sale_n33p {background-position:-150px -150px !important;} .sale_n34p {background-position:-226px -150px !important;} .sale_n35p {background-position:-301px -150px !important;} .sale_n36p {background-position:-377px -150px !important;} .sale_n37p {background-position:-452px -150px !important;} .sale_n38p {background-position:-528px -150px !important;} .sale_n39p {background-position:-603px -150px !important;} .sale_n40p {background-position:-679px -150px !important;} .sale_n41p {background-position:0 -200px !important;} .sale_n42p {background-position:-75px -200px !important;} .sale_n43p {background-position:-150px -200px !important;} .sale_n44p {background-position:-226px -200px !important;} .sale_n45p {background-position:-301px -200px !important;} .sale_n46p {background-position:-377px -200px !important;} .sale_n47p {background-position:-452px -200px !important;} .sale_n48p {background-position:-528px -200px !important;} .sale_n49p {background-position:-603px -200px !important;} .sale_n50p {background-position:-679px -200px !important;} .sale_n51p {background-position:0 -250px !important;} .sale_n52p {background-position:-75px -250px !important;} .sale_n53p {background-position:-150px -250px !important;} .sale_n54p {background-position:-226px -250px !important;} .sale_n55p {background-position:-301px -250px !important;} .sale_n56p {background-position:-377px -250px !important;} .sale_n57p {background-position:-452px -250px !important;} .sale_n58p {background-position:-528px -250px !important;} .sale_n59p {background-position:-603px -250px !important;} .sale_n60p {background-position:-679px -250px !important;} .sale_n61p {background-position:0 -300px !important;} .sale_n62p {background-position:-75px -300px !important;} .sale_n63p {background-position:-150px -300px !important;} .sale_n64p {background-position:-226px -300px !important;} .sale_n65p {background-position:-301px -300px !important;} .sale_n66p {background-position:-377px -300px !important;} .sale_n67p {background-position:-452px -300px !important;} .sale_n68p {background-position:-528px -300px !important;} .sale_n69p {background-position:-603px -300px !important;} .sale_n70p {background-position:-679px -300px !important;} .sale_n71p {background-position:0 -350px !important;} .sale_n72p {background-position:-75px -350px !important;} .sale_n73p {background-position:-150px -350px !important;} .sale_n74p {background-position:-226px -350px !important;} .sale_n75p {background-position:-301px -350px !important;} .sale_n76p {background-position:-377px -350px !important;} .sale_n77p {background-position:-452px -350px !important;} .sale_n78p {background-position:-528px -350px !important;} .sale_n79p {background-position:-603px -350px !important;} .sale_n80p {background-position:-679px -350px !important;} .sale_n81p {background-position:0 -400px !important;} .sale_n82p {background-position:-75px -400px !important;} .sale_n83p {background-position:-150px -400px !important;} .sale_n84p {background-position:-226px -400px !important;} .sale_n85p {background-position:-301px -400px !important;} .sale_n86p {background-position:-377px -400px !important;} .sale_n87p {background-position:-452px -400px !important;} .sale_n88p {background-position:-528px -400px !important;} .sale_n89p {background-position:-603px -400px !important;} .sale_n90p {background-position:-679px -400px !important;} .sale_n91p {background-position:0 -450px !important;} .sale_n92p {background-position:-75px -450px !important;} .sale_n93p {background-position:-150px -450px !important;} .sale_n94p {background-position:-226px -450px !important;} .sale_n95p {background-position:-301px -450px !important;} .sale_n96p {background-position:-377px -450px !important;} .sale_n97p {background-position:-452px -450px !important;} .sale_n98p {background-position:-528px -450px !important;} .sale_n99p {background-position:-603px -450px !important;} .sale_1p {background-position: 0 0 !important} .sale_2p {background-position: -50px 0 !important} .sale_3p {background-position: -100px 0 !important} .sale_4p {background-position: -150px 0 !important} .sale_5p {background-position: -200px 0 !important} .sale_6p {background-position: -250px 0 !important} .sale_7p {background-position: -300px 0 !important} .sale_8p {background-position: -350px 0 !important} .sale_9p {background-position: -400px 0 !important} .sale_10p {background-position: -450px 0 !important} .sale_11p {background-position: 0 -50px !important} .sale_12p {background-position: -50px -50px !important} .sale_13p {background-position: -100px -50px !important} .sale_14p {background-position: -150px -50px !important} .sale_15p {background-position: -200px -50px !important} .sale_16p {background-position: -250px -50px !important} .sale_17p {background-position: -300px -50px !important} .sale_18p {background-position: -350px -50px !important} .sale_19p {background-position: -400px -50px !important} .sale_20p {background-position: -450px -50px !important} .sale_21p {background-position: 0 -100px !important} .sale_22p {background-position: -50px -100px !important} .sale_23p {background-position: -100px -100px !important} .sale_24p {background-position: -150px -100px !important} .sale_25p {background-position: -200px -100px !important} .sale_26p {background-position: -250px -100px !important} .sale_27p {background-position: -300px -100px !important} .sale_28p {background-position: -350px -100px !important} .sale_29p {background-position: -400px -100px !important} .sale_30p {background-position: -450px -100px !important} .sale_31p {background-position: 0 -150px !important} .sale_32p {background-position: -50px -150px !important} .sale_33p {background-position: -100px -150px !important} .sale_34p {background-position: -150px -150px !important} .sale_35p {background-position: -200px -150px !important} .sale_36p {background-position: -250px -150px !important} .sale_37p {background-position: -300px -150px !important} .sale_38p {background-position: -350px -150px !important} .sale_39p {background-position: -400px -150px !important} .sale_40p {background-position: -450px -150px !important} .sale_41p {background-position: 0 -200px !important} .sale_42p {background-position: -50px -200px !important} .sale_43p {background-position: -100px -200px !important} .sale_44p {background-position: -150px -200px !important} .sale_45p {background-position: -200px -200px !important} .sale_46p {background-position: -250px -200px !important} .sale_47p {background-position: -300px -200px !important} .sale_48p {background-position: -350px -200px !important} .sale_49p {background-position: -400px -200px !important} .sale_50p {background-position: -450px -200px !important} .sale_51p {background-position: 0 -250px !important} .sale_52p {background-position: -50px -250px !important} .sale_53p {background-position: -100px -250px !important} .sale_54p {background-position: -150px -250px !important} .sale_55p {background-position: -200px -250px !important} .sale_56p {background-position: -250px -250px !important} .sale_57p {background-position: -300px -250px !important} .sale_58p {background-position: -350px -250px !important} .sale_59p {background-position: -400px -250px !important} .sale_60p {background-position: -450px -250px !important} .sale_61p {background-position: 0 -300px !important} .sale_62p {background-position: -50px -300px !important} .sale_63p {background-position: -100px -300px !important} .sale_64p {background-position: -150px -300px !important} .sale_65p {background-position: -200px -300px !important} .sale_66p {background-position: -250px -300px !important} .sale_67p {background-position: -300px -300px !important} .sale_68p {background-position: -350px -300px !important} .sale_69p {background-position: -400px -300px !important} .sale_70p {background-position: -450px -300px !important} .sale_71p {background-position: 0 -350px !important} .sale_72p {background-position: -50px -350px !important} .sale_73p {background-position: -100px -350px !important} .sale_74p {background-position: -150px -350px !important} .sale_75p {background-position: -200px -350px !important} .sale_76p {background-position: -250px -350px !important} .sale_77p {background-position: -300px -350px !important} .sale_78p {background-position: -350px -350px !important} .sale_79p {background-position: -400px -350px !important} .sale_80p {background-position: -450px -350px !important} .sale_81p {background-position: 0 -400px !important} .sale_82p {background-position: -50px -400px !important} .sale_83p {background-position: -100px -400px !important} .sale_84p {background-position: -150px -400px !important} .sale_85p {background-position: -200px -400px !important} .sale_86p {background-position: -250px -400px !important} .sale_87p {background-position: -300px -400px !important} .sale_88p {background-position: -350px -400px !important} .sale_89p {background-position: -400px -400px !important} .sale_90p {background-position: -450px -400px !important} .sale_91p {background-position: 0 -450px !important} .sale_92p {background-position: -50px -450px !important} .sale_93p {background-position: -100px -450px !important} .sale_94p {background-position: -150px -450px !important} .sale_95p {background-position: -200px -450px !important} .sale_96p {background-position: -250px -450px !important} .sale_97p {background-position: -300px -450px !important} .sale_98p {background-position: -350px -450px !important} .sale_99p {background-position: -400px -450px !important} /* 공통 영역 - main tv쇼핑 할인율 위치값 150*100 */ .flagArea {} .Msale_MB, .Msale_NB { position: absolute;left:0;top:0;display:block;width:62px;height:50px;background: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png) no-repeat !important;background-position: 0 0 !important; background-size: 400px 480px !important;overflow: hidden;font-size:2px;text-indent: 0px !important;color:transparent } .Msale_MB:before, .Msale_NB:before { content:"";position:absolute;margin-left:13.5px;margin-top:8px;vertical-align:top;width:35px;height:20px;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png);background-repeat: no-repeat; background-size: 400px 480px;text-indent:0px; }/*플래그_할인율 큰것 */ .Msale_MS,.Msale_NS{position:absolute;left: -6px !important;top: 2px !important;display:block;width:44px !important;height:35px !important;background: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png) no-repeat !important; background-size: 400px 480px !important;background-position:-70px 0px !important;overflow: hidden;font-size:2px;text-indent: 0px !important;color:transparent}/*플래그_할인율 작은것 */ .Msale_MS:before, .Msale_NS:before { content:"";position:absolute;margin-left:4px;margin-top:9px;vertical-align:top;width:35px;height:20px;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_down_temp.png);background-repeat: no-repeat; background-size: 400px 480px;text-indent:0px; } .Msale_MB.Msale_1p:before, .Msale_NB.Msale_1p:before { background-position: 0px -70px } .Msale_MB.Msale_2p:before, .Msale_NB.Msale_2p:before { background-position: -35px -70px } .Msale_MB.Msale_3p:before, .Msale_NB.Msale_3p:before { background-position: -70px -70px } .Msale_MB.Msale_4p:before, .Msale_NB.Msale_4p:before { background-position: -105px -70px } .Msale_MB.Msale_5p:before, .Msale_NB.Msale_5p:before { background-position: -140px -70px } .Msale_MB.Msale_6p:before, .Msale_NB.Msale_6p:before { background-position: -175px -70px } .Msale_MB.Msale_7p:before, .Msale_NB.Msale_7p:before { background-position: -210px -70px } .Msale_MB.Msale_8p:before, .Msale_NB.Msale_8p:before { background-position: -245px -70px } .Msale_MB.Msale_9p:before, .Msale_NB.Msale_9p:before { background-position: -280px -70px } .Msale_MB.Msale_10p:before, .Msale_NB.Msale_10p:before { background-position: -315px -70px } .Msale_MB.Msale_11p:before, .Msale_NB.Msale_11p:before { background-position: 0px -90px } .Msale_MB.Msale_12p:before, .Msale_NB.Msale_12p:before { background-position: -35px -90px } .Msale_MB.Msale_13p:before, .Msale_NB.Msale_13p:before { background-position: -70px -90px } .Msale_MB.Msale_14p:before, .Msale_NB.Msale_14p:before { background-position: -105px -90px } .Msale_MB.Msale_15p:before, .Msale_NB.Msale_15p:before { background-position: -140px -90px } .Msale_MB.Msale_16p:before, .Msale_NB.Msale_16p:before { background-position: -175px -90px } .Msale_MB.Msale_17p:before, .Msale_NB.Msale_17p:before { background-position: -210px -90px } .Msale_MB.Msale_18p:before, .Msale_NB.Msale_18p:before { background-position: -245px -90px } .Msale_MB.Msale_19p:before, .Msale_NB.Msale_19p:before { background-position: -280px -90px } .Msale_MB.Msale_20p:before, .Msale_NB.Msale_20p:before { background-position: -315px -90px } .Msale_MB.Msale_21p:before, .Msale_NB.Msale_21p:before { background-position: 0px -110px } .Msale_MB.Msale_22p:before, .Msale_NB.Msale_22p:before { background-position: -35px -110px } .Msale_MB.Msale_23p:before, .Msale_NB.Msale_23p:before { background-position: -70px -110px } .Msale_MB.Msale_24p:before, .Msale_NB.Msale_24p:before { background-position: -105px -110px } .Msale_MB.Msale_25p:before, .Msale_NB.Msale_25p:before { background-position: -140px -110px } .Msale_MB.Msale_26p:before, .Msale_NB.Msale_26p:before { background-position: -175px -110px } .Msale_MB.Msale_27p:before, .Msale_NB.Msale_27p:before { background-position: -210px -110px } .Msale_MB.Msale_28p:before, .Msale_NB.Msale_28p:before { background-position: -245px -110px } .Msale_MB.Msale_29p:before, .Msale_NB.Msale_29p:before { background-position: -280px -110px } .Msale_MB.Msale_30p:before, .Msale_NB.Msale_30p:before { background-position: -315px -110px } .Msale_MB.Msale_31p:before, .Msale_NB.Msale_31p:before { background-position: 0px -130px } .Msale_MB.Msale_32p:before, .Msale_NB.Msale_32p:before { background-position: -35px -130px } .Msale_MB.Msale_33p:before, .Msale_NB.Msale_33p:before { background-position: -70px -130px } .Msale_MB.Msale_34p:before, .Msale_NB.Msale_34p:before { background-position: -105px -130px } .Msale_MB.Msale_35p:before, .Msale_NB.Msale_35p:before { background-position: -140px -130px } .Msale_MB.Msale_36p:before, .Msale_NB.Msale_36p:before { background-position: -175px -130px } .Msale_MB.Msale_37p:before, .Msale_NB.Msale_37p:before { background-position: -210px -130px } .Msale_MB.Msale_38p:before, .Msale_NB.Msale_38p:before { background-position: -245px -130px } .Msale_MB.Msale_39p:before, .Msale_NB.Msale_39p:before { background-position: -280px -130px } .Msale_MB.Msale_40p:before, .Msale_NB.Msale_40p:before { background-position: -315px -130px } .Msale_MB.Msale_41p:before, .Msale_NB.Msale_41p:before { background-position: 0px -150px } .Msale_MB.Msale_42p:before, .Msale_NB.Msale_42p:before { background-position: -35px -150px } .Msale_MB.Msale_43p:before, .Msale_NB.Msale_43p:before { background-position: -70px -150px } .Msale_MB.Msale_44p:before, .Msale_NB.Msale_44p:before { background-position: -105px -150px } .Msale_MB.Msale_45p:before, .Msale_NB.Msale_45p:before { background-position: -140px -150px } .Msale_MB.Msale_46p:before, .Msale_NB.Msale_46p:before { background-position: -175px -150px } .Msale_MB.Msale_47p:before, .Msale_NB.Msale_47p:before { background-position: -210px -150px } .Msale_MB.Msale_48p:before, .Msale_NB.Msale_48p:before { background-position: -245px -150px } .Msale_MB.Msale_49p:before, .Msale_NB.Msale_49p:before { background-position: -280px -150px } .Msale_MB.Msale_50p:before, .Msale_NB.Msale_50p:before { background-position: -315px -150px } .Msale_MB.Msale_51p:before, .Msale_NB.Msale_51p:before { background-position: 0px -170px } .Msale_MB.Msale_52p:before, .Msale_NB.Msale_52p:before { background-position: -35px -170px } .Msale_MB.Msale_53p:before, .Msale_NB.Msale_53p:before { background-position: -70px -170px } .Msale_MB.Msale_54p:before, .Msale_NB.Msale_54p:before { background-position: -105px -170px } .Msale_MB.Msale_55p:before, .Msale_NB.Msale_55p:before { background-position: -140px -170px } .Msale_MB.Msale_56p:before, .Msale_NB.Msale_56p:before { background-position: -175px -170px } .Msale_MB.Msale_57p:before, .Msale_NB.Msale_57p:before { background-position: -210px -170px } .Msale_MB.Msale_58p:before, .Msale_NB.Msale_58p:before { background-position: -245px -170px } .Msale_MB.Msale_59p:before, .Msale_NB.Msale_59p:before { background-position: -280px -170px } .Msale_MB.Msale_60p:before, .Msale_NB.Msale_60p:before { background-position: -315px -170px } .Msale_MB.Msale_61p:before, .Msale_NB.Msale_61p:before { background-position: 0px -190px } .Msale_MB.Msale_62p:before, .Msale_NB.Msale_62p:before { background-position: -35px -190px } .Msale_MB.Msale_63p:before, .Msale_NB.Msale_63p:before { background-position: -70px -190px } .Msale_MB.Msale_64p:before, .Msale_NB.Msale_64p:before { background-position: -105px -190px } .Msale_MB.Msale_65p:before, .Msale_NB.Msale_65p:before { background-position: -140px -190px } .Msale_MB.Msale_66p:before, .Msale_NB.Msale_66p:before { background-position: -175px -190px } .Msale_MB.Msale_67p:before, .Msale_NB.Msale_67p:before { background-position: -210px -190px } .Msale_MB.Msale_68p:before, .Msale_NB.Msale_68p:before { background-position: -245px -190px } .Msale_MB.Msale_69p:before, .Msale_NB.Msale_69p:before { background-position: -280px -190px } .Msale_MB.Msale_70p:before, .Msale_NB.Msale_70p:before { background-position: -315px -190px } .Msale_MB.Msale_71p:before, .Msale_NB.Msale_71p:before { background-position: 0px -210px } .Msale_MB.Msale_72p:before, .Msale_NB.Msale_72p:before { background-position: -35px -210px } .Msale_MB.Msale_73p:before, .Msale_NB.Msale_73p:before { background-position: -70px -210px } .Msale_MB.Msale_74p:before, .Msale_NB.Msale_74p:before { background-position: -105px -210px } .Msale_MB.Msale_75p:before, .Msale_NB.Msale_75p:before { background-position: -140px -210px } .Msale_MB.Msale_76p:before, .Msale_NB.Msale_76p:before { background-position: -175px -210px } .Msale_MB.Msale_77p:before, .Msale_NB.Msale_77p:before { background-position: -210px -210px } .Msale_MB.Msale_78p:before, .Msale_NB.Msale_78p:before { background-position: -245px -210px } .Msale_MB.Msale_79p:before, .Msale_NB.Msale_79p:before { background-position: -280px -210px } .Msale_MB.Msale_80p:before, .Msale_NB.Msale_80p:before { background-position: -315px -210px } .Msale_MB.Msale_81p:before, .Msale_NB.Msale_81p:before { background-position: 0px -230px } .Msale_MB.Msale_82p:before, .Msale_NB.Msale_82p:before { background-position: -35px -230px } .Msale_MB.Msale_83p:before, .Msale_NB.Msale_83p:before { background-position: -70px -230px } .Msale_MB.Msale_84p:before, .Msale_NB.Msale_84p:before { background-position: -105px -230px } .Msale_MB.Msale_85p:before, .Msale_NB.Msale_85p:before { background-position: -140px -230px } .Msale_MB.Msale_86p:before, .Msale_NB.Msale_86p:before { background-position: -175px -230px } .Msale_MB.Msale_87p:before, .Msale_NB.Msale_87p:before { background-position: -210px -230px } .Msale_MB.Msale_88p:before, .Msale_NB.Msale_88p:before { background-position: -245px -230px } .Msale_MB.Msale_89p:before, .Msale_NB.Msale_89p:before { background-position: -280px -230px } .Msale_MB.Msale_90p:before, .Msale_NB.Msale_90p:before { background-position: -315px -230px } .Msale_MB.Msale_91p:before, .Msale_NB.Msale_91p:before { background-position: 0px -250px } .Msale_MB.Msale_92p:before, .Msale_NB.Msale_92p:before { background-position: -35px -250px } .Msale_MB.Msale_93p:before, .Msale_NB.Msale_93p:before { background-position: -70px -250px } .Msale_MB.Msale_94p:before, .Msale_NB.Msale_94p:before { background-position: -105px -250px } .Msale_MB.Msale_95p:before, .Msale_NB.Msale_95p:before { background-position: -140px -250px } .Msale_MB.Msale_96p:before, .Msale_NB.Msale_96p:before { background-position: -175px -250px } .Msale_MB.Msale_97p:before, .Msale_NB.Msale_97p:before { background-position: -210px -250px } .Msale_MB.Msale_98p:before, .Msale_NB.Msale_98p:before { background-position: -245px -250px } .Msale_MB.Msale_99p:before, .Msale_NB.Msale_99p:before { background-position: -280px -250px } .Msale_MB.Msale_100p:before, .Msale_NB.Msale_100p:before { background-position: -315px -250px } .Msale_MS.Msale_1p:before, .Msale_NS.Msale_1p:before { background-position: 0px -270px } .Msale_MS.Msale_2p:before, .Msale_NS.Msale_2p:before { background-position: -35px -270px } .Msale_MS.Msale_3p:before, .Msale_NS.Msale_3p:before { background-position: -70px -270px } .Msale_MS.Msale_4p:before, .Msale_NS.Msale_4p:before { background-position: -105px -270px } .Msale_MS.Msale_5p:before, .Msale_NS.Msale_5p:before { background-position: -140px -270px } .Msale_MS.Msale_6p:before, .Msale_NS.Msale_6p:before { background-position: -175px -270px } .Msale_MS.Msale_7p:before, .Msale_NS.Msale_7p:before { background-position: -210px -270px } .Msale_MS.Msale_8p:before, .Msale_NS.Msale_8p:before { background-position: -245px -270px } .Msale_MS.Msale_9p:before, .Msale_NS.Msale_9p:before { background-position: -280px -270px } .Msale_MS.Msale_10p:before, .Msale_NS.Msale_10p:before { background-position: -315px -270px } .Msale_MS.Msale_11p:before, .Msale_NS.Msale_11p:before { background-position: 0px -290px } .Msale_MS.Msale_12p:before, .Msale_NS.Msale_12p:before { background-position: -35px -290px } .Msale_MS.Msale_13p:before, .Msale_NS.Msale_13p:before { background-position: -70px -290px } .Msale_MS.Msale_14p:before, .Msale_NS.Msale_14p:before { background-position: -105px -290px } .Msale_MS.Msale_15p:before, .Msale_NS.Msale_15p:before { background-position: -140px -290px } .Msale_MS.Msale_16p:before, .Msale_NS.Msale_16p:before { background-position: -175px -290px } .Msale_MS.Msale_17p:before, .Msale_NS.Msale_17p:before { background-position: -210px -290px } .Msale_MS.Msale_18p:before, .Msale_NS.Msale_18p:before { background-position: -245px -290px } .Msale_MS.Msale_19p:before, .Msale_NS.Msale_19p:before { background-position: -280px -290px } .Msale_MS.Msale_20p:before, .Msale_NS.Msale_20p:before { background-position: -315px -290px } .Msale_MS.Msale_21p:before, .Msale_NS.Msale_21p:before { background-position: 0px -310px } .Msale_MS.Msale_22p:before, .Msale_NS.Msale_22p:before { background-position: -35px -310px } .Msale_MS.Msale_23p:before, .Msale_NS.Msale_23p:before { background-position: -70px -310px } .Msale_MS.Msale_24p:before, .Msale_NS.Msale_24p:before { background-position: -105px -310px } .Msale_MS.Msale_25p:before, .Msale_NS.Msale_25p:before { background-position: -140px -310px } .Msale_MS.Msale_26p:before, .Msale_NS.Msale_26p:before { background-position: -175px -310px } .Msale_MS.Msale_27p:before, .Msale_NS.Msale_27p:before { background-position: -210px -310px } .Msale_MS.Msale_28p:before, .Msale_NS.Msale_28p:before { background-position: -245px -310px } .Msale_MS.Msale_29p:before, .Msale_NS.Msale_29p:before { background-position: -280px -310px } .Msale_MS.Msale_30p:before, .Msale_NS.Msale_30p:before { background-position: -315px -310px } .Msale_MS.Msale_31p:before, .Msale_NS.Msale_31p:before { background-position: 0px -330px } .Msale_MS.Msale_32p:before, .Msale_NS.Msale_32p:before { background-position: -35px -330px } .Msale_MS.Msale_33p:before, .Msale_NS.Msale_33p:before { background-position: -70px -330px } .Msale_MS.Msale_34p:before, .Msale_NS.Msale_34p:before { background-position: -105px -330px } .Msale_MS.Msale_35p:before, .Msale_NS.Msale_35p:before { background-position: -140px -330px } .Msale_MS.Msale_36p:before, .Msale_NS.Msale_36p:before { background-position: -175px -330px } .Msale_MS.Msale_37p:before, .Msale_NS.Msale_37p:before { background-position: -210px -330px } .Msale_MS.Msale_38p:before, .Msale_NS.Msale_38p:before { background-position: -245px -330px } .Msale_MS.Msale_39p:before, .Msale_NS.Msale_39p:before { background-position: -280px -330px } .Msale_MS.Msale_40p:before, .Msale_NS.Msale_40p:before { background-position: -315px -330px } .Msale_MS.Msale_41p:before, .Msale_NS.Msale_41p:before { background-position: 0px -350px } .Msale_MS.Msale_42p:before, .Msale_NS.Msale_42p:before { background-position: -35px -350px } .Msale_MS.Msale_43p:before, .Msale_NS.Msale_43p:before { background-position: -70px -350px } .Msale_MS.Msale_44p:before, .Msale_NS.Msale_44p:before { background-position: -105px -350px } .Msale_MS.Msale_45p:before, .Msale_NS.Msale_45p:before { background-position: -140px -350px } .Msale_MS.Msale_46p:before, .Msale_NS.Msale_46p:before { background-position: -175px -350px } .Msale_MS.Msale_47p:before, .Msale_NS.Msale_47p:before { background-position: -210px -350px } .Msale_MS.Msale_48p:before, .Msale_NS.Msale_48p:before { background-position: -245px -350px } .Msale_MS.Msale_49p:before, .Msale_NS.Msale_49p:before { background-position: -280px -350px } .Msale_MS.Msale_50p:before, .Msale_NS.Msale_50p:before { background-position: -315px -350px } .Msale_MS.Msale_51p:before, .Msale_NS.Msale_51p:before { background-position: 0px -370px } .Msale_MS.Msale_52p:before, .Msale_NS.Msale_52p:before { background-position: -35px -370px } .Msale_MS.Msale_53p:before, .Msale_NS.Msale_53p:before { background-position: -70px -370px } .Msale_MS.Msale_54p:before, .Msale_NS.Msale_54p:before { background-position: -105px -370px } .Msale_MS.Msale_55p:before, .Msale_NS.Msale_55p:before { background-position: -140px -370px } .Msale_MS.Msale_56p:before, .Msale_NS.Msale_56p:before { background-position: -175px -370px } .Msale_MS.Msale_57p:before, .Msale_NS.Msale_57p:before { background-position: -210px -370px } .Msale_MS.Msale_58p:before, .Msale_NS.Msale_58p:before { background-position: -245px -370px } .Msale_MS.Msale_59p:before, .Msale_NS.Msale_59p:before { background-position: -280px -370px } .Msale_MS.Msale_60p:before, .Msale_NS.Msale_60p:before { background-position: -315px -370px } .Msale_MS.Msale_61p:before, .Msale_NS.Msale_61p:before { background-position: 0px -390px } .Msale_MS.Msale_62p:before, .Msale_NS.Msale_62p:before { background-position: -35px -390px } .Msale_MS.Msale_63p:before, .Msale_NS.Msale_63p:before { background-position: -70px -390px } .Msale_MS.Msale_64p:before, .Msale_NS.Msale_64p:before { background-position: -105px -390px } .Msale_MS.Msale_65p:before, .Msale_NS.Msale_65p:before { background-position: -140px -390px } .Msale_MS.Msale_66p:before, .Msale_NS.Msale_66p:before { background-position: -175px -390px } .Msale_MS.Msale_67p:before, .Msale_NS.Msale_67p:before { background-position: -210px -390px } .Msale_MS.Msale_68p:before, .Msale_NS.Msale_68p:before { background-position: -245px -390px } .Msale_MS.Msale_69p:before, .Msale_NS.Msale_69p:before { background-position: -280px -390px } .Msale_MS.Msale_70p:before, .Msale_NS.Msale_70p:before { background-position: -315px -390px } .Msale_MS.Msale_71p:before, .Msale_NS.Msale_71p:before { background-position: 0px -410px } .Msale_MS.Msale_72p:before, .Msale_NS.Msale_72p:before { background-position: -35px -410px } .Msale_MS.Msale_73p:before, .Msale_NS.Msale_73p:before { background-position: -70px -410px } .Msale_MS.Msale_74p:before, .Msale_NS.Msale_74p:before { background-position: -105px -410px } .Msale_MS.Msale_75p:before, .Msale_NS.Msale_75p:before { background-position: -140px -410px } .Msale_MS.Msale_76p:before, .Msale_NS.Msale_76p:before { background-position: -175px -410px } .Msale_MS.Msale_77p:before, .Msale_NS.Msale_77p:before { background-position: -210px -410px } .Msale_MS.Msale_78p:before, .Msale_NS.Msale_78p:before { background-position: -245px -410px } .Msale_MS.Msale_79p:before, .Msale_NS.Msale_79p:before { background-position: -280px -410px } .Msale_MS.Msale_80p:before, .Msale_NS.Msale_80p:before { background-position: -315px -410px } .Msale_MS.Msale_81p:before, .Msale_NS.Msale_81p:before { background-position: 0px -430px } .Msale_MS.Msale_82p:before, .Msale_NS.Msale_82p:before { background-position: -35px -430px } .Msale_MS.Msale_83p:before, .Msale_NS.Msale_83p:before { background-position: -70px -430px } .Msale_MS.Msale_84p:before, .Msale_NS.Msale_84p:before { background-position: -105px -430px } .Msale_MS.Msale_85p:before, .Msale_NS.Msale_85p:before { background-position: -140px -430px } .Msale_MS.Msale_86p:before, .Msale_NS.Msale_86p:before { background-position: -175px -430px } .Msale_MS.Msale_87p:before, .Msale_NS.Msale_87p:before { background-position: -210px -430px } .Msale_MS.Msale_88p:before, .Msale_NS.Msale_88p:before { background-position: -245px -430px } .Msale_MS.Msale_89p:before, .Msale_NS.Msale_89p:before { background-position: -280px -430px } .Msale_MS.Msale_90p:before, .Msale_NS.Msale_90p:before { background-position: -315px -430px } .Msale_MS.Msale_91p:before, .Msale_NS.Msale_91p:before { background-position: 0px -450px } .Msale_MS.Msale_92p:before, .Msale_NS.Msale_92p:before { background-position: -35px -450px } .Msale_MS.Msale_93p:before, .Msale_NS.Msale_93p:before { background-position: -70px -450px } .Msale_MS.Msale_94p:before, .Msale_NS.Msale_94p:before { background-position: -105px -450px } .Msale_MS.Msale_95p:before, .Msale_NS.Msale_95p:before { background-position: -140px -450px } .Msale_MS.Msale_96p:before, .Msale_NS.Msale_96p:before { background-position: -175px -450px } .Msale_MS.Msale_97p:before, .Msale_NS.Msale_97p:before { background-position: -210px -450px } .Msale_MS.Msale_98p:before, .Msale_NS.Msale_98p:before { background-position: -245px -450px } .Msale_MS.Msale_99p:before, .Msale_NS.Msale_99p:before { background-position: -280px -450px } .Msale_MS.Msale_100p:before, .Msale_NS.Msale_100p:before { background-position: -315px -450px } .flag_sale.Msale_1p {background-position:0 0 !important;} .flag_sale.Msale_2p {background-position:-75px 0 !important;} .flag_sale.Msale_3p {background-position:-150px 0 !important;} .flag_sale.Msale_4p {background-position:-225px 0 !important;} .flag_sale.Msale_5p {background-position:-300px 0 !important;} .flag_sale.Msale_6p {background-position:-375px 0 !important;} .flag_sale.Msale_7p {background-position:-450px 0 !important;} .flag_sale.Msale_8p {background-position:-525px 0 !important;} .flag_sale.Msale_9p {background-position:-600px 0 !important;} .flag_sale.Msale_10p {background-position:-675px 0 !important;} .flag_sale.Msale_11p {background-position:0 -50px !important;} .flag_sale.Msale_12p {background-position:-75px -50px !important;} .flag_sale.Msale_13p {background-position:-150px -50px !important;} .flag_sale.Msale_14p {background-position:-225px -50px !important;} .flag_sale.Msale_15p {background-position:-300px -50px !important;} .flag_sale.Msale_16p {background-position:-375px -50px !important;} .flag_sale.Msale_17p {background-position:-450px -50px !important;} .flag_sale.Msale_18p {background-position:-525px -50px !important;} .flag_sale.Msale_19p {background-position:-600px -50px !important;} .flag_sale.Msale_20p {background-position:-675px -50px !important;} .flag_sale.Msale_21p {background-position:0 -100px !important;} .flag_sale.Msale_22p {background-position:-75px -100px !important;} .flag_sale.Msale_23p {background-position:-150px -100px !important;} .flag_sale.Msale_24p {background-position:-225px -100px !important;} .flag_sale.Msale_25p {background-position:-300px -100px !important;} .flag_sale.Msale_26p {background-position:-375px -100px !important;} .flag_sale.Msale_27p {background-position:-450px -100px !important;} .flag_sale.Msale_28p {background-position:-525px -100px !important;} .flag_sale.Msale_29p {background-position:-600px -100px !important;} .flag_sale.Msale_30p {background-position:-675px -100px !important;} .flag_sale.Msale_31p {background-position:0 -150px !important;} .flag_sale.Msale_32p {background-position:-75px -150px !important;} .flag_sale.Msale_33p {background-position:-150px -150px !important;} .flag_sale.Msale_34p {background-position:-225px -150px !important;} .flag_sale.Msale_35p {background-position:-300px -150px !important;} .flag_sale.Msale_36p {background-position:-375px -150px !important;} .flag_sale.Msale_37p {background-position:-450px -150px !important;} .flag_sale.Msale_38p {background-position:-525px -150px !important;} .flag_sale.Msale_39p {background-position:-600px -150px !important;} .flag_sale.Msale_40p {background-position:-675px -150px !important;} .flag_sale.Msale_41p {background-position:0 -200px !important;} .flag_sale.Msale_42p {background-position:-75px -200px !important;} .flag_sale.Msale_43p {background-position:-150px -200px !important;} .flag_sale.Msale_44p {background-position:-225px -200px !important;} .flag_sale.Msale_45p {background-position:-300px -200px !important;} .flag_sale.Msale_46p {background-position:-375px -200px !important;} .flag_sale.Msale_47p {background-position:-450px -200px !important;} .flag_sale.Msale_48p {background-position:-525px -200px !important;} .flag_sale.Msale_49p {background-position:-600px -200px !important;} .flag_sale.Msale_50p {background-position:-675px -200px !important;} .flag_sale.Msale_51p {background-position:0 -250px !important;} .flag_sale.Msale_52p {background-position:-75px -250px !important;} .flag_sale.Msale_53p {background-position:-150px -250px !important;} .flag_sale.Msale_54p {background-position:-225px -250px !important;} .flag_sale.Msale_55p {background-position:-300px -250px !important;} .flag_sale.Msale_56p {background-position:-375px -250px !important;} .flag_sale.Msale_57p {background-position:-450px -250px !important;} .flag_sale.Msale_58p {background-position:-525px -250px !important;} .flag_sale.Msale_59p {background-position:-600px -250px !important;} .flag_sale.Msale_60p {background-position:-675px -250px !important;} .flag_sale.Msale_61p {background-position:0 -300px !important;} .flag_sale.Msale_62p {background-position:-75px -300px !important;} .flag_sale.Msale_63p {background-position:-150px -300px !important;} .flag_sale.Msale_64p {background-position:-225px -300px !important;} .flag_sale.Msale_65p {background-position:-300px -300px !important;} .flag_sale.Msale_66p {background-position:-375px -300px !important;} .flag_sale.Msale_67p {background-position:-450px -300px !important;} .flag_sale.Msale_68p {background-position:-525px -300px !important;} .flag_sale.Msale_69p {background-position:-600px -300px !important;} .flag_sale.Msale_70p {background-position:-675px -300px !important;} .flag_sale.Msale_71p {background-position:0 -350px !important;} .flag_sale.Msale_72p {background-position:-75px -350px !important;} .flag_sale.Msale_73p {background-position:-150px -350px !important;} .flag_sale.Msale_74p {background-position:-225px -350px !important;} .flag_sale.Msale_75p {background-position:-300px -350px !important;} .flag_sale.Msale_76p {background-position:-375px -350px !important;} .flag_sale.Msale_77p {background-position:-450px -350px !important;} .flag_sale.Msale_78p {background-position:-525px -350px !important;} .flag_sale.Msale_79p {background-position:-600px -350px !important;} .flag_sale.Msale_80p {background-position:-675px -350px !important;} .flag_sale.Msale_81p {background-position:0 -400px !important;} .flag_sale.Msale_82p {background-position:-75px -400px !important;} .flag_sale.Msale_83p {background-position:-150px -400px !important;} .flag_sale.Msale_84p {background-position:-225px -400px !important;} .flag_sale.Msale_85p {background-position:-300px -400px !important;} .flag_sale.Msale_86p {background-position:-375px -400px !important;} .flag_sale.Msale_87p {background-position:-450px -400px !important;} .flag_sale.Msale_88p {background-position:-525px -400px !important;} .flag_sale.Msale_89p {background-position:-600px -400px !important;} .flag_sale.Msale_90p {background-position:-675px -400px !important;} .flag_sale.Msale_91p {background-position:0 -450px !important;} .flag_sale.Msale_92p {background-position:-75px -450px !important;} .flag_sale.Msale_93p {background-position:-150px -450px !important;} .flag_sale.Msale_94p {background-position:-225px -450px !important;} .flag_sale.Msale_95p {background-position:-300px -450px !important;} .flag_sale.Msale_96p {background-position:-375px -450px !important;} .flag_sale.Msale_97p {background-position:-450px -450px !important;} .flag_sale.Msale_98p {background-position:-525px -450px !important;} .flag_sale.Msale_99p {background-position:-600px -450px !important;} /* 공통 영역 - main tv쇼핑 할인율 위치값 150*100 */ /* 2016-11-28 bae e */ .Msale_hns {background-position:0 -496px !important;} .Msale_hotkill {background-position:-75px -496px !important;} .Msale_special {background-position:-150px -496px !important;} .saleFlag { width:40px; height:22px; background-image:url(//image.hnsmall.com/images/mobile2014/common/flag_sale6.png); background-repeat:no-repeat; background-size:480px 335px;} .saleFlag span {display:block; text-indent:-999em;} .saleFlag.flagSale_1p {background-position:18px 1px;} .saleFlag.flagSale_2p {background-position:-36px 1px;} .saleFlag.flagSale_3p {background-position:-85px 1px;} .saleFlag.flagSale_4p {background-position:-134px 1px;} .saleFlag.flagSale_5p {background-position:-183px 1px;} .saleFlag.flagSale_6p {background-position:-232px 1px;} .saleFlag.flagSale_7p {background-position:-281px 1px;} .saleFlag.flagSale_8p {background-position:-330px 1px;} .saleFlag.flagSale_9p {background-position:-379px 1px;} .saleFlag.flagSale_10p {background-position:-441px 1px;} .saleFlag.flagSale_11p {background-position:7px -35px;} .saleFlag.flagSale_12p {background-position:-47px -35px;} .saleFlag.flagSale_13p {background-position:-96px -35px;} .saleFlag.flagSale_14p {background-position:-145px -35px;} .saleFlag.flagSale_15p {background-position:-194px -35px;} .saleFlag.flagSale_16p {background-position:-243px -35px;} .saleFlag.flagSale_17p {background-position:-292px -35px;} .saleFlag.flagSale_18p {background-position:-340px -35px;} .saleFlag.flagSale_19p {background-position:-389px -35px;} .saleFlag.flagSale_20p {background-position:-440px -35px;} .saleFlag.flagSale_21p {background-position:1px -69px;} .saleFlag.flagSale_22p {background-position:-48px -69px;} .saleFlag.flagSale_23p {background-position:-97px -69px;} .saleFlag.flagSale_24p {background-position:-146px -69px;} .saleFlag.flagSale_25p {background-position:-195px -69px;} .saleFlag.flagSale_26p {background-position:-245px -69px;} .saleFlag.flagSale_27p {background-position:-293px -69px;} .saleFlag.flagSale_28p {background-position:-342px -69px;} .saleFlag.flagSale_29p {background-position:-391px -69px;} .saleFlag.flagSale_30p {background-position:-441px -69px;} .saleFlag.flagSale_31p {background-position:1px -104px;} .saleFlag.flagSale_32p {background-position:-48px -104px;} .saleFlag.flagSale_33p {background-position:-97px -104px;} .saleFlag.flagSale_34p {background-position:-146px -104px;} .saleFlag.flagSale_35p {background-position:-195px -104px;} .saleFlag.flagSale_36p {background-position:-245px -104px;} .saleFlag.flagSale_37p {background-position:-293px -104px;} .saleFlag.flagSale_38p {background-position:-342px -104px;} .saleFlag.flagSale_39p {background-position:-391px -104px;} .saleFlag.flagSale_40p {background-position:-440px -104px;} .saleFlag.flagSale_41p {background-position:1px -139px;} .saleFlag.flagSale_42p {background-position:-48px -139px;} .saleFlag.flagSale_43p {background-position:-97px -139px;} .saleFlag.flagSale_44p {background-position:-146px -139px;} .saleFlag.flagSale_45p {background-position:-195px -139px;} .saleFlag.flagSale_46p {background-position:-245px -139px;} .saleFlag.flagSale_47p {background-position:-293px -139px;} .saleFlag.flagSale_48p {background-position:-342px -139px;} .saleFlag.flagSale_49p {background-position:-391px -139px;} .saleFlag.flagSale_50p {background-position:-440px -139px;} .saleFlag.flagSale_51p {background-position:1px -174px;} .saleFlag.flagSale_52p {background-position:-48px -174px;} .saleFlag.flagSale_53p {background-position:-97px -174px;} .saleFlag.flagSale_54p {background-position:-146px -174px;} .saleFlag.flagSale_55p {background-position:-195px -174px;} .saleFlag.flagSale_56p {background-position:-245px -174px;} .saleFlag.flagSale_57p {background-position:-293px -174px;} .saleFlag.flagSale_58p {background-position:-342px -174px;} .saleFlag.flagSale_59p {background-position:-391px -174px;} .saleFlag.flagSale_60p {background-position:-440px -174px;} .saleFlag.flagSale_61p {background-position:1px -209px;} .saleFlag.flagSale_62p {background-position:-48px -209px;} .saleFlag.flagSale_63p {background-position:-97px -209px;} .saleFlag.flagSale_64p {background-position:-146px -209px;} .saleFlag.flagSale_65p {background-position:-195px -209px;} .saleFlag.flagSale_66p {background-position:-245px -209px;} .saleFlag.flagSale_67p {background-position:-293px -209px;} .saleFlag.flagSale_68p {background-position:-342px -209px;} .saleFlag.flagSale_69p {background-position:-391px -209px;} .saleFlag.flagSale_70p {background-position:-440px -209px;} .saleFlag.flagSale_71p {background-position:1px -244px;} .saleFlag.flagSale_72p {background-position:-48px -244px;} .saleFlag.flagSale_73p {background-position:-97px -244px;} .saleFlag.flagSale_74p {background-position:-146px -244px;} .saleFlag.flagSale_75p {background-position:-195px -244px;} .saleFlag.flagSale_76p {background-position:-245px -244px;} .saleFlag.flagSale_77p {background-position:-293px -244px;} .saleFlag.flagSale_78p {background-position:-342px -244px;} .saleFlag.flagSale_79p {background-position:-391px -244px;} .saleFlag.flagSale_80p {background-position:-440px -244px;} .saleFlag.flagSale_81p {background-position:1px -279px;} .saleFlag.flagSale_82p {background-position:-48px -279px;} .saleFlag.flagSale_83p {background-position:-97px -279px;} .saleFlag.flagSale_84p {background-position:-146px -279px;} .saleFlag.flagSale_85p {background-position:-195px -279px;} .saleFlag.flagSale_86p {background-position:-245px -279px;} .saleFlag.flagSale_87p {background-position:-293px -279px;} .saleFlag.flagSale_88p {background-position:-342px -279px;} .saleFlag.flagSale_89p {background-position:-391px -279px;} .saleFlag.flagSale_90p {background-position:-440px -279px;} .saleFlag.flagSale_91p {background-position:1px -314px;} .saleFlag.flagSale_92p {background-position:-48px -314px;} .saleFlag.flagSale_93p {background-position:-97px -314px;} .saleFlag.flagSale_94p {background-position:-146px -314px;} .saleFlag.flagSale_95p {background-position:-195px -314px;} .saleFlag.flagSale_96p {background-position:-245px -314px;} .saleFlag.flagSale_97p {background-position:-293px -314px;} .saleFlag.flagSale_98p {background-position:-342px -314px;} .saleFlag.flagSale_99p {background-position:-391px -314px;} /* 최대혜택 플래그 개선 2017-09-08 */ .flagDown_s {display:block; position:absolute; right:0; bottom:0; width:43px; height:29px; background-image:url(//image.hnsmall.com/images/mobile2014/common/flag_down_s.png); background-repeat:no-repeat; background-size:500px auto; font-size:2px; line-height:0; color:transparent;} .flagDown_s span {display:block; text-indent:-999em;} .flagDown_s.sale_p1 {background-position:-7px 0;} .flagDown_s.sale_p2 {background-position:-57px 0;} .flagDown_s.sale_p3 {background-position:-107px 0;} .flagDown_s.sale_p4 {background-position:-157px 0;} .flagDown_s.sale_p5 {background-position:-207px 0;} .flagDown_s.sale_p6 {background-position:-257px 0;} .flagDown_s.sale_p7 {background-position:-307px 0;} .flagDown_s.sale_p8 {background-position:-357px 0;} .flagDown_s.sale_p9 {background-position:-407px 0;} .flagDown_s.sale_p10 {background-position:-457px 0;} .flagDown_s.sale_p11 {background-position:-7px -50px;} .flagDown_s.sale_p12 {background-position:-57px -50px;} .flagDown_s.sale_p13 {background-position:-107px -50px;} .flagDown_s.sale_p14 {background-position:-157px -50px;} .flagDown_s.sale_p15 {background-position:-207px -50px;} .flagDown_s.sale_p16 {background-position:-257px -50px;} .flagDown_s.sale_p17 {background-position:-307px -50px;} .flagDown_s.sale_p18 {background-position:-357px -50px;} .flagDown_s.sale_p19 {background-position:-407px -50px;} .flagDown_s.sale_p20 {background-position:-457px -50px;} .flagDown_s.sale_p21 {background-position:-7px -100px;} .flagDown_s.sale_p22 {background-position:-57px -100px;} .flagDown_s.sale_p23 {background-position:-107px -100px;} .flagDown_s.sale_p24 {background-position:-157px -100px;} .flagDown_s.sale_p25 {background-position:-207px -100px;} .flagDown_s.sale_p26 {background-position:-257px -100px;} .flagDown_s.sale_p27 {background-position:-307px -100px;} .flagDown_s.sale_p28 {background-position:-357px -100px;} .flagDown_s.sale_p29 {background-position:-407px -100px;} .flagDown_s.sale_p30 {background-position:-457px -100px;} .flagDown_s.sale_p31 {background-position:-7px -150px;} .flagDown_s.sale_p32 {background-position:-57px -150px;} .flagDown_s.sale_p33 {background-position:-107px -150px;} .flagDown_s.sale_p34 {background-position:-157px -150px;} .flagDown_s.sale_p35 {background-position:-207px -150px;} .flagDown_s.sale_p36 {background-position:-257px -150px;} .flagDown_s.sale_p37 {background-position:-307px -150px;} .flagDown_s.sale_p38 {background-position:-357px -150px;} .flagDown_s.sale_p39 {background-position:-407px -150px;} .flagDown_s.sale_p40 {background-position:-457px -150px;} .flagDown_s.sale_p41 {background-position:-7px -200px;} .flagDown_s.sale_p42 {background-position:-57px -200px;} .flagDown_s.sale_p43 {background-position:-107px -200px;} .flagDown_s.sale_p44 {background-position:-157px -200px;} .flagDown_s.sale_p45 {background-position:-207px -200px;} .flagDown_s.sale_p46 {background-position:-257px -200px;} .flagDown_s.sale_p47 {background-position:-307px -200px;} .flagDown_s.sale_p48 {background-position:-357px -200px;} .flagDown_s.sale_p49 {background-position:-407px -200px;} .flagDown_s.sale_p50 {background-position:-457px -200px;} .flagDown_s.sale_p51 {background-position:-7px -250px;} .flagDown_s.sale_p52 {background-position:-57px -250px;} .flagDown_s.sale_p53 {background-position:-107px -250px;} .flagDown_s.sale_p54 {background-position:-157px -250px;} .flagDown_s.sale_p55 {background-position:-207px -250px;} .flagDown_s.sale_p56 {background-position:-257px -250px;} .flagDown_s.sale_p57 {background-position:-307px -250px;} .flagDown_s.sale_p58 {background-position:-357px -250px;} .flagDown_s.sale_p59 {background-position:-407px -250px;} .flagDown_s.sale_p60 {background-position:-457px -250px;} .flagDown_s.sale_p61 {background-position:-7px -300px;} .flagDown_s.sale_p62 {background-position:-57px -300px;} .flagDown_s.sale_p63 {background-position:-107px -300px;} .flagDown_s.sale_p64 {background-position:-157px -300px;} .flagDown_s.sale_p65 {background-position:-207px -300px;} .flagDown_s.sale_p66 {background-position:-257px -300px;} .flagDown_s.sale_p67 {background-position:-307px -300px;} .flagDown_s.sale_p68 {background-position:-357px -300px;} .flagDown_s.sale_p69 {background-position:-407px -300px;} .flagDown_s.sale_p70 {background-position:-457px -300px;} .flagDown_s.sale_p71 {background-position:-7px -350px;} .flagDown_s.sale_p72 {background-position:-57px -350px;} .flagDown_s.sale_p73 {background-position:-107px -350px;} .flagDown_s.sale_p74 {background-position:-157px -350px;} .flagDown_s.sale_p75 {background-position:-207px -350px;} .flagDown_s.sale_p76 {background-position:-257px -350px;} .flagDown_s.sale_p77 {background-position:-307px -350px;} .flagDown_s.sale_p78 {background-position:-357px -350px;} .flagDown_s.sale_p79 {background-position:-407px -350px;} .flagDown_s.sale_p80 {background-position:-457px -350px;} .flagDown_s.sale_p81 {background-position:-7px -400px;} .flagDown_s.sale_p82 {background-position:-57px -400px;} .flagDown_s.sale_p83 {background-position:-107px -400px;} .flagDown_s.sale_p84 {background-position:-157px -400px;} .flagDown_s.sale_p85 {background-position:-207px -400px;} .flagDown_s.sale_p86 {background-position:-257px -400px;} .flagDown_s.sale_p87 {background-position:-307px -400px;} .flagDown_s.sale_p88 {background-position:-357px -400px;} .flagDown_s.sale_p89 {background-position:-407px -400px;} .flagDown_s.sale_p90 {background-position:-457px -400px;} .flagDown_s.sale_p91 {background-position:-7px -450px;} .flagDown_s.sale_p92 {background-position:-57px -450px;} .flagDown_s.sale_p93 {background-position:-107px -450px;} .flagDown_s.sale_p94 {background-position:-157px -450px;} .flagDown_s.sale_p95 {background-position:-207px -450px;} .flagDown_s.sale_p96 {background-position:-257px -450px;} .flagDown_s.sale_p97 {background-position:-307px -450px;} .flagDown_s.sale_p98 {background-position:-357px -450px;} .flagDown_s.sale_p99 {background-position:-407px -450px;} .flagDown_s.sale_p100 {background-position:-457px -450px;} /* 최대혜택 플래그 개선 2017-09-19 */ .flagDown_b {display:block; position:absolute; right:0; bottom:0; width:59px; height:35px; background-image:url(//image.hnsmall.com/images/mobile2014/common/flag_down_b.png); background-repeat:no-repeat; background-size:600px auto; font-size:2px; line-height:0; color:transparent;} .flagDown_b span {display:block; text-indent:-999em;} .flagDown_b.sale_p1 {background-position:-1px 0;} .flagDown_b.sale_p2 {background-position:-61px 0;} .flagDown_b.sale_p3 {background-position:-121px 0;} .flagDown_b.sale_p4 {background-position:-181px 0;} .flagDown_b.sale_p5 {background-position:-241px 0;} .flagDown_b.sale_p6 {background-position:-301px 0;} .flagDown_b.sale_p7 {background-position:-361px 0;} .flagDown_b.sale_p8 {background-position:-421px 0;} .flagDown_b.sale_p9 {background-position:-481px 0;} .flagDown_b.sale_p10 {background-position:-541px 0;} .flagDown_b.sale_p11 {background-position:-1px -50px;} .flagDown_b.sale_p12 {background-position:-61px -50px;} .flagDown_b.sale_p13 {background-position:-121px -50px;} .flagDown_b.sale_p14 {background-position:-181px -50px;} .flagDown_b.sale_p15 {background-position:-241px -50px;} .flagDown_b.sale_p16 {background-position:-301px -50px;} .flagDown_b.sale_p17 {background-position:-361px -50px;} .flagDown_b.sale_p18 {background-position:-421px -50px;} .flagDown_b.sale_p19 {background-position:-481px -50px;} .flagDown_b.sale_p20 {background-position:-541px -50px;} .flagDown_b.sale_p21 {background-position:-1px -100px;} .flagDown_b.sale_p22 {background-position:-61px -100px;} .flagDown_b.sale_p23 {background-position:-121px -100px;} .flagDown_b.sale_p24 {background-position:-181px -100px;} .flagDown_b.sale_p25 {background-position:-241px -100px;} .flagDown_b.sale_p26 {background-position:-301px -100px;} .flagDown_b.sale_p27 {background-position:-361px -100px;} .flagDown_b.sale_p28 {background-position:-421px -100px;} .flagDown_b.sale_p29 {background-position:-481px -100px;} .flagDown_b.sale_p30 {background-position:-541px -100px;} .flagDown_b.sale_p31 {background-position:-1px -150px;} .flagDown_b.sale_p32 {background-position:-61px -150px;} .flagDown_b.sale_p33 {background-position:-121px -150px;} .flagDown_b.sale_p34 {background-position:-181px -150px;} .flagDown_b.sale_p35 {background-position:-241px -150px;} .flagDown_b.sale_p36 {background-position:-301px -150px;} .flagDown_b.sale_p37 {background-position:-361px -150px;} .flagDown_b.sale_p38 {background-position:-421px -150px;} .flagDown_b.sale_p39 {background-position:-481px -150px;} .flagDown_b.sale_p40 {background-position:-541px -150px;} .flagDown_b.sale_p41 {background-position:-1px -200px;} .flagDown_b.sale_p42 {background-position:-61px -200px;} .flagDown_b.sale_p43 {background-position:-121px -200px;} .flagDown_b.sale_p44 {background-position:-181px -200px;} .flagDown_b.sale_p45 {background-position:-241px -200px;} .flagDown_b.sale_p46 {background-position:-301px -200px;} .flagDown_b.sale_p47 {background-position:-361px -200px;} .flagDown_b.sale_p48 {background-position:-421px -200px;} .flagDown_b.sale_p49 {background-position:-481px -200px;} .flagDown_b.sale_p50 {background-position:-541px -200px;} .flagDown_b.sale_p51 {background-position:-1px -250px;} .flagDown_b.sale_p52 {background-position:-61px -250px;} .flagDown_b.sale_p53 {background-position:-121px -250px;} .flagDown_b.sale_p54 {background-position:-181px -250px;} .flagDown_b.sale_p55 {background-position:-241px -250px;} .flagDown_b.sale_p56 {background-position:-301px -250px;} .flagDown_b.sale_p57 {background-position:-361px -250px;} .flagDown_b.sale_p58 {background-position:-421px -250px;} .flagDown_b.sale_p59 {background-position:-481px -250px;} .flagDown_b.sale_p60 {background-position:-541px -250px;} .flagDown_b.sale_p61 {background-position:-1px -300px;} .flagDown_b.sale_p62 {background-position:-61px -300px;} .flagDown_b.sale_p63 {background-position:-121px -300px;} .flagDown_b.sale_p64 {background-position:-181px -300px;} .flagDown_b.sale_p65 {background-position:-241px -300px;} .flagDown_b.sale_p66 {background-position:-301px -300px;} .flagDown_b.sale_p67 {background-position:-361px -300px;} .flagDown_b.sale_p68 {background-position:-421px -300px;} .flagDown_b.sale_p69 {background-position:-481px -300px;} .flagDown_b.sale_p70 {background-position:-541px -300px;} .flagDown_b.sale_p71 {background-position:-1px -350px;} .flagDown_b.sale_p72 {background-position:-61px -350px;} .flagDown_b.sale_p73 {background-position:-121px -350px;} .flagDown_b.sale_p74 {background-position:-181px -350px;} .flagDown_b.sale_p75 {background-position:-241px -350px;} .flagDown_b.sale_p76 {background-position:-301px -350px;} .flagDown_b.sale_p77 {background-position:-361px -350px;} .flagDown_b.sale_p78 {background-position:-421px -350px;} .flagDown_b.sale_p79 {background-position:-481px -350px;} .flagDown_b.sale_p80 {background-position:-541px -350px;} .flagDown_b.sale_p81 {background-position:-1px -400px;} .flagDown_b.sale_p82 {background-position:-61px -400px;} .flagDown_b.sale_p83 {background-position:-121px -400px;} .flagDown_b.sale_p84 {background-position:-181px -400px;} .flagDown_b.sale_p85 {background-position:-241px -400px;} .flagDown_b.sale_p86 {background-position:-301px -400px;} .flagDown_b.sale_p87 {background-position:-361px -400px;} .flagDown_b.sale_p88 {background-position:-421px -400px;} .flagDown_b.sale_p89 {background-position:-481px -400px;} .flagDown_b.sale_p90 {background-position:-541px -400px;} .flagDown_b.sale_p91 {background-position:-1px -450px;} .flagDown_b.sale_p92 {background-position:-61px -450px;} .flagDown_b.sale_p93 {background-position:-121px -450px;} .flagDown_b.sale_p94 {background-position:-181px -450px;} .flagDown_b.sale_p95 {background-position:-241px -450px;} .flagDown_b.sale_p96 {background-position:-301px -450px;} .flagDown_b.sale_p97 {background-position:-361px -450px;} .flagDown_b.sale_p98 {background-position:-421px -450px;} .flagDown_b.sale_p99 {background-position:-481px -450px;} .flagDown_b.sale_p100 {background-position:-541px -450px;} /* 공통 영역 - 로링 전체 */ .all_loading{width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-indent:-9999px;z-index: 100} .all_loading p{position: fixed;top: 50%;left: 50%;width: 90px; height: 35px;margin: -17px 0 0 -45px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -330px; background-size:300px auto;overflow: hidden;text-indent: -1000px;} .all_loading .all_deem{background: #000;opacity: 0.1;width: 100%;height: 100%;position: absolute;left: 0;top: 0;text-indent:-9999px;z-index: 100} .loading_wrap{text-align: center;background: #fff;} .swipe_loading{position: fixed; left: 50%;top: 50%;margin: -50px 0 0 -48px;z-index: 20000} .swipe_loading img{width: 100px;height: 96px} /* 공통 영역 - popup */ .deem{background:url(//image.hnsmall.com/images/mobile2014/common/bg_dim.png) repeat left top;/*background: #000;opacity: 0.5; */width: 100%;height: 100%;position: absolute;left: 0;right:0;top: 0;text-indent:-9999px;z-index: 100002;border-radius: 0px !important}/*2018-07-05 z-index 수정 (20000 에서 100002)*/ .deem.ver02 {position:fixed; left:0; top:0; bottom:0; right:0;} .deem2{background: #000;opacity: 0.5;width: 100%;height: 100%;position: absolute;left: 0;right:0;top: 0;text-indent:-9999px;z-index: 20000;border-radius: 0px !important} .pop_wrap{position: fixed;left: 0;top: 100px;z-index: 100003;width: 100%}/*2018-07-06 z인덱스 변경 20001 >> 100003*/ .pop_wrap.posa{position: absolute;} .pop_wrap .pop_contents{margin:0 40px;padding:16px 10px;border-radius: 5px;background: #fff;position: relative;box-shadow:0 0 15px #000;} .pop_wrap .pop_contents h3{font-size: 16px} .pop_wrap .pop_contents .pop_close{position: absolute;right: -7px;top: -8px;width: 27px;height: 27px;background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);background-repeat: no-repeat;background-size:300px 200px;background-position: 0 0px;overflow: hidden;text-indent: -1000px;} .pop_wrap .fixed_area {position:absolute;left:0;right:0;bottom:0;} .pop_wrap .fixed_area span {display:block;float:left;height:45px;color:#fff;font-size:17px;letter-spacing:-.4px;text-align:center;} .pop_wrap .fixed_area .pop_again {position:relative;width:70%;background:#a3a3a3;line-height:45px;} .pop_wrap .fixed_area .pop_close {width:30%;background:#333;line-height:45px;} /* 2016-04-27 추가 */ .pop_wrap .content {position:relative; margin:0 auto;} .pop_wrap .content a {display:block;} .pop_wrap .content img {width:100%;} .pop_wrap .content .close {position:absolute; top:5px; right:1px; width:9.5%;} .pop_wrap .content .close img {width:100%;} /* //2016-04-27 추가 */ /* 2016-08-09 네이버 팝업(520*800 이미지의 경우) 닫기 버튼 추가 */ .pop_wrap .popNaver_close {position:absolute; top:3.62581%; left:5.76923%; width:5.8%; height:3.8%; color:transparent; font-size:0;} /* 공통팝업 디자인 개선 2017-02-07 */ .pop_wrap.ver02 .pop_contents {padding:40px 10px 0; border-radius:0; box-shadow:none;} .pop_wrap.ver02 .pop_contents h3 {position:absolute; left:0; top:0; right:0; height:38px; padding:1px 0 0; line-height:38px; text-align:center; border-bottom:1px solid #444;} .pop_wrap.ver02 .pop_contents .pop_close {position:absolute; top:11px; right:15px; width:15px; height:15px; border:none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;background-size:300px auto; -webkit-appearance:none; } .pop_wrap.ver02 .pop_contents .ds_btn {display:block; padding:0; margin:0 -10px;} .pop_wrap.ver02 .pop_contents .ds_btn .btn_red {display:block; box-sizing:border-box; width:100%; height:41px; padding:1px 0 0; line-height:39px; font-size:17px; border-radius:0;} .sns_wrap .ico_sns{padding: 20px 0;overflow: hidden;} .sns_wrap .ico_sns li{float: left;width: 20%;} .sns_wrap .ico_sns li a{display: block;margin-right: 5px;} .sns_wrap .ico_sns img{width: 100%} .sns_wrap .copy_text{font-size: 12px;background: #f9f8f9;padding: 10px;border-radius: 3px;margin-top: 10px;} .sns_wrap .copy_text span{display: block;color: #dd1032;padding-top: 5px;} .sns_wrap .sms_url{border-top: 1px solid #c5c5c5;padding-top: 15px;} .allpop_wrap{padding-bottom: 20px;margin-top:-50px} .allpop_wrap .layer_box {position:absolute;top:0;left:0;right:0} /* 공통 영역 - border color */ .boT1ddd{border-top:1px solid #dddddd} /* 공통 영역 - font color */ .fcred{color: #e51937} /* layout */ html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:14px} html::-webkit-scrollbar {width: 0;} .wrap{width: 100%;overflow: hidden;} /* 대 카테고리 오픈관련 트랜지션 */ .cont_sw{/*-webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden;*/position: relative;z-index: 1} .nav_open .cont_sw{-webkit-transform: translate3d(19.7em, 0, 0); -ms-transform: translate3d(16.4375em, 0, 0); transform: translate3d(19.6em, 0, 0);} .font_zoom .nav_open .cont_sw{-webkit-transform: translate3d(17.188em, 0, 0); -ms-transform: translate3d(14.4375em, 0, 0); transform: translate3d(17.188em, 0, 0);}/* 폰트 확대 일때*/ .side_nav{/*position: absolute;*/ position:fixed; top: 0; left:-19.7em; -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-overflow-scrolling:touch;} .nav_open .side_nav{bottom:0; -webkit-transform: translate3d(19.7em, 0, 0); -ms-transform: translate3d(16.4375em, 0, 0); transform: translate3d(19.6em, 0, 0);} /* 앱 팝업 */ .app_popup_first{position: absolute;left: 0;top: 0;width: 100%;z-index: 10000;background: #fff;height: 100%;} .app_popup_first p{font-size: 0} .app_popup_first p img{width: 100%;} .app_popup_first .bottom_close{position: fixed;bottom: 0;left: 0;height: 48px;width: 100%;background: #fff;} .app_popup_first .bottom_close span{position: absolute;left: 12px;top: 12px;display: block;color: #898989;font-size: 16px} .app_popup_first .bottom_close span em{display: inline-block;width:22px;height:16px;margin-right: 5px;vertical-align: middle;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -60px -300px; background-size:300px auto;text-indent: -9999px;} .app_popup_first .bottom_close .close{position: absolute;right: 0;top: 0;padding: 16px;background: #f9f9f9;} .app_popup_first .bottom_close .close strong{display: block;width:17px;height:17px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -300px; background-size:300px auto;text-indent: -9999px;} /*상당 공통으로 빼는 작업 2015-01-28 */ header{width: 100%;position: fixed;left: 0;top: 0;} /* 헤더 영역 */ .header{height:50px;background: #da0f2d url(//image.hnsmall.com/images/mobile2014/common/line_header.png) 0 0 repeat-x;z-index:5000;} .header h1{position:absolute;left:54px;top:15px;padding:0;z-index: 10} .header h1 img{width:74px;} .header .btn_sidenav{position:absolute;left:5px;top:9px;z-index: 11;padding: 10px;} .header .btn_sidenav span{display: block;width:19px;height:14px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -180px 0; background-size:300px auto;text-indent:-9999px;} .header .search_box{position:relative;padding:7px 10px 0 10px;z-index: 5} .header .search_box fieldset span{border:0;border-radius:5px;display: block;padding:3px 10px 0;background: #fff;margin-left: 135px;position: relative;border:1px solid #ca132e; height:30px} .header .search_box fieldset span input{width:100%;border:0;color:#666;font-size: 12px;background: #fff;text-indent: 0; } .header .search_box ::-webkit-input-placeholder{color:#666;} .header .search_box :-moz-input-placehorder{color:#666;} .header .search_box ::-moz-input-placehorder{color:#666;} .header .search_box :-ms-input-placehorder{color:#666;} .header .search_box .btn_gnb_search{overflow:hidden;display:block;position:absolute;right:18px;top:16px;width:19px;height:17px;padding:0;margin:0;border:none;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px 0; background-size:300px auto;text-indent:-9999px;cursor:pointer;} .header .search_box .btn_gnb_del{overflow:hidden;display:block;position:absolute;right:43px; top:15px; width:18px; height:18px;padding:0;margin:0;border:none;background:#ccc; border-radius:50%;-webkit-border-radius:50%;text-indent:-9999px;cursor:pointer;} .header .search_box .btn_gnb_del:before {display:inline-block; content:""; position:absolute; top:5px; left:5px; width:8px;height:8px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;background-size:300px auto;} /* 메인 검색 */ .search_box .search_zone{display:none;position:absolute;left:0;top:50px;width:100%;border-bottom:2px solid #565656;background: #f9f9f9;} .search_box>.active{display:block;} .search_zone>div{display:none;} .search_zone>.active{display:block;} .search_none>div{display:none;} .search_none>.active{display:block;} /* 공통 리스트 */ .search_list li{position:relative;padding:0 15px;border-bottom:1px solid #cdcdcd;} .search_list li:last-child{border:none;} .search_list li a{overflow:hidden;display:block;padding:9px 0;font-size:14px;color:#565656;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;} .search_history .search_list li{padding-right: 30px;} /* 검색 관련 사항 - 연관 검색어 */ .search_on{overflow:hidden;display:none;width:100%;background: #fff;} .search_on ul li{float:left;width:50%;} .search_on ul li ul li{float: none;width: 100%} .search_on ul li ul li a{display:block;padding:0 15px;height: 40px;line-height:40px;border-top:1px solid #cdcdcd;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow: hidden;} .search_on ul li ul li a em{color:#e51937;} .search_on ul li ul:first-child{border-right: 1px solid #cdcdcd;} .search_on ul li ul li:first-child a{border-top: none;} /* 검색 관련 사항 - tab */ .search_none .search_none1:after{content:"";display:block;clear:both;} .search_none .search_none1 li{float:left;width:50%;} .search_none .search_none1 li a{display:block;padding:8px 0;border-bottom:1px solid #cdcdcd;font-size:14px;font-weight:bold;color:#898989;text-align:center;} .search_none .search_none1 .on a{border-top:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:none;border-radius:0 3px 0 0;-webkit-border-radius:0 3px 0 0;background: #fff;font-weight:bold;color:#000;} .search_none .search_none1 li:nth-child(2).on a{border-left:1px solid #cdcdcd;border-right:none;border-radius:3px 0 0 0;-webkit-border-radius:3px 0 0 0;} /* 검색 관련 사항 - 최근 검색어 */ .search_none .search_list{padding-top:3px;background: #fff;} .search_list li .btn_shsr_del{display:block;position:absolute;right:15px;top:12px;width:12px;height:12px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -60px;background-size:300px auto;text-indent:-9999px;cursor:pointer;} /* 검색 관련 사항 - 인기 검색어 */ .st_rank_num{display:inline-block;width:14px;height:14px;padding-top:2px;border:1px solid #19bfbf;border-radius:3px;-webkit-border-radius:3px;background: #19bfbf;font-size:13px;color:#fff;text-align:center;line-height:13px;margin-right:5px} .srn_top{border-color:#e51937;background: #e51937;} .st_rank_con{position:absolute;right:15px;top:11px;font-size:13px;color:#898989;} .st_rank_con.new{color: #19bfbf;} .st_rank_con em{display:inline-block; position:relative; top:2px; vertical-align:top; width:10px;height:12px; background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_searchx2.png);background-repeat:no-repeat;background-size:20px 150px;text-indent: -9999px;} .st_rank_con .src_up{background-position:0 -57px; } .st_rank_con .src_down{background-position:0 -74px;} .st_rank_con .src_static{background-position:0 -96px; height:2px; top:6px;} /* 검색 관련 사항 - 검색된 내역이 없을때 */ .search_list_none{padding:111px 0 60px;background:#fff url(//image.hnsmall.com/images/mobile2014/common/ico_search_nonex2.png) 50% 30px no-repeat;background-size:77px 68px;} .search_list_none p{font-size:15px;font-weight:bold;color:#000;text-align:center;} /* 검색 관련 사항 - 버튼 */ .search_zone .search_close{display:block;overflow:hidden;padding:9px 15px;background: #8e8e8e;} .search_close button{padding:0;margin:0;border:0;background: none;font-size:12px;font-weight:bold;color:#fff} .btn_search_del{float:left;} .btn_close{float:right;} /* 검색 관련 사항 - 검색 결과 */ .search_result .sr_top{padding:8px 10px 7px;background: #f4f4f4;font-weight:normal;color:#000} .search_result .sr_top span{color:#e51937} .search_result .sr_top em{color:#969696} .sr_con .src_notice{padding:15px 10px 10px;border-bottom:1px solid #ddd;font-size:14px;color:#565656;} .sr_con .src_notice em{display:inline-block;width:20px;height:20px;vertical-align: middle;background-position: -180px -60px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;text-indent: -9999px;} .search_cnum{color: #e51937;} .sr_con .src_notice .src_word{color:#000;} .sr_con .src_notice .src_rtxt{color:#e51937;} .sr_con .src_list{} .sr_con .src_list li{display: none;} .sr_con .src_list li:nth-child(1){display: block;} .sr_con .src_list li:nth-child(2){display: block;} .sr_con .src_list li{padding:0 10px;border-bottom: 1px solid #ddd;} .sr_con .btn_src_more{display:block;width:100%;padding:8px 0 7px;background: #8e8e8e;font-size:15px;color:#fff;text-align:center;} .sr_con .btn_src_more em{display: inline-block;width: 18px;height: 10px;margin-right: 5px;vertical-align: middle;background-position: -230px -60px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;overflow: hidden;text-indent: -1000px} .sr_con .btn_src_more.active em{background-position: -230px -70px;} .search_wrap .list_select{border-top: none;} .search_info{border-top: 1px solid #ddd;margin:0 10px;padding-top: 15px;} /* 검색 관련 사항 - 팝업 */ .detail_search{} .detail_search .pop_contents02{position:relative;padding-bottom:30px;margin:0 10px;border-radius:10px;background: #fff;box-shadow:none;} .detail_search .pop_contents02 h3{padding:8px 10px 7px;background: #e51937;border-radius:10px 10px 0 0;font-size:18px;font-weight:normal;color:#fff;} .detail_search .pop_close02{display:block;position:absolute;right:11px;top:11px;width:18px;height:18px;background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -300px;background-size:300px auto;text-indent:-9999px;} .detail_search .pop_contents02 .ds_con{margin:15px 0 10px;border-bottom:3px solid #eee;} .detail_search .ds_con div{position:relative;padding:10px 0;margin:0 15px;border-bottom:1px solid #eee;} .detail_search .ds_con div:last-child{border-bottom:none;} .detail_search .ds_con .ds_tit{position:absolute;left:0;top:18px;display:block;width:70px;font-size:12px;font-weight:bold;color:#898989;} .detail_search .ds_con .ds_input{display:block;padding-left:75px;} .detail_search .ds_con .ds_input:after{content:"";display:block;clear:both;} .ds_con .ds_input input{width:100%;} .ds_con .ds_input .di_45{float:left;display:block;width:45%;} .ds_con .ds_input .di_10{float:left;display:block;width:10%;padding-top:4px;text-align:center;} .ds_con .ds_benefit ul{overflow:hidden;padding-left:75px;} .ds_con .ds_benefit ul li{float:left;width:50%;margin-bottom:4px;} .ds_con .ds_benefit ul li:nth-child(odd){width:55%;} .ds_con .ds_benefit ul li:nth-child(even){width:45%;} .ds_con .ds_benefit ul li input{vertical-align: middle;} .ds_con .ds_benefit ul li label{vertical-align: middle;} .ds_btn{text-align:center;} .ds_btn a{display:inline-block;width:75px;height:24px;padding-top:6px;border-radius:3px;} /*검색 관련 사항 - 팝업 추가 2015-03-09*/ .ds_con .ds_benefit2 ul{overflow:hidden;padding-left:75px;} .ds_con .ds_benefit2 ul li{margin-bottom:4px;} .ds_con .ds_benefit2 ul li:first-child select{color:#777;} /* 푸터영역 */ .main_notice{border-top: 1px solid #9e9e9e;background: #fff;position: relative;} .main_notice p{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow: hidden;line-height: 50px;height: 50px;padding-left: 60px;font-size: 16px;} .main_notice span{position: absolute;left: 0;top: 0;line-height: 50px;font-size: 16px;display: block;padding-left: 10px;} .main_notice span em{color: #999;} .footer{width:100%;padding:0;background:#f4f4f4;position: relative;padding-bottom: 20px;} .footer .btn_floating{position: fixed;bottom: 16px;left: 0;width: 100%;height: 44px;} body.footer-bottom-space .footer{padding-bottom:70px;} /* 2016-11-25 bae S */ /* 11-16 수정 */ .footer .btn_back_floating{display:none ;position: fixed;left: 10px;bottom: 10px;z-index:50;width:36px;height:35px;background-color:#fff;border:1px #cdcdcd solid;border-radius:100%;box-sizing:border-box;overflow: hidden;text-indent: -1000px} .footer .btn_back_floating:before{content:"";position:absolute;left:7px;top:7px;width:21px;height:17px;background-position: 0px -330px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;} /*.footer .btn_fontsize{position: fixed;left: 10px;bottom: 10px;z-index:50;width: 39px;height: 39px;background-position: -75px -155px;background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop.png);background-repeat: no-repeat;background-size:300px 200px;overflow: hidden;text-indent: -1000px} .font_zoom .footer .btn_fontsize{background-position: -30px -155px;}*/ /* footer +/- 추가 .footer .btn_fontsize{position: fixed;left: 10px;bottom:6px;z-index:50;width: 100px;height: 39px;} .footer .btn_fontsize a{background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop2.png);background-repeat: no-repeat;background-size:300px 200px;overflow: hidden;text-indent: -1000px} .footer .btn_fontsize .btn_fontsize_small.on{display: inline-block;width:40px;height:39px;background-position: 0 0;} .footer .btn_fontsize .btn_fontsize_large{display: inline-block;width:40px;height:39px;background-position: -40px 0;} .footer .btn_fontsize .btn_fontsize_small{display: inline-block;width:40px;height:39px;background-position: 0 -39px;} .footer .btn_fontsize .btn_fontsize_large.on{display: inline-block;width:40px;height:39px;background-position: -40px -39px;} */ /* footer +/- 추가 2015-11-03 추기*/ .footer .btn_fontsize{position: fixed;left: 10px;bottom:6px;z-index:50;width: 100px;height: 39px;} .font_zoom .btn_fontsize.new a,.footer .btn_fontsize.new a{opacity:0.7;position: relative;background-color:#e9e9e9;border:1px #c3c3c3 solid;border-radius:5px;overflow: hidden;text-indent:-9999px;box-sizing:border-box} .font_zoom .btn_fontsize.new a:before,.footer .btn_fontsize.new a:before{content:"";position:absolute;left:3px;top:50%;margin-top:-4px;width:9px;height:9px;background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;} .footer .btn_fontsize .btn_fontsize_large2{display: inline-block;width:41px;height:35px;border-left-width:0 !important;border-top-left-radius:0 !important;border-bottom-left-radius: 0 !important;} .footer .btn_fontsize .btn_fontsize_small2{display: inline-block;width:41px;height:35px;border-top-right-radius:0 !important;border-bottom-right-radius: 0 !important;} .footer .btn_fontsize .btn_fontsize_small2.on{background-color:#fff;} .footer .btn_fontsize .btn_fontsize_large2.on{background-color:#fff;} .footer .btn_fontsize .btn_fontsize_large2:before{ background-position:-90px -351px } .footer .btn_fontsize .btn_fontsize_small2:before{ background-position:-111px -351px } .footer .btn_fontsize .btn_fontsize_large2.on:before{background-position:-90px -330px} .footer .btn_fontsize .btn_fontsize_small2.on:before{background-position:-111px -330px} .footer .btn_fontsize .btn_fontsize_large2:after {content:"크게";position:absolute;right:4px;top:7px;color:#aaaaaa;text-indent:0;font-size:1.16em;font-weight:bold;letter-spacing:-0.1em;line-height:20px} .footer .btn_fontsize .btn_fontsize_small2:after {content:"작게";position:absolute;right:3px;top:7px;color:#aaaaaa;text-indent:0;font-size:1.14em;font-weight:bold;letter-spacing:-0.08em;line-height:20px} .footer .btn_fontsize .btn_fontsize_large2.on:after {color:#565656;} .footer .btn_fontsize .btn_fontsize_small2.on:after {color:#565656;} .font_zoom .footer .btn_fontsize{position: fixed;left:10px;bottom:6px;z-index:50;width: 100px;height: 39px;} /* .font_zoom .footer .btn_fontsize a{background-image: url(//image.hnsmall.com/images/mobile2014/pop/ico_pop2.png);background-repeat: no-repeat;background-size:300px 200px;overflow: hidden;text-indent: -1000px} */ /* 2015-11-23 삭제 */ .font_zoom .footer .btn_fontsize .btn_fontsize_small.on{display: inline-block;width:40px;height:39px;background-position: 0 0;} .font_zoom .footer .btn_fontsize .btn_fontsize_large{display: inline-block;width:40px;height:39px;background-position: -40px 0;} .font_zoom .footer .btn_fontsize .btn_fontsize_small{display: inline-block;width:40px;height:39px;background-position: 0 -39px;} .font_zoom .footer .btn_fontsize .btn_fontsize_large.on{display: inline-block;width:40px;height:39px;background-position: -40px -39px;} .footer .btn_top_floating, .searchWrap.searchWrap_v3 .btn_top_floating, .searchWrap.searchWrap_v2 .btn_top_floating, .tvScheduleWrap .btn_top_floating {display:none ;position: fixed;right: 10px;bottom: 10px;z-index:50;width: 35px;height:35px;border-radius:50%;background-color:#ec3a54;overflow: hidden;text-indent: -1000px} .footer .btn_top_floating.v2, .footer .btn_back_floating.v2{bottom:-3px;} .footer .btn_top_floating:before, .searchWrap.searchWrap_v3 .btn_top_floating:before, .searchWrap.searchWrap_v2 .btn_top_floating:before, .tvScheduleWrap .btn_top_floating:before{ content:"";position: absolute;left: 50%;top: 50%;margin-top:-11px;margin-left:-11px;width: 21px;height:20px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;background-position: -30px -330px; } .footer .btn_goods_floating{position: fixed;right: 10px;bottom:50px;z-index:50;width: 35px;height:35px;background-color:#fff;border:1px #cdcdcd solid;border-radius:40px;box-sizing: border-box;overflow: hidden;text-indent: -1000px} .footer .btn_goods_floating:before {content:"";position:absolute;left:6px;top:6px;width:22px;height:21px;background-position: -60px -330px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat: no-repeat;background-size:300px auto;} .footer .footer_nav{background:#666;height: 35px;border-top: 1px solid #565b62;border-bottom: 1px solid #565b62;overflow: hidden;} .footer .footer_nav li{width:25%;float: left;padding-top: 10px;} .footer .footer_nav li a{display:block;font-size:13px;color:#fff;text-align:center;height: 15px;line-height: 15px;border-right: 1px solid #a1a1a1;} .footer .footer_nav li:last-child a{border: none;} /* 2016-05-13 푸터 공지사항 추가 */ .footer .notice {position:relative; height:39px; padding-left:52px; border-bottom:1px solid #ddd; background-color:#fff;} .footer .notice .title {position:absolute; top:0; left:12px; color:#4d4d4d; font-size:14px; line-height:41px;} .footer .notice .title span {position:relative; top:-1px; left:1px; color:#bbb; font-size:12px;} .footer .notice .noti {position:relative; line-height:41px;} .footer .notice .noti:after { content:"";position:absolute;right:13px;top:50%;margin-top:-5px;width:6px;height:10px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -360px; background-size:300px auto; } .footer .notice .noti a {display:block; overflow:hidden; width:100%; color:#666; font-size:13px; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px;} .footer .swiper-container {width:100%; height:100%; position: relative; overflow: hidden; z-index: 1} .footer .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .footer .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column} .footer .swiper-container-android .swiper-slide,.swiper-wrapper {-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0)} .footer .swiper-slide {-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative} .footer .notice.type02 {height:38px; padding-left:49px; padding-right:6px;} .footer .notice.type02 .title {left:10px; font-size:13px;} .footer .notice.type02 .swiper-container {width:auto; padding-right:60px;} .footer .notice.type02 .noti:after {display:none;} .footer .notice.type02 .swiper-button-prev2 {position:absolute; right:25px; top:0; bottom:0; width:25px} .footer .notice.type02 .swiper-button-prev2:before {display:inline-block; content:''; width:22px; height:22px; margin:8px 0 0 3px; background:url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat; background-size:150px auto; background-position:-107px -175px;} .footer .notice.type02 .swiper-button-next2 {position:absolute; right:0; top:0; bottom:0; width:25px} .footer .notice.type02 .swiper-button-next2:before {display:inline-block; content:''; width:21px; height:22px; margin:8px 3px 0 0; background:url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat; background-size:150px auto; background-position:-129px -175px;} /* //2016-05-13 푸터 공지사항 추가 */ .footer address{padding: 15px 10px 0px;color: #999;font-size: 10px} .footer address .ceo{display: block;color: #777; font-size: 13px;padding-bottom: 3px;font-weight: bold;} .footer address .mail{color:#959595;} .footer address .btnWhite{display: inline-block;border-radius: 2px;background: #565656; color:#fff;padding:4px 7px;} .footer address .btn_py{display: block;padding: 4px 0 7px;font-size: 10px} .footer .copy{color: #888;font-size: 10px;display: block;text-align: center;padding-bottom: 20px;} .footer address a{color: #999;font-size: 10px} .footer .customer_wrap{overflow: hidden;padding: 10px 0 5px;} .footer .customer_wrap li{float: left; width: 50%;} .footer .customer_wrap li p{font-size: 10px;color: #898989;padding-left: 10px;border-right: 1px solid #cdcdcd;} .footer .customer_wrap li p a{color: #898989;} .footer .customer_wrap li p span{display: block;font-size: 21px;color: #565656;} .footer .customer_wrap li p span a{color: #565656;} .footer .customer_wrap2{font-size: 10px;color: #898989;text-align: center;padding-top: 8px;} .footer .customer_wrap2 span{font-size: 21px;color: #565656;vertical-align: -4px;margin-left: 5px;} .footer .footer_nav2{border-top: 1px solid #cdcdcd;margin-top: 10px;margin-left: 10px;margin-right: 10px;} .footer .footer_nav2 ul{overflow: hidden;text-align: center;} .footer .footer_nav2 ul li{display: inline-block;} .footer .footer_nav2 ul li a{color: #898989;display:inline-block;padding: 10px 0;font-size: 11px} .footer .footer_nav2 ul li em{width: 3px;height: 3px;vertical-align: middle;display:inline-block;background: url(//image.hnsmall.com/images/mobile2014/common/footer_dot.png) right center no-repeat;background-size: 3px 3px;} /* 2015-10-05 신규 메인 */ .footer .footer_Nnav{background:#565656;height: 35px;overflow: hidden;} .footer .footer_Nnav li{width:25%;float: left;padding-top: 10px;} .footer .footer_Nnav li a{display:block;font-size:13px;color:#ddd;text-align:center;height:15px;line-height:15px;border-right: 1px solid #cdcdcd;} .footer .footer_Nnav li:last-child a{border: none;} .footer .footer_Nnav2{border-top:1px solid #e8e8e8;margin-top:3px;margin-left:10px;margin-right:10px;} .footer .footer_Nnav2 ul{overflow:hidden;text-align:center;} .footer .footer_Nnav2 ul li{display:inline-block;} .footer .footer_Nnav2 ul li a{color:#888;display:inline-block;padding: 10px 0 5px;font-size:12px;font-weight:bold} .footer .footer_Nnav2 ul li em{width: 3px;height: 3px;vertical-align: middle;display:inline-block;background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -374px;background-size: 300px auto;} .footer address.addNew{padding: 15px 10px 0px;color:#888;font-size:12px; text-align:center} .footer address .copy{color:#898989;font-size:12px;display:block;text-align:center;padding-bottom: 16px;} .footer address a{color: #4d4d4d;font-size:12px} .footer .adminPhone{position:relative;height:30px;padding:10px 0 0;overflow:hidden} .footer .adminPhone em{position:absolute;top:12px;left:50%;margin-left:-83px;width:19px;height:19px;margin-right:5px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -360px;background-size:300px auto;font-size:0} .footer .adminPhone a{position:absolute;left:50%;margin-left:-60px;color:#4d4d4d;font-size:22px;} .footer .certify_area {text-align:center;} .footer .certify_area .ico_mark {display:inline-block; width:45px; height:45px; vertical-align: middle; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark.png) no-repeat; background-size: 155px auto; font-size:0; line-height:0; } .footer .certify_area .isms {margin-right:10px; background-position:0 0;} .footer .certify_area .pims {margin-right:10px; background-position:-55px 0;} .footer .certify_area .brand {background-position:-110px 0;} /* 2016-02-01 푸터개선 */ .footer.v_0201 {border-top:1px solid #ddd;} .footer.type2 {position:fixed;bottom:0;left:0;right:0} @media all and (max-height:320px) { .footer.type2 {position:static} } /* 2016-11-18 bae s*/ /* 대카테 영역 */ .dim p{position: fixed;z-index:10000;opacity: 1;left: 286px;top: 6px;padding: 10px;background: #000;} .dim p em{display: block;width:18px;height: 18px;background-position: right 0;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav::-webkit-scrollbar {width: 0;} .side_nav{width: 276px;background: #fff;overflow-y: scroll;} .side_nav .login_area{height: 50px;line-height: 50px;background: #e51835;color: #fff;font-size: 13px;position: relative;padding-left: 60px;} .side_nav .login_area em{position: absolute;left: 0px;top: 0px;width:50px;height: 50px;background-color: #b7142c;} .side_nav .login_area em:before{content:"";position: absolute;left: 11px;top: 13px;width:27px;height: 23px;background-position: -90px 0;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav .login_area .btn_side{position: absolute;right: 10px;top: 12px;} .side_nav .login_area .side_btn {position:absolute; top:12px; right:10px; line-height:normal;} .side_nav .login_area .side_btn a {display:block; float:left; position:relative; top:0; right:0; margin-left:7px;} .side_nav .event_bx {padding:0;} .side_nav .event_bx .myBuddyEventWrap {margin:0;} .side_nav .quick_nav{overflow: hidden;text-align: center;font-size: 11px;padding:10px 0;border-bottom: 1px solid #cdcdcd;} .side_nav .quick_nav li{float: left;width: 25%;} .side_nav .quick_nav li a{display: block;} .side_nav .quick_nav li:nth-child(2) a{border-left: 1px solid #eee;} .side_nav .quick_nav li:nth-child(3) a{border-right: 1px solid #eee;border-left: 1px solid #eee;} .side_nav .quick_nav li a em{display:block;margin: 0 auto 5px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav .quick_nav li:nth-child(1) a em{width:24px;height: 24px;background-position: -60px -90px;} /* 장바구니 */ .side_nav .quick_nav li:nth-child(2) a em{width:28px;height: 22px;background-position: -120px -60px;margin-top: 2px;} .side_nav .quick_nav li:nth-child(3) a em{width:18px;height: 24px;background-position: -90px -90px;}/*@@@ 2015-04-28 width값 수정*/ .side_nav .quick_nav li:nth-child(4) a em{width:22px;height: 23px;background-position: -120px -90px;}/* 알림설정 */ /* 2016-11-18 고객센터, 알림설정 별도 노출 */ .side_nav .quick_nav.v_0201 li:nth-child(1) a em{width:24px;height: 24px;background-position:-120px -120px;} .side_nav .quick_nav li.linkArim a em {width:22px;height: 23px;background-position: -120px -90px;} .side_nav .quick_nav_app{overflow: hidden;text-align: center;padding:10px 0;border-bottom: 1px solid #cdcdcd; background:#fff;} .side_nav .quick_nav_app li{float: left;width: 50%;} .side_nav .quick_nav_app li a{display: block;font-size: 14px;line-height: 31px;height: 31px;} .side_nav .quick_nav_app li:nth-child(2) a{border-left: 1px solid #eee;} .side_nav .quick_nav_app li a em{display:inline-block; vertical-align: middle;margin-right: 5px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav .quick_nav_app li:nth-child(1) a em{width:26px;height: 24px;background-position: -120px -90px;} .side_nav .quick_nav_app li:nth-child(2) a em{width:27px;height: 24px;background-position:-120px -120px;} .side_nav .quick_nav_app li.linkArim a em {width:26px;height: 24px;background-position: -120px -90px;} .side_nav .side_cate{background: #ebebeb;padding-top: 10px;padding-bottom: 10px;} .side_nav .side_cate dt{height: 43px;line-height: 43px;background: #fff;padding-left: 10px;font-size: 12px;position: relative;border-bottom: 1px solid #eee;margin-top: 9px;} .side_nav .side_cate dt a{display: block;position: absolute;right: 10px;top: 7px;font-size: 11px} .side_nav .side_cate dd{} .side_nav .side_cate dd.mT9 {margin-top:9px;} .side_nav .side_cate dd p{height: 40px;background: #fff;line-height: 40px;padding-left: 10px;border-bottom: 1px solid #ddd;font-size: 15px;position: relative;} .side_nav .side_cate dd p .ico{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 7px;background-position: 0 0;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;position:relative;top:-1px}/*@@@ 2015-07-03 수정*/ .side_nav .side_cate dd.active p .ico{background-position: -30px 0;} .side_nav .side_cate dd p .arrow{position: absolute;right: 10px;top: 15px;display: inline-block;width: 16px;height: 9px;background-position: right -221px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;overflow: hidden;text-indent: -1000px} .side_nav .side_cate dd p .flag_new {display:inline-block; padding:0 4px; margin:0 0 0 3px; line-height:15px; font-size:11px; color:#fff; background:#e51937;} .side_nav .side_cate dd p .new {background-position: 100% -330px; width: 37px !important; height: 16px !important; margin:0 0 0 5px !important; vertical-align:-3px;} .side_nav .side_cate dd.active p .arrow{background-position: right -231px;} .side_nav .side_cate dd ul{-webkit-transition: height 300ms ease; transition: height 300ms ease; height:0; overflow:hidden;position:relative;} .side_nav .side_cate dd ul li{} .side_nav .side_cate dd ul li div{height: 40px;line-height: 40px;background: #f9f9f9;color:#565656;border-bottom: 1px solid #ddd;font-size: 13px;position: relative;padding-left: 45px;padding-right: 40px;} .side_nav .side_cate dd ul li div a{display: block;} .side_nav .side_cate dd ul li div em{cursor: pointer;position: absolute;right:6px;top:0; display:none;} .side_nav .side_cate dd ul li div em span{display: inline-block;background-position: right -180px;width: 17px;height: 17px;margin:13px 10px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav .side_cate dd ul li div.act em span{background-position: right -197px;} /*수정. li.act -> div.act*/ .side_nav .side_cate .bookmark > p .ico { background-position: -90px -150px; } .side_nav .side_cate .bookmark.active > p .ico { background-position: -120px -150px;background-color:#e8304b } .side_nav .side_cate .bookmark ul li div strong{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 7px;border-radius:20px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;position:relative;top:-1px} .side_nav .side_cate .bookmark ul li div em span{background-position: right -197px;} .side_nav .side_cate .bookmark ul li div.cate3 div strong{background-position: -100px -50px;} .side_nav .side_cate .bookmark .empty{display: block;background: #f9f9f9;color:#565656;border-bottom: 1px solid #ddd;font-size: 13px;position: relative;padding: 10px 45px;} .side_nav .side_cate dd p em{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 7px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;}/*@@@ 2015-07-03 추가*/ .side_nav .side_cate dd > p > em:first-child { border-radius:20px;background-color:#eee; } .side_nav .side_cate dd.snsew p .ico2{background-position: -90px -240px;}/*@@@ 2015-07-03 추가*/ .side_nav .side_cate dd.relay p .ico2{background-position: -90px -210px;}/*@@@ 2015-07-03 수정*/ /* 아이콘 매칭. 수정. */ .side_nav .side_cate .bookmark ul li[class^=menu1] div strong{background-position: -60px 0px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu2] div strong{background-position: -60px -30px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu3] div strong{background-position: -60px -60px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu4] div strong{background-position: -60px -90px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu5] div strong{background-position: -60px -120px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu6] div strong{background-position: -60px -150px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu7] div strong{background-position: -60px -180px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu8] div strong{background-position: -60px -210px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu9] div strong{background-position: -60px -240px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu10] div strong{background-position: -60px -270px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu11] div strong{background-position: -60px -300px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu12] div strong{background-position: -60px -330px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu13] div strong{background-position: -60px -360px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu14] div strong{background-position: -60px -390px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu15] div strong{background-position: -60px -420px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu16] div strong{background-position: -60px -450px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu17] div strong{background-position: -60px -480px;background-color:#fff} .side_nav .side_cate dd.menu1 .ico{background-position: 0 0px;} .side_nav .side_cate dd.menu2 .ico{background-position: 0 -30px;} .side_nav .side_cate dd.menu3 .ico{background-position: 0 -60px;} .side_nav .side_cate dd.menu4 .ico{background-position: 0 -90px;} .side_nav .side_cate dd.menu5 .ico{background-position: 0 -120px;} .side_nav .side_cate dd.menu6 .ico{background-position: 0 -150px;} .side_nav .side_cate dd.menu7 .ico{background-position: 0 -180px;} .side_nav .side_cate dd.menu8 .ico{background-position: 0 -210px;} .side_nav .side_cate dd.menu9 .ico{background-position: 0 -240px;} .side_nav .side_cate dd.menu10 .ico{background-position: 0 -270px;} .side_nav .side_cate dd.menu11 .ico{background-position: 0 -300px;} .side_nav .side_cate dd.menu12 .ico{background-position: 0 -330px;} .side_nav .side_cate dd.menu13 .ico{background-position: 0 -360px;} .side_nav .side_cate dd.menu14 .ico{background-position: 0 -390px;} .side_nav .side_cate dd.menu15 .ico{background-position: 0 -420px;} .side_nav .side_cate dd.menu16 .ico{background-position: 0 -450px;} .side_nav .side_cate dd.menu17 .ico{background-position: 0 -480px;} .side_nav .side_cate dd.active.menu1 .ico{background-position: -30px 0px;background-color:#ff6060} .side_nav .side_cate dd.active.menu2 .ico{background-position: -30px -30px;background-color:#9dc852} .side_nav .side_cate dd.active.menu3 .ico{background-position: -30px -60px;background-color:#ff8d9d} .side_nav .side_cate dd.active.menu4 .ico{background-position: -30px -90px;background-color:#42cce6} .side_nav .side_cate dd.active.menu5 .ico{background-position: -30px -120px;background-color:#f067c4} .side_nav .side_cate dd.active.menu6 .ico{background-position: -30px -150px;background-color:#54718d} .side_nav .side_cate dd.active.menu7 .ico{background-position: -30px -180px;background-color:#ffd339} .side_nav .side_cate dd.active.menu8 .ico{background-position: -30px -210px;background-color:#8e7467} .side_nav .side_cate dd.active.menu9 .ico{background-position: -30px -240px;background-color:#58dbbe} .side_nav .side_cate dd.active.menu10 .ico{background-position: -30px -270px;background-color:#818ce4} .side_nav .side_cate dd.active.menu11 .ico{background-position: -30px -300px;background-color:#ff9727} .side_nav .side_cate dd.active.menu12 .ico{background-position: -30px -330px;background-color:#777d8c} .side_nav .side_cate dd.active.menu13 .ico{background-position:-30px -360px;background-color:#333333} .side_nav .side_cate dd.active.menu14 .ico{background-position:-30px -390px;background-color:#d6b749} .side_nav .side_cate dd.active.menu15 .ico{background-position:-30px -420px;background-color:#b16bcb} .side_nav .side_cate dd.active.menu16 .ico{background-position:-30px -450px;background-color:#28c6d2} .side_nav .side_cate dd.active.menu17 .ico{background-position:-30px -480px;background-color:#61a9f4} /* 2018-02-06 카테고리 코드 추가버전 스타일 */ /* 아이콘 매칭. 수정. */ .side_nav .side_cate .bookmark ul li[class^=menu1] div strong{background-position: -60px 0px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40003544] div strong{background-position: -60px -30px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40007263] div strong{background-position: -60px -60px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40005672] div strong{background-position: -60px -90px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000001] div strong{background-position: -60px -120px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000007] div strong{background-position: -60px -150px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000005] div strong{background-position: -60px -180px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000004] div strong{background-position: -60px -210px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000002] div strong{background-position: -60px -240px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40007838] div strong{background-position: -60px -270px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000003] div strong{background-position: -60px -300px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40000006] div strong{background-position: -60px -330px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu13] div strong{background-position: -60px -360px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu14] div strong{background-position: -60px -390px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40009830] div strong{background-position: -60px -420px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40009886] div strong{background-position: -60px -450px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40009887] div strong{background-position: -60px -480px;background-color:#fff} .side_nav .side_cate .bookmark ul li[class^=menu40010119] div strong{background-position: -60px -390px;background-color:#fff} .side_nav .side_cate dd.menu1 .ico{background-position: 0 0px;} .side_nav .side_cate dd.menu40003544 .ico{background-position: 0 -30px;} .side_nav .side_cate dd.menu40007263 .ico{background-position: 0 -60px;} .side_nav .side_cate dd.menu40005672 .ico{background-position: 0 -90px;} .side_nav .side_cate dd.menu40000001 .ico{background-position: 0 -120px;} .side_nav .side_cate dd.menu40000007 .ico{background-position: 0 -150px;} .side_nav .side_cate dd.menu40000005 .ico{background-position: 0 -180px;} .side_nav .side_cate dd.menu40000004 .ico{background-position: 0 -210px;} .side_nav .side_cate dd.menu40000002 .ico{background-position: 0 -240px;} .side_nav .side_cate dd.menu40007838 .ico{background-position: 0 -270px;} .side_nav .side_cate dd.menu40000003 .ico{background-position: 0 -300px;} .side_nav .side_cate dd.menu40000006 .ico{background-position: 0 -330px;} .side_nav .side_cate dd.menu13 .ico{background-position: 0 -360px;} .side_nav .side_cate dd.menu14 .ico{background-position: 0 -390px;} .side_nav .side_cate dd.menu40009830 .ico{background-position: 0 -420px;} .side_nav .side_cate dd.menu40009886 .ico{background-position: 0 -450px;} .side_nav .side_cate dd.menu40009887 .ico{background-position: 0 -480px;} .side_nav .side_cate dd.menu40010119 .ico{background-position: 0 -390px;} .side_nav .side_cate dd.active.menu1 .ico{background-position: -30px 0px;background-color:#ff6060} .side_nav .side_cate dd.active.menu40003544 .ico{background-position: -30px -30px;background-color:#9dc852} .side_nav .side_cate dd.active.menu40007263 .ico{background-position: -30px -60px;background-color:#ff8d9d} .side_nav .side_cate dd.active.menu40005672 .ico{background-position: -30px -90px;background-color:#42cce6} .side_nav .side_cate dd.active.menu40000001 .ico{background-position: -30px -120px;background-color:#f067c4} .side_nav .side_cate dd.active.menu40000007 .ico{background-position: -30px -150px;background-color:#54718d} .side_nav .side_cate dd.active.menu40000005 .ico{background-position: -30px -180px;background-color:#ffd339} .side_nav .side_cate dd.active.menu40000004 .ico{background-position: -30px -210px;background-color:#8e7467} .side_nav .side_cate dd.active.menu40000002 .ico{background-position: -30px -240px;background-color:#58dbbe} .side_nav .side_cate dd.active.menu40007838 .ico{background-position: -30px -270px;background-color:#818ce4} .side_nav .side_cate dd.active.menu40000003 .ico{background-position: -30px -300px;background-color:#ff9727} .side_nav .side_cate dd.active.menu40000006 .ico{background-position: -30px -330px;background-color:#777d8c} .side_nav .side_cate dd.active.menu13 .ico{background-position:-30px -360px;background-color:#333333} .side_nav .side_cate dd.active.menu14 .ico{background-position:-30px -390px;background-color:#d6b749} .side_nav .side_cate dd.active.menu40009830 .ico{background-position:-30px -420px;background-color:#b16bcb} .side_nav .side_cate dd.active.menu40009886 .ico{background-position:-30px -450px;background-color:#28c6d2} .side_nav .side_cate dd.active.menu40009887 .ico{background-position:-30px -480px;background-color:#61a9f4} .side_nav .side_cate dd.active.menu40010119 .ico{background-position:-30px -390px;background-color:#d6b749} /* 아이콘 매칭. 수정. end */ /*.side_nav .side_cate dd:nth-child(3) .ico{background-position: 0 -50px;} .side_nav .side_cate dd:nth-child(4) .ico{background-position: 0 -100px;} .side_nav .side_cate dd:nth-child(5) .ico{background-position: 0 -600px;} .side_nav .side_cate dd:nth-child(6) .ico{background-position: 0 -150px;} .side_nav .side_cate dd:nth-child(7) .ico{background-position: 0 -200px;} .side_nav .side_cate dd:nth-child(8) .ico{background-position: 0 -250px;} .side_nav .side_cate dd:nth-child(9) .ico{background-position: 0 -300px;} .side_nav .side_cate dd:nth-child(10) .ico{background-position: 0 -350px;} .side_nav .side_cate dd:nth-child(11) .ico{background-position: 0 -400px;} .side_nav .side_cate dd:nth-child(12) .ico{background-position: 0 -450px;} .side_nav .side_cate dd:nth-child(13) .ico{background-position: 0 -500px;} .side_nav .side_cate dd:nth-child(14) .ico{background-position: 0 -550px;} .side_nav .side_cate dd.active:nth-child(3) .ico{background-position: -50px -50px;} .side_nav .side_cate dd.active:nth-child(4) .ico{background-position: -50px -100px;} .side_nav .side_cate dd.active:nth-child(5) .ico{background-position: -50px -600px;} .side_nav .side_cate dd.active:nth-child(6) .ico{background-position: -50px -150px;} .side_nav .side_cate dd.active:nth-child(7) .ico{background-position: -50px -200px;} .side_nav .side_cate dd.active:nth-child(8) .ico{background-position: -50px -250px;} .side_nav .side_cate dd.active:nth-child(9) .ico{background-position: -50px -300px;} .side_nav .side_cate dd.active:nth-child(10) .ico{background-position: -50px -350px;} .side_nav .side_cate dd.active:nth-child(11) .ico{background-position: -50px -400px;} .side_nav .side_cate dd.active:nth-child(12) .ico{background-position: -50px -450px;} .side_nav .side_cate dd.active:nth-child(13) .ico{background-position: -50px -500px;} .side_nav .side_cate dd.active:nth-child(14) .ico{background-position: -50px -550px;} @@@ 2015-06-08수정*/ .side_nav .cate_new p{height: 31px;padding-top: 16px;padding-left: 10px;font-size: 11px;position: relative;} .side_nav .cate_new p a{display: block;position: absolute;right: 10px;top: 13px;font-size: 11px} .side_nav .cate_new p a em{display: inline-block;width:9px;height: 9px;background-position: -90px -330px;margin: 0 0 0 3px;vertical-align:middle;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav .cate_new ul{overflow: hidden;padding: 0 10px 20px} .side_nav .cate_new ul li{width: 25%;float: left;} .side_nav .cate_new ul li a{display: block;width: 60px;} .side_nav .cate_new ul li img{width: 60px;height: 60px;} .side_nav .cate_new ul li span{display: block;font-size: 12px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width: 122px;overflow: hidden;color: #565656;} .side_nav .cate_new ul li strong{font-size: 15px; font-weight: normal;} .side_nav .pc_ver{display: block;background: #8e8e8e;text-align: center;color: #fff;height: 35px;line-height: 35px} .side_nav .best_of_best{background: #ebebeb;overflow: hidden;padding-bottom:10px;} .side_nav .best_of_best li{width: 50%;float: left;background: #fff;border-bottom: 1px solid #cdcdcd;} .side_nav .best_of_best li a{display: block;padding-left:10px;line-height:40px;height:40px;font-size:15px} .side_nav .best_of_best li:first-child a{border-right: 1px solid #eee;} .side_nav .best_of_best li:last-child a{padding-left: 15px;} .side_nav .best_of_best li a em{display: inline-block;vertical-align: middle;margin-right: 5px;width:30px;height: 30px;background-position: -90px -270px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;position:relative;top:-2px} .side_nav .best_of_best li:last-child a em{background-position: -120px -270px;} /* 일사천리 홍보방송 다시보기 2016-10-27 */ .side_nav .small_biz_tv {padding:0 0 10px; background:#ebebeb;} .side_nav .small_biz_tv a {display:block; position:relative; height:40px; padding:0 0 0 10px; line-height:40px;border-bottom:1px solid #cdcdcd; background:#f9f9f9;font-size:13px;color:#333} /*.side_nav .small_biz_tv a:before {display:block; content:""; position:absolute; top:50%; left:10px; width:30px; height:30px;margin:-15px 0 0;background-position: -226px 0;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side3.png);background-repeat: no-repeat;background-size:300px 200px;}*/ /* 왼쪽메뉴에 오늘의 추천메뉴 추가사항 */ .side_nav .side_cate dd.today_recommend p em{ display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 7px;} .side_nav .side_cate dd.today_recommend p .ico_recommend{background-position: -90px -180px;} .side_nav .side_cate dd.today_recommend p .new{background-position: 100% -330px; width: 37px !important; height: 16px !important; margin:0 0 0 5px !important;} /* 2016-11-18 bae e */ /* 2015-10-16 신규 search -------------------------------*/ .searchWrap{margin-top:45px;background:#e9e8e8} .searchWrap.searchWrap_v2 {margin-top:51px;} /* 2016-11-22 bae s */ /* 2015-10-16 headerNew */ .headerNew{position:fixed;height:44px;background:#fff;z-index:5000;} .headerNew h1{position:absolute;left:50%;margin-left:-39px;top:12px} .headerNew h1 a{display:block;width:78px;height:20px;background-position:right 0px;background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png);background-repeat:no-repeat;background-size:300px auto;overflow:hidden;text-indent:-1000px;} .headerNew .btn_sidenav{position:absolute;left:10px;top:11px;z-index: 11;} .headerNew .btn_sidenav span{display:block;width:23px;height:19px;background-position:0 0;background-image:url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);background-repeat:no-repeat;background-size:300px 400px;overflow:hidden;text-indent:-1000px;} .headerNew .btn_gnb_orderBox{position:absolute;top:5px;right:50px;display:block;width:31px;height:31px;background-position:0 -22px;background-image:url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);background-repeat:no-repeat;background-size:300px 400px;overflow:hidden;} .headerNew .btn_gnb_orderBox span {display:inline-block; overflow:hidden; width:0; height:0; line-height:0; color:transparent;} .headerNew .btn_gnb_search{position:absolute;top:5px;right:10px;display:block;width:31px;height:31px;background-position:-40px -22px;background-image:url(//image.hnsmall.com/images/mobile2014/main/ico_newMain.png);background-repeat:no-repeat;background-size:300px 400px;overflow:hidden;} .headerNew .btn_gnb_search span {display:inline-block; overflow:hidden; width:0; height:0; line-height:0; color:transparent;} .headerNew .orderBox em{display:block;position:absolute;top:5px;right:48px;width:15px;height:15px;background:#474e56;border-radius:10px;border:1px solid #fff;} .headerNew .orderBox span.orderNum{display:block;position:absolute;top:8px;right:50px;width:13px;height:11px;text-align:center;color:#fff;font-size:11px;} .lineMain{border-bottom:1px solid #ececec} .lineSub{border-bottom:1px solid #cdcdcd} /* header 개선작업 2016-03-14 */ .headerNew.header_v2:after {display:block; content:""; clear:both;} .headerNew.header_v2 h1 {left:52px; top:15px; margin:0;} .headerNew.header_v2 h1 a {width:68px; height:16px; background-position:right 0px;} .headerNew.header_v2 .btn_sidenav {display:block; top:15px;} .headerNew.header_v2 .btn_sidenav span{display:block;width:23px;height:16px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 0;background-size:300px auto;} .headerNew.header_v2 .orderBox {overflow:hidden; position:absolute; right:10px; top:8px; width:21px;height:21px; padding:4px 6px 0 0;} .headerNew.header_v2 .orderBox .btn_gnb_orderBox{position:static; width:21px;height:21px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px 0;background-size:300px auto;} .headerNew.header_v2 .orderBox:before{display:block;content:"";position:absolute;top:0;right:0;width:15px;height:15px;background:#474e56;border-radius:10px;border:1px solid #fff;} .headerNew.header_v2 .orderBox span.orderNum{display:block;position:absolute;top:0;right:0;width:17px;height:17px; line-height:17px; text-align:center;color:#fff;font-size:11px;} .headerNew.header_v2 .btn_gnb_search {display:block; position:absolute;top:8px; left:139px; right:45px; box-sizing:border-box; width:auto;height:29px; border:1px solid #e51937; -webkit-border-radius:30px;background:none;} .headerNew.header_v2 .btn_gnb_search:after {display:block; content:""; position:absolute; right:13px; top:5px; width:17px; height:17px; background:url('//image.hnsmall.com/images/mobile2014/common/ico_header.png') no-repeat 0 0; background-size:300px auto;background-position:-60px 0px} .headerNew.type2 {border-bottom:1px solid #6b6b6b} .headerNew.type2 h1 {left:15px; top:13px; margin:0;} .headerNew.type2 h1 a {width:52px; height:20px; background-position:0 -270px;} /* header 검색 버튼 UI변경 2016-09-08 */ .headerNew.header_v2 .btn_gnb_search.type02 {top:7px; right:10px; height:31px; border:2px solid #e51937; border-radius:0;} /* header UI개선 2017-03-07 */ .headerNew.header_v3 {left:0; right:0; width:auto; padding: 0 131px 0 89px; /*padding:0 131px 0 112px;*/} .headerNew.header_v3:after {display:none; content:""; clear:both;} .headerNew.header_v3 h1 {left:34px; /*left:46px;*/ top:50%; margin:-9px 0 0;} .headerNew.header_v3 h1 a {width:44px; height:17px; /*width:52px; height:20px;*/ background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -180px;background-size:300px auto;} .headerNew.header_v3 .btn_sidenav {display:block; top:14px; /*top:15px;*/} .headerNew.header_v3 .btn_sidenav span{display:block; width:17px; height:16px; /*width:23px;height:16px;*/ background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -268px -180px;background-size:300px auto;} .headerNew.header_v3 .orderBox {overflow:hidden; position:absolute; right:8px; /*right:10px;*/ top:50%; width:30px;height:24px; margin:-12px 0 0; padding:0;} .headerNew.header_v3 .orderBox .btn_gnb_orderBox{position:static; width:23px;height:24px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -270px;background-size:300px auto;} .headerNew.header_v3 .orderBox:before{display:block;content:"";position:absolute;top:0;right:0;width:14px;height:14px; background:#474e56;border-radius:10px;border:1px solid #fff;} .headerNew.header_v3 .orderBox span.orderNum{display:block;position:absolute;top:0;right:0;width:16px;height:15px; padding:1px 0 0; line-height:16px; text-align:center;color:#fff;font-size:11px;overflow:hidden;} .headerNew.header_v3 .btn_gnb_search {display:block; overflow:hidden; position:relative; top:8px; right:0; box-sizing:border-box; width:auto;height:29px; border-radius:30px; -webkit-border-radius:30px;background:#eee;} .headerNew.header_v3 .btn_gnb_search:after {display:block; content:""; position:absolute; right:13px; top:5px; width:17px; height:17px; background:url('//image.hnsmall.com/images/mobile2014/common/ico_header.png') no-repeat -120px -270px; background-size:300px auto;} .headerNew.header_v3 .btnTvSchedule {display:block; overflow:hidden; position:absolute; right:51px; top:50%; width:28px; height:24px; margin:-12px 0 0; color:transparent; background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat; background-position: -60px -270px; background-size:300px auto;} .headerNew.header_v3 .btnTvSchedule.ver02 {right:47px; width:38px;background-position: -210px -270px; background-size:300px auto;} .headerNew.header_v3 .btnTvSchedule.ver03 {right:48px; width:38px; height:28px; margin:-15px 0 0; background:none;} .headerNew.header_v3 .btnTvSchedule.ver03 img {width:38px; height:28px; vertical-align:top;} .headerNew.header_v3 .btnTvSchedule.ver04 {width:88px; height:29px; right:41px; top:8px; /*right:43px; width:85px; height:29px;*/ margin:0; background-position: right -210px; background-size:300px auto;} .headerNew.header_v3.error_type {border-bottom:1px solid #ececec} .headerNew.header_v3.error_type h1 {left:50%;margin-left:-26px} /* 앱설치 안내 배너 */ .app_setup {position:fixed; top:0; left:0; width:100%; height:45px; background:#faf3da; z-index:1005;} .app_setup.v2 {height:80px;} .app_setup > a {display:block; text-align:center;} .app_setup img {width:auto; height:45px; vertical-align:top;} .app_setup.v2 img{height:70px;} .app_setup + .headerNew {top:45px;} .app_setup ~ .rn_gnb_wrap {top:90px;} .app_setup ~ .v2.rn_gnb_wrap {top:90px;} .app_setup ~ #floatingCategory.tvplus.v2 {/*top:125px;*/ top:300px;} .app_setup ~ main .mainContent {padding-top:125px; background-position:center 245px;} .app_setup ~ main .contents {padding-top:90px;} .app_setup ~ main .order .cart_btn.active {top:90px;} .app_setup .btn-close-appbnr{position:absolute;top:10px;right:15px;width:30px;height:30px;border:0;font-size:1px;color:transparent;background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/btn_close_appdown.png) no-repeat 100% 0;background-size:25px;} .app_setup > .app {display:none;} .app_setup > .app_x2 {display:block;} @media all and (max-width: 374px) { .app_setup > .app {display:block;} .app_setup > .app_x2 {display:none;} .app_setup > .app{background:#6547e3 !important;} } /* 2016-11-22 bae e */ /* 검색 */ .searchHeader{position:fixed;left:0;top:0;width:100%;height:50px;border-bottom:1px solid #c8c8c8;background:#fff;z-index:1000;} .searchHeader .btn_pre{position:absolute;left:10px;top:15px;z-index:6} .searchHeader .btn_pre span{display:block;width:22px;height:20px;background-position:-220px -100px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -60px; background-size:300px auto;overflow:hidden;text-indent:-1000px;} .searchHeader .search_box{position:relative;padding:7px 10px 0 10px;z-index: 5} .searchHeader .search_box fieldset span{border:1px solid #e51937;border-radius:50px;display: block;padding:3px 10px 0;margin:0 46px 0 35px;background: #fff;position: relative;border:1px solid #ca132e; height:30px} .searchHeader .search_box fieldset span input{width:100%;border:0;color:#666;font-size: 12px;background: #fff;text-indent: 0; } .searchHeader .search_box fieldset span input[type="text"] {width:92%; color:#000; font-weight:bold; font-size:13px} .searchHeader .search_box ::-webkit-input-placeholder{color:#333;font-weight:normal;} .searchHeader .search_box :-moz-input-placehorder{color:#333;opacity: 1;font-weight:normal;} .searchHeader .search_box ::-moz-input-placehorder{color:#333;opacity: 1;font-weight:normal;} .searchHeader .search_box :-ms-input-placehorder{color:#333;opacity: 1;font-weight:normal;} .searchHeader .search_box .btn_gnb_search{overflow:hidden; display:block; position:absolute; top:7px; right:12px; width:35px; height:35px; padding:0; margin:0; border:none; outline:none; background:#e51937; border-radius:50%; -webkit-border-radius:50%; text-indent:-9999px; cursor:pointer;} .searchHeader .search_box .btn_gnb_search:before {display:inline-block; content:""; position:absolute; top:7px; left:8px; width:19px;height:19px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -60px;background-size:300px auto;} .searchHeader .search_box .btn_gnb_del{overflow:hidden;display:block;position:absolute;right:68px; top:15px; width:18px; height:18px;padding:0;margin:0;border:none;background:#ccc; border-radius:50%;-webkit-border-radius:50%;text-indent:-9999px;cursor:pointer;} .searchHeader .search_box .btn_gnb_del:before {display:inline-block; content:""; position:absolute; top:5px; left:5px; width:8px;height:8px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -82px;background-size:300px auto;} /* 검색 관련 사항 - 연관 검색어 */ .searchOn{overflow:hidden;width:100%;background: #fff;} .searchOn ul {border-right: 1px solid #eeeeee;} .searchOn ul li {border-bottom:1px solid #eeeeee;} .searchOn ul li a{display:block;padding:0 15px 0 20px;height: 40px;line-height:40px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow: hidden;} .searchOn ul li a em{color:#e51937;} .searchOn ul li:first-child a{border-top: none;} /* 검색 관련 사항 - 최근 검색어 - tab */ .searchText{margin:5px;padding-top:5px;border-bottom:1px solid #b5b5b5} .searchText .searchTap:after{content:"";display:block;clear:both;} .searchText .searchTap li{float:left;width:50%;} .searchText .searchTap li a{display:block;padding:8px 0;border-bottom:1px solid #eeeeee;font-size:15px;font-weight:bold;color:#999999;text-align:center;background:#fafafa} .searchText .searchTap .on a{border-right:1px solid #eee;border-bottom:1px solid #fff;background:#fff;color:#e51937;} .searchText .searchTap li:nth-child(2).on a{border-left:1px solid #eeeeee;border-right:none;} /* 검색 관련 사항 - 최근 검색어 */ .searchText .searchList{padding-top:3px;background: #fff;} .searchList li{position:relative;padding:0 15px;border-bottom:1px solid #eeeeee;} .searchList li:last-child{border:none;} .searchList li a{position:relative;display:block;padding:9px 20px 9px 0;font-size:14px;color:#333333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .searchList li .btn_shsr_del{display:block;position:absolute;right:15px;top:12px;width:12px;height:12px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -60px;background-size:300px auto;text-indent:-9999px;cursor:pointer;} /* 검색 관련 사항 - 인기 검색어 */ .searchList li a em{display:inline-block;width:20px;height:15px;background: url(//image.hnsmall.com/images/mobile2014/common/icon_tvbest_num.png) no-repeat ;background-size:400px 250px;text-indent: -9999px; vertical-align:middle} .searchList li a em.best1{background-position:0 0;} .searchList li a em.best2{background-position:0 -25px;} .searchList li a em.best3{background-position:0 -50px;} .searchList li a em.best4{background-position:0 -75px;} .searchList li a em.best5{background-position:0 -100px;} .searchList li a em.best6{background-position:-20px 0;} .searchList li a em.best7{background-position:-20px -25px;} .searchList li a em.best8{background-position:-20px -50px;} .searchList li a em.best9{background-position:-20px -75px;} .searchList li a em.best10{background-position:-20px -100px;} .searchList li a .st_rank_con{position:absolute;right:0;top:11px;font-size:13px;color:#333333;} .searchList li a .st_rank_con.new{color: #e51937;} .searchList li a .st_rank_con em{display:inline-block; position:relative; top:4px; vertical-align:top; width:10px;height:12px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -109px -60px; background-size:300px auto; text-indent: -9999px;} .searchList li a .st_rank_con .src_up{background-position:-110px -63px; height:8px;} .searchList li a .st_rank_con .src_down{background-position:-110px -73px; height:8px;} .searchList li a .st_rank_con .src_static{background-position:-109px -60px; width:11px; height:1px; top:8px;} /* 검색 관련 사항 - 검색된 내역이 없을때 */ .searchNone{padding:40px 0;background:#fff} .searchNone p{font-size:13px;color:#999999;text-align:center;} .searchWrap.searchWrap_v2 .searchNone {border-bottom:1px solid #b5b5b5; padding-top:70px;} .searchWrap.searchWrap_v2 .searchNone p {font-size:15px;} /* 검색 관련 사항 - 버튼 검색기록 삭제 */ .searchDel p{padding:2px;text-align:center} .searchDel p a{font-size:14px;color:#333333;} /* 추가적립10% flag */ /*2015-12-22 footer 수정*/ /* 2015-10-05 신규 메인 */ .footer .footer_Nnav{background:#ddd;} .footer .footer_Nnav li a{color:#565656;font-size:14px} .searchText .searchList_v2 {padding:50px 10px 15px 10px; border-bottom:1px solid #b5b5b5 } .searchList_v2:after {display:block; content:""; clear:both} .searchList_v2 li {float:left; width:48.5%; padding:0 12px 0 15px; margin:0 0 7px 0; border:1px solid #eee; border-radius:50px; box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .searchList_v2 li:nth-child(2n+1){ margin-right:1.5%; } .searchList_v2 li:nth-child(2n) {margin-left:1.5%} .searchList_v2 li:last-child { border:1px solid #eee; } .searchList_v2 li .btn_shsr_del {background:url(//image.hnsmall.com/images/mobile2014/common/ico_search.gif) no-repeat 0 -21px;background-size:30px 90px; width:11px; height:11px; top:13px;right:12px } .searchList_v2 li a {height:18px; padding-top:10px; line-height:18px;} .searchList_v2 li a .st_rank_con { top:11px; right:5px;} .searchList_v2 li a .st_rank_con em {position:relative; top:4px; width:10px; height:8px; margin:0; vertical-align:top; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -109px -60px; background-size:300px auto; display:inline-block;text-indent:-1000em;} .searchList_v2 li a .st_rank_con .src_up {background-position:-110px -63px;} .searchList_v2 li a .st_rank_con .src_down {background-position:-110px -73px;} .searchList_v2 li a .st_rank_con .src_static {background-position:-109px -60px; width:11px; height:1px; left:0; top:8px;} .searchList_v2 li a .st_rank_con .src_new {background-position:-90px -76px; width:14px; height:14px; left:2px; top:2px;} .searchList_v2 li.rank a{ color:#e51937} .searchList_v2 li a em { background:url(//image.hnsmall.com/images/mobile2014/common/ico_num.gif) no-repeat; background-size:217px 29px; width:19px; height:13px; margin-right:5px} .searchList_v2 li a em.best1 { background-position:0 0} .searchList_v2 li a em.best2 { background-position:-19px 0} .searchList_v2 li a em.best3 { background-position:-41px 0} .searchList_v2 li a em.best4 { background-position:-63px 0} .searchList_v2 li a em.best5 { background-position:-86px 0} .searchList_v2 li a em.best6 { background-position:-108px 0} .searchList_v2 li a em.best7 { background-position:-130px 0} .searchList_v2 li a em.best8 { background-position:-152px 0} .searchList_v2 li a em.best9 { background-position:-174px 0} .searchList_v2 li a em.best10 { background-position:-197px 0} .searchList_v2 li a em.best11 { background-position:0 -17px} .searchList_v2 li a em.best12 { background-position:-19px -17px} .searchList_v2 li a em.best13 { background-position:-41px -17px} .searchList_v2 li a em.best14 { background-position:-63px -17px} .searchList_v2 li a em.best15 { background-position:-86px -17px} .searchList_v2 li a em.best16 { background-position:-108px -17px} .searchList_v2 li a em.best17 { background-position:-130px -17px} .searchList_v2 li a em.best18 { background-position:-152px -17px} .searchList_v2 li a em.best19 { background-position:-174px -17px} .searchList_v2 li a em.best20 { background-position:-197px -17px} .searchOn:after {display:block; content:""; clear:both} .searchOn .autoText { float:left ; width:50%; } .searchOn .autoText ul li {width:100%} .searchOn .autoText:nth-child(2) {margin:0 0 0 -1px; border-left:1px solid #eeeeee;} .searchOn .autoText:nth-child(2) ul {border:none;} .searchThumb {float:right; width:50%; margin-left:-1px; border-left:1px solid #eeeeee;} .thumArea { position:relative; border-bottom:1px solid #eee; padding:15px 0;} .thumArea:first-child {margin:0;} .thumArea .img_thumb {position:relative; width:90%; height:30%; margin:0 auto; overflow:hidden} .thumArea .img_thumb img {width:100%;} .thumArea a p.tit {font-size:14px; margin-bottom:2px; padding:10px 10px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal; overflow:hidden } .thumArea a p.tit strong{ color:#e51937; font-weight:normal} .thumArea .base { padding:5px 10px 0 10px; font-size:12px } .thumArea .base .price{font-family: Arial; text-decoration:line-through;color:#666666;} .thumArea .base .textWon {color:#666666;} .thumArea dl {padding:3px 10px 0 10px;display:-webkit-box;-webkit-box-orient:horizontal} .thumArea dl dt {display:block; font-size:12px; width:72px; color:#222; line-height:15px; height:15px} .thumArea dl dd {display:block; font-size:12px; line-height:15px; height:15px; text-align:right} .thumArea dl dd strong{ font-family:Arial; font-size:15px; font-weight:bold; color:#000} .thumArea dl dd strong.priceRed { color:#e51937;} .thumArea dl dd strong.priceGray {color:#777;} .thumArea dl dd span.textWonRed { color:#e51937; font-weight:bold} .thumArea dl dd span.textWonGray {color:#777;} @media all and (max-width:320px){ .thumArea dl dt {font-size:11px; width:60px} .thumArea dl dd {font-size:11px; } } .searchTop_fix { position:fixed; top:51px; z-index:100;background-color:#fff; width:100%; } .searchTop_fix .searchTap {} .searchTop_fix .searchTap li { height:43px; border-bottom:1px solid #eee;line-height:43px;position:relative } .searchTop_fix .searchTap li a {background:#fff; display:block; padding:0; border-bottom:0; color:#666} .searchTop_fix .searchTap .on a { border-right:none; height:38px; width:60%; margin:0 auto} .searchTop_fix p { border-bottom:3px solid #e51937; width:30%; height:3px; position:absolute; bottom:1px; z-index:1000 } .searchTop_fix .searchTap li:nth-child(2).on a {border-left:none} .btn_more{ text-align:center; background:#eee; font-size:13px; padding:10px 0; color:#666} .btn_more span.ico_arr { display:inline-block; margin-left:3px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -116px -83px;background-size:300px auto; width:4px; height:7px } .searchOn .btn_more span.ico_arr {vertical-align:1px;} .searchText_v2 {background:#fff; padding:8px 0 10px 0; margin:0; } .searchText_v2 .searchNone { border-bottom:1px solid #b5b5b5; padding-top:70px} .mov {position:relative; width:100%;} .tapcon_v2 { position:absolute;left:0; width:100%} .tapcon_v3 { position:absolute;left:100%; width:100%} .tapcon_v3 ul { border-bottom:1px solid #b5b5b5} /*TV편성표 검색 - 자동완성 검색 UI 현행화 2017-02-14 */ .searchOn.ver02 {background:#e9e8e8;} .searchOn.ver02:after {display:block; content:""; clear:both} .searchOn.ver02 .autoText {float:none; width:100%; padding:9px 0 10px 10px; border-bottom:1px solid #b5b5b5; background:#fff;} .searchOn.ver02 ul:after {content:'';clear:both;display:block} .searchOn.ver02 ul li {float:left; width:auto; margin:0 15px 0 0; line-height:26px; border:none;} .searchOn.ver02 ul li a {padding:0; height:auto; line-height:inherit; font-size:14px;color:#000} .searchOn.ver02 ul li span {color:#e51937} .searchOn.ver02 .searchThumb_tit {padding:1px 15px 0; margin:10px 0 5px; line-height:36px; font-size:15px; color:#000; text-align:left; background:#fff; letter-spacing:-1px;} .searchOn.ver02 .searchThumb {float:none; box-sizing:border-box; width:100%; padding:0 15px; border:none; background:#fff;} .searchOn.ver02 .searchThumb:after {display:block; content:""; clear:both;} .searchOn.ver02 .searchThumb .thumArea {float:left;width:50%;box-sizing:border-box;padding:15px 8px 15px 0;border:none} .searchOn.ver02 .searchThumb .thumArea:nth-child(2) {padding:15px 0 15px 8px} .searchOn.ver02 .searchThumb .thumArea .img_thumb {width:100%} .searchOn.ver02 .searchThumb .thumArea a p.tit, .search_find .thumArea .base, .search_find .thumArea dl {padding-left:0;padding-right:0} .searchOn.ver02 .searchThumb .thumArea .base {padding:5px 0 0;} .searchOn.ver02 .searchThumb .thumArea dl {padding:3px 0 0;} /* 검색기록 삭제 버튼 2016-02-16 */ .searchText_v2 .searchDel p {padding:15px 2px 2px;} /* s : 인기검색어 최근검색어 UI개선 2016-11-01 */ .searchWrap.searchWrap_v3 {margin:51px 0 0;} .searchWrap.searchWrap_v3 .searchText {padding:41px 0 0; margin:0;} .searchWrap.searchWrap_v3 .searchTop_fix .searchTap li {height:auto; line-height:normal; border-bottom:1px solid #eee;} .searchWrap.searchWrap_v3 .searchTop_fix .searchTap li a {display:block; width:auto; height:39px; padding:1px 0 0; line-height:39px; border-bottom:none;} .searchWrap.searchWrap_v3 .searchTop_fix .bar {left:10%;} .searchWrap.searchWrap_v3 .searchText.nofixed {padding:0;} .searchWrap.searchWrap_v3 .searchText.nofixed .searchTop_fix {position:relative; top:0; left:0; z-index:0;} .searchWrap.searchWrap_v3 .searchText .search_history {display:none;} .searchWrap.searchWrap_v3 .searchText .searchList {overflow:hidden; padding:0;} .searchWrap.searchWrap_v3 .searchText .searchList li {-webkit-box-sizing:border-box; float:left; width:50%; padding:0 20px 0 0; border-bottom:1px solid #f3f3f3;} .searchWrap.searchWrap_v3 .searchText .searchList li:last-child {border-bottom:1px solid #f3f3f3;} .searchWrap.searchWrap_v3 .searchText .searchList li a {height:30px; padding:1px 0 0 15px; line-height:30px; font-size:13px;} .searchWrap.searchWrap_v3 .searchText .searchList li .btn_shsr_del {top:50%; right:5px; width:11px; height:11px; margin:-6px 0 0;} .searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) {padding:0 28px 0 0;} .searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) a {padding:1px 0 0 7px;} .searchWrap.searchWrap_v3 .searchText .searchList li:nth-child(2n) .btn_shsr_del {right:15px;} .searchWrap.searchWrap_v3 .searchText .searchDel p {padding:0 15px; text-align:right; background:#f7f7f7;} .searchWrap.searchWrap_v3 .searchText .searchDel p a {display:inline-block; height:29px; padding:1px 0 0; line-height:29px; font-size:12px;} .searchWrap.searchWrap_v3 .searchNone {-webkit-box-sizing:border-box; height:160px; padding:72px 0 0;} .searchWrap.searchWrap_v3 .searchText .search_top {display:none; margin:0 -1px;} .searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 {overflow:hidden; width:100%; border:none;} .searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li {float:left; width:50%; padding:0; margin:0 0 -1px; border:none; border-bottom:1px solid #f3f3f3; border-left:1px solid #f3f3f3; border-radius:0;} .searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li a {padding:1px 30px 0 15px;} .searchWrap.searchWrap_v3 .searchText .searchList.searchList_v2 li a .st_rank_con {top:50%; right:14px; margin:-9px 0 0;} .searchWrap.searchWrap_v3 .popularListWrap {border-bottom:none;} .searchWrap.searchWrap_v3 .banner_bx > a {display:block; text-align:center;} .searchWrap.searchWrap_v3 .banner_bx img {width:100%; height:auto; vertical-align:top;} /* 2020-03-17 최근검색어 & 인기검색어 하단 탭바 수정 */ .searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar {display:none; -webkit-transition:left .5s ease;} .searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar.bar_recent {display:block; left:10%;} .searchWrap.searchWrap_v3 .searchTop_fix.tabBar_type .bar.bar_popular {display:block; left:60%;} /* 최근검색어 인기검색어 검색 인기상품 추가 2016-10-31 */ .popularListWrap {margin:10px 0 0; padding:0; border-bottom:1px solid #e0e0e0;} .popularListWrap .popularTit {padding:1px 15px 0; margin:0 0 5px; line-height:36px; font-size:15px; font-weight:bold; color:#000; text-align:center; background:#fff; letter-spacing:-1px;} .popularListWrap .popularTit.type02 {font-size:15px; text-align:left;} .popularListWrap .popularSlideBox {overflow:hidden; position:relative; padding:0 10px 10px; background:#fff;} .popularListWrap .popularSlideBox ul {overflow:hidden; width:100000px; padding:0;} .popularListWrap .popularSlideBox ul li {float:left; width:100px; padding:0 7px 0;} .popularListWrap .popularSlideBox ul li a {display:block; position:relative;} .popularListWrap .popularSlideBox ul li .imgBox {display:block; text-align:center;} .popularListWrap .popularSlideBox ul li .imgBox img {width:100px; height:100px;} .popularListWrap .popularSlideBox ul li .tit {display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; width:100%; min-height:30px; margin:4px 0 0; line-height:15px; font-size:13px; font-weight:normal; color:#000;} .popularListWrap .popularSlideBox ul li .priceBox {display:block; margin:5px 0 0; line-height:17px; font-size:15px; font-weight:bold; color:#000;} .popularListWrap .popularSlideBox ul li .priceBox em {font-size:12px;} .popularListWrap .popularSlideBox ul li .totalArea {position:relative; margin-top:5px; padding-top:9px;} .popularListWrap .popularSlideBox ul li .totalArea .totalTit {position:absolute; top:0; left:0; color:#666; font-size:11px; letter-spacing:-1px;} /* 2016-01-18 상품 상세 상단 헤더 변경 */ header.header_prd_detail {position:fixed; left:0; right:0; top:0; height:51px; z-index:2002;} header.header_prd_detail .blind {display:inline-block; width:0; height:0; line-height:0; text-indent:-999em;} header.header_prd_detail .bgBox {overflow:hidden; -webkit-box-sizing:border-box; width:100%; height:90px; padding:10px 10px 0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.5)),color-stop(65%,rgba(0,0,0,0))); background:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 65%); background:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 65%);} header.header_prd_detail .bgBox .bg01 {float:left; padding:7px 0 0; margin-top:7px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat 0 -30px; background-size:300px auto; width:22px; height:20px;} header.header_prd_detail .bgBox .bg02 {float:right; height:26px; padding:4px 0 0; text-align:right;} header.header_prd_detail .bgBox .bg02 > span {display:inline-block; overflow:hidden; width:26px; height:23px; margin:0 5px 0 0; color:transparent; vertical-align:top; background:url(//image.hnsmall.com/images/mobile2014/common/btn_detail_header.png) no-repeat; background-size:107px 60px;} header.header_prd_detail .bgBox .bg02 > span:last-child {margin:0;} header.header_prd_detail .bgBox .bg02 > span.btnHome {background-position:0 0;} header.header_prd_detail .bgBox .bg02 > span.btnAlarm {background-position:-39px 0;} header.header_prd_detail .bgBox .bg02 > span.btnSearch {width:31px; height:30px; margin:-4px 0 0; background-position:-76px 4px;} header.header_prd_detail .header_prd_detail_inner {overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; padding:0 120px 0 35px; border-bottom:1px solid #c8c8c8; background:#fff; opacity:0;} header.header_prd_detail .header_prd_detail_inner h1 {padding:17px 0 0; line-height:20px; color:#000; font-size:17px;} header.header_prd_detail .header_prd_detail_inner .btnBack {display:block; position:absolute; top:17px; left:10px; width:22px; height:20px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -30px; background-size:300px auto;} header.header_prd_detail .header_prd_detail_inner .btnBox {position:absolute; top:10px; right:10px; height:26px; padding:4px 0 0;} header.header_prd_detail .header_prd_detail_inner .btnBox a {display:inline-block; width:26px; height:23px; margin-right:5px; vertical-align:top; background:url(//image.hnsmall.com/images/mobile2014/common/btn_detail_header.png) no-repeat; background-size:107px 60px;} header.header_prd_detail .header_prd_detail_inner .btnBox a:last-child {margin:0;} header.header_prd_detail .header_prd_detail_inner .btnBox a.btnHome {background-position:0 -34px;} header.header_prd_detail .header_prd_detail_inner .btnBox a.btnAlarm {background-position:-39px -34px;} header.header_prd_detail .header_prd_detail_inner .btnBox a.btnSearch {width:31px; height:30px; margin:-4px 0 0; background-position:-76px -30px;} /* 상품상세 상단 아이콘 디자인 변경 2016-04-05 */ header.header_prd_detail.type02 .bgBox .bg02 {float:right; height:26px; padding:6px 0 0; text-align:right;} header.header_prd_detail.type02 .bgBox .bg02 > span {overflow:visible; font-size:1px; line-height:0; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -30px -30px; background-size:300px auto;} header.header_prd_detail.type02 .bgBox .bg02 > span.btnHome {background-position:-30px -30px;} header.header_prd_detail.type02 .bgBox .bg02 > span.btnCart {position:relative; margin-top:-1px; background-position:-60px -30px;} header.header_prd_detail.type02 .bgBox .bg02 > span.btnCart .num { position:absolute; top:-4px; right:0; width:14px; height:13px; padding:1px 0 0; line-height:13px; font-size:11px; color:#fff; text-align:center; border:1px solid #fff; border-radius:100%;overflow:hidden; background: -moz-linear-gradient(-45deg, rgba(71,78,86,1) 0%, rgba(71,78,86,1) 21%, rgba(19,19,19,1) 73%, rgba(19,19,19,1) 99%, rgba(19,19,19,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(71,78,86,1) 0%,rgba(71,78,86,1) 21%,rgba(19,19,19,1) 73%,rgba(19,19,19,1) 99%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(71,78,86,1) 0%,rgba(71,78,86,1) 21%,rgba(19,19,19,1) 73%,rgba(19,19,19,1) 99%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474e56', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } header.header_prd_detail.type02 .bgBox .bg02 > span.btnSearch {position:relative; width:30px; height:30px; margin:-1px 0 0; background:none;} header.header_prd_detail.type02 .bgBox .bg02 > span.btnSearch:before {display:inline-block; content:""; position:absolute; left:4px; width:20px;height:20px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -30px;background-size:300px auto;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox {height:26px; padding:6px 0 0;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a {overflow:visible; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -120px -30px; background-size:300px auto;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnHome {background-position:-150px -30px;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnCart {position:relative; margin-top:-1px; background-position:-180px -30px;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnCart .num { position:absolute; top:-4px; right:0; width:14px; height:13px; padding:1px 0 0; line-height:13px; font-size:11px; color:#fff; text-align:center; border:1px solid #fff; border-radius:100%;overflow:hidden; background: -moz-linear-gradient(-45deg, rgba(71,78,86,1) 0%, rgba(71,78,86,1) 21%, rgba(19,19,19,1) 73%, rgba(19,19,19,1) 99%, rgba(19,19,19,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(71,78,86,1) 0%,rgba(71,78,86,1) 21%,rgba(19,19,19,1) 73%,rgba(19,19,19,1) 99%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(71,78,86,1) 0%,rgba(71,78,86,1) 21%,rgba(19,19,19,1) 73%,rgba(19,19,19,1) 99%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474e56', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnSearch {position:relative; width:30px; height:30px; margin:-6px 0 0 0; background:#e51937; border-radius:50%;-webkit-border-radius:50%;} header.header_prd_detail.type02 .header_prd_detail_inner .btnBox a.btnSearch:before {display:inline-block; content:""; position:absolute; top:8px; left:8px; width:13px;height:13px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -210px -30px;background-size:300px auto;} /* 레이어팝업 2016-01-28추가 */ .layerPopWrap {display:none; position:absolute; left:50%; width:290px; margin:0 0 0 -145px; z-index:100003; background:#fff;}/*2018-07-05 z-index 수정 (20001 에서 100003)*/ .layerPopWrap.flexSize {left:20px; right:20px; width:auto; margin:0;} .layerPopWrap .layerHeader {padding:14px 18px; border-bottom:1px solid #444;} .layerPopWrap .layerHeader h1 {font-size:18px; line-height:21px; color:#444;} .layerPopWrap .layerHeader h1.txtC {text-align:center;} .layerPopWrap .layerHeader .btnLayerClose {position:absolute; top:16px; right:15px; width:16px; height:16px; border:none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -90px -235px;background-size:300px auto; -webkit-appearance:none; } .layerPopWrap .layerHeader .btnLayerClose span {display:inline-block; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;} .layerPopWrap .layerConts {padding:20px 15px 25px;} .layerPopWrap .btnWrap {overflow:hidden;} .layerPopWrap .btnWrap a {display:block; float:left; width:50%; height:40px; line-height:39px; font-size:16px; color:#fff; text-align:center;} .layerPopWrap .btnWrap a.btnCancel {background:#9b9b9b;} .layerPopWrap .btnWrap a.btnConfirm {background:#e51937;} .layerPopWrap.v2 .layerHeader{padding:12px 55px;} .layerPopWrap.v2 .layerHeader h1.txtC{font-size:18px;letter-spacing:-0.36px;color:#111;line-height:26px;} .layerPopWrap.v2 .layerHeader .btnLayerClose{top:13px;width:25px;height:25px;background:url(//image.hnsmall.com/images/mobile2014/prod_detail/detail_sprite.png) -100px -250px no-repeat;background-size:300px auto;} .layerPopWrap.v2 .layerConts{padding:10px 15px 25px;} /* 레이어팝업 버튼이 하나일경우 추가 2016-07-08 */ .layerPopWrap .btnWrap.type02 a {float:none; width:100%;} /* 레이어팝업 type02 2016-04-06 */ .layerPopWrap.type02 {width:290px; margin:0 0 0 -145px; padding:0 0 20px;} .layerPopWrap.type02.flexSize {left:20px; right:20px; width:auto; margin:0;} .layerPopWrap.type02 .layerHeader {border-bottom:1px solid #e51937;} .layerPopWrap.type02 .layerConts {padding:20px 15px 0;} .layerPopWrap.type02 .btnWrap {padding:15px 0 0; text-align:center;} .layerPopWrap.type02 .btnWrap a {display:inline-block; float:none;} .layerPopWrap.type02 .btnWrap a.bw90 {width:88px;} /* 레이어 팝업 내부 스크롤타입 2016-07-22 */ .layerPopWrap02 {display:none; position:fixed; left:50%; width:290px; margin:0 0 0 -145px; padding:40px 0; z-index:10000; background:#fff;} .layerPopWrap02.flexSize {left:20px; right:20px; width:auto; margin:0;} .layerPopWrap02 .layerHeader {position:absolute; top:0; left:0; right:0; padding:9px 0; border-bottom:1px solid #444; background:#fff;} .layerPopWrap02 .layerHeader h1 {padding:0 18px; font-size:17px; line-height:21px; color:#444;} .layerPopWrap02 .layerHeader h1.txtC {text-align:center;} .layerPopWrap02 .layerHeader .btnLayerClose {position:absolute; top:11px; right:15px; width:15px; height:15px; border:none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;background-size:300px auto; -webkit-appearance:none; } .layerPopWrap02 .layerHeader .btnLayerClose span {display:inline-block; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;} .layerPopWrap02 .layerConts .innerConts {padding:20px 15px;} .layerPopWrap02 .layerConts .innerConts.scrollY {overflow-y:auto; overflow-x:hidden; max-height:298px; -webkit-overflow-scrolling:touch;} .layerPopWrap02 .btnWrap {overflow:hidden; position:absolute; bottom:0; left:0; right:0;} .layerPopWrap02 .btnWrap a {display:block; float:left; width:50%; height:40px; line-height:39px; font-size:16px; color:#fff; text-align:center;} .layerPopWrap02 .btnWrap a.btnCancel {background:#9b9b9b;} .layerPopWrap02 .btnWrap a.btnConfirm {background:#e51937;} /* 2021-03-10 방송안내 팝업 추가*/ .layerPopWrap02.bcalarm-pop {display:none; position:fixed; left:50%; width:295px; margin:0 0 0 -147.5px; padding:40px 0 70px; z-index:10000; background:#fff;border-radius: 16px;overflow: hidden;} .layerPopWrap02.bcalarm-pop.flexSize {left:20px; right:20px; width:auto; margin:0;} .layerPopWrap02.bcalarm-pop .layerHeader {position:absolute; top:0; left:0; right:0; padding:9px 0; border-bottom:none; background:#fff;} .layerPopWrap02.bcalarm-pop .layerHeader h1 {padding:0 18px; font-size:17px; line-height:21px; color:#444;} .layerPopWrap02.bcalarm-pop .layerHeader h1.txtC {text-align:center;} .layerPopWrap02.bcalarm-pop .layerHeader .btnLayerClose {position:absolute; top:11px; right:15px; width:15px; height:15px; border:none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -20px -300px;background-size:300px auto; -webkit-appearance:none; } .layerPopWrap02.bcalarm-pop .layerHeader .btnLayerClose span {display:inline-block; overflow:hidden; width:0; height:0; line-height:0; text-indent:-9999em;} .layerPopWrap02.bcalarm-pop .layerConts .innerConts {padding:20px 15px;} .layerPopWrap02.bcalarm-pop .layerConts .innerConts.scrollY {overflow-y:auto; overflow-x:hidden; max-height:343px; -webkit-overflow-scrolling:touch;padding:0;} .layerPopWrap02.bcalarm-pop .arimiRegBox {padding: 15px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead {overflow: hidden;margin:0;padding: 0px;margin-bottom:8px;background: #fff;} .layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .img {display:block; overflow:hidden; float:left; width:74px;height:74px;border-radius:8px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .img img {width:100%;} .layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .name {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;float: right;width: 190px;line-height: 22px;color: #333;font-size: 15px;font-weight:400;padding-left:10px;box-sizing: border-box;} .layerPopWrap02.bcalarm-pop .arimiRegBox .arimiHead .category {color:#232323;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt{} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt > li {overflow:hidden;margin:0; padding:0px; border-bottom:1px dashed #ddd;}/* 2021-04-28 방송알림팝업 수신동의 정보변경 버튼 짤림현상 수정 */ .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt > li:last-child {padding-bottom:15px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl{margin-top:6px;}/* 2021-04-28 방송알림팝업 수신동의 정보변경 버튼 짤림현상 수정 */ .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl:first-child{margin-top:0;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dt {float: left;width: 53px;margin: 0;font-size: 12px;line-height: 18px;letter-spacing: -0.24px;font-weight: bold;color: #333;padding-top:13px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dt:first-child {margin:0;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd {float:left;width:212px;padding-left:0;box-sizing: border-box;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox {overflow:hidden;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li {float:left; box-sizing:border-box; width:auto; margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li:nth-child(3n-1) {width:auto; padding:0;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a {display: block;height: 28px;line-height: 26px;padding:0 13px;font-size: 14px;color: #333;text-align: center;border: 1px solid #d3d3d3;border-radius: 50px;box-sizing: border-box;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked {font-weight:bold;color:#fff; border:1px solid #d80028;background-color:#d80028;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li {float:left;width:auto; padding:0;margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1) {width:auto; padding:0;margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {width:auto; padding:0;margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox {position:relative; padding:12px 0 0 4px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox input[type=checkbox] {width:20px;height:20px;background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle.png) no-repeat left top;background-size:20px auto;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox input:checked[type=checkbox] {background-position-y:-20px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox label {display: inline-block;font-size: 14px;line-height: 20px;letter-spacing: -0.28px;vertical-align: middle;margin-left:6px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo {position: absolute;right: 0;width: auto;height: 22px;text-align: center;border-radius: 50px;background-color: #f4f4f4;padding: 0 9px;border: none;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span { font-size: 11px;color: #333;line-height: 21px;letter-spacing: -0.22px;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span:before {display:none;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt dl dd .reciveAgreeBox .btnModifyInfo span:after {content: '';display: inline-block;position:relative;top:1px;width: 6px;height: 10px;margin-left: 5px;background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_rightArr_12x20_333.png) no-repeat left top;background-size: 100%;} .layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt{padding-bottom:0;} .layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt li{font-size:13px;line-height:19px;letter-spacing:-0.26px;color:#999;} .layerPopWrap02.bcalarm-pop .arimiRegBox .icoComt li:before{top:8px;width:2px;height:2px;background:#999;} .layerPopWrap02.bcalarm-pop .btnWrap {overflow:hidden; position:absolute; bottom:0; left:0; right:0;padding:0 15px 15px;} .layerPopWrap02.bcalarm-pop .btnWrap a {display:block; float:left; width:50%; height:40px; line-height:39px; font-size:16px; color:#fff; text-align:center;border-radius:8px;} .layerPopWrap02.bcalarm-pop .btnWrap a.btnCancel {background:#9b9b9b;} .layerPopWrap02.bcalarm-pop .btnWrap a.btnConfirm {font-size: 13px;line-height: 41px;letter-spacing: -0.26px;background: #444;} .layerPopWrap02.bcalarm-pop .btnWrap.type02 a {float:none; width:100%;} .layerPopWrap02.bcalarm-pop .btnWrap.type02 a.gray {height:39px;font-size:13px;color:#333;letter-spacing:-0.26px;font-weight:bold;background:#eee;} .layerPopWrap02.bcalarm-pop .btnWrap.type03{display:flex;justify-content:space-between;align-items:center;} .layerPopWrap02.bcalarm-pop .btnWrap.type03 a{height:39px;font-size:13px;letter-spacing:-0.26px;font-weight:bold;} .layerPopWrap02.bcalarm-pop .btnWrap.type03 a.btnCancel.black {background:#444;} .layerPopWrap02.bcalarm-pop .btnWrap.type03 a.btnConfirm.red {background:#d80028;} .layerPopWrap02.bcalarm-pop .btnWrap.type03 a + a{margin-left:7px;} .layerPopWrap02.bcalarm-pop.v2{width:335px;margin-left:-167.5px;} .layerPopWrap02.bcalarm-pop.v2 .layerHeader h1{line-height:24px;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .img{position:relative;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .img:after{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #eee;border-radius:8px;box-sizing:border-box} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .arimiHead .name{float:left;width:227px;margin-top:13px;font-size:14px;font-weight:400;-webkit-line-clamp:2;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl{position:relative;margin-top:0;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dt{position:absolute;top:0;left:0;float:none;width:auto;padding-top:0;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd{width:230px;padding-left:75px;float:none;box-sizing:content-box} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox li{margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox li:first-child{margin-left:0;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1){margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n){margin:7px 0 0 5px;} .layerPopWrap02.bcalarm-pop.v2 .arimiRegBox .setupOpt dl dd .reciveAgreeBox{padding:0;} .layerPopWrap02.bcalarm-pop.v3{width:315px;margin-left:-157.5px;} .layerPopWrap02.bcalarm-pop.v3 .layerHeader{padding:10px 0 11px;} .layerPopWrap02.bcalarm-pop.v3 .layerHeader h1{padding:0 15px;color:#333;letter-spacing:-0.34px;} .layerPopWrap02.bcalarm-pop.v3 .layerHeader .btnLayerClose{top:14px;right:17px;background-position:0 -150px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead{display:flex;justify-content:space-between;margin-bottom:20px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img{flex-shrink:0;width:76px;height:76px;border-radius:4px;border:1px solid #eee;box-sizing:border-box} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img img{display:block;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .img:after{display:none;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead .name{float:none; width:100%; max-height:68px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;color: #111;font-size: 16px;padding-left:10px;box-sizing: border-box;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead.txt-tit{display:block; margin-bottom:15px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .arimiHead.txt-tit .name{padding-left: 0; padding-bottom: 12px; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 16px; color: #111; line-height: 22px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt > li{border-bottom:1px solid #ddd;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl{position:relative;margin-top:0;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dt{float:none;display:block;width:auto;padding:0;font-size:13px;letter-spacing:-0.26px;color:#111;font-weight:bold;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd{width:100%;padding-left:0px;float:none;box-sizing:content-box} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd + dt{margin-top:16px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox{display:flex;align-items:center; margin-top:6px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li{margin:0;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li + li{margin-left:6px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li a{padding:0 20px;border-color:#ddd;border-radius:14px;color:#111;white-space:nowrap} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox li a.checked{background-color:#f51d2c;border-color:#f51d2c;color:#fff;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .reciveAgreeBox{padding:0;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li a{padding:0 16px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(3n-1){margin:0 0 0 6px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:nth-child(4n) {margin:0 0 0 6px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:last-child{max-width:96px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt dl dd .optBtnBox.type02 li:last-child a{padding:0 13px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox{position:relative;margin-top:20px;font-size:0;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox input{width:20px;height:20px;margin-top:-1px;margin-right:6px;background:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle2.png) no-repeat left top;background-size:20px auto; vertical-align:top;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox input:checked{background-position:0 -20px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox label{font-size:14px;letter-spacing:-0.28px;color:#111;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .reciveAgreeBox label em{font-size:15px;letter-spacing:-0.3px;color:#111;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo {position: absolute;top:-3px; right: 0;width: auto;height: 22px;text-align: center;border-radius: 50px;background-color: #f4f4f4;padding: 0 9px;border: none;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span {font-size: 11px;color: #333;line-height: 21px;letter-spacing: -0.22px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span:before {display:none;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .btnModifyInfo span:after {content: '';display: inline-block;position:relative;top:1px;width: 6px;height: 10px;margin-left: 5px;background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_rightArr_12x20_333.png) no-repeat left top;background-size: 100%;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .icoComt{padding:15px;} .layerPopWrap02.bcalarm-pop.v3 .arimCheck {position:relative;padding-left: 30px;margin-bottom: 20px;} .layerPopWrap02.bcalarm-pop.v3 .arimCheck input {position:absolute;top:-2px;left:0; width: 20px; height: 20px; vertical-align: middle; background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle2.png) no-repeat left top; background-size: 20px auto;} .layerPopWrap02.bcalarm-pop.v3 .arimCheck input:checked {background-position-y: -20px;} .layerPopWrap02.bcalarm-pop.v3 .arimCheck label {display:inline-block;height:20px;vertical-align: middle;font-size: 15px;line-height:16px; color: #333; font-weight: bold;letter-spacing: -0.3px;} .layerPopWrap02.bcalarm-pop.v3 .setupOpt.between .telNum {display:inline-block;margin-top:3.5px;font-size:15px; color: #111; vertical-align: middle;line-height:16px;} .layerPopWrap02.bcalarm-pop.v3 .setupOpt.between .telNum ~ .btnModifyInfo {vertical-align:middle;} .layerPopWrap02.bcalarm-pop .arimiRegBox .setupOpt.between > li:last-child{padding-bottom:5px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl{display:flex;flex-wrap:wrap;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dt{width:80px;height:28px;line-height:18px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd + dt{margin-top:10px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd{width:205px;max-width:calc(100% - 80px);font-size:14px;color:#111;letter-spacing:-0.28px;line-height:17px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .optBtnBox{margin-top:3px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .optBtnBox li a{padding:0 12px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .reciveAgreeBox{margin-top:6px;} .layerPopWrap02.bcalarm-pop.v3 .arimiRegBox .setupOpt.between dl dd .reciveAgreeBox .btnModifyInfo{top:0;} @media all and (max-width:320px) { .layerPopWrap02.bcalarm-pop.v3{margin-top:20px;} .layerPopWrap02.bcalarm-pop.v3 .layerConts .innerConts.scrollY{ max-height:300px;} } .layerPopWrap02.bcalarm-pop.v4{width:315px;margin-left:-157.5px;padding:50px 0 55px;} .layerPopWrap02.bcalarm-pop.v4 .layerHeader{padding:12px 0 11px;} .layerPopWrap02.bcalarm-pop.v4 .layerHeader h1{padding:0 15px;font-size:18px;line-height:27px;color:#414450;letter-spacing:-0.36px;} .layerPopWrap02.bcalarm-pop.v4 .layerHeader .btnLayerClose{top:12px;right:15px;width:25px;height:25px;background: url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_close_25.png) center center no-repeat;background-size:25px auto;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox{padding:20px 2px 15px 15px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead{display:flex;justify-content:space-between;margin-bottom:20px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img{position:relative;flex-shrink:0;width:74px;height:74px;border-radius:8px;border:0;box-sizing:border-box} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img img{display:block;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .img:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0, 0.03);} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead .name{float:none; width:100%; max-height:68px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;color: #414450;font-size: 15px;padding-left:10px;padding-right:13px;box-sizing: border-box;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead.txt-tit{display:block; margin-bottom:15px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .arimiHead.txt-tit .name{padding-left: 0; padding-bottom: 12px; border-bottom: 1px solid #ddd; font-weight: bold; font-size: 16px; color: #111; line-height: 22px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt{} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li{position:relative;overflow:visible;display:flex;align-items:flex-start;border:0;margin-bottom:20px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li:first-child{margin-bottom:15px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li:last-child{margin-bottom:0;padding-bottom:20px;border-bottom:1px solid #eee;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li strong{ width:auto;font-size:13px;line-height:19px;letter-spacing:-0.26px;color:#414450;font-weight:bold;white-space:nowrap;vertical-align:middle;margin-top:4px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt > li .optBtnBox{padding-left:15px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox{font-size:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li{display:inline-block;margin-left:5px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li a{display:block;height:28px;padding:6px 13px 0 14px;border:1px solid #dcdcdf;font-size:14px;line-height:15px;border-radius:50px;color:#414450;white-space:nowrap;box-sizing:border-box;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li a.checked{background-color:#ff5364;border-color:#ff5364;color:#fff;font-weight:bold;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox li:first-child{margin-left:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .optBtnBox.multi-opt li:last-child{margin-left:0;margin-top:5px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .setupOpt .reciveAgreeBox{padding-left:15px;margin-top:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox{position:relative;display:flex;width:100%;font-size:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox input{width:20px;height:20px;margin-right:8px;background:url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_check.png) 0 0 no-repeat ;background-size:20px auto;vertical-align:middle;margin-top:-1px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox input:checked{background-position:0 -20px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .reciveAgreeBox label{margin-right:10px;font-size:15px;letter-spacing:-0.3px;color:#414450;white-space:nowrap;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo {width: auto;height: 22px;text-align: center;border-radius: 50px;background-color: #f4f4f5;padding:5px 8px 0 7px;border: none;box-sizing:border-box;margin-top:-3px;white-space:nowrap;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span{display:inline-block;font-size: 11px;color:#414450;line-height:12px;letter-spacing: -0.22px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span:before {display:none;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .btnModifyInfo span:after {content: '';display: inline-block;position:relative;top:1px;width: 6px;height: 10px;margin-left: 5px;background: url(//image.hnsmall.com/images/mobile2014/main/home/v12/ico_arr_right_7.png) no-repeat center center;background-size: 100%;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt{margin-right:-2px;padding:15px 15px 20px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li{padding-left:9px;color:#8f9097;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li:before{left:0;width:3px;height:3px;background-color:#c4c4c8;border-radius:50%;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-bill{padding-left:18px;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-bill:before{content:'※';top:0;width:13px;height:19px;background:none;border-radius:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-none{padding-left:0;} .layerPopWrap02.bcalarm-pop.v4 .arimiRegBox .icoComt li.ico-none:before{display:none;} .layerPopWrap02.bcalarm-pop.v4 .btnWrap a.btnConfirm{font-size:15px;letter-spacing:-0.3px;font-weight:bold; background-color:#414450;} @media all and (max-width:320px) { .layerPopWrap02.bcalarm-pop.v4{margin-top:20px;} .layerPopWrap02.bcalarm-pop.v4 .layerConts .innerConts.scrollY{ max-height:300px;} } /* 레이어 팝업 내부 스크롤타입 - 버튼이 하나일 겨우 2016-07-22 */ .layerPopWrap02 .btnWrap.type02 a {float:none; width:100%;} /*2021-03-09 추가*/ /* 공유하기 팝업 */ /*2021-03-09 추가*/ .layerPopWrap.share-pop {border-radius:16px;} .layerPopWrap.share-pop .layerHeader {border-bottom:none;} .layerPopWrap.share-pop .snsList {overflow:hidden;} .layerPopWrap.share-pop .snsList ul {overflow:hidden; width:100%; margin:-15px 0 0;} .layerPopWrap.share-pop .snsList ul li {float:left; box-sizing:border-box; width:33%; margin:15px 0 0;} .layerPopWrap.share-pop .snsList ul li a {display:block; padding:58px 0 0; font-size:12px; color:#666; text-align:center; background-position:center top; background-size:50px; background-repeat:no-repeat;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}/* 2021-03-19 이미지 간격수정 */ .layerPopWrap.share-pop .snsList ul li.snsKakao a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_0.png);} .layerPopWrap.share-pop .snsList ul li.snsLine a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_1.png);} .layerPopWrap.share-pop .snsList ul li.snsFacebook a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_2.png);} .layerPopWrap.share-pop .snsList ul li.snsSms a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_4.png);} .layerPopWrap.share-pop .snsList ul li.snsKakaoStory a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_5.png);} .layerPopWrap.share-pop .snsList ul li.snsBand a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_6.png);} .layerPopWrap.share-pop .snsList ul li.snsUrl a {background-image:url(//image.hnsmall.com/images/mobile2014/common/v10/icon/pop_share_icon_3.png);} /* 공유하기 v2 */ .layerPopWrap.share-pop.v2{width: 295px;} .layerPopWrap.share-pop.v2 .layerHeader {border-bottom:none;} .layerPopWrap.share-pop.v2 .layerHeader .btnLayerClose{position: absolute; top: 9px; right: 15px; width: 25px; height: 25px; border: none; background: url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -45.5px -355px; background-size: 300px auto; -webkit-appearance: none;} .layerPopWrap.share-pop.v2 .layerConts{padding: 30px 15px;} .layerPopWrap.share-pop.v2 .layerHeader{padding: 9px 18px 8px} .layerPopWrap.share-pop.v2 .layerHeader h1{font-size: 17px; color :#333; line-height: 25px;} .layerPopWrap.share-pop.v2 .snsList {overflow:hidden;} .layerPopWrap.share-pop.v2 .snsList ul {display:flex;flex-wrap:wrap;justify-content:center;overflow:hidden; width:100%; margin:-15px 0 0;} .layerPopWrap.share-pop.v2 .snsList ul li {box-sizing:border-box; width:33%; margin:15px 0 0;} .layerPopWrap.share-pop.v2 .snsList ul li:nth-child(n+4){margin-top: 30px;} .layerPopWrap.share-pop.v2 .snsList ul li a {display:block; padding:58px 0 0; font-size:10px; line-height: 15px; color:#333; text-align:center; background-position:center top; background-size:50px; background-repeat:no-repeat;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .layerPopWrap.share-pop.v2 .snsList ul li.snsKakao a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_kakao_x100.png);} .layerPopWrap.share-pop.v2 .snsList ul li.snsLine a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_line_x100.png);} .layerPopWrap.share-pop.v2 .snsList ul li.snsFacebook a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_facebook_x100.png);} .layerPopWrap.share-pop.v2 .snsList ul li.snsBand a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_band_x100.png);} .layerPopWrap.share-pop.v2 .snsList ul li.snsUrl a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_url_x100.png);} .layerPopWrap.share-pop.v2 .snsList ul li.snsSms a {background-image:url(//image.hnsmall.com/images/mobile2014/common/sns_sms_x100.png);} .layerPopWrap.share-pop.v2 .copyUrlBox {display:none; padding:15px 15px 30px; margin:15px -15px -30px -15px; background:#f9f9f9; border-radius: 0 0 16px 16px;} .layerPopWrap.share-pop.v2 .copyUrlBox .comt {padding:0; color:#333; text-align:center; font-size: 13px; line-height: 19px;} .layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl {padding:10px; margin:10px 0 0; border: none; border-radius: 4px; background:#fff;} .layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl .prdName {display:block; font-size:12px; font-weight:normal; color:#888; line-height: 18px;} .layerPopWrap.share-pop.v2 .copyUrlBox .prdUrl .urlTxt {display:block; font-size:12px; line-height: 18px; margin-top: 6px; color: #dd1032} /* tooltip layer popup 2016-04-07 */ .tipLayerWrap {display:none; position:relative; z-index:1;} .tipLayerWrap .tipLayerBox {position:absolute; top:5px; left:0; right:0; padding:15px; border:1px solid #12a5cb; background:#fff;} .tipLayerWrap .tipLayerBox .tit {display:block; margin:0 0 5px; font-size:14px; color:#222;} .tipLayerWrap .tipLayerBox .tipConts {font-size:12px; color:#666666;} .tipLayerWrap .tipLayerBox .btnClose {overflow:hidden; position:absolute; top:10px; right:10px; width:20px; height:20px; color:transparent; border:none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -11px -317px; background-size:300px auto;} #dblCoupon2 {top:90px;} .double_coupon {position:fixed; top:80px; /*height:70%;*/ overflow:hidden;} .double_coupon .layerHeader {border-bottom:1px solid #e51937;} .double_coupon .layerHeader h1 {font-size:17px; color:#e51937; letter-spacing:-0.5px;} .double_coupon .layerHeader .btnLayerClose {top:18px;} .double_coupon .layerConts {/*height:80%;*/ padding:30px 15px 30px; /*overflow-y:scroll;*/} .double_coupon .layerConts h2 {margin-bottom:10px;display:block; font-size:16px; color:#222; letter-spacing:-0.75px; line-height:1; text-overflow:ellipsis; white-space:nowrap;overflow: hidden;} .double_coupon .layerConts .dbl_coupon {text-align:center;overflow:hidden} .double_coupon .layerConts .dbl_coupon .coupons {display:inline-block; width:150px; height:81px; margin-bottom:10px; background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_per.png) 0 0 no-repeat;background-size:150px 81px;} .double_coupon .layerConts .dbl_coupon .coupons p {margin-left:13px;font-size:40px;color:#4d4c45;position:relative;letter-spacing:-2px;font-weight:bold;margin-top:3px;} .double_coupon .layerConts .dbl_coupon .coupons p span {font-size:22px;color:#4d4c45} .double_coupon .layerConts .dbl_coupon .coupons.won {background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_won.png) 0 0 no-repeat;background-size:180px 88px;width:179px;height:88px} .double_coupon .layerConts .dbl_coupon .coupons.won p {font-size:33px;margin-top:15px;position:relative;display:inline-block;padding-right:21px;margin-left:20px} .double_coupon .layerConts .dbl_coupon .coupons.won p span {font-size:20px;position:absolute;bottom:3px;right:0} .double_coupon .layerConts .dbl_coupon .coupons01 {display:inline-block; width:179px; height:88px; margin-bottom:10px;background: url(//image.hnsmall.com/images/mobile2014/common/bg_double_coupon01.png) 0 0 no-repeat;background-size:179px 88px} .double_coupon .layerConts .dbl_coupon .coupons01 p {position:relative;font-size:30px;color:#4d4c45;font-weight:bold;padding:20px 20px 0 20px;letter-spacing:-1px;display:inline-block} .double_coupon .layerConts .dbl_coupon .coupons01 p span {font-size:15px;position:absolute;top:33px;right:2px} .double_coupon .layerConts .dbl_coupon .coupons .discnt {display:inline-block; width:83px; height:36px; margin:5px 0 0 10px; background: url(//image.hnsmall.com/images/mobile2014/common/flag_discount.png) 0 0 no-repeat; background-size:900px auto; font-size:0; line-height:0; color:transparent;} .double_coupon .layerConts .dbl_coupon .coupons .txt {font-size:0; line-height:0; color:transparent;} .double_coupon .layerConts .dbl_coupon .term {font-size:13px; color:#666; letter-spacing:-0.5px; font-weight:bold; line-height:1;} .double_coupon .layerConts .notice_info {margin:15px 0; padding-top:10px; border-top:1px solid #ddd;clear:both} .double_coupon .layerConts .notice_info .bulletTxt {margin:0; color:#888; letter-spacing:-0.5px; line-height:15px;} .double_coupon .layerConts .notice_info .bulletTxt li {margin-top:5px; letter-spacing:-0.75px;} .double_coupon .layerConts .notice_info .bulletTxt li:before {background:#878787;} .double_coupon .layerConts .notice_info .bulletTxt li:first-child {margin-top:0;} .double_coupon .nomore {display:block; width:100%; height:40px; background:#888; font-size:15px; color:#fff; letter-spacing:-0.7px; font-weight:bold; line-height:40px; text-align:center;} .double_coupon .layerConts .dbl_coupon .coupons .n1p {background-position:0 -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n2p {background-position:-91px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n3p {background-position:-181px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n4p {background-position:-271px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n5p {background-position:-361px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n6p {background-position:-451px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n7p {background-position:-541px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n8p {background-position:-631px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n9p {background-position:-721px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n10p {background-position:-813px -6px;} .double_coupon .layerConts .dbl_coupon .coupons .n11p {background-position:-6px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n12p {background-position:-91px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n13p {background-position:-181px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n14p {background-position:-271px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n15p {background-position:-361px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n16p {background-position:-451px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n17p {background-position:-541px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n18p {background-position:-631px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n19p {background-position:-721px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n20p {background-position:-813px -57px;} .double_coupon .layerConts .dbl_coupon .coupons .n21p {background-position:-6px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n22p {background-position:-91px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n23p {background-position:-181px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n24p {background-position:-271px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n25p {background-position:-361px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n26p {background-position:-453px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n27p {background-position:-544px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n28p {background-position:-634px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n29p {background-position:-724px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n30p {background-position:-813px -108px;} .double_coupon .layerConts .dbl_coupon .coupons .n31p {background-position:-6px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n32p {background-position:-93px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n33p {background-position:-183px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n34p {background-position:-273px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n35p {background-position:-363px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n36p {background-position:-453px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n37p {background-position:-544px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n38p {background-position:-634px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n39p {background-position:-724px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n40p {background-position:-813px -160px;} .double_coupon .layerConts .dbl_coupon .coupons .n41p {background-position:-6px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n42p {background-position:-93px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n43p {background-position:-183px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n44p {background-position:-273px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n45p {background-position:-363px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n46p {background-position:-453px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n47p {background-position:-544px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n48p {background-position:-634px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n49p {background-position:-724px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n50p {background-position:-813px -211px;} .double_coupon .layerConts .dbl_coupon .coupons .n51p {background-position:-6px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n52p {background-position:-93px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n53p {background-position:-183px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n54p {background-position:-273px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n55p {background-position:-363px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n56p {background-position:-453px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n57p {background-position:-544px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n58p {background-position:-634px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n59p {background-position:-724px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n60p {background-position:-813px -263px;} .double_coupon .layerConts .dbl_coupon .coupons .n61p {background-position:-6px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n62p {background-position:-93px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n63p {background-position:-183px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n64p {background-position:-273px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n65p {background-position:-363px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n66p {background-position:-453px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n67p {background-position:-544px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n68p {background-position:-634px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n69p {background-position:-724px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n70p {background-position:-813px -318px;} .double_coupon .layerConts .dbl_coupon .coupons .n71p {background-position:-6px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n72p {background-position:-93px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n73p {background-position:-183px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n74p {background-position:-273px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n75p {background-position:-363px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n76p {background-position:-453px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n77p {background-position:-544px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n78p {background-position:-634px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n79p {background-position:-724px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n80p {background-position:-813px -370px;} .double_coupon .layerConts .dbl_coupon .coupons .n81p {background-position:-6px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n82p {background-position:-93px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n83p {background-position:-183px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n84p {background-position:-273px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n85p {background-position:-363px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n86p {background-position:-453px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n87p {background-position:-544px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n88p {background-position:-634px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n89p {background-position:-724px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n90p {background-position:-813px -423px;} .double_coupon .layerConts .dbl_coupon .coupons .n91p {background-position:-6px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n92p {background-position:-93px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n93p {background-position:-183px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n94p {background-position:-273px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n95p {background-position:-363px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n96p {background-position:-453px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n97p {background-position:-544px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n98p {background-position:-634px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n99p {background-position:-724px -476px;} .double_coupon .layerConts .dbl_coupon .coupons .n00p {background-position:-813px -476px;} .double_coupon .layerConts .dbl_coupon.multi {width:249px;margin:0 auto} .double_coupon .layerConts .dbl_coupon.multi .coupons {float:left;width:121px; height:60px; margin-right:7px; margin-bottom:15px;background: url(//image.hnsmall.com/images/mobile2014/common/bg_coupon_double.png) 0 0 no-repeat; background-size:121px 60px;} .double_coupon .layerConts .dbl_coupon.multi .coupons.twon p {font-size:22px;margin-top:0;padding-top:11px;position:relative;display:inline-block;padding-right:15px} .double_coupon .layerConts .dbl_coupon.multi .coupons.twon p span {font-size:13px;position:absolute;bottom:4px;right:0} .double_coupon .layerConts .dbl_coupon.multi .coupons.tpercent p {font-size:32px;margin-top:0} .double_coupon .layerConts .dbl_coupon.multi .coupons.tpercent p span {font-size:15px} .double_coupon .layerConts .dbl_coupon.multi .coupons + .coupons {margin-right:0;} .double_coupon .layerConts .dbl_coupon.multi .coupons .discnt {display:inline-block; width:66px; height:30px; margin:0px 0 0 10px; background: url(//image.hnsmall.com/images/mobile2014/common/flag_discount_multi.png) 0 0 no-repeat; background-size:713px auto; font-size:0; line-height:0; color:transparent;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n1p {background-position:-5px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n2p {background-position:-75px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n3p {background-position:-145px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n4p {background-position:-215px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n5p {background-position:-285px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n6p {background-position:-355px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n7p {background-position:-425px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n8p {background-position:-495px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n9p {background-position:-565px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n10p {background-position:-635px -9px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n11p {background-position:-7px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n12p {background-position:-77px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n13p {background-position:-147px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n14p {background-position:-217px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n15p {background-position:-287px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n16p {background-position:-357px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n17p {background-position:-427px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n18p {background-position:-497px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n19p {background-position:-567px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n20p {background-position:-637px -43px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n21p {background-position:-7px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n22p {background-position:-77px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n23p {background-position:-147px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n24p {background-position:-217px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n25p {background-position:-287px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n26p {background-position:-357px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n27p {background-position:-427px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n28p {background-position:-497px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n29p {background-position:-567px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n30p {background-position:-637px -77px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n31p {background-position:-7px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n32p {background-position:-77px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n33p {background-position:-147px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n34p {background-position:-217px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n35p {background-position:-287px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n36p {background-position:-357px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n37p {background-position:-427px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n38p {background-position:-497px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n39p {background-position:-567px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n40p {background-position:-637px -111px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n41p {background-position:-7px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n42p {background-position:-77px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n43p {background-position:-147px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n44p {background-position:-217px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n45p {background-position:-287px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n46p {background-position:-357px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n47p {background-position:-427px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n48p {background-position:-497px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n49p {background-position:-567px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n50p {background-position:-637px -146px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n51p {background-position:-7px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n52p {background-position:-77px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n53p {background-position:-147px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n54p {background-position:-217px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n55p {background-position:-287px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n56p {background-position:-357px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n57p {background-position:-427px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n58p {background-position:-497px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n59p {background-position:-567px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n60p {background-position:-637px -179px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n61p {background-position:-7px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n62p {background-position:-77px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n63p {background-position:-147px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n64p {background-position:-217px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n65p {background-position:-287px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n66p {background-position:-357px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n67p {background-position:-427px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n68p {background-position:-497px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n69p {background-position:-567px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n70p {background-position:-637px -213px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n71p {background-position:-7px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n72p {background-position:-77px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n73p {background-position:-147px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n74p {background-position:-217px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n75p {background-position:-287px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n76p {background-position:-357px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n77p {background-position:-427px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n78p {background-position:-497px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n79p {background-position:-567px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n80p {background-position:-637px -247px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n81p {background-position:-7px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n82p {background-position:-77px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n83p {background-position:-147px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n84p {background-position:-217px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n85p {background-position:-287px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n86p {background-position:-357px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n87p {background-position:-427px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n88p {background-position:-497px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n89p {background-position:-567px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n90p {background-position:-637px -281px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n91p {background-position:-7px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n92p {background-position:-77px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n93p {background-position:-147px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n94p {background-position:-217px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n95p {background-position:-287px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n96p {background-position:-357px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n97p {background-position:-427px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n98p {background-position:-497px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n99p {background-position:-567px -315px;} .double_coupon .layerConts .dbl_coupon.multi .coupons .n00p {background-position:-637px -315px;} @media (orientation: landscape) { .double_coupon {top:20px !important; height:90%;} .double_coupon .layerConts {height:70%; overflow-y:scroll;} } /* ico comment style */ .icoComt {position:relative; display:block; padding:0 0 0 12px; font-size:11px; color:#898989;} .icoComt:before, ul.icoComt li:before, ol.icoComt li:before {display:inline-block; content:""; position:absolute; top:7px; left:5px; width:3px; height:3px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -70px -200px; background-size:300px auto;} ul.icoComt, ol.icoComt {position:static; padding:0;} ul.icoComt:before, ol.icoComt:before {background:none;} ul.icoComt li, ol.icoComt li {position:relative; margin:5px 0 0; padding:0 0 0 12px; font-size:11px; color:#898989;} ul.icoComt li:first-child, ol.icoComt li:first-child {margin:0;} /* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 ******************************************************************************************************* */ /* 편집샵배너영역 */ .selectshop_leftmenu{padding-bottom: 0 !important;} .side_nav .side_cate dd.selectshop_leftmenu p {padding-left:0px; background: none; border-bottom: none !important;} .selectshop_leftmenu p a img{width:100%;} /* 큐레이션 중 편집샵과 연관된 footer3.jsp 랑 연관된 css */ .footer .btn_back_flo{ display:none; position: fixed; left:10px; bottom:10px; z-index:50; width:55px; height:55px; background-position: 0px -0px; background: url(//image.hnsmall.com/images/mobile2014/seletctshop/ico_side_selectshop.png); background-repeat: no-repeat; background-size:55px 55px; overflow: hidden;text-indent: -1000px } /* 2016-01-20 큐레이션 TFT 추가 사항으로 인한 CSS 추가 ******************************************************************************************************* */ /****************************************/ /* Name: HNS MALL /* PART: COMMON NEW STYLE /* Version: 1.0 /* Author: 최정아 (Beky) /****************************************/ /***************************** 상품 LIST/UNIT *****************************/ /***** 일반형 : 리스트형 1열 *****/ .prdList {border-top:1px solid #cdcdcd; background-color:#fff;} .prdList li {border-bottom:1px solid #cdcdcd;} .prdList.main {margin:5px; border:1px solid #cdcdcd; border-bottom:none;} .goodsUnitList {position:relative; min-height:90px; padding:15px 10px 15px 110px; letter-spacing:-1px;} .goodsUnitList .imgArea {position:absolute; top:15px; left:10px;} .goodsUnitList .imgArea .img {position:relative; width:90px; height:90px;} .goodsUnitList .imgArea .img img {width:100%;} .goodsUnitList .imgArea .img .flag_ranking {position:absolute; right:0; bottom:0; width:40px;} .goodsUnitList .imgArea .img .soldout {display:block; overflow:hidden; position:absolute; bottom:0; left:0; width:90px; height:25px;} .goodsUnitList .imgArea .img .soldout:before {display:block; content:''; width:91px; height:25px; background-color:#b4b4b4; opacity:1;} .goodsUnitList .imgArea .img .soldout em {position:absolute; bottom:0; left:0; width:100%; color:#fff; font-size:0.929em; text-align:center; line-height:23px;} .goodsUnitList .goodsInfo {position:relative;} .goodsUnitList .goodsInfo .nameArea .goodTit_sbox {overflow:hidden; height:14px; margin-top:-1px; color:#909090; font-size:0.786em;} .goodsUnitList .goodsInfo .nameArea .text {display:-webkit-box; overflow:hidden; width:100%; margin-bottom:6px; color:#000; font-size:1.143em; text-overflow:ellipsis; line-height:1.143em; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .goodsUnitList .goodsInfo .priceArea {position:relative;} .goodsUnitList .goodsInfo .priceArea .benefit {position:relative; height:16px; margin-bottom:10px; color:#666; font-size:0.857em;} .goodsUnitList .goodsInfo .priceArea .benefit span {margin-left:2px; padding:0 2px; border:1px solid #cdcdcd; color:#999;} .goodsUnitList .goodsInfo .priceArea .benefit span:first-child {margin-left:0;} .goodsUnitList .goodsInfo .priceArea .benefit > em {margin-left:3px; font-size:0.929em;} .goodsUnitList .goodsInfo .priceArea .benefit .comment {position:absolute; top:0; right:0; border:none; color:#666;} .goodsUnitList .goodsInfo .priceArea .benefit .comment em {color:#111; letter-spacing:0;} .goodsUnitList .goodsInfo .priceArea .saleFlag {position:absolute; right:0; bottom:2px;} .goodsUnitList .goodsInfo .priceArea .price {font-size:0.786em;} .goodsUnitList .goodsInfo .priceArea .price del, .goodsUnitList .goodsInfo .priceArea .price em {letter-spacing:0;} .goodsUnitList .goodsInfo .priceArea .price span.tit {display:inline-block; width:65px; font-weight:normal;} .goodsUnitList .goodsInfo .priceArea .price .sbox {color:#898989;} .goodsUnitList .goodsInfo .priceArea .price .sbox.del {padding-left:65px;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice {margin-top:-2px; font-weight:bold;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .tit {color:#222;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice em, .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {color:#000; font-size:1.417em;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {font-size:1.250em;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.oil em, .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.oil .won {color:#898989;} .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total em, .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .won {color:#e51937;} .goodsUnitList .goodsInfo .btn_buy {margin-top:2px;} .goodsUnitList .goodsInfo .btn_buy a {display:block; color:#e51937; font-size:0.857em; text-align:right;} .goodsUnitList .goodsInfo .btn_buy a em {display:inline-block; overflow:hidden; width:4px; height:7px; margin-left:5px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -80px -200px; background-size:300px auto;} /***** 일반형 : 액자형 2열 *****/ .prdList.frame {overflow:hidden; width:100%; border-top:none;} .prdList.frame:after {display:block; content:''; clear:both;} .prdList.frame li {float:left; width:50%; border:none;} .prdList.frame li:before {display:block; content:''; width:200%; border-top:1px solid #cdcdcd;} .prdList.frame .goodsUnitList {width:145px; margin:0 auto; padding:15px 0 13px;} .prdList.frame .goodsUnitList .imgArea {position:relative; top:0; left:0;} .prdList.frame .goodsUnitList .imgArea .img {width:145px; height:145px;} .prdList.frame .goodsUnitList .imgArea .img .soldout {width:145px;} .prdList.frame .goodsUnitList .imgArea .img .soldout:before {width:146px;} .prdList.frame .goodsUnitList .goodsInfo .nameArea {height:54px; padding-top:5px;} .prdList.frame .goodsUnitList .goodsInfo .nameArea .goodTit_sbox {position:relative;} .prdList.frame .goodsUnitList .goodsInfo .nameArea .goodTit_sbox:after {display:block; content:''; position:absolute; top:0; left:0; width:100%; height:15px; background:-moz-linear-gradient(left, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%); background:-webkit-linear-gradient(left, rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%); background:linear-gradient(to right, rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%);} .prdList.frame .goodsUnitList .goodsInfo .nameArea .text {font-size:1.071em;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .benefit {display:none;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .saleFlag {display:inline-block; position:relative; width:30px; height:30px; margin-right:2px; background:url(//image.hnsmall.com/images/mobile2014/common/flag_sale_small.png) no-repeat; background-size:500px 500px; vertical-align:top;} /* 공통템플릿 작업으로 인한 추가 : 1열과 2열일때 플래그 디자인이 다른 이유로 추가 됨(1개의 마크업 다른 디자인) */ .prdList.frame .saleFlag.flagSale_1p {background-position:0 0 !important;} .prdList.frame .saleFlag.flagSale_2p {background-position:-50px 0 !important;} .prdList.frame .saleFlag.flagSale_3p {background-position:-100px 0 !important;} .prdList.frame .saleFlag.flagSale_4p {background-position:-150px 0 !important;} .prdList.frame .saleFlag.flagSale_5p {background-position:-200px 0 !important;} .prdList.frame .saleFlag.flagSale_6p {background-position:-250px 0 !important;} .prdList.frame .saleFlag.flagSale_7p {background-position:-300px 0 !important;} .prdList.frame .saleFlag.flagSale_8p {background-position:-350px 0 !important;} .prdList.frame .saleFlag.flagSale_9p {background-position:-400px 0 !important;} .prdList.frame .saleFlag.flagSale_10p {background-position:-450px 0 !important;} .prdList.frame .saleFlag.flagSale_11p {background-position:0 -50px !important;} .prdList.frame .saleFlag.flagSale_12p {background-position:-50px -50px !important;} .prdList.frame .saleFlag.flagSale_13p {background-position:-100px -50px !important;} .prdList.frame .saleFlag.flagSale_14p {background-position:-150px -50px !important;} .prdList.frame .saleFlag.flagSale_15p {background-position:-200px -50px !important;} .prdList.frame .saleFlag.flagSale_16p {background-position:-250px -50px !important;} .prdList.frame .saleFlag.flagSale_17p {background-position:-300px -50px !important;} .prdList.frame .saleFlag.flagSale_18p {background-position:-350px -50px !important;} .prdList.frame .saleFlag.flagSale_19p {background-position:-400px -50px !important;} .prdList.frame .saleFlag.flagSale_20p {background-position:-450px -50px !important;} .prdList.frame .saleFlag.flagSale_21p {background-position:0 -100px !important;} .prdList.frame .saleFlag.flagSale_22p {background-position:-50px -100px !important;} .prdList.frame .saleFlag.flagSale_23p {background-position:-100px -100px !important;} .prdList.frame .saleFlag.flagSale_24p {background-position:-150px -100px !important;} .prdList.frame .saleFlag.flagSale_25p {background-position:-200px -100px !important;} .prdList.frame .saleFlag.flagSale_26p {background-position:-250px -100px !important;} .prdList.frame .saleFlag.flagSale_27p {background-position:-300px -100px !important;} .prdList.frame .saleFlag.flagSale_28p {background-position:-350px -100px !important;} .prdList.frame .saleFlag.flagSale_29p {background-position:-400px -100px !important;} .prdList.frame .saleFlag.flagSale_30p {background-position:-450px -100px !important;} .prdList.frame .saleFlag.flagSale_31p {background-position:0 -150px !important;} .prdList.frame .saleFlag.flagSale_32p {background-position:-50px -150px !important;} .prdList.frame .saleFlag.flagSale_33p {background-position:-100px -150px !important;} .prdList.frame .saleFlag.flagSale_34p {background-position:-150px -150px !important;} .prdList.frame .saleFlag.flagSale_35p {background-position:-200px -150px !important;} .prdList.frame .saleFlag.flagSale_36p {background-position:-250px -150px !important;} .prdList.frame .saleFlag.flagSale_37p {background-position:-300px -150px !important;} .prdList.frame .saleFlag.flagSale_38p {background-position:-350px -150px !important;} .prdList.frame .saleFlag.flagSale_39p {background-position:-400px -150px !important;} .prdList.frame .saleFlag.flagSale_40p {background-position:-450px -150px !important;} .prdList.frame .saleFlag.flagSale_41p {background-position:0 -200px !important;} .prdList.frame .saleFlag.flagSale_42p {background-position:-50px -200px !important;} .prdList.frame .saleFlag.flagSale_43p {background-position:-100px -200px !important;} .prdList.frame .saleFlag.flagSale_44p {background-position:-150px -200px !important;} .prdList.frame .saleFlag.flagSale_45p {background-position:-200px -200px !important;} .prdList.frame .saleFlag.flagSale_46p {background-position:-250px -200px !important;} .prdList.frame .saleFlag.flagSale_47p {background-position:-300px -200px !important;} .prdList.frame .saleFlag.flagSale_48p {background-position:-350px -200px !important;} .prdList.frame .saleFlag.flagSale_49p {background-position:-400px -200px !important;} .prdList.frame .saleFlag.flagSale_50p {background-position:-450px -200px !important;} .prdList.frame .saleFlag.flagSale_51p {background-position:0 -250px !important;} .prdList.frame .saleFlag.flagSale_52p {background-position:-50px -250px !important;} .prdList.frame .saleFlag.flagSale_53p {background-position:-100px -250px !important;} .prdList.frame .saleFlag.flagSale_54p {background-position:-150px -250px !important;} .prdList.frame .saleFlag.flagSale_55p {background-position:-200px -250px !important;} .prdList.frame .saleFlag.flagSale_56p {background-position:-250px -250px !important;} .prdList.frame .saleFlag.flagSale_57p {background-position:-300px -250px !important;} .prdList.frame .saleFlag.flagSale_58p {background-position:-350px -250px !important;} .prdList.frame .saleFlag.flagSale_59p {background-position:-400px -250px !important;} .prdList.frame .saleFlag.flagSale_60p {background-position:-450px -250px !important;} .prdList.frame .saleFlag.flagSale_61p {background-position:0 -300px !important;} .prdList.frame .saleFlag.flagSale_62p {background-position:-50px -300px !important;} .prdList.frame .saleFlag.flagSale_63p {background-position:-100px -300px !important;} .prdList.frame .saleFlag.flagSale_64p {background-position:-150px -300px !important;} .prdList.frame .saleFlag.flagSale_65p {background-position:-200px -300px !important;} .prdList.frame .saleFlag.flagSale_66p {background-position:-250px -300px !important;} .prdList.frame .saleFlag.flagSale_67p {background-position:-300px -300px !important;} .prdList.frame .saleFlag.flagSale_68p {background-position:-350px -300px !important;} .prdList.frame .saleFlag.flagSale_69p {background-position:-400px -300px !important;} .prdList.frame .saleFlag.flagSale_70p {background-position:-450px -300px !important;} .prdList.frame .saleFlag.flagSale_71p {background-position:0 -350px !important;} .prdList.frame .saleFlag.flagSale_72p {background-position:-50px -350px !important;} .prdList.frame .saleFlag.flagSale_73p {background-position:-100px -350px !important;} .prdList.frame .saleFlag.flagSale_74p {background-position:-150px -350px !important;} .prdList.frame .saleFlag.flagSale_75p {background-position:-200px -350px !important;} .prdList.frame .saleFlag.flagSale_76p {background-position:-250px -350px !important;} .prdList.frame .saleFlag.flagSale_77p {background-position:-300px -350px !important;} .prdList.frame .saleFlag.flagSale_78p {background-position:-350px -350px !important;} .prdList.frame .saleFlag.flagSale_79p {background-position:-400px -350px !important;} .prdList.frame .saleFlag.flagSale_80p {background-position:-450px -350px !important;} .prdList.frame .saleFlag.flagSale_81p {background-position:0 -400px !important;} .prdList.frame .saleFlag.flagSale_82p {background-position:-50px -400px !important;} .prdList.frame .saleFlag.flagSale_83p {background-position:-100px -400px !important;} .prdList.frame .saleFlag.flagSale_84p {background-position:-150px -400px !important;} .prdList.frame .saleFlag.flagSale_85p {background-position:-200px -400px !important;} .prdList.frame .saleFlag.flagSale_86p {background-position:-250px -400px !important;} .prdList.frame .saleFlag.flagSale_87p {background-position:-300px -400px !important;} .prdList.frame .saleFlag.flagSale_88p {background-position:-350px -400px !important;} .prdList.frame .saleFlag.flagSale_89p {background-position:-400px -400px !important;} .prdList.frame .saleFlag.flagSale_90p {background-position:-450px -400px !important;} .prdList.frame .saleFlag.flagSale_91p {background-position:0 -450px !important;} .prdList.frame .saleFlag.flagSale_92p {background-position:-50px -450px !important;} .prdList.frame .saleFlag.flagSale_93p {background-position:-100px -450px !important;} .prdList.frame .saleFlag.flagSale_94p {background-position:-150px -450px !important;} .prdList.frame .saleFlag.flagSale_95p {background-position:-200px -450px !important;} .prdList.frame .saleFlag.flagSale_96p {background-position:-250px -450px !important;} .prdList.frame .saleFlag.flagSale_97p {background-position:-300px -450px !important;} .prdList.frame .saleFlag.flagSale_98p {background-position:-350px -450px !important;} .prdList.frame .saleFlag.flagSale_99p {background-position:-400px -450px !important;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price {display:inline-block; position:relative; height:30px;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price span.tit {display:block; color:transparent;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox {display:none; position:absolute; top:-2px; left:0;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox del, .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox em {margin-left:1px;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox.del {display:block; padding-left:0;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice em, .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice .won {position:relative; top:-2px;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .tit {display:block; color:#666;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total em, .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.total .won {color:#000;} .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .goodsPrice.nosquare {display:none} /***** 카드형 *****/ .prdListCard {padding:0 5px;} .prdListCard li {position:relative; margin:0 0 5px; border-bottom:1px solid #b5b5b5; background:#fff;} .goodsUnitCard .goodIco, .goodsUnitCard .goodIcoAfter:after, .goodsUnitCard .goodIcoBefore:before {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png); background-repeat:no-repeat; background-size:auto 50px;} .goodsUnitCard .prdImgBox {position:relative; text-align:center; z-index:1;} .goodsUnitCard .prdImgBox .img {overflow:hidden; position:relative;} .goodsUnitCard .prdImgBox .img > img {width:100%; vertical-align:top;} .goodsUnitCard .prdImgBox .img > a {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto;} .goodsUnitCard .prdImgBox .img > a img {width:auto; height:100%;} .goodsUnitCard .prdImgBox .img .btn_play {display:block;} .goodsUnitCard .prdImgBox .img .btn_play:before {display:block; content:''; width:100%; height:100%; padding:0; background:#000; opacity:0.3;} .goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner {position:absolute; top:50%; left:0; width:100%; margin-top:-25px;} .goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner img {width:50px; height:50px;} .goodsUnitCard .prdImgBox .img .btn_play .btn_play_inner .txt {display:block; margin-top:2px; color:#fff; font-size:11px;} .goodsUnitCard .prdImgBox .img p.btn_play {position:absolute; top:0; left:0; width:100%; height:100%;} .goodsUnitCard .prdImgBox .img p.btn_play img, .goodsUnitCard .prdImgBox .img p.btn_play span, .goodsUnitCard .prdImgBox .img p.btn_play a {position:absolute; bottom:8px; color:#fff; font-size:0.857em;} .goodsUnitCard .prdImgBox .img p.btn_play img {top:50%; left:50%; width:43px; height:43px; margin:-22px 0 0 -21px;} .goodsUnitCard .prdImgBox .img p.btn_play .count {top:52%; left:0; width:100%; margin-top:30px; font-size:1.643em; text-align:center;} .goodsUnitCard .prdImgBox .img p.btn_play .item_add {display:block; bottom:0; left:50%; width:110px; height:26px; margin-left:-55px; border-radius: 20px; -webkit-border-radius: 20px; -webkit-border-radius: 20px; background-color: rgba(0, 0, 0, 0.3); text-align:center;} .goodsUnitCard .prdImgBox .img p.btn_play .item_add > span {position:relative; bottom:0; font-size:1em; font-weight:bold; line-height:27px; letter-spacing:-1px;} .goodsUnitCard .prdImgBox .img p.btn_play .item_add > span em {margin-left:5px; font-family:dotum; text-shadow:#b8b8b8 0.2px 0.3px 2px; line-height:26px;} .goodsUnitCard .prdImgBox .img p.btn_play .cate_order {left:10px;} .goodsUnitCard .prdImgBox .img p.btn_play .time {right:80px;} .goodsUnitCard .prdImgBox .img p.btn_play .volum, .goodsUnitCard .prdImgBox .img p.btn_play .zoom, .goodsUnitCard .prdImgBox .img p.btn_play .btn_close {display:block; overflow:hidden; background:url(//image.hnsmall.com/images/mobile2014/main/icon_movie_v2.png) no-repeat; background-size:145px 90px; text-indent:-1000px;} .goodsUnitCard .prdImgBox .img p.btn_play .volum {right:45px; width:21px; height:19px;} .goodsUnitCard .prdImgBox .img p.btn_play .volum.volum_on {background-position:-69px 0;} .goodsUnitCard .prdImgBox .img p.btn_play .volum.volum_off {background-position:-16px 0;} .goodsUnitCard .prdImgBox .img p.btn_play .zoom {right:7px; width:21px; height:19px; background-position:-44px 0;} .goodsUnitCard .prdImgBox .img p.btn_play .btn_close {top:10px; right:10px; width:15px; height:15px; background-position:-100px 0;} .goodsUnitCard .prdImgBox .img.tvLive > a {top:-40%; height:auto;} .goodsUnitCard .prdImgBox .img.tvLive > a img {width:100%; height:auto;} .goodsUnitCard .prdImgBox .img.tvLive .btn_play {top:0; height:100%;} .goodsUnitCard .prdImgBox .img.curation p.btn_play img {top:48%;} .goodsUnitCard .prdImgBox .img.curation p.btn_play .count {top:45%;} .goodsUnitCard .prdImgBox .img.curation p.btn_play .item_add {bottom:7%;} .goodsUnitCard .prdImgBox .tvlive_deta{position:absolute;right:0;bottom:0;width:142px;height:25px;background:url(//image.hnsmall.com/images/mobile2014/main/ico_newMain_tvlive.png) no-repeat 0 0;background-size:142px 25px;overflow:hidden} .goodsUnitCard .prdImgBox .tvlive_deta span{padding-left:28px;font-family:Arial;color:#fff;font-size:11px;text-align:center; line-height:23px} .goodsUnitCard .goodTit_sbox p {padding:8px 10px 6px; background-color:#fff2f1; color:#ff4039; font-size:1.071rem; text-align:center; line-height:1.143rem;} /* 동영상 보기 버튼 영역 스타일 추가 2016-12-07 */ .goodsUnitCard .prdImgBox .img .btn_play02:before {display:block; content:""; position:absolute; left:0; right:0; bottom:0; height:22px; background:#000; opacity:0.3;} .goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox {position:absolute; left:0; right:0; bottom:0; height:22px; padding:0 8px; text-align:left;} .goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .icoPlay {display:inline-block; width:15px; height:15px; margin:4px 0 0; color:transparent; line-height:0; font-size:0; background:url(//image.hnsmall.com/images/mobile2014/main/btn_half_mov03.png) no-repeat left top; background-size:15px; vertical-align:top;} .goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .time {display:inline-block; height:21px; padding:1px 0 0; line-height:21px; font-size:12px; color:#fff; vertical-align:top;} .goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .viewNum {position:absolute; top:0; right:8px; height:21px; padding:1px 0 0; line-height:21px; font-size:12px; color:#fff;} .goodsUnitCard .prdImgBox .img .btn_play02 .btnInnerBox .flagNew {position:absolute; top:4px; right:8px; width:33px; height:14px; color:transparent; background:url(//image.hnsmall.com/images/mobile2014/main/ico_new02.png) no-repeat left top; background-size:auto 14px;} /* 동영상 보기 버튼 영역 스타일 추가 2017-01-05 */ .goodsUnitCard .prdImgBox .img .btn_play03:before {display:block; content:""; position:absolute; bottom:0; left:0; right:0; height:39px; background:url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v3.png) repeat-x left bottom; background-size:1px 40px; opacity:0.5;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox {overflow:hidden; position:absolute; bottom:0; left:0; right:0; box-sizing:border-box; height:39px; padding:19px 10px 0; text-align:left;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .icoPlay {display:inline-block; width:9px; height:11px; margin:1px 0 0; color:transparent; line-height:0; font-size:0; background-position:0 0; vertical-align:top;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .time {font-size:12px; color:#fff; vertical-align:top;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .viewNum {position:absolute; bottom:7px; right:10px; height:19px; padding:1px 7px 0 25px; line-height:19px; font-size:11px; color:#fff; border-radius:11px; background-color:#4e47c1;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .viewNum:before {display:block; content:""; position:absolute; top:50%; left:7px; width:15px; height:10px; margin:-5px 0 0; background-position:-14px 0;} .goodsUnitCard .prdImgBox .img .btn_play03 .btnInnerBox .flagNew {position:absolute; bottom:7px; right:10px; height:19px; padding:1px 10px 0; line-height:19px; font-size:10px; color:#fff; border-radius:11px; background-color:#4e47c1;} /* 상품 특성영역 추가 2016-12-07 */ .goodsUnitCard .prdAddGuideBox {display:block; margin:-5px 0 0; padding:6px 10px 7px; line-height:1rem; font-size:.857rem; color:#666; text-align:right;clear:both} /* 방송안내 영역 추가 2016-12-07 */ .goodsUnitCard .tvGuideBox {padding:0 8px; border-top:1px solid #eee;} .goodsUnitCard .tvGuideBox .tvGuideInner .tit {display:inline-block; height:2.083333333333333rem; padding:1px 0 0; line-height:2.083333333333333rem; font-size:1rem; font-weight:bold; color:#666;} .goodsUnitCard .tvGuideBox .tvGuideInner .time {display:inline-block; height:2.083333333333333rem; padding:1px 0 0; line-height:2.083333333333333rem; font-size:1rem; font-weight:normal; color:#898989;} /* 동영상 시청 카운트 영역 추가 2016-12-08 */ .goodsUnitCard .goodsPrice .viewNum {position:absolute; top:0; right:10px; height:1.833333333333333rem; padding:1px 0 0; line-height:1.833333333333333rem; font-size:0.9166666666666667rem; color:#f41970;} /* 공통카드리스트 편성정보 추가 2016-08-02 */ .goodsUnitCard .goodTit_sbox02 p {padding:1px 0 0; text-align:center; background:#f4f4f4;} .goodsUnitCard .goodTit_sbox02 p .icoClock {display:inline-block; padding:2px 0 0 20px; line-height:27px; font-weight:bold; color:#222; background:url(//image.hnsmall.com/images/mobile2014/tv/tvtable_3/ico_schedule_clack.gif) no-repeat 0 center; background-size:16px; vertical-align:middle;} .goodsUnitCard .goodTit_sbox02 p .txtTime {display:inline-block; padding:2px 0 0; line-height:27px; color:#565656; vertical-align:middle;} .goodsUnitCard .goodsPrice {padding:8px 10px 10px; border-top:1px solid #f4f4f4; letter-spacing:-1px;} .goodsUnitCard .goodsPrice .modifier {display:block; overflow:hidden; /*height:1.428rem;*/ margin:1px 0; color:#666; font-size:1.071rem; white-space:nowrap; text-overflow:ellipsis;} .goodsUnitCard .goodsPrice .goodTit_best {position:relative;} .goodsUnitCard .goodsPrice .goodTit_best em {height:10px; padding-left:0; color:#e51937; font-size:12px; line-height:12px;} .goodsUnitCard .goodsPrice .goodTit_best span {position:absolute; top:2px; right:0; color:#666;font-size:0.95rem; /*font-size:0.857rem;*/letter-spacing:0;font-family:HelveticaNeue-Light} .goodsUnitCard .goodsPrice .goodTit_best.tv {margin:2px 0;} .goodsUnitCard .goodsPrice .goodTit_best.tv em {position:relative; display:block; overflow:hidden; width:62px; height:21px;} .goodsUnitCard .goodsPrice .goodTit_best.tv em:before {display:inline-block; content:""; width:22px; height:20px; background:url(//image.hnsmall.com/images/mobile2014/main/ico_main_201611.png) no-repeat -50px 0; background-size:150px auto; text-indent:-1000px;} .goodsUnitCard .goodsPrice .goodTit_best.tv em:after {display:inline-block; content:"베스트"; position:absolute; left:24px; top:6px; width:38px; color:#333; letter-spacing:-0.4px; font-weight:bold;} .goodsUnitCard .goodsPrice .goodTit_best.tv span {top:4px; letter-spacing:0;} .goodsUnitCard .goodsPrice .tit {display:block; overflow:hidden; color:#000; font-size:1.417rem; text-overflow:ellipsis; white-space:nowrap;} .goodsUnitCard .priceInfor {position:relative; margin-top:5px;} .goodsUnitCard .priceInfor:after {display:block; content:""; clear:both;} .goodsUnitCard .priceInfor .flagArea {float:left; padding-top:2px;} .goodsUnitCard .priceInfor .flagArea .Msale_MB {position:relative; top:-1px; width:62px; margin-right:8px;} .goodsUnitCard .priceInfor .flagArea .flag_sale {display:block; overflow:hidden; position:relative; top:8px; width:55px; height:25px; margin-right:5px; font-size:2px; color:transparent; background:url(//image.hnsmall.com/images/mobile2014/main/flag_sale.png) no-repeat; background-size:750px 525px; text-indent:-1000px;} .goodsUnitCard .priceInfor .flagArea .flag_free {display:block; overflow:hidden; position:absolute; top:0; right:0; width:32px; height:32px; background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -155px -273px; background-size:210px auto; text-indent:-1000px;} /* Msale_MS 추가 2016-01-05 */ .goodsUnitCard .priceInfor .flagArea .Msale_MS {position:relative; top:0px !important; margin-right:0;} .goodsUnitCard .priceInfor .priceArea {float:left; width:75%;} .goodsUnitCard .priceInfor .priceArea .priceBase {color:#999; font-size:0.857rem; letter-spacing:-0.4px;} .goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {color:#666; font-family:Arial; font-size:1.083rem;} .goodsUnitCard .priceInfor .priceArea .priceBase .won {color:#666;} .goodsUnitCard .priceInfor .priceArea .priceBase .existPrice {font-family:Arial; font-size:1.083rem; text-decoration:line-through;} .goodsUnitCard .priceInfor .priceArea dl:after {display:block; content:""; clear:both;} .goodsUnitCard .priceInfor .priceArea dl dt, .goodsUnitCard .priceInfor .priceArea dl dd {float:left; margin-top:-2px; color:#222;} .goodsUnitCard .priceInfor .priceArea dl.first dt, .goodsUnitCard .priceInfor .priceArea dl.first dd {margin-top:1px;} .goodsUnitCard .priceInfor .priceArea dl dt {width:84px; padding-top:2px; font-size:1.071rem; vertical-align:middle;} .goodsUnitCard .priceInfor .priceArea dl dd {font-size:0.857rem;} .goodsUnitCard .priceInfor .priceArea dl dd strong {font-family:Arial; font-size:1.428rem; letter-spacing:0;} .goodsUnitCard .priceInfor .priceArea dl dd strong.priceRed, .goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {color:#e51937;} .goodsUnitCard .priceInfor .priceArea dl dd strong.priceGray, .goodsUnitCard .priceInfor .priceArea dl dd .textWonGray {color: #888;}/* 2019-02-18 tv베스트 개선 : color 추가 */ .goodsUnitCard .priceInfor .priceArea dl dd .textWonBlack, .goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {margin:0 3px 0 1px; font-weight:bold;} .goodsUnitCard .priceInfor .priceArea dl dd .btn_saleInfo { } .goodsUnitCard .priceInfor .priceArea dl dd button.btn_saleInfo {border:none} .goodsUnitCard .priceInfor .priceArea dl.titImg dt {overflow:hidden; position:relative; top:-2px; width:55px; height:25px; margin-right:5px; background:url(//image.hnsmall.com/images/mobile2014/main/flag_sale.png) no-repeat; background-size:750px 525px; text-indent:-1000px;} .goodsUnitCard .priceInfor .priceArea dl.titImg dt, .goodsUnitCard .priceInfor .priceArea dl.titImg dd {margin-top:3px;} .goodsUnitCard .priceInfor .priceArea dl.hotkill dt {background-position:-75px -496px;} .goodsUnitCard .priceInfor .priceArea dl.homeand dt {background-position:0 -496px;} .goodsUnitCard .priceInfor .priceArea.trevel {width:100%;} .goodsUnitCard .priceInfor .priceArea.trevel dl dt {width:80px;} .goodsUnitCard .priceInfor .priceArea.trevel dl dd {width:210px;} /* 카드형 리스트 하단 버튼 */ .goodsUnitCard .goodsUnitbtnBox:after {display:block; overflow:hidden; content:""; clear:both; width:0; height:0; line-height:0;} .goodsUnitCard .goodsUnitbtnBox a {display:block; height:38px; padding:1px 0 0; line-height:38px; font-size:14px; color:#fff; text-align:center;} .goodsUnitCard .goodsUnitbtnBox a.goodsUnitBtn01 {background:#555555;} .goodsUnitCard .goodsUnitbtnBox a.goodsUnitBtn02 {background:#e51937;} .goodsUnitCard .goodsUnitbtnBox.col02 a {float:left; width:50%;} /* 상품 리스트 공통 템플릿 추가 - 2016-08-30 gen 8005049.vm-왼쪽 이미지 오른쪽 정보-검색용 리스트(편성,일반,메인 검색) */ .newGoodsList > li {position:relative; margin:5px 0 0; border-bottom:1px solid #b5b5b5; background:#fff;} .newGoodsList > li:first-child {margin:0;} .newGoodsList > li a {display:block; min-height:75px; padding:10px 10px 10px 95px;} .newGoodsList > li a.flagtype {min-height:90px;} .newGoodsList > li .imgBox {position:absolute; left:10px; top:10px; width:75px;} .newGoodsList > li .imgBox .flagBox + img {margin-top:14px;} .newGoodsList > li .imgBox img {width:100%; vertical-align:top;} .newGoodsList > li .prdCont {position:relative;} .newGoodsList > li .prdCont .goodTit_sbox {overflow:hidden; height:15px; color:#909090; font-size:0.857em; letter-spacing:-1px;}/* 2016-04-14 수식어 추가 */ .newGoodsList > li .prdCont .srPrdTit {display:-webkit-box; overflow:hidden; width:100%; max-height:42px; margin:0 0 22px; line-height:19px; font-size:16px; font-weight:normal; color:#000; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}/* 2016-04-14 line-height 수정 */ .newGoodsList > li .prdCont .srPrdTit .num {width:16px;height:16px;display:inline-block;margin-right:3px;color:#fff;text-align:center;line-height:17px;font-size:10px;background:#e8304a;position:relative;top:-1px} .newGoodsList > li .prdCont .srPrdTit .num.red {background:#e8304a} .newGoodsList > li .prdCont .benefit {display:block; position:relative; min-height:14px; padding:3px 0; margin:-22px 0 0; line-height:12px; color:#898989;} .newGoodsList > li .prdCont .benefit span {display:inline-block; padding:0 2px 0 6px; line-height:12px; font-size:12px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/common/bg_detail_search_bar.gif) no-repeat left center; background-size:1px 10px; letter-spacing:-1px;} .newGoodsList > li .prdCont .benefit span:first-child {padding:0 2px 0 0; background:none;} .newGoodsList > li .prdCont .benefit .comment {position:absolute; right:0; top:4px; min-width:70px; line-height:12px; font-size:12px; color:#565656; text-align:right;} .newGoodsList > li .prdCont .benefit .comment em {font-weight:bold;} .newGoodsList > li .prdCont .priceInfoBox > p {margin:2px 0 0; font-size:12px; font-weight:bold; line-height:20px; color:#222;} .newGoodsList > li .prdCont .priceInfoBox > p.discountPrice {line-height:16px; font-size:12px; font-weight:normal; color:#666;} .newGoodsList > li .prdCont .priceInfoBox > p span {display:inline-block; vertical-align:top;} .newGoodsList > li .prdCont .priceInfoBox > p .tit {font-weight:normal;} .newGoodsList > li .prdCont .priceInfoBox > p .tit.type01 {width:80px;} .newGoodsList > li .prdCont .priceInfoBox > p .tit.type02 {width:138px; padding:2px 0 0; line-height:16px;} .newGoodsList > li .prdCont .priceInfoBox > p span em {display:inline-block; font-size:1.455em; vertical-align:top;} .newGoodsList > li .prdCont .priceInfoBox > p span .wonBox {display:inline-block; vertical-align:top;} .newGoodsList > li .prdCont .pointC01 {color:#e51937;} .newGoodsList > li .prdCont .pointC02 {color:#777;} .newGoodsList > li .prdCont .saleFlag {position:absolute; right:0; bottom:0; width:40px; height:22px;} .newGoodsList > li .prdCont .saleFlag span {overflow:hidden; display:block; text-indent:-999em;} .newGoodsList .telecastTit {box-sizing:border-box; padding:0 10px 12px;} .newGoodsList .telecastTit .telecastInner {overflow:hidden; height:29px; padding:0 7px; line-height:29px; background:#f4f4f4;} .newGoodsList .telecastTit .telecastInner h1 {float:left; height:25px; padding:0; margin:0; line-height: 29px; font-size:13px; font-weight:bold; text-align:left; border:none; letter-spacing:-0.5px; background:#f4f4f4;} .newGoodsList .telecastTit .telecastInner h1.type01 {color:#19bfbf;} .newGoodsList .telecastTit .telecastInner h1.type02 {color:#999;} .newGoodsList .telecastTit .telecastInner h1.type03 {color:#e51937;} .newGoodsList .telecastTit .telecastInner h1 .ico_telecast {display:inline-block; width:11px; height:11px; margin:-2px 5px 0 0; background:url(//image.hnsmall.com/images/mobile2014/common/ico_telecast02.gif) no-repeat; background-size:11px 33px; background-position:left 0; vertical-align:middle;} .newGoodsList .telecastTit .telecastInner h1.type01 .ico_telecast {background-position:left 0;} .newGoodsList .telecastTit .telecastInner h1.type02 .ico_telecast {background-position:left -11px;} .newGoodsList .telecastTit .telecastInner h1.type03 .ico_telecast {background-position:left -22px;} .newGoodsList .telecastTit .telecastInner .time {display:inline-block; float:right; padding:0 0 0 10px; line-height: 29px; color:#898989; font-size:13px;} .newGoodsList .telecastTit.type02 {padding:0 0 0 13px; border-top:1px solid #e5e5e5} .newGoodsList .telecastTit.type02 .telecastInner{padding:0; background:none} .newGoodsList .telecastTit.type02 .telecastInner h1{float:left; width:72px; height:30px; padding:0 12px 0 0; color:#e51937; background:none;} .newGoodsList .telecastTit.type02 .telecastInner h1 .ico_telecast {width:15px; height:14px;margin: -5px 3px 0 0;background-position:0 0; background: url(//image.hnsmall.com/images/mobile2014/common/ico_tvbest.png) no-repeat;background-size: 15px 14px;} .newGoodsList .telecastTit.type02 .telecastInner .time {float:left; padding:0; letter-spacing:-0.5px;} .newGoodsList .telecastTit.type02 .telecastInner .order_btn {font-size:13px;box-sizing:border-box; float:right;padding:0;width:80px;height:30px; line-height:29px; text-align:center;background:#e51937;color:#fff;min-height:30px;} .newGoodsList .telecastTit.type02 .telecastInner .arim_btn {font-size:13px;box-sizing:border-box; float:right;padding:0;width:80px;height:30px; line-height:29px; text-align:center;background:#f4f4f4;color:#565656;min-height:30px;} .newGoodsList .telecastTit.type02 .telecastInner .arim_btn span {display:inline-block; padding:0 15px 0 0; font-size:12px; letter-spacing:-0.5px; background:url(//image.hnsmall.com/images/mobile2014/common/btn_search_arimi.gif) no-repeat right center; background-size:13px;} .newGoodsList .telecastTit.type02 .telecastInner .arim_btn.on {color:#e51937;} .newGoodsList .telecastTit.type02 .telecastInner .arim_btn.on span {background:url(//image.hnsmall.com/images/mobile2014/common/btn_search_arimi_on.gif) no-repeat right center; background-size:13px;} /***** 메인 zoom 기능 (+크게) *****/ body.font_zoom {font-size:18px;} body.font_zoom .goodsUnitCard .priceInfor .priceArea dl dt {width:59px; padding-top:10px; font-size:0.667rem;} body.font_zoom .goodsUnitCard .priceInfor .priceArea dl.titImg dt {top:0;} body.font_zoom .goodsUnitList .goodsInfo .priceArea .price span.tit {width:70px;} /* img - vertical-align : top 2016-06-03 */ .prdImgGuideWrap img {vertical-align:top;} /* 검색추천 추가 2016-08-05 */ .searchHeader_v2.searchHeader_v3{border-bottom: 1px solid #e9e8e8;} .searchText.searchText_v3 .recommandWrap{position:relative;height:30px;padding: 5px 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .searchText.searchText_v3 .recommandWrap *{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .searchText.searchText_v3 .recommandWrap .icon{position:absolute;top:5px; padding-top:1px; height: 20px;width: 50px;text-align: center;line-height: 19px;color: #fff;background: #666;font-size: 11px;letter-spacing:-0.5px;border-radius: 10px;-webkit-border-radius: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .searchText.searchText_v3 .recommandWrap .title{display:block;padding: 3px 0 0 56px; font-size:13px;color:#565656;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .searchTop_fix .bg{height: 6px;width: 100%;background: #e9e8e8;z-index: 100;border-top: 1px solid #c8c8c8;} .searchText.searchText_v3 .searchList_v2 {padding:86px 10px 15px 10px; } .searchWrap.searchWrap_v2 .searchText_v3 .searchNone{padding-top:106px} /* 동영상 리스트 2016-08-12 */ .videoListWrap li { background:#fff;} .videoListWrap li {margin:0; padding:0 5px 0; border-bottom:1px solid #ddd;} .videoListWrap li:after {display:block; content:""; clear:both; width:0; height:0; line-height:0;} .videoListWrap li:first-child {margin:0;} .videoListWrap li .goodsUnitList {float:left; width:50%; box-sizing:border-box; padding:10px 5px; letter-spacing:0;} .videoListWrap li .goodsUnitList > a {display:block;} .videoListWrap li .goodsUnitList > a .img {display:block; overflow:hidden; position:relative; width:100%;} .videoListWrap li .goodsUnitList > a .img img {width:100%; vertical-align:top;} .videoListWrap li .goodsUnitList > a .img .imgMiddle {position:absolute; top:0; left:0; bottom:0; width:100%;} .videoListWrap li .goodsUnitList > a .img .imgMiddle img {margin:-20% 0 0;} .videoListWrap li .goodsUnitList > a .img .imgMiddle.wide img {margin:0;} .videoListWrap li .goodsUnitList > a .img .bg {position:absolute; width:100%;height:100%;background-color:#000;opacity:0.3;top:0;left:0;} .videoListWrap li .goodsUnitList > a .img .icon_movie {position:absolute; top:50%; left:50%; width:38px; height:27px; margin:-16px 0 0 -18px; line-height:0; font-size:2px; color:transparent; background:url(//image.hnsmall.com/images/mobile2014/common/btn_video_play.png) no-repeat 0; background-size:38px 27px;} .videoListWrap li .goodsUnitList > a .img var.count {display:block; position:absolute; right:5px; bottom:4px; color:#fff; font-size:9px; font-style:normal; font-weight:bold; z-index:2; letter-spacing:0;} /* .videoListWrap li .goodsUnitList > a .img var.count.new {right:3; bottom:2;} 2016-06-24 수정 */ .videoListWrap li .goodsUnitList > a .img var.count.new:before {display:block; content:''; width:31px; height:12px; background:url(//image.hnsmall.com/images/mobile2014/main/ico_new.png) no-repeat; background-size:31px;} /* 2016-06-24 수정 */ .videoListWrap li .goodsUnitList > a .img var.count.new span {display:none; position:absolute; right:8px; bottom:3px; font-size:8px;} /* 2016-06-24 수정 */ .videoListWrap li .goodsUnitList > a span.txt{margin-top:7px;height:2.666666666666667rem;line-height:1.333333333333333rem;overflow:hidden;font-size:1.00rem; font-weight:bold; color:#000; text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;display:-webkit-box;display:box;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical; letter-spacing:0;} .videoListWrap li .goodsUnitList > a span.corpName {display:block; overflow:hidden;margin-top:7px;line-height:1.333333333333333rem; font-size:1.00rem; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis;} .videoListWrap li .goodsUnitList > a span.prdName {display:block; overflow:hidden;line-height:1.333333333333333rem; font-size:1.00rem; white-space:nowrap; text-overflow:ellipsis;} .videoListWrap li .goodsUnitList > a span.price, .mainNav .add_movie_area li a span.dcPrice {display:block; letter-spacing:0;} .videoListWrap li .goodsUnitList > a span.price {margin-top:2px; font-size:0.857rem;} .videoListWrap li .goodsUnitList > a span.price em {text-decoration:line-through;} .videoListWrap li .goodsUnitList > a span.dcPrice {color:#000; font-size:1rem; font-weight:bold;} .videoListWrap li .goodsUnitList > a span.dcPrice em {font-size:1.214rem;} .videoListWrap li .goodsUnitList > a span.date {display:block; margin-top:2px; font-size:0.9285714285714286rem; color:#666;} .videoListWrap li .goodsUnitList > a .sh_txt {color:#e51937} .videoListWrap li .goodsUnitList .iframeWrap {position:relative; padding:56.37064246614808% 0 0;} .videoListWrap li .goodsUnitList .iframeWrap > span {display:block; position:absolute; top:0; right:0; bottom:0; left:0;} /* 동영상 리스트 2016-11-29 */ .videoListWrap.type02 ul {overflow:hidden;} .videoListWrap.type02 ul li {float:left; width:100%; padding:0; margin:10px 0 0;} .videoListWrap.type02 ul li:first-child {margin:0;} .videoListWrap.type02 ul li .goodsUnitList {width:100%; padding:10px;} .videoListWrap.type02 ul li .goodsUnitList > a {position:relative;} .videoListWrap.type02 ul li .goodsUnitList > a span.txt{display:block; overflow:hidden; margin:7px 55px 0 0; height:auto; line-height:1.333333333333333rem;overflow:hidden;font-size:1.00rem; font-weight:bold; color:#000; text-overflow:ellipsis;white-space:nowrap;} .videoListWrap.type02 ul li .goodsUnitList > a span.txt02 {display:block; overflow:hidden;line-height:1.333333333333333rem; font-size:1.00rem; white-space:nowrap; text-overflow:ellipsis;} .videoListWrap.type02 ul li .goodsUnitList > a .date {position:absolute; top:0; right:0; margin:0; line-height:18px;} /* btn type */ .btn_round01 {display:inline-block;height:24px;border:1px solid #19bfbf;line-height:21px;color:#19bfbf;font-size:12px;padding:0 10px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-sizing:border-box;background:#fff} .btn_round02 {display:inline-block;height:24px;border:1px solid #e51937;line-height:21px;color:#e51937;font-size:12px;padding:0 10px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-sizing:border-box;background:#fff} .btn_round03 {display:inline-block;height:24px;border:1px solid #333;line-height:21px;color:#333;font-size:12px;padding:0 10px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;box-sizing:border-box;background:#fff} .btn01 {display:inline-block; overflow:hidden; height:38px; padding:1px 10px 0; line-height:38px; font-size:15px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #e51937; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#e51937; letter-spacing:-0.7px; word-break:normal;} button.btn01 {height:40px; padding:0 10px; line-height:39px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} button.btn01.type02 {padding:0 30px;} .btn02 {display:inline-block; overflow:hidden; height:38px; padding:1px 10px 0; line-height:38px; font-size:15px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #333; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#333; word-break:normal;} button.btn02 {height:40px; padding:0 10px; line-height:39px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn03 {display:inline-block; overflow:hidden; height:38px; padding:1px 10px 0; line-height:38px; font-size:15px; font-weight:bold; color:#000; text-align:center; vertical-align:middle; border:1px solid #000; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#fff; word-break:normal;} button.btn03 {height:40px; padding:0 10px; line-height:39px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn04 {display:inline-block; overflow:hidden; height:38px; padding:1px 10px 0; line-height:38px; font-size:15px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #000; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#000; word-break:normal;} button.btn04 {height:40px; padding:0 10px; line-height:39px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn05 {display:inline-block; overflow:hidden; height:38px; padding:1px 10px 0; line-height:38px; font-size:15px; font-weight:bold; color:#565656; text-align:center; vertical-align:middle; border:1px solid #cdcdcd; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#fff; word-break:normal;} button.btn05 {height:40px; padding:0 10px; line-height:39px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn06 {display:inline-block; overflow:hidden; height:27px; padding:1px 10px 0; line-height:27px; font-size:12px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #e51937; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#e51937; word-break:normal;} button.btn06 {height:30px; padding:0 10px; line-height:29px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn07 {display:inline-block; overflow:hidden; height:29px; padding:1px 10px 0; line-height:29px; font-size:13px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #e51937; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; background:#e51937; word-break:normal;} button.btn07 {height:32px; padding:0 10px; line-height:32px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn08 {display:inline-block; overflow:hidden; height:39px; padding:1px 10px 0; line-height:39px; font-size:14px; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; border:1px solid #5a5a5a; background:#5a5a5a; word-break:normal;} button.btn08 {height:42px; padding:0 10px; line-height:41px; font-family:'Malgun Gothic',arial,sans-serif,Helvetica;} .btn02.medium {height:32px; font-size:13px; line-height:32px;} .btn02.small {height:24px; font-size:12px; font-weight:normal; line-height:22px;} .btn_block {padding:0 10px;} .btn_block .btn02 {display:block;} .btn_more_default {display:block; box-sizing:border-box; width:100%; font-weight:bold; text-align:center; border:1px solid #cdcdcd; background:#fff; border-radius:2px;} .btn_more_default span {display:inline-block; position:relative; height:32px; padding:1px 15px 0 0; line-height:32px; font-size:12px; color:#333;} .btn_more_default span:after {display:block; content:""; position:absolute; top:50%; right:0; width:10px; height:6px; margin:-3px 0 0; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -180px -270px; background-size:300px auto;} .btn_more_default span em {color:#aaa;} .btn_more_default > em {display:inline-block; height:32px; padding:1px 15px 0 0; line-height:32px; font-size:12px; color:#aaa;} .btn_more_default span.nomore:after {display:none;} /* 정보입력 테이블 */ .regTbl01 {width:100%;} .regTbl01 table {width:100%;} .regTbl01 table caption {display:block; overflow:hidden; width:0; height:0; font-size:2px; line-height:0; color:transparent;} .regTbl01 table tr {border-bottom:1px solid #cdcdcd;} .regTbl01 table th {padding:10px 0 10px 20px; line-height:20px; font-size:12px; color:#222; text-align:left; vertical-align:top;} .regTbl01 table td {padding:10px 10px 10px 0; line-height:20px;} .regTbl01 table td input[type="text"] {box-sizing:border-box; width:100%; height:20px; font-size:12px; color:#222; border:none; border-radius:0; background:#fff; text-indent:0;} .regTbl01 table td ::-webkit-input-placeholder {line-height:19px; font-size:10px; color:#888;} .regTbl01 table td.ageChkBox {line-height:20px; padding:10px 0 10px 20px; font-size:12px; font-weight:bold; color:#222; border-bottom:1px solid #cdcdcd;} .regTbl01 table td.ageChkBox label em {color:#e51937;} .regTbl01 table td.ageChkBox .checkBox01 {margin:0 5px 0 0;} .regTbl01 table td.ageChkBox .selectBox01{font-weight:bold;} /* 테이블 등록 error */ table tr td .errorTxt {display:none;} table tr.error {border-bottom:1px solid #e51937;} table tr.error th {color:#e51937;} table tr.error td .errorTxt {display:block; line-height:16px; font-size:10px; color:#e51937;} /* 정보입력 UI 2016-09-26 */ .regIptBox {margin:10px 10px 0;} .regIptBox .regIptUnit {position:relative; padding:7px; border:1px solid #cdcdcd; background:#fff;} .regIptBox ul {border:1px solid #cdcdcd; background:#fff;} .regIptBox ul li {position:relative; padding:7px; border-top:1px solid #cdcdcd;} .regIptBox ul li:first-child {border-top:none;} .regIptBox .errorTxt {display:block; line-height:16px; font-size:12px; color:#e51937; letter-spacing:-0.5px;} .regIptBox .birthWrap {padding:0; border:1px solid #cdcdcd; background:#fff;} .regIptBox ul li.birthWrap {border:none; border-top:1px solid #cdcdcd;} .regIptBox .birthWrap:after {display:block; content:""; clear:both;} .regIptBox .birthWrap .selectWrap {float:left; -webkit-box-sizing:border-box; padding:7px 0 7px 7px; height:38px; border-right:1px solid #cdcdcd;} .regIptBox .birthWrap .selectWrap:last-child {border-right:none;} .regIptBox .birthWrap .selectWrap select {height:38px;} .regIptBox .telWrap {position:relative; overflow:hidden;} .regIptBox .telWrap .hidden {font-size:0; line-height:0; color:transparent;} .regIptBox .telWrap .selectWrap {position:relative; float:left; height:38px; padding-right:12px; line-height:36px; -webkit-box-sizing:border-box;} .regIptBox .telWrap .selectWrap:after {position:absolute; right:0; top:0; display:inline-block; width:12px; content:'-'; font-size:14px; color:#333; font-weight:bold; text-align:center;} .regIptBox .telWrap .selectWrap .inner {position:relative; display:inline-block; width:100%; height:38px; padding:0 0 0 10px; background:#fff; border:1px solid #cdcdcd; -webkit-box-sizing:border-box;} .regIptBox .telWrap .selectWrap .required {display:inline-block; color:#e51937; vertical-align:middle;} .regIptBox .telWrap .selectWrap .selectedView {width:86%; font-size:14px; color:#333; font-weight:bold;} .regIptBox .telWrap .selectWrap select {right:12px; height:36px;} .regIptBox .telWrap .placeholderWrap {position:relative; float:left; height:38px; padding-right:12px; -webkit-box-sizing:border-box;} .regIptBox .telWrap .placeholderWrap:after {position:absolute; right:0; top:0; display:inline-block; width:12px; height:38px; content:'-'; font-size:14px; color:#333; line-height:34px; font-weight:bold; text-align:center;} .regIptBox .telWrap .placeholderWrap:last-child {position:absolute; top:0; right:0; padding-right:0;} .regIptBox .telWrap .placeholderWrap:last-child:after {display:none;} .regIptBox .telWrap .placeholderWrap .inner {display:inline-block; width:100%; height:38px; padding:0 10px; line-height:36px; background:#fff; border:1px solid #cdcdcd; -webkit-box-sizing:border-box;} .regIptBox .telWrap .placeholderWrap input {height:36px; color:#333;} .regIptBox .telWrap + .errorTxt {margin-top:5px;} .regIptBox .ageChkBox {margin:7px 0 0; /*padding:0 7px;*/ font-size:14px; font-weight:bold; color:#222;} .regIptBox .ageChkBox input[type="checkbox"] {background:url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0; background-size:auto 17px;height:17px;width:17px;overflow:hidden;position:relative;top:3px;border:none} .regIptBox .ageChkBox input:checked[type="checkbox"] {background-position:-22px 0; background-color:transparent} .regIptBox .ageChkBox label em {color:#e51937;} .regIptBox .ageChkBox select.selectBox01 {font-weight:bold;height:30px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center #fff; background-size:19px 6px;} .regIptBox .btnIptDel{overflow:hidden;display:block;position:absolute;right:0px;top:3px;width:18px;height:18px;padding:0;margin:0;border:none;background:#ccc; border-radius:50%;-webkit-border-radius:50%;text-indent:-9999px;cursor:pointer;} .regIptBox .btnIptDel:before {display:inline-block; content:""; position:absolute; top:5px; left:5px; width:8px;height:8px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -110px -180px;background-size:300px auto;} .regIptBox .transform_email .emailWrap {padding: 10px;background-color: #fff;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;font-size: 0;} .regIptBox .transform_email .emailWrap input[type="text"], .regIptBox .transform_email .emailWrap .selectWrap {height: 38px;line-height: 36px;border: 1px solid #ddd;border-radius: 0;background-color: #fff;box-sizing: border-box;} .regIptBox .transform_email .emailWrap .input_area {width: 40%;padding-right: 8px;box-sizing: border-box;display: inline-block;} .regIptBox .transform_email .emailWrap input[type="text"] {width: 100%;color: #666;} .regIptBox .transform_email .emailWrap .selectWrap {width: 60%;padding: 7px 0 7px 7px;vertical-align: top;} .regIptBox .transform_email .emailWrap .selectWrap select {height: 100%;} .regIptBox .transform_email .emailWrap, .regIptBox .transform_email .no_email, .regIptBox .transform_email .btn_round_area.case2, .regIptBox .transform_email .btn_round_area.case3, .regIptBox .transform_email.delete .email, .regIptBox .transform_email.delete .btn_round_area.case1, .regIptBox .transform_email.change .btn_round_area.case1 {display: none} .regIptBox .transform_email.delete .no_email, .regIptBox .transform_email.delete .btn_round_area.case2, .regIptBox .transform_email.change .emailWrap, .regIptBox .transform_email.change .btn_round_area.case3 {display: block;} .regIptBox .btn_round_area, .regIptBox .btn_round01 {position:absolute;top:7px;right:7px;} .regIptBox .btn_round_area {font-size: 0;} .regIptBox .btn_round_area .btn_round01 {position: relative;top:0;left:0;} .regIptBox .btn_round_area button + button {margin-left: 5px;} .regIptBox .tover {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-right:80px;} .regIptBox .txt {font-weight:bold;padding:4px 0 3px 0;color:#000;font-size:13px;} .regIptBox .txt_type {font-weight:normal;color:#aaa;padding:16px 7px 15px 7px; border:1px solid #cdcdcd; background:#f9f9f9;font-size:13px} .regIptBox ul.txt_type {padding:0;} .regIptBox ul.txt_type li {padding:11px 7px 10px 7px;} .regIptBox .txt_type2 {position:relative; font-weight:bold;color:#000;position:relative;padding:11px 7px 10px 7px;border:1px solid #cdcdcd; background:#fff;font-size:13px} .regIptBox ul.txt_type2 {padding:0;} .regIptBox ul.txt_type2 li {padding:11px 7px 10px 7px} .regIptBox ul.txt_type2 li.red {color:#f51d2c;} .regIptBox ul.remail li {position:relative;font-size:13px} .regIptBox ul.remail input[type="radio"] {position:absolute;top:10px;left:7px;} .regIptBox ul.remail li * {vertical-align:middle} .regIptBox ul.remail .placeholderWrap {width:auto;display:block;margin-left:30px;} .regIptBox ul.remail li > label {font-weight:bold;padding:4px 0 3px 27px;display:inline-block;color:#000;font-size:13px;} .regIptBox ul.remail .errorTxt {padding-left:30px;} /* input[type="text"] */ input[type="text"].txtIpt {box-sizing:border-box; width:100%; height:25px; margin:-2px 0 0; font-size:14px; font-weight:bold; color:#000; border:none; border-radius:0; background:#fff; text-indent:0;} input[type="text"].txtIpt::-webkit-input-placeholder {font-size:14px; font-weight:normal; color:#999; letter-spacing:-0.5px;} /* input[type="password"] */ input[type="password"].pwIpt {box-sizing:border-box; width:100%; height:25px; margin:-2px 0 0; font-size:14px; font-weight:bold; color:#000; border:none; border-radius:0; background:#fff; text-indent:0;} input[type="password"].pwIpt::-webkit-input-placeholder {font-size:14px; font-weight:normal; color:#999; letter-spacing:-0.5px;} /* placehoder */ .placeholderWrap {display:inline-block; position:relative; width:100%; height:25px;} .placeholderWrap .labelTit {position:absolute; top:0; left:0; right:0; bottom:0; padding:1px 0 0; line-height:24px; font-size:13px; color:#888; letter-spacing:-1px;} .placeholderWrap .labelTit .txtS {display:inline-block; line-height:23px; font-size:12px; vertical-align:top;} .placeholderWrap input[type="text"], .placeholderWrap input[type="password"] {position:static; width:100%; height:25px; font-size:13px; font-weight:bold; color:#333; border:none; border-radius:0; background:#fff; vertical-align:top; text-indent:0;} .placeholderWrap input[disabled] {color:#000 !important} .placeholderWrap input[type="tel"] {position:static; width:100%; height:25px; font-size:14px; font-weight:bold; color:#000; border:none; border-radius:0; background:#fff; vertical-align:top; text-indent:0;} .placeholderWrap.mobile .point {color:#e51937;position:relative;top:8px} .placeholderWrap.mobile input[type="tel"] {width:90%} .placeholderWrap.remail input[type="text"] {width:90%} /* checkbox */ input[type="checkbox"].checkBox01 {display:inline-block; width:17px; height:17px; margin:-2px 0 0; border:1px solid #222 !important; background:#fff; vertical-align:middle;} input[type="checkbox"].checkBox01:checked {background:url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0; background-size:auto 17px; background-position:-192px 0;} input[type="checkbox"].checkBox02, input[type="checkbox"].checkBox03, input[type="checkbox"].checkBox04, input[type="checkbox"].checkBox05, input[type="checkbox"].checkBox06, input[type="checkbox"].checkBox07 {display:inline-block; width:17px; height:17px; margin:-2px 0 0; border:none !important; background:url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png) no-repeat 0 0; background-size:auto 17px; background-color:transparent; vertical-align:middle;} input[type="checkbox"].checkBox03, input[type="checkbox"].checkBox04, input[type="checkbox"].checkBox05, input[type="checkbox"].checkBox06, input[type="checkbox"].checkBox07 {background-position:-104px 0;} input[type="checkbox"].checkBox02:checked {background-position:-22px 0;} input[type="checkbox"].checkBox03:checked {background-position:-44px 0;} input[type="checkbox"].checkBox04:checked {background-position:-126px 0;} input[type="checkbox"].checkBox05:checked {background-position:-148px 0;} input[type="checkbox"].checkBox06:checked {background-position:-170px 0;} input[type="checkbox"].checkBox07:checked {background-position:-255px 0;} /* radio */ input[type="radio"].radioBox01 {display:inline-block; width:14px; height:14px; margin:-2px 0 0; border:none !important; background-image:url(//image.hnsmall.com/images/mobile2014/common/icon_checks_collect.png); background-size:auto 17px; background-position:-66px 0; vertical-align:middle;} input[type="radio"].radioBox01:checked {background-position:-85px 0;} /* selectbox */ select.selectBox01 {position:static; width:auto; height:25px; margin:-2px 0 0; padding:0 20px 0 0; font-size:14px; color:#222; border:1px solid #cdcdcd; border-radius:0; background:#fff url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box.gif) no-repeat right center; background-size:16px 20px;} /* bullet text */ .bulletTxt {position:relative; padding:0 0 0 8px; margin:13px 0 0; font-size:12px; color:#888;} .bulletTxt:before {display:block; content:""; overflow:hidden; position:absolute; top:5px; left:0; width:3px; height:3px; border-radius:100%; background:#cdcdcd;} .bulletTxt.txtB01, .bulletTxt .txtB01 {font-weight:bold; color:#333;} ul.bulletTxt {position:static; padding:0;} ul.bulletTxt:before {display:none;} ul.bulletTxt li {position:relative; padding:0 0 0 8px; margin:3px 0 0;} ul.bulletTxt li:first-child {margin:0;} ul.bulletTxt li:before {display:block; content:""; overflow:hidden; position:absolute; top:5px; left:0; width:3px; height:3px; border-radius:100%; background:#cdcdcd;} .bulletTxt.ver02:before {background:#888;} ul.bulletTxt.ver02 li:before {background:#888;} .bulletTxt.ver03 {color:#565656;} .bulletTxt.ver03:before {background:#565656;} ul.bulletTxt.ver03 li:before {background:#565656;} /* custom select box //image.hnsmall.com/images/mobile2014/common/ico_selec_box.gif*/ .selectWrap {display:inline-block; overflow:hidden; position:relative; height:25px; vertical-align:middle;} .selectWrap {display:inline-block; overflow:hidden; position:relative; height:25px; vertical-align:middle;} .selectWrap .selectedView {display:inline-block; -webkit-box-sizing:border-box; width:100%; padding:1px 25px 0 0; line-height:24px; font-size:13px; color:#898989; background:url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box02.gif) no-repeat right center; background-size:19px 6px;} .selectWrap .selectedView.active {font-weight:bold; color:#000;} .selectWrap select {position:absolute; top:0; left:0; right:0; height:25px; padding:0; margin:0; color:transparent; border-radius:0; -webkit-border-radius:0; border:none; background:none;} .selectWrap.type02 {box-sizing:border-box; -webkit-box-sizing:border-box; height:25px; border:1px solid #d9d9d9;} .selectWrap.type02 .selectedView {height:23px; padding:1px 25px 0 7px; line-height:22px; font-size:11px; color:#555; background:url(//image.hnsmall.com/images/mobile2014/common/ico_selec_box03.gif) no-repeat right center; background-size:14px 4px;} .selectWrap.type02 select {height:23px;padding:0 7px;} /* sub title */ .titSub {display:block; margin:15px 10px 5px; font-size:13px; color:#222; border:none; background:none;} /* tab */ .tabBox {position:relative; background:#fff;} .tabBox .bar {display:block; position:absolute; left:10%; bottom:0; width:30%; height:2px; background:#e51937;} .tabBox ul {overflow:hidden; width:100%; border-bottom:1px solid #ddd;} .tabBox ul li {float:left; width:50%; text-align:center;} .tabBox ul li a {display:block; height:38px; padding:1px 0 0; line-height:38px; font-size:15px; font-weight:bold; color:#898989;} .tabBox ul li.on a {color:#e51937;} .tabBox ul li.line {position:relative} .tabBox ul li.line:before {position:absolute;width:1px;top:12px;bottom:12px;left:0;background:#eee;content:'';display:block} /* prdListCard_type2 */ .goodsUnitCard.type2 .goodsPrice {background:#fff;position:relative} .goodsUnitCard.type2 .goodsPrice .btn_saleInfo {z-index:20} .goodsUnitCard.type2 .goodsPrice .fake_area {display:block;position:absolute;top:0;left:0;bottom:0;right:0;z-index:10} .tvlive02 .onAirBox .infoBox2 {background-color:rgba(0, 0, 0, 0.4);position:absolute;bottom:0;left:0;right:0;height:25px;padding:0 10px;overflow:hidden;font-size:13px} .tvlive02 .onAirBox .infoBox2 .time {color:#fff;display:block;float:left;line-height:24px;} .tvlive02 .onAirBox .infoBox2 .time strong {font-size:14px;margin-left:5px} .tvlive02 .onAirBox .infoBox2 .play {display:block;float:right;color:#fff;line-height:24px;font-size:14px} .tvlive02 .onAirBox .infoBox2 .play:before {background:url(//image.hnsmall.com/images/mobile2014/common/flag_pang_temp.png) no-repeat -160px -150px;width:19px;height:18px;background-size:210px auto;content:'';margin-right:5px;display:inline-block;position:relative;top:3px;vertical-align:top} /* 메인 혜택 팝업 */ .benefitBn {position:fixed;left:8%;width:84%;bottom:-200px;z-index:10007} .benefitBn_in {position:relative;line-height:0} .benefitBn_in .close_btn {position:absolute;top:5%;left:6%} .benefitBn_in .close_btn img {width:20px} .benefitBn_in .benefit_btn {position:absolute;bottom:4%;text-align:center;left:5px;right:5px} .benefitBn_in .benefit_btn img {width:80%} .benefitBn_in.type2 .benefit_btn {bottom:6%} .benefitBn_in.type3 .benefit_btn {bottom:4.8%} .benefitBn_in.type4 .benefit_btn {bottom:17%;} .benefitBn img {width:100%} /* TV플러스 동영상 리스트 박스 2017-01-17 */ .videoListWrap01 {padding:0 10px; background:#fff;} .videoListWrap01 .columnBox {overflow:hidden; width:100%;} .videoListWrap01 .columnBox li {float:left; box-sizing:border-box; width:50%; /* margin:0 0 -15.625%; */ padding:0 5px;} .videoListWrap01 .columnBox li:nth-child(4n-1) {margin:-17% 0 0;} .videoListWrap01 .columnBox li:nth-child(2n+1) {clear:both;} .btnPlay.goodIco, .btnPlay.goodIcoAfter:after, .btnPlay.goodIcoBefore:before {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png); background-repeat:no-repeat; background-size:auto 50px;} /* 플레이버튼 스타일 추가 2017-02-27 */ .playBtn {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:auto; height:auto;} .playBtn:before {display:block; content:''; width:100%; height:100%; padding:0; background:#000; opacity:0.2;} .playBtn .playIco {position:absolute; top:50%; left:0; z-index:10; width:100%; text-align:center;} .playBtn .playIco:before {display:inline-block; content:""; position:absolute; top:0; left:50%; background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png); background-repeat:no-repeat; background-size:auto 50px;} .playBtn .playIco .playTime {display:inline-block; color:#fff; vertical-align:top;} .playBtn .playIco.large {margin:-32px 0 0; padding:47px 0 0;} .playBtn .playIco.large:before {width:32px; height:40px; margin:0 0 0 -16px; background-position:-34px 0;} .playBtn .playIco.large .playTime {line-height:26px; font-size:23px;} .playBtn .playIco.medium {margin:-17px 0 0; padding:35px 0 0;} .playBtn .playIco.medium:before {width:25px; height:31px; margin:0 0 0 -12px; background-position:-90px -15px;} .playBtn .playIco.medium .playTime {position:static; margin-top:0; line-height:24px; font-size:20px;} /* 길어야 일분 동영상 스타일 추가 2017-01-12 */ .videoUnitCard .goodIco, .videoUnitCard .goodIcoAfter:after, .videoUnitCard .goodIcoBefore:before {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png); background-repeat:no-repeat; background-size:auto 50px;} .videoUnitCard {position:relative; background:#fff;} .videoUnitCard .videoLogo {position:absolute; top:10px; right:10px; z-index:1;} .videoUnitCard .videoLogo img {width:80px;} .videoUnitCard .imgZone {display:block; position:relative; padding:56.49350649350649% 0 0;} .videoUnitCard .imgZone .img {display:block; position:absolute; top:0; right:0; bottom:0; left:0;} .videoUnitCard .imgZone .img:after {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v4.png) repeat-x left bottom; background-size:1px 100%;} .videoUnitCard .imgZone .img img {width:100%; vertical-align:top;} .videoUnitCard .imgZone .img.type2 {overflow:hidden} .videoUnitCard .imgZone .img.type2 img {width:auto;height:100%;margin-left:-1.5%} .videoUnitCard .imgZone .img.type3 img {position:absolute; top:-100%; left:-100%; bottom:-100%; right:-100%; width:100%; height:auto; margin:auto;} .videoUnitCard .btnPlay {position:absolute; top:50%; left:0; width:100%; margin:-32px 0 0; padding:42px 0 0; text-align:center;} .videoUnitCard .btnPlay:before {display:inline-block; content:""; position:absolute; top:0; left:50%; width:32px; height:40px; margin:0 0 0 -16px; background-position:-34px 0;} .videoUnitCard .btnPlay .playTime {display:inline-block; line-height:18px; font-size:15px; color:#fff; vertical-align:top;} .videoUnitCard .viewNum {position:absolute; bottom:15px; right:10px; height:19px; padding:1px 7px 0 25px; line-height:19px; font-size:11px; color:#fff; border-radius:11px; -webkit-border-radius:11px; background-color:#4e47c1;} .videoUnitCard .viewNum:before {display:block; content:""; position:absolute; top:50%; left:7px; width:15px; height:10px; margin:-5px 0 0; background-position:-14px 0;} .videoUnitCard .flagNew {position:absolute; bottom:7px; right:10px; height:19px; padding:1px 10px 0; line-height:19px; font-size:10px; color:#fff; border-radius:11px; background-color:#4e47c1;} .videoUnitCard .videoInfoBox {display:block; position:absolute; bottom:0; left:0; right:0; padding:0 115px 7px 10px;} .videoUnitCard .videoInfoBox .tit {display:block; overflow:hidden; margin:0 0 -2px; font-size:1.357rem; font-weight:normal; color:#fff; text-overflow:ellipsis; white-space:nowrap;} .videoUnitCard .videoInfoBox .price {display:block; font-size:1.428rem; font-weight:bold; color:#fff;} .videoUnitCard .videoInfoBox .price em {font-size:0.857rem;} .videoUnitCard .videoInfoBox .priceBox {margin:4px 0 0;} .videoUnitCard .videoInfoBox .priceBox .priceTit {display:block;font-size:1rem;} .videoUnitCard .videoInfoBox .priceBox .price {margin:-2px 0 0; font-size:1.166666666666667rem; color:#e51937;} .videoUnitCard .videoInfoBox .priceBox .price em {font-size:1rem;} .videoUnitCard.ver02 .imgZone {overflow:hidden; padding:64.28571428571429% 0 0;} .videoUnitCard.ver02 .imgZone .img {margin:-17% 0 0;} .videoUnitCard.ver02 .imgZone .img:before { display:block; content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.1;} .videoUnitCard.ver02 .imgZone .img:after {top:20%; background:url(//image.hnsmall.com/images/mobile2014/common/bg_blackout_v5.png) no-repeat center; background-size:auto 100%; background-color:transparent; opacity:1;} .videoUnitCard.ver02 .imgZone.squareImg {padding:100% 0 0;} .videoUnitCard.ver02 .imgZone.squareImg .img {margin:0;} .videoUnitCard.ver02 .imgZone.squareImg .img:after {top:0;} .videoUnitCard.ver02 .btnPlay {padding:18px 0 0; margin:-15px 0 0;} .videoUnitCard.ver02 .btnPlay:before {display:inline-block; content:""; position:absolute; top:0; left:50%; width:14px; height:18px; margin:0 0 0 -9px; background-position:-71px 0;} .videoUnitCard.ver02 .btnPlay .playTime {position:relative; font-size:11px; color:#fff;} .videoUnitCard.ver02.ex1 .btnPlay .playTime:after {display:none;} .videoUnitCard.ver02 .viewNum {bottom:7px; right:7px; height:15px; padding:1px 5px 0 19px; line-height:15px; font-size:10px;} .videoUnitCard.ver02 .viewNum:before { left:5px; width:12px; height:8px; margin:-4px 0 0; background-position:-90px 0;} .videoUnitCard.ver02 .flagNew {bottom:7px; right:7px; height:14px; padding:1px 10px 0; line-height:14px; font-size:10px;} .videoUnitCard.ver02 .videoInfoBox {position:static; padding:5px 5px 10px;} .videoUnitCard.ver02 .videoInfoBox .tit {display:-webkit-box; overflow:hidden; height:2.4rem; line-height:1.25rem; font-size:1.083333333333333rem; color:#000; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; word-wrap:break-word; white-space:normal;} .videoUnitCard.ver03 {border-bottom:1px solid #b5b5b5;} .videoUnitCard.ver03 .imgZone {overflow:hidden; padding:46.75324675324675% 0 0;} .videoUnitCard.ver03 .imgZone .img img {display:block; position:absolute; left:-100%; top:-100%; right:-100%; bottom:-100%; width:100%; height:auto; margin:auto;} .videoUnitCard.ver03 .imgZone .img:after {background:none;} .videoUnitCard.ver03 .videoInfoBox {display:block; position:relative; padding:7px 10px 10px;} .videoUnitCard.ver03 .videoInfoBox .tit {color:#000;} .videoUnitCard.ver03 .videoInfoBox .priceBox .priceTit {display:inline-block; font-size:1.083rem;} .videoUnitCard.ver03 .videoInfoBox .priceBox .price {display:inline-block; font-size:1.5rem;} .videoUnitCard.ver03 .videoInfoBox .priceBox .price em {font-size:1.166rem;} .videoUnitCard.ver03 .viewNum, .videoUnitCard .flagNew {bottom:10px;} /* 2017-01-18 연관 검색 UI 변경 */ .search_find {background:#fff;padding:0 15px;border-bottom:1px solid #e0e0e0} .search_find:after {content:'';clear:both;display:block} .search_find .thumArea {float:left;width:50%;box-sizing:border-box;padding:15px 8px 15px 0;border:none} .search_find .thumArea:nth-child(2) {padding:15px 0 15px 8px} .search_find .thumArea .img_thumb {width:100%} .search_find .thumArea a p.tit, .search_find .thumArea .base, .search_find .thumArea dl {padding-left:0;padding-right:0} .search_find_tit {padding:1px 15px 0; margin:0 0 5px; line-height:36px; font-size:15px; color:#000; text-align:left; background:#fff; letter-spacing:-1px;} .search_find_txt {overflow: hidden; width:100%; box-sizing:border-box; background:#fff;padding:9px 0 10px 10px;border-bottom:1px solid #b5b5b5;margin-bottom:10px} /* .search_find_txt ul:after {content:'';clear:both;display:block} */ .search_find_txt ul li {float:left;margin-right:15px;line-height:26px} .search_find_txt ul li a {font-size:14px;color:#000} .search_find_txt ul li span {color:#e51937} .popularListWrap .popularTit.type02 {position:relative} .popularListWrap .popularTit.type02 span {font-size:12px;color:#9a9a9a;position:absolute;right:10px;font-weight:normal;top:0} /* 친구 추천 이벤트 배너 */ .myBuddyEventWrap {position:relative; margin:10px; height:58px; background:#7d64e3; vertical-align:top;} .myBuddyEventWrap:before {position:absolute; left:0; top:0; content:''; width:62px; height:58px; background:url(//image.hnsmall.com/images/mobile2014/mypage/bg_mybuddy_event.png) no-repeat; background-size:auto 58px;} .myBuddyEventWrap:after {position:absolute; right:0; top:0; content:''; width:53px; height:58px; background:url(//image.hnsmall.com/images/mobile2014/mypage/bg_mybuddy_event.png) no-repeat; background-position:right 0; background-size:auto 58px;} .myBuddyEventWrap > a {position:absolute; left:0; top:0; right:0; bottom:0; z-index:10;} .myBuddyEventWrap .tits {position:absolute; left:62px; top:14px; width:142px; height:15px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy_event.png) no-repeat; background-size:142px 15px;} .myBuddyEventWrap .blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;} .myBuddyEventWrap .mybuddyInfo {position:absolute; left:62px; top:57%; font-size:0; line-height:0;} .myBuddyEventWrap .mybuddyInfo * {/*vertical-align:middle;*/} .myBuddyEventWrap .mybuddyInfo span {display:inline-block; line-height:1;} .myBuddyEventWrap .mybuddyInfo .txt01 {width:48px; height:13px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy.png) no-repeat; background-size:92px 13px;} .myBuddyEventWrap .mybuddyInfo .txt02 {width:17px; height:13px; margin-left:1px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy.png) no-repeat right top; background-size:92px 13px;} .myBuddyEventWrap .mybuddyInfo .txt03 {width:57px; height:13px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_saved_money.png) no-repeat; background-size:117px 13px;} .myBuddyEventWrap .mybuddyInfo .txt04 {width:12px; height:13px; margin-left:1px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_saved_money.png) no-repeat right top; background-size:117px 13px;} .myBuddyEventWrap .mybuddyInfo .txt05 {width:183px; height:13px; background:url(//image.hnsmall.com/images/mobile2014/mypage/txt_mybuddy02.png) no-repeat; background-size:183px 13px;} .myBuddyEventWrap .mybuddyInfo .unit {font-size:13px; color:#ffe890; font-weight:bold; letter-spacing:-0.7px; vertical-align:2px;} /* 무이자 3개월 타입 */ .no_inter {display:inline-block; margin-left:3px; padding:1px 2px 1px; border:1px solid #cdcdcd; font-size:10px; color:#888; font-weight:normal; line-height:11px; vertical-align:2px;} .no_inter em {margin-left:1px; font-size:11px; color:#888; vertical-align:0px;} /* 모바일 홈 상품 모듈별 UI개선 2015-09-15 */ .renewal_v1 .playBtn .playIco:before {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);} .renewal_v1 .playBtn .playIco.medium:before {width:15px; height:19px; margin-left:-6px; background-position:-160px -15px;} .renewal_v1 .playBtn .playIco.medium {margin-top:-11px; padding-top:23px;} .renewal_v1 .playBtn .playIco.medium .playTime {line-height:1; font-size:11px;} .renewal_v1 .playBtn .playIco.large .playTime {line-height:1; font-size:13px;} .renewal_v1 .playBtn .playIco.large:before {width:25px; height:32px; margin-left:-12px;background-position:-120px -15px;} .renewal_v1 .playBtn .playIco.large {margin-top:-16px; padding-top:38px;} .renewal_v1 .tvlive .goodImg.type02 .playBtn .playIco.large {margin-top:-23px;} .renewal_v1 .priceBlack, .renewal_v1 .textWonBlack {color:#000;} .renewal_v1 .priceBlack {font-size:18px; } .renewal_v1 .textWonBlack {margin-left:2px; color:#000; } .renewal_v1 .priceGray {color:#666; vertical-align:-.5px; letter-spacing:-1px; font-weight:bold; font-size:17px; font-family:Arial;} .renewal_v1 .textWonGray {margin-left:1px; color:#666; font-weight:normal; font-size:14px; } .renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best span {top:0; color:#888; font-size:11px;} /* font-size:11px */ .renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best span strong {font-size:12px;} .renewal_v1 .goodsUnitCard .goodsPrice .modifier {margin:0 0 2px; font-size:1.08rem;} .renewal_v1 .goodsUnitCard .goodsPrice .tit {font-size:1.33rem;} .renewal_v1 .goodsUnitCard .priceInfor {margin-top:2px;} .renewal_v1 .goodsPrice.type03 .tit {margin-bottom:7px;} .renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase {font-size:0.91rem; color:#888;} .renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .existPrice {font-size:1rem;} .renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .discountPrice {color:#888; font-size:1rem;} .renewal_v1 .goodsUnitCard .priceInfor .priceArea .priceBase .won {color:#888; font-size:0.91rem;}/* font-size: 11px */ .renewal_v1 .goodsUnitCard .priceInfor .priceArea dl dd .textWonBlack, .renewal_v1 .goodsUnitCard .priceInfor .priceArea dl dd .textWonRed {font-weight:normal;} .renewal_v1 .goodsUnitCard .goodsPrice .goodTit_best {margin-bottom:2px;} /* 이미지 배너 크롭 뷰 */ .imgCropWrap {position:relative;; overflow:hidden; padding:50% 0 0;} .imgCropWrap .imgCrop {position:absolute; left:0; top:0; right:0; bottom:0; display:block;} .imgCropWrap .imgCrop img {position:absolute; left:-100%; top:-100%; right:-100%; bottom:-100%; margin:auto; width:100%; height:auto;} .renewal_v1.tvlive .goodImg.type02:before {display:none;} .renewal_v1 .vod_area .goodImg.type02:before {display:block;} /* 글자 크기 확대 */ html.font_zoom .renewal_v1 .priceGray {font-size:1.222rem;} /* 플래그 관련 추가 */ .renewal_v1 .flagBox em, .renewal_v1 .prdFlag em, .renewal_v1 .prdFlagWrap em, .renewal_v1 .mainFlag em, .renewal_v1 .prtFlag em {position:relative; float:left;background-image: url(//image.hnsmall.com/images/mobile2014/common/flag_pang_v1_temp.png);background-repeat: no-repeat;background-size: auto 305px;overflow:hidden; text-indent:-1000px;} /* 음성검색 케이스 추가 */ .searchHeader.searchVoice .search_box fieldset span input[type="text"] {width:78%; } .searchHeader.searchVoice .search_box .btn_gnb_voice:before {z-index:10; display:inline-block; content:""; position:absolute; top:7px; left:11px; width:13px;height:21px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -245px -30px;background-size:300px auto;} .searchHeader.searchVoice .search_box .btn_gnb_search{right:57px; background:transparent; } .searchHeader.searchVoice .search_box .btn_gnb_search:before {top:7px; background-position:-263px -30px; } .searchHeader.searchVoice .search_box .btn_gnb_del{right:91px;} .searchVoice .search_box.search_box_v2 .searchWordWrap {right:90px;} .searchHeader.searchVoice .search_box .btn_gnb_voice {position:absolute; top:7px; right:12px; width:35px; height:35px; padding:0; margin:0; border:none; outline:none; background-color:transparent;} .btn_gnb_voice i {display:block; cursor:pointer; text-indent:-9999px; } .btn_gnb_voice i:before {position:absolute; top:0; right:0; border-radius:50%; background-color:#e51937; opacity:.2; display:inline-block; content:""; width:35px; height:35px; } .btn_gnb_voice i:after {position:absolute; top:0; right:0; border-radius:50%; background:#e51937; display:inline-block; content:""; width:35px; height:35px; } .voiceTooltip {position:absolute; right:12px; top:50px; border-radius:2px; background-color:#4b33ad;} .voiceTooltip:before {content:''; display:block; width:0; height:0; border:#4b33ad solid 6px; border-color:transparent transparent #4b33ad; position:absolute; right:12px; top:-12px;} .voiceTooltip .tipCon {padding:9px 18px 8px 20px; font-size:18px; color:#fff; } /* 2018-03-13 특가샵 레이어 팝업 추가 */ .specialShopLayer {display:none; overflow:hidden; overscroll-behavior:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:101%; z-index:9998;} .specialShopLayer ul {overflow:hidden;height:100%; } .specialShopLayer ul li:nth-child(1), .specialShopLayer ul li:nth-child(2) {height:34%;} .specialShopLayer ul li {overflow:hidden; position:relative; float:left; width:50%; height:33%; box-sizing:border-box;} .specialShopLayer ul li .imgCropWrap {padding:200% 0 0;} .specialShopLayer ul li .imgCropWrap .imgCrop img {top:-150%; bottom:-105%;} .specialShopLayer .shopTit {position:absolute; bottom:20px; left:20px; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-.5px; } .specialShopLayer .shopTit:after {position:relative; top:2px; display:inline-block; content:''; width:9px; height:16px; margin-left:9px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_special_shop.png) no-repeat -63px 0; background-size:150px auto;} .specialShopLayer ul li:nth-child(odd):before, .specialShopLayer ul li:nth-child(even):before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background-color:#fff;} .specialShopLayer ul li:nth-child(odd):after {display:block; content:''; position:absolute; right:0; bottom:0; z-index:1; width:1px; height:100%; background-color:#fff;} .specialShopLayer ul li:nth-child(5):before, .specialShopLayer ul li:last-child:before {display:none;} /* 2018-04-26 특가샵 레이어팝업 수정 */ .specialShopLayerWrapper {display:none; overflow:hidden; overscroll-behavior:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:101%; z-index:9998;} .specialShopLayerWrapper > div {display:block; height:100%; } .specialShopLayer_1 ul {overflow:hidden; height:100%; background-color:#fff; } .specialShopLayer_1 ul li:first-child {width:100%; height:43%; } .specialShopLayer_1 ul li {position:relative; float:left; display:table; width:50%; height:19%;} .specialShopLayer_1 ul li a {display:table-cell; padding-left:74px; vertical-align:middle; font-size:18px; } .specialShopLayer_1 ul li a:before {display:block; content:''; position:absolute; left:0; top:50%; transform: translate(0, -50%);} .specialShopLayer_1 ul li a:after {display:block; content:''; position:absolute; right:12px; top:50%; transform: translate(0, -50%); width:10px; height:16px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_arrow.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li:first-child a:after {display:none;} .specialShopLayer_1 ul li.imgBanner {position:relative; z-index:10; display:table; background-color:#8a71f7;} .specialShopLayer_1 ul li.imgBanner a {display:table-cell; vertical-align:middle; padding-left:0; } .specialShopLayer_1 ul li.imgBanner a img {width:100%;} .specialShopLayer_1 ul li.shinhan a:before {width:66px; height:48px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_01.png) no-repeat left top; background-size:100%;} /* .specialShopLayer_1 ul li.shinhan {background-color:#e3f9ff;} */ .specialShopLayer_1 ul li.shinhan a {font-weight:bold; } .specialShopLayer_1 ul li .hot {display:block; width:30px; height:14px; margin-bottom:2px; text-indent:-999px; overflow:hidden; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_hot_icon.png) no-repeat left top; background-size:100%; } .specialShopLayer_1 ul li.lffashion a:before {width:59px; height:68px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_lf.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li.lffashion a {font-weight:bold; } .specialShopLayer_1 ul li .new {display:block; width:30px; height:14px; margin-bottom:2px; text-indent:-999px; overflow:hidden; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_new_icon.png) no-repeat left top; background-size:100%; } .specialShopLayer_1 ul li.book a:before {width:60px; height:57px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_02.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li.rental a:before {width:52px; height:69px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_03.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li.travel a:before {width:60px; height:61px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_04.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li.animal a:before {width:55px; height:74px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_05.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li.ecoupon a:before {width:61px; height:61px; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_icon_06.png) no-repeat left top; background-size:100%;} .specialShopLayer_1 ul li:nth-child(even):before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background-color:#ddd;} .specialShopLayer_1 ul:after {display:block; content:''; position:absolute; left:50%; bottom:0; z-index:1; width:1px; height:100%; background-color:#ddd;} .specialShopLayer_1 ul li:nth-child(odd):before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background-color:#ddd;} .specialShopLayer_1 ul li:nth-child(1):before, .specialShopLayer_1 ul li:nth-child(6):before, .specialShopLayer_1 ul li:nth-child(7):before {display:none;} @media(max-width:320px) { .specialShopLayer_1 ul li a {font-size:15px; } } /* 2018-05-15 특가샵 레이어팝업 수정 */ .specialShopLayer_1_1 ul {overflow:hidden; height:100%; background-color:#fff; } .specialShopLayer_1_1 ul li:first-child {width:100%; height:43%; } .specialShopLayer_1_1 ul li {position:relative; float:left; display:table; width:50%; height:19%;} .specialShopLayer_1_1 ul li a {display:table-cell; padding-left:74px; vertical-align:middle; font-size:18px; } .specialShopLayer_1_1 ul li a span.layer_img {width:74px; display:block; position:absolute; left:0; top:50%; transform: translate(0, -50%);} .specialShopLayer_1_1 ul li a span.layer_img img {width:100%;} .specialShopLayer_1_1 ul li a span.layer_bul {display:block; position:absolute; right:12px; top:50%; transform: translate(0, -50%); width:10px; height:16px;} .specialShopLayer_1_1 ul li a span.layer_bul img {width:100%;} .specialShopLayer_1_1 ul li:first-child a:after {display:none;} .specialShopLayer_1_1 ul li.imgBanner {position:relative; z-index:10; display:table; background-color:#8a71f7;} .specialShopLayer_1_1 ul li.imgBanner a {display:table-cell; vertical-align:middle; padding-left:0; } .specialShopLayer_1_1 ul li.imgBanner a img {width:100%;} .specialShopLayer_1_1 ul li.shinhan a {font-weight:bold; } .specialShopLayer_1_1 ul li .hot {display:block; width:30px; height:14px; margin-bottom:2px; text-indent:-999px; overflow:hidden; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_hot_icon.png) no-repeat left top; background-size:100%; } .specialShopLayer_1_1 ul li.lffashion a {font-weight:bold; } .specialShopLayer_1_1 ul li .new {display:block; width:30px; height:14px; margin-bottom:2px; text-indent:-999px; overflow:hidden; background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver1_new_icon.png) no-repeat left top; background-size:100%; } .specialShopLayer_1_1 ul li:nth-child(even):before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background-color:#ddd;} .specialShopLayer_1_1 ul:after {display:block; content:''; position:absolute; left:50%; bottom:0; z-index:1; width:1px; height:100%; background-color:#ddd;} .specialShopLayer_1_1 ul li:nth-child(odd):before {display:block; content:''; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1px; background-color:#ddd;} .specialShopLayer_1_1 ul li:nth-child(1):before, .specialShopLayer_1_1 ul li:nth-child(6):before, .specialShopLayer_1_1 ul li:nth-child(7):before {display:none;} @media(max-width:320px) { .specialShopLayer_1_1 ul li a {font-size:15px; } } /* 2018-04-26 특가샵 레이어팝업 B안 */ .specialShopLayer_2 ul {height:70%; background-color:#fff; } .specialShopLayer_2 ul li {position:relative; z-index:10; display:table; width:100%; height:60%; background-color:#8a71f7;} .specialShopLayer_2 ul li:nth-child(2) {height:40%; background-color:#dbedfa;} .specialShopLayer_2 ul li a {display:table-cell; vertical-align:middle; padding-top:0; } .specialShopLayer_2 ul li a img {width:100%;} .specialShopLayer_2 .iconListWrap {display:table; background-color:#fff; width:100%; height:30%; } .specialShopLayer_2 .iconList {display:table-cell; overflow:hidden;width:100%; vertical-align:middle;} .specialShopLayer_2 .iconList a {position:relative; float:left; width:20%; padding-top:81px; text-align:center; font-size:15px;} .specialShopLayer_2 .iconList a:before {position:absolute; left:50%; top:0; transform: translate(-50%, 0); display:block; content:''; width:64px; height:71px; } .specialShopLayer_2 .iconList a.book:before {background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_01.png) no-repeat left top; background-size:100%;} .specialShopLayer_2 .iconList a.rental:before {background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_02.png) no-repeat left top; background-size:100%;} .specialShopLayer_2 .iconList a.travel:before {background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_03.png) no-repeat left top; background-size:100%;} .specialShopLayer_2 .iconList a.animal:before {background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_04.png) no-repeat left top; background-size:100%;} .specialShopLayer_2 .iconList a.ecoupon:before {background:url(//image.hnsmall.com/images/mobile2014/common/special_layer_ver2_icon_05.png) no-repeat left top; background-size:100%;} /* 2018-07-09 사이드 네비 100% 풀사이징 수정 */ .side_nav.full_nav .login_area em:before {background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png); background-position:-95px -405px;} /* 대 카테고리 오픈관련 트랜지션 */ .nav_open_v1 .cont_sw{-webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .font_zoom .nav_open_v1 .cont_sw{-webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .side_nav.full_nav {position:fixed; top: 0; left:-100%; -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-overflow-scrolling:touch;} .nav_open_v1 .side_nav{bottom:0; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .side_nav.full_nav {width:100%;} .side_nav.full_nav .login_area .side_btn {right:auto; } .side_nav.full_nav .login_area .side_btn a:first-child {margin-left:0; } .side_nav.full_nav .quick_nav {padding:12px 0; background:#fff;} .side_nav.full_nav .quick_nav li a {color:#4d4d4d;} .side_nav.full_nav .quick_nav li a em {display:block;margin: 0 auto 5px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav.full_nav .quick_nav li.quick_customer a em{width:23px; height:23px; background-position:-95px -351px;} .side_nav.full_nav .quick_nav li.quick_order a em{width:27px; height:21px; margin-top:2px; background-position:-118px -378px;} .side_nav.full_nav .quick_nav li.quick_shopping a em{width:18px; height:22px; margin-top:1px; background-position:-95px -378px;} .side_nav.full_nav .quick_nav li.linkArim a em{width:20px; height:21px; margin-top:2px; background-position:-123px -351px;} .side_nav.full_nav .quick_nav_app li a em{display:inline-block; vertical-align: middle;margin-right: 5px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav.full_nav .quick_nav_app li.linkArim a em {width:20px; height:21px; background-position:-123px -351px;} .side_nav.full_nav .quick_nav_app li.quick_customer a em {width:23px; height:23px; background-position:-95px -351px;} /* 사이드네비 신규컨텐츠 */ .side_nav .newSideCon {overflow:hidden; background-color:#ebebeb;} /* 인기테마관 */ .newSideCon .hotTheme {margin-top:9px; background-color:#ebebeb;} .newSideCon .hotTheme .themeTit {height:41px; line-height:42px; padding-left:10px; color:#000; font-size:14px; font-weight:bold; background-color:#fff;} .newSideCon .hotTheme ul {overflow:hidden; position:relative; width:100%; border-bottom:1px solid #cdcdcd; background-color:#fff;} .newSideCon .hotTheme ul:after {display:block; content:''; position:absolute; left:50%; top:0; transform: translate(-50%, 0); width:1px; height:100%; background:#eee;} .newSideCon .hotTheme ul li {float:left; width:50%; border-top:1px solid #eee;} .newSideCon .hotTheme ul li.col_1 {width: 100%;position: relative;z-index: 10;background-color: #fff;} .newSideCon .hotTheme ul li.col_1 img {width: 320px} .newSideCon .hotTheme ul li a {display:block; position:relative; } .newSideCon .hotTheme ul li a:after {display:block; content:''; position:absolute; right:15px; top:50%; transform: translate(0, -50%); width:9px; height:16px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -123px -433px; background-size:150px auto;} .newSideCon .hotTheme ul li a img {display:block; width:160px;} /* 컬러 텍스트 배너 : 릴팡, 친추 */ .newSideCon .txtBanner {overflow:hidden; margin-top:9px; border-bottom:1px solid #cdcdcd;} .newSideCon .txtBanner a {position:relative; float:left; width:50%; height:50px; padding:9px 0 0 10px; box-sizing:border-box; color:#fff; font-size:13px; background-color:#8d76ee;} .newSideCon .txtBanner a:first-child {background-color:#765ddc;} .newSideCon .txtBanner a:after {display:block; content:''; position:absolute; right:15px; top:50%; transform: translate(0, -50%); width:8px; height:12px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -110px -433px; background-size:150px auto;} .side_nav.full_nav .side_cate {overflow:hidden; padding-top:0; } /* 사이드배너 하단 */ .btmSideArea {background-color:#ebebeb;} .btmSideArea .txtBtmBanner {background-color:#fff;} .btmSideArea .txtBtmBanner ul {overflow:hidden; position:relative; border-bottom:1px solid #cdcdcd;} .btmSideArea .txtBtmBanner ul:after {display:block; content:''; position:absolute; left:50%; top:0; transform: translate(-50%, 0); width:1px; height:100%; background:#eee;} .btmSideArea .txtBtmBanner ul li {float:left; width:50%; border-top:1px solid #eee; } .btmSideArea .txtBtmBanner ul li:nth-child(1), .btmSideArea .txtBtmBanner ul li:nth-child(2) {border-top:0 none;} .btmSideArea .txtBtmBanner ul li a {display:block; height:43px; padding-left:10px; line-height:43px; font-size:14px; color:#000; } .btmSideArea ul.btmStatus {overflow:hidden; display:table; width:100%; margin-top:9px; background-color:#777;} .btmSideArea ul.btmStatus li {display:table-cell; width:50%; } .btmSideArea ul.btmStatus li a {display:block; position:relative; width:100%; height:43px; line-height:43px; text-align:center; color:#fff; font-size:13px;} .btmSideArea ul.btmStatus li:nth-child(2) a:before {display:block; content:''; position:absolute; left:0; top:15px; width:1px; height:13px; background-color:#8f8f8f; } .side_nav.full_nav .btn_close_sidenav {display:inline-block; position:absolute; right:15px; top:15px; width:18px; height:18px; margin:0; padding:0; z-index:10000; color:transparent; border:0 none; font-size:2px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png) no-repeat -127px -405px; background-size:150px auto;} .nav_open_v1 .side_nav.full_nav .btn_close_sidenav, .appSidebar .side_nav.full_nav .btn_close_sidenav {position:fixed; cursor:pointer;} /* 2018-07-25 앱에서는 nav_open_v1 클래스가 없음. 앱대응 css */ /* 사이드배너 하단 쇼핑뉴스 메뉴 삭제 2018-08-14 */ .txtBtmBanner.type02 ul:after {display:none;} .txtBtmBanner.type02 ul li {box-sizing:border-box; } .txtBtmBanner.type02 ul li:nth-child(1) {border-right:1px solid #eee;} .txtBtmBanner.type02 ul li a {text-align:center; } .txtBtmBanner.type02 ul li:last-child {width:100%; } /* 사이드 네비 카테고리 아이콘 개선 2018-07-12 */ .side_nav.full_nav .side_cate dt {height:41px; line-height:42px; color:#000; font-size:14px; font-weight:bold; } .side_nav.full_nav .side_cate .bookmark .empty {padding:10px 53px;} .side_nav.full_nav .side_cate dd.bookmark p {border-bottom:1px solid #ddd;} .side_nav.full_nav .side_cate dd.bookmark ul li div {border-bottom:1px solid #ddd;} .side_nav.full_nav .side_cate dd p {border-bottom:1px solid #eee;} .side_nav.full_nav .side_cate dd.active p {border-bottom:1px solid #ddd;} .side_nav.full_nav .side_cate dd:last-child p {border-bottom:1px solid #cdcdcd;} .side_nav.full_nav .side_cate dd:last-child.active p {border-bottom:1px solid #ddd;} .side_nav.full_nav .side_cate dd p {position:relative; height:39px; line-height:40px; padding-left:53px; color:#000; font-size:14px; } .side_nav.full_nav .side_cate dt a {line-height:25px; font-weight:normal;} .side_nav.full_nav .side_cate dd > p > em:first-child { border-radius:0;background-color:transparent; } .side_nav.full_nav .side_cate dd p .ico {display:inline-block; position:absolute; left:10px; top:3px; width:33px; height:33px; vertical-align:middle; margin-right:10px; background-position:0 0; background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav.full_nav .side_cate dd.active > p {color:#e51937; font-weight:bold;} .side_nav.full_nav .side_cate .bookmark > p .ico {background-position: 0 -521px;} .side_nav.full_nav .side_cate .bookmark.active > p .ico {background-position: -43px -521px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu1 .ico {background-position:0 -559px;} .side_nav.full_nav .side_cate dd.active.menu1 .ico {background-position:-43px -559px; background-color:transparent;} .side_nav.full_nav .side_cate dd ul li div {line-height:42px; padding-left:53px;} .side_nav.full_nav .side_cate dd ul li div em span{display: inline-block; background-position:-111px -521px; width:15px; height:14px; margin:13px 10px;background-image: url(//image.hnsmall.com/images/mobile2014/common/ico_side_201807_1.png);background-repeat: no-repeat;background-size:150px auto;} .side_nav.full_nav .side_cate dd ul li div.act em span{background-position:-86px -521px;} .side_nav.full_nav .side_cate .bookmark ul li div strong {display:none !important;} .side_nav.full_nav .side_cate .bookmark ul li div em span {background-position:-86px -521px;} .side_nav.full_nav .side_cate dd p .new {background-position:-86px -540px; width:38px !important; height:16px !important; margin:0 0 0 5px !important; vertical-align:-3px;} .side_nav.full_nav .side_cate dd.menu40010119 .ico {background-position:0 -1129px;} .side_nav.full_nav .side_cate dd.active.menu40010119 .ico {background-position:-43px -1129px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu14 .ico {background-position:0 -1129px;} .side_nav.full_nav .side_cate dd.active.menu14 .ico {background-position:-43px -1129px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40003544 .ico {background-position:0 -711px;} .side_nav.full_nav .side_cate dd.active.menu40003544 .ico {background-position:-43px -711px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40007263 .ico {background-position:0 -749px;} .side_nav.full_nav .side_cate dd.active.menu40007263 .ico {background-position:-43px -749px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40005672 .ico {background-position:0 -787px;} .side_nav.full_nav .side_cate dd.active.menu40005672 .ico {background-position:-43px -787px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000001 .ico {background-position:0 -825px;} .side_nav.full_nav .side_cate dd.active.menu40000001 .ico {background-position:-43px -825px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000007 .ico {background-position:0 -863px;} .side_nav.full_nav .side_cate dd.active.menu40000007 .ico {background-position:-43px -863px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000005 .ico {background-position:0 -901px;} .side_nav.full_nav .side_cate dd.active.menu40000005 .ico {background-position:-43px -901px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000004 .ico {background-position:0 -939px;} .side_nav.full_nav .side_cate dd.active.menu40000004 .ico {background-position:-43px -939px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000002 .ico {background-position:0 -977px;} .side_nav.full_nav .side_cate dd.active.menu40000002 .ico {background-position:-43px -977px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40007838 .ico {background-position:0 -1015px;} .side_nav.full_nav .side_cate dd.active.menu40007838 .ico {background-position:-43px -1015px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000003 .ico {background-position:0 -1053px;} .side_nav.full_nav .side_cate dd.active.menu40000003 .ico {background-position:-43px -1053px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40000006 .ico {background-position:0 -1091px;} .side_nav.full_nav .side_cate dd.active.menu40000006 .ico {background-position:-43px -1091px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40009830 .ico {background-position:0 -597px;} .side_nav.full_nav .side_cate dd.active.menu40009830 .ico {background-position:-43px -597px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40009886 .ico {background-position:0 -635px;} .side_nav.full_nav .side_cate dd.active.menu40009886 .ico {background-position:-43px -635px; background-color:transparent;} .side_nav.full_nav .side_cate dd.menu40009887 .ico {background-position:0 -673px;} .side_nav.full_nav .side_cate dd.active.menu40009887 .ico {background-position:-43px -673px; background-color:transparent;} /* 2018-07-06 gnb수정 */ .wrapAllHeader{position:absolute; width:100%; z-index:100; left:0;} .wrapAllHeader .app_setup, .wrapAllHeader .headerNew, .wrapAllHeader .rn_gnb_wrap{position:relative; top:0; left:0; width:100%; box-sizing:border-box;} .mainContent.nopadTop{padding-top:182px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3{height:94px; padding:0;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav{top:19px; left:15px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav span, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav span{width:21px; height:18px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -74px 0; background-size:250px auto;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 h1{top:14px; left:50%; margin:0 0 0 -33px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 h1 a, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1 a{width:67px; height:27px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat 0 0; background-size:250px auto;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04{top:9px; right:59px; width:37px; height:auto; padding-top:27px; text-align:center; font-size:11px; line-height:1; color:#333; white-space:nowrap; background:none; letter-spacing:-0.5px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before{content:""; display:block; position:absolute; top:0; left:4px; width:29px; height:23px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -100px 0; background-size:250px auto;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox{top:10px; right:6px; width:50px; height:auto; margin:0; padding-top:26px; overflow:visible; background:none;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox{width:auto; height:auto; background:none;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox:before, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox:before{content:""; display:block; position:absolute; top:0; left:10px; width:24px; height:24px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -134px 0; background-size:250px auto;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox span, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox .btn_gnb_orderBox span{display:block; width:auto; height:auto; line-height:1; text-align:center; font-size:11px; color:#333; white-space:nowrap; background:none; letter-spacing:-0.5px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox:before, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox:before{top:-2px; right:8px; width:17px; height:17px; border-radius:8.5px; background:#333; z-index:10; border:0 none;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox span.orderNum, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox span.orderNum{z-index:11; top:-2px; right:8px; width:17px; font-size:10px; line-height:18px; font-weight:bold;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero:before, .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero span.orderNum, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero:before, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox.addZero span.orderNum{display:none;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search{position:absolute; top:auto; bottom:8px; left:0; margin:0 10px 0 10px; padding-right:39px; height:32px; border-radius:40px; background:#e8e8e8;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:after{display:none;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2{position:absolute; bottom:8px; right:20px; z-index:2; width:32px; height:32px; text-indent:-9999px; overflow:hidden;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2:before{content:""; display:block; position:absolute; top:7px; left:9px; width:19px; height:19px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -172px 0; background-size:250px auto;} .wrapAllHeader .wrapAllHeaderInner .headerNew .btn_gnb_search span{display:block; width:auto; height:auto; margin:0 33px 0 14px; font-size:13px; color:#888; line-height:34px; letter-spacing:-0.5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrapAllHeader .wrapAllHeaderInner .btn_voice_search{display:block; position:absolute; bottom:8px; right:10px; width:40px; height:32px; background:#e8e8e8; border-radius:0 16px 16px 0; overflow:hidden;} .wrapAllHeader .wrapAllHeaderInner .btn_voice_search span{position:absolute; left:1000em;} .wrapAllHeader .wrapAllHeaderInner .btn_voice_search:before{content:""; position:absolute; top:6px; right:13px; display:block; width:18px; height:22px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -194px 0; background-size:250px auto;} .wrapAllHeader .rn_gnb_wrap{height:43px;} .wrapAllHeader .rnGnbBar{background:#e51937;} .wrapAllHeader .rn_hpromotion_swipe li.on{color:#e51937;} .wrapAllHeader .rn_gnb_wrap.v3 .rn_hpromotion_swipe li{padding:11px 3px 13px 3px;} .wrapAllHeader .rn_gnb_wrap.v3 .rn_gnb_prev{padding:13px 26px 11px 10px;} .wrapAllHeader .rn_gnb_wrap.v3 .rn_gnb_next{padding:13px 10px 11px 26px;} .wrapAllHeader .app_setup+.wrapAllHeaderInner .headerNew{top:0;} /* 2018-07-06 gnb수정(서브) */ .wrapAllHeaderInner + main .contents {padding-top:55px;} .wrapAllHeaderInner .btn_voice_search{display:none;} .app_setup+.wrapAllHeaderInner .headerNew{top:45px;} .cont_sw > .wrapAllHeaderInner .headerNew{height:54px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1{top:16px; left:48px; margin:0;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 h1 a{width:60px; height:24px; background-position:0 -85px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_sidenav{top:19px; left:15px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .orderBox{top:10px; right:6px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btnTvSchedule.ver04:before{background-position:-150px -32px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search{position:absolute; top:14px; right:102px; width:34px; height:34px; background:none; overflow:visible; margin:0;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search span{display:none; position:absolute; top:0; right:8px; z-index:2; width:15px; height:15px; border-radius:7.5px; border:2px solid #2e2e2e; text-indent:-9999px; overflow:hidden; background:#fff; box-sizing:border-box;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:after{z-index:1; top:-1px; right:5px; width:20px; height:20px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -185px -32px; background-size:250px auto;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search:before{content:"검색"; display:block; position:absolute; top:22px; left:10px; font-size:11px; line-height:1; color:#333; white-space:nowrap; background:none; letter-spacing:-0.5px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2{display:none;} /* 2018-07-06 플로팅배너 추가 및 탑버튼 수정 */ .footer .btn_top_floating.ver2{width:49px; height:50px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -100px -32px; background-size:250px auto;} .footer .btn_top_floating.ver2:before{display:none;} .footer .btn_top_floating.ver2+.btn_goods_floating{bottom:65px; right:15px;} .btn_tv_search{display:none!important; position:fixed; bottom:65px; right:0; z-index:100;} .btn_tv_search:after{content:""; display:block; clear:both;} .btn_tv_search a{display:block; float:left; cursor:pointer; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat 0 0; background-size:250px auto; text-indent:-1000em; overflow:hidden;} .btn_tv_search a.search_link{width:45px; height:45px; background-position:0 -33px;} .btn_tv_search a.tv_link{width:52px; height:45px; background-position:-45px -33px;} .half_top_tab.ver2.docked{top:46px} /* 2018-07-19 사이드바 수정 */ .side_nav.full_nav .side_cate.hidden_fav .bookmark, .side_nav.full_nav .side_cate.hidden_fav dd ul li div em{display:none;} .side_nav.full_nav {padding-top:50px; background:#fff;} .side_nav.full_nav .login_area{position:relative; top:0; left:0; width:100%; box-sizing:border-box;} .side_nav.full_nav .login_area em {height:50px;} .side_nav.full_nav .login_area .side_btn {top:13px;} .side_nav.full_nav .login_area {height:50px;} .nav_open_v1 .side_nav.full_nav .login_area, .appSidebar .side_nav.full_nav .login_area {position:fixed; top:0;} /* 2018-07-25 앱에서는 nav_open_v1 클래스가 없음. 앱대응 css */ .side_nav.full_nav .side_nav_cont{box-sizing:border-box; height:100%; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;} /* 2018-07-25 사이드바 수정 */ .side_nav .side_cate dd.bookmark ul li div em{display:block;} .nav_open_fixed .cont_sw, .font_zoom .nav_open_fixed .cont_sw, .nav_open_fixed .side_nav, .nav_open_fixed .side_nav{-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .nav_open_fixed .side_nav.full_nav{left:0;} /* 2018-07-30 사이드바 변경 */ .side_nav.ani_left{height:100%; box-sizing:border-box; z-index:5; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .nav_open_v2 .cont_sw, .font_zoom .nav_open_v2 .cont_sw{-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .nav_open_v2 .side_nav.full_nav .login_area{position:absolute; overflow:hidden;} /* 2018-08-06 gnb룩 통일 */ .header_prd_detail.type03 .bgBox{position:relative; padding:10px 9px 0 9px;} .header_prd_detail.type03 .bgBox .bg02{padding:0;} .header_prd_detail.type03 .bgBox .bg02 > span, .header_prd_detail.type03 .header_prd_detail_inner .btnBox a{position:absolute; margin:0;} .header_prd_detail.type03 .bgBox .bg01, .header_prd_detail.type03 .bgBox .bg02 > span.btnHome, .header_prd_detail.type03 .bgBox .bg02 > span.btnCart, .header_prd_detail.type03 .bgBox .bg02 > span.btnSearch, .header_prd_detail.type03 .header_prd_detail_inner .btnBack, .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnHome, .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart, .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnSearch, .searchHeader_v3 .btn_pre span, .searchHeader_v3 .search_box .btn_gnb_del, .searchHeader_v3 .search_box .btn_gnb_search:before, .searchHeader_v3.searchVoice .search_box .btn_gnb_voice i{background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat; background-size:250px auto;} .searchHeader_v3{box-sizing:border-box;} .searchHeader_v3+main .contents.unifiSearchCont{padding-top:50px;min-height:350px;}/* TV상품 탭 데이터 없을 때 min-height값 타이밍 이슈로 미계산되어 값 추가 : 210405 */ .searchHeader_v3+main .searchWrap.searchWrap_v3{margin-top:50px;} .header_prd_detail.type03 .bgBox .bg01{width:24px; height:16px; margin-top:5px; background-position:0 -112px;} .header_prd_detail.type03 .bgBox .bg02 > span.btnHome{top:13px; right:85px; width:26px; height:22px; background-position:-27px -112px;} .header_prd_detail.type03 .bgBox .bg02 > span.btnCart{top:13px; right:50px; width:24px; height:24px; background-position:-80px -112px; overflow:visible;} .header_prd_detail.type03 .bgBox .bg02 > span.btnSearch{top:18px; right:14px; width:21px; height:21px; background-position:-56px -112px;} .header_prd_detail.type03 .header_prd_detail_inner{height:49px;} .header_prd_detail.type03 .header_prd_detail_inner h1{padding:14px 0 0 5px;} .header_prd_detail.type03 .header_prd_detail_inner .btnBox{top:0; right:0;} .header_prd_detail.type03 .header_prd_detail_inner .btnBack{top:15px; left:9px; width:26px; height:22px; background-position:-107px -112px;} .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnHome{top:13px; right:85px; width:26px; height:22px; background-position:-134px -112px;} .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnSearch{top:18px; right:14px; width:21px; height:21px; background-position:-163px -112px;} .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart{top:13px; right:50px; width:24px; height:24px; background-position:-187px -112px;} .header_prd_detail.type03 .header_prd_detail_inner .btnBox a.btnCart em, .header_prd_detail.type03 .bgBox .bg02 > span.btnCart em{position:absolute; top:-3px; right:-8px; display:block; width:17px; height:17px; line-height:20px; border-radius:8.5px; background:#333; color:#fff; text-align:center; font-size:10px; font-weight:bold;} .header_prd_detail.type03 .bgBox .bg02 > span.btnCart em{background:#fff; color:#000;} .searchHeader_v3 .btn_pre{left:9px;} .searchHeader_v3 .btn_pre span{width:26px; height:22px; background-position:-107px -112px;} .searchHeader_v3 .search_box{padding:9px 9px 0 10px} .searchHeader_v3 .search_box .btn_gnb_del{right:55px!important; width:20px; height:20px; background-position:0 -139px;} .searchHeader_v3 .search_box .btn_gnb_del:before{display:none;} .searchHeader_v3 .search_box .btn_gnb_search{top:8px; right:15px!important; background:none;} .searchHeader_v3 .search_box .btn_gnb_search:before{width:19px; height:19px; background-position:-23px -139px!important;} .searchHeader_v3 .search_box .btn_gnb_voice{display:none; text-align:center; right:15px;} .searchHeader_v3 .search_box .btn_gnb_voice i{display:inline-block; width:18px; height:22px; background-position:-194px 0!important;} .searchHeader_v3 .search_box .btn_gnb_voice:before, .searchHeader_v3 .search_box .btn_gnb_voice i:after{display:none!important;} .searchHeader_v3 .search_box .btn_gnb_voice i:before{position:absolute; border-radius:0!important; top:10px!important; left:-1px!important; width:1px!important; height:15px!important; background:#d4d4d4!important; opacity:1!important;} .searchHeader_v3 .search_box fieldset span{height:32px; padding:0 100px 0 14px; margin:0 0 0 32px; border-radius:16px; border:0 none; background:#e8e8e8; box-sizing:border-box;} .searchHeader_v3 .search_box fieldset span input[type="text"]{width:100%!important; height:32px; margin:0; color:#333; background:#e8e8e8;} .searchHeader_v3 .search_box fieldset span input[type="text"]::-webkit-input-placeholder, .searchHeader_v3 .search_box fieldset span input[type="text"]::placeholder{color:#888!important; opacity: 1;} .searchHeader_v3.searchVoice .search_box .btn_gnb_voice{display:block;} .searchHeader_v3.searchVoice .search_box .btn_gnb_search{right:50px!important;} .searchHeader_v3.searchVoice .search_box .btn_gnb_del{right:90px!important; z-index:10;} .searchHeader_v3 .searchWordWrap{position:absolute; top:9px; left:56px; width:58%; height:32px; overflow:hidden; background:#e8e8e8;} .searchHeader_v3 .searchWordWrap .searchWordBox {overflow:hidden; height:32px; } .searchHeader_v3 .searchWordWrap .searchWordBox > span {display:block; float:left; padding:0 2px;} .searchHeader_v3 .searchWordWrap .searchWordBox .searchWord {font-size:13px; line-height:32px; font-weight:bold; color:#333;} .searchHeader_v3 .searchWordWrap .searchWordBox .searchKeyWord {display:inline-block; box-sizing:border-box; height:23px; line-height:23px; margin-top:5px; padding:0 20px 0 7px; font-size:12px; color:#666; border-radius:3px; background:#f4f4f4 url(//image.hnsmall.com/images/mobile2014/common/search_delete_word2.gif) no-repeat right center; background-size:17px 9px} /* 2018-08-13 gnb서브 */ .wrap ~ .contents{padding-top:0; margin-top:0;} .body_app .wrap ~ .contents{padding-top:55px; margin-top:0;} .app_setup + .wrapAllHeaderInner ~ main .contents{padding-top:100px;} .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details{padding-top:139px!important;} .app_setup + .wrapAllHeaderInner ~ main .order .cart_btn.active, .app_setup + .wrapAllHeaderInner ~ main .sc_fixed, .app_setup + .wrapAllHeaderInner ~ main .comment_ui .list_select.fixed, .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details h1{top:100px;} .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details .prdDetailTab.goods_detail_tab{top:138px;} .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details .ch2_vod{top:138px;} .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info{margin-top:178px;} .app_setup + .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info+.prdDetailTab.goods_detail_tab{top:318px;} .app_setup + .wrapAllHeaderInner ~ main .specialShop .fixCon.fix{top:100px;} .app_setup + .wrapAllHeaderInner ~ main .order .wish_btn.active{top:100px;} .wrapAllHeaderInner ~ main .contents{padding-top:55px;} .wrapAllHeaderInner ~ main .order .cart_btn.active, .wrapAllHeaderInner ~ main .sc_fixed, .wrapAllHeaderInner ~ main .comment_ui .list_select.fixed, .wrapAllHeaderInner ~ main .contents.ch2_details h1{top:55px;} .wrapAllHeaderInner ~ main .contents.ch2_details .prdDetailTab.goods_detail_tab{top:93px;} .wrapAllHeaderInner ~ main .contents.ch2_details .ch2_vod{top:93px;} .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info{margin-top:8px;} .wrapAllHeaderInner ~ main .contents.ch2_details.type_b .ch2_info+.prdDetailTab.goods_detail_tab{top:273px;} .wrapAllHeaderInner ~ main .specialShop .fixCon.fix{top:55px;} .wrapAllHeaderInner ~ main .order .wish_btn.active{top:55px;} /* 2023-10-10 gnb서브 */ .app_setup.v2 + .wrapAllHeaderInner ~ main .order .cart_btn.active, .app_setup.v2 + .wrapAllHeaderInner ~ main .sc_fixed, .app_setup.v2 + .wrapAllHeaderInner ~ main .comment_ui .list_select.fixed, .app_setup.v2 + .wrapAllHeaderInner ~ main .contents.ch2_details h1{top:135px;} /* 2018-08-14 서브 플로팅 버튼 */ .footer .btn_goods_floating.ver2, .footer .btn_back_floating.ver2{width:47px; height:47px; border:0 none; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat; background-size:250px auto;} .footer .btn_goods_floating.ver2:before, .footer .btn_back_floating.ver2:before{display:none;} .footer .btn_goods_floating.ver2{background-position:-116px -139px;} .footer .btn_back_floating.ver2{background-position:-166px -139px;} .footer .btn_top_floating.ver2+.btn_goods_floating.ver2{right:10px; bottom:65px;} /* 2018-08-23 메뉴명 변경(추석전), 2019-08-08 #25327 추석 기획전 */ .rn_gnb_wrap .ico_song{padding-left:31px!important;} .rn_gnb_wrap .ico_song:before{content:""; position:absolute; top:10px; left:6px; display:block; width:24px; height:22px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -56px 0; background-size:100px auto;} .rn_gnb_wrap .ico_song .rnGnbBar{margin-left:28px;} .rn_gnb_wrap .ico_new{padding-left:20px!important;} .rn_gnb_wrap .ico_new:before{content:""; position:absolute; top:12px; left:4px; display:block; width:15px; height:15px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -83px 0; background-size:100px auto;} .rn_gnb_wrap .ico_new .rnGnbBar{margin-left:17px;} /* 2020-07-28 도미쏠 매장 변경 (#34455) */ .rn_gnb_wrap .ico_domisol{padding-left:20px!important;} .rn_gnb_wrap .ico_domisol.on:before {background-position:0 0;} .rn_gnb_wrap .ico_domisol:before{content:""; position:absolute; top:13px; left:7px; display:block; width:12px; height:17px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/main/ico_domisol.png) no-repeat 0 -17px; background-size:12px 34px;} .rn_gnb_wrap .ico_domisol .rnGnbBar{margin-left:17px;} /* 상품 자세히보기 팝업 수정 */ .new_popwrap{padding-top:0!important;} .new_popwrap .img_detail_wrap .img_detail img{width:100%!important; height:auto!important;} /* 2018-09-05 검색 코치마크 추가 */ .searchHeader_v3 .search_box em.mark{animation: voiceScale 7s; animation-iteration-count:1; animation-fill-mode:both; position:absolute; top:42px; right:9px; z-index:1000; padding:0 15px; height:31px; line-height:31px; background:rgba(229,25,55,0.9); font-size:13px; color:#fff; border-radius:15.5px; font-weight:bold; white-space:pre;} .searchHeader_v3 .search_box em.mark:before{content:""; display:block; position:absolute; top:-6px; right:11px; width:16px; height:8px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat; background-size:250px auto; background-position:0 -189px;} @keyframes voiceScale { 0% {opacity:1;} 75% {opacity:1;} 100% {opacity:0; visibility: hidden;}/* 2019-06-03 수정 */ } /* 2018-09-14 팡팡페이 종류 문구 */ .pang_end{padding:9px 0; text-align:center; line-height:15px; font-size:13px; color:#c7c7c7; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f4f4f4;} .tvOrderTimer .pang_end{margin-bottom:-4px;} .vod_area .pang_end, .prtSetView .pang_end{background:none;} .onAirCont .pang_end{text-align:left; padding:9px 10px; border-bottom:0 none;} /* 2018-09-18 사이드네비 로그아웃 수정 */ .login_area.log_out .btn_side{position:relative; top:0; right:0;} /* 2018-09-19 사이드네비 내 아이디 말줄임 처리 */ .login_area .side_user_id {display:inline-block; max-width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:top;} /* 2018-10-10 검색ui개선 */ .searchList_v2.num_font li a > em:first-child{height:30px; line-height:28px; background:none; text-indent:0; font-size:14px; font-weight:bold; vertical-align:top; text-align:center;} /* 2018-10-23 맨티스0001396건 */ .prdList.frame .list_none{border-top:1px solid #cdcdcd;} /* 2018-11-16 전체팝업 스크롤 막기 */ html.body_noscroll, html.body_noscroll body{overflow-y:hidden!important; height: 100%!important;} /* 2018-11-19 gnb도트아이콘 추가 */ .rn_gnb_wrap .ico_dot:before{content:""; display:block; position:Absolute; top:9px; right:3px; width:5px; height:5px; border-radius:2.5px; background:#f28c9b;} /* 2018-11-26 소구카피 적용 */ .rn_gnb_wrap .text_ten:before{content:"10%10%"; display:block; position:Absolute; top:-1px; left:0; width:100%; text-align:center; font-size:10px; color:#f67a8c; letter-spacing:-0.5px; white-space:nowrap;} .wrapAllHeader .rn_gnb_wrap.sub_txt .rn_hpromotion_swipe li{padding:13px 3px 11px 3px;} .wrapAllHeader .rn_gnb_wrap.sub_txt .rn_gnb_next{padding:15px 10px 9px 26px;} .wrapAllHeader .rn_gnb_wrap.sub_txt .rn_gnb_prev{padding:15px 26px 9px 10px;} .wrapAllHeader .rn_gnb_wrap.sub_txt .ico_new:before{top:14px;} /* 2018-11-26 상품 리스트 템플릿 */ .goods_temp_list ul {overflow:hidden; padding:10px 5px 0; background-color:#e8e8e8;} .goods_temp_list .goods_box {position:relative; background-color:#fff;} .goods_temp_list .goods_thumb {position:relative; overflow:hidden; background-color:#fff; font-size:0; } .goods_temp_list .goods_thumb .goods_thumb_img {position:relative; overflow:hidden;padding-top: 55%;} .goods_temp_list .goods_thumb .goods_thumb_img span.img {position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; } .goods_temp_list .goods_thumb .goods_thumb_img span.img img {width:auto; height:100%; } .goods_temp_list .goods_price {position:relative; padding:11px 10px 15px;} .goods_temp_list .goods_price .tit {display:-webkit-box; overflow:hidden; height:39px; line-height:19px; letter-spacing:-.5px; margin-bottom:5px; font-size:15px; color:#222; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; text-overflow:ellipsis; word-wrap:break-word; white-space:normal;} .goods_temp_list .goods_benefit_num{position:absolute; bottom:18px; right:10px; font-size:10px; color:#e51937; font-weight:bold; } .goods_temp_list .goods_benefit_num em{font-size:25px; vertical-align:middle;} .goods_temp_list .goods_benefit_num span{position:relative; top:-3px; font-size:13px; vertical-align:bottom;} .goods_temp_list .goods_benefit_box {height:40px; } .goods_temp_list .goods_benefit_box .goods_benefit_detail {position:relative; } .goods_temp_list .goods_benefit_box .goods_benefit_detail dt {position:absolute; } .goods_temp_list .goods_benefit_box .goods_benefit_detail dt {font-size:12px; color:#666; letter-spacing:-.5px; } .goods_temp_list .goods_benefit_box .goods_benefit_detail dt.goods_benefit_hidden {position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; overflow:hidden;} .goods_temp_list .goods_benefit_box .goods_benefit_detail dd {padding-top:14px; } .goods_temp_list .goods_benefit_box .goods_benefit_detail dd strong {font-size:18px; color:#222; letter-spacing:-1px; } .goods_temp_list .goods_benefit_box .goods_benefit_detail dd .textWon {display:inline-block; margin-left:2px; font-size:13px; color:#222;} .goods_temp_list .playBtn .playIco:before {background-image:url(//image.hnsmall.com/images/mobile2014/common/ico_product_list.png);} .goods_temp_list .playBtn .playIco.medium:before {width:15px; height:19px; margin-left:-6px; background-position:-160px -15px;} .goods_temp_list .playBtn .playIco.medium {margin-top:-11px; padding-top:23px;} .goods_temp_list .playBtn .playIco.medium .playTime {line-height:1; font-size:11px;} /* 2단 리스트 */ .goods_temp_list.goods_second ul li {float:left; width:50%; padding:0 5px 10px; box-sizing:border-box; } .goods_temp_list.goods_second .goods_thumb .goods_thumb_img {padding-top:100%; border-bottom:1px solid #e8e8e8;} /* 3단 리스트 */ .goods_temp_list.goods_third ul li {float:left; width:33.333333%; padding:0 5px 10px; box-sizing:border-box; } .goods_temp_list.goods_third .goods_thumb .goods_thumb_img {padding-top:100%; border:1px solid #eee; border-radius:2px;} .goods_temp_list.goods_third .goods_benefit_num{display:none;} .goods_temp_list.goods_third .goods_price{padding:8px 0 5px;} .goods_temp_list.goods_third .goods_price .tit{font-size:1.17rem; line-height:1.4rem; height:2.65rem; color:#000; margin-bottom:4px;} .goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dt{font-size:11px; color:#888;} .goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd{padding-top:12px;} .goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd strong{font-size:15px; color:#000;} .goods_temp_list.goods_third .goods_benefit_box .goods_benefit_detail dd .textWon{color:#000;} /* S: 2019-05-20 좋은밥상 8번째 카테고리 좋은특가 추가 */ .goods_temp_list .goods_thumb .goods_thumb_img span.flag { display: inline-block; position: absolute; right: 5px; bottom: 5px; width: 50px; height: 50px;} .goods_temp_list .goods_thumb .goods_thumb_img span.flag img {width: 100%;} /* E: 2019-05-20 좋은밥상 8번째 카테고리 좋은특가 추가 */ /* 상품리스트 아이폰 5 320size 예외처리 */ @media(max-width:320px) { .goods_temp_list .goods_benefit_num{bottom:19px;} .goods_temp_list .goods_benefit_num em {font-size:20px;} .goods_temp_list .goods_benefit_num span {font-size:10px;} .goods_temp_list .goods_benefit_box .goods_benefit_detail dd strong {font-size:17px;} .goods_temp_list .goods_benefit_box .goods_benefit_detail dd .textWon {font-size:12px;} } /* 2018-12-06 네비 하단배너 */ .side_bottom_banner{background:#ebebeb; padding-bottom:10px;} .side_bottom_banner a{position:relative; display:block; height:55px; background:#765ddc;} .side_bottom_banner a span{position:relative; top:12px; display:block; width:163px; height:31px; margin-left:15px; background:url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner.png) no-repeat 0 0; background-size:171px auto; text-indent:-9999px; overflow:hidden;} .side_bottom_banner a:before{content:""; display:block; position:absolute; top:22px; right:15px; width:8px; height:12px; background:url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner.png) no-repeat 100% 0; background-size:171px auto;} /* 2018-12-31 기획전 설특집 */ .rn_gnb_wrap .ico_sul{padding-left:30px!important;} .rn_gnb_wrap .ico_sul:before{content:""; position:absolute; top:13px; left:10px; display:block; width:20px; height:19px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat 0 -24px; background-size:100px auto;} .rn_gnb_wrap .ico_sul .rnGnbBar{margin-left:27px;} /* swiper style */ .swiper-container.swiper-container-android .swiper-slide, .swiper-container .swiper-wrapper, .swiper_st.swiper-container-android .swiper-slide, .swiper_st .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .swiper-container, .swiper_st { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container .swiper-wrapper, .swiper_st .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container .swiper-slide, .swiper_st .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; } /* 2019-01-15 좋은밥상 매장 추가 */ /*.food_all_pop .list_food_pop:after{content:""; position:fixed; bottom:0; left:0; width:100%; height:10px; background:#333;}*/ .food_all_pop .list_food_pop li{padding:0 44px 10px 44px;} .food_all_pop .list_food_pop li a{display:block; border-radius:10px; overflow:hidden;} .food_all_pop .list_food_pop li img{max-width:100%; vertical-align:top;} /* 방송알림 설정 토스트팝업 2016-07-12 */ .tv_arimi_toast01 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0;background-size:0; color:transparent; font-size:0; z-index:100; -webkit-transition:all 0.1s cubic-bezier(0.3,0.1,0.7,-0.1);} /*.tv_arimi_toast01 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0; background: url(//image.hnsmall.com/images/mobile2014/common/toast_arimi01.png) no-repeat left top; background-size:0; color:transparent; font-size:0; z-index:100; -webkit-transition:all 0.1s cubic-bezier(0.3,0.1,0.7,-0.1);}*/ .tv_arimi_toast01.view {z-index:101!important;; width:114px; height:114px; top:257px; margin-left:-57px; background-size:114px; -webkit-transition:all 0.15s cubic-bezier(0.3,0.1,0.7,-0.1);} .tv_arimi_toast02 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0;background-size:0; color:transparent; font-size:0; z-index:100; -webkit-transition:all 0.1s cubic-bezier(0.3,0.1,0.7,-0.1);} /*.tv_arimi_toast02 {position:fixed; top:257px; left:50%; width:0; height:0; margin-left:0; background: url(//image.hnsmall.com/images/mobile2014/common/toast_arimi02.png) no-repeat left top; background-size:0; color:transparent; font-size:0; z-index:100; -webkit-transition:all 0.1s cubic-bezier(0.3,0.1,0.7,-0.1);}*/ .tv_arimi_toast02.view {width:114px; height:114px; top:257px; margin-left:-57px; background-size:114px; -webkit-transition:all 0.15s cubic-bezier(0.3,0.1,0.7,-0.1);} /* 2019-02-26 방송알림설정 ui통일 */ .tv_arimi_toast01.type2, .tv_arimi_toast02.type2{width:0; height:0; overflow:hidden; margin-left:-25px; font-size:0; -webkit-transition:all 0.25s cubic-bezier(.75,-0.5,0,1.75);} .tv_arimi_toast01.type2.view, .tv_arimi_toast02.type2.view{width:125px; height:125px; background:rgba(34,34,34,0.85); border-radius:62.5px; margin-left:-62px; text-align:center; overflow:visible; -webkit-transition:all 0.3s cubic-bezier(.75,-0.5,0,1.75);} .tv_arimi_toast01.type2.view p, .tv_arimi_toast02.type2.view p{margin-top:44px; overflow:hidden;} .tv_arimi_toast02.type2.view p{margin-top:58px;} .tv_arimi_toast01.type2.view p span, .tv_arimi_toast02.type2.view p span{display:block; font-size:16px; color:#fff; font-weight:bold; line-height:18px; white-space:nowrap; overflow:hidden;} .tv_arimi_toast01.type2.view p:before{content:""; display:block; position:absolute; top:15px; left:50%; width:24px; height:24px; margin-left:-12px; background:url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat -28px 0; background-size:85px auto;} .tv_arimi_toast02.type2.view p:before{content:""; display:block; position:absolute; top:26px; left:50%; width:24px; height:24px; margin-left:-12px; background:url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat 0 0; background-size:85px auto;} .tv_arimi_toast01.type2.view a.list{display:inline-block; height:21px; margin:4px auto 0; padding:0 9px; line-height:20px; text-align:center; border:1px solid #999; font-size:12px; color:#fff; border-radius:2px; text-indent:1px;} .tv_arimi_toast01.type2.view a.close{display:block; position:absolute; top:0; right:0; width:30px; height:30px; background:url(//image.hnsmall.com/images/mobile2014/tv/new_alert_tv.png) no-repeat -55px 0; background-size:85px auto; text-indent:-9999px; overflow:hidden;} /* S: 2019-04-05 TV편성표 아이콘 삭제, 2020-07-13 #34006 홈개선 : v3 클래스 추가 */ .wrapAllHeader .wrapAllHeaderInner.v2 .headerNew.header_v3 .btnTvSchedule.ver04, .cont_sw > .wrapAllHeaderInner.v2 .headerNew.header_v3 .btnTvSchedule.ver04, .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.header_v3 .btnTvSchedule.ver04, .cont_sw > .wrapAllHeaderInner.v3 .headerNew.header_v3 .btnTvSchedule.ver04 {display: none;} .cont_sw > .wrapAllHeaderInner.v2 .headerNew.header_v3 .btn_gnb_search, .cont_sw > .wrapAllHeaderInner.v3 .headerNew.header_v3 .btn_gnb_search {right: 59px;} /* E: 2019-04-05 TV편성표 아이콘 삭제 */ /* 개발용 display:none style 추가 (해당 클래스명 추가시 in-line style을 무시) */ .important_display_none {display:none !important;} /* 2019-07-15 #24838 GNB > 신규 매장 표시 //2019-08-26 #25497 GNB 원복(오늘도=>오늘은) */ .rn_gnb_wrap .text_today:before{content:"오늘은"; display:block; position:Absolute; top:-1px; left:0; width:100%; text-align:center; font-size:10px; color:#f67a8c; letter-spacing:-0.5px; white-space:nowrap;} .rn_gnb_wrap .text_pangtv:before{content:"모바일라방"; display:block; position:Absolute; top:-1px; left:0; width:100%; text-align:center; font-size:10px; color:#f67a8c; letter-spacing:-0.5px; white-space:nowrap;}/* 2021-04-05 팡TV 소구문자 css 추가 */ /* 2019-09-11 coachmark 검색아이콘 변경 */ .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3 .btn_gnb_search2.btn_gnb_coachmark:before { left: 10px; top: 8px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_header_v2.png) no-repeat -18px -190px;background-size: 250px auto;} /* 2019-11-19 #28214 본인인증 안내문구 임시노출 */ .mobile_text {text-align: center;color: #e51937;font-size: 12px;} .joinEndBox .mobile_text + .h2_wrap {margin-bottom: 0;} /* 2019-12-11 tv쇼핑 구분값 추가 */ .pinkColor {color:#f13a65;} /* 2019-12-26 기획전 -> '설'로 변경(명칭 및 위치) */ .rn_gnb_wrap .ico_sul_v2020 {padding-left:30px!important;} .rn_gnb_wrap .ico_sul_v2020:before{content:""; position:absolute; top:14px; left:11px; display:block; width:17px; height:17px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu.png) no-repeat -29px -24px; background-size:100px auto;} .rn_gnb_wrap.v3 .rn_hpromotion_swipe li.ico_sul_v2020 .rnGnbBar {right:-3px; left:19px;} /* 2020-01-30 공정위 사이드네비 수정 */ .side_bottom_banner.chance_banner a {background-color:#004d55;} .side_bottom_banner.chance_banner a span {margin-left: 12px; background-image:url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner_200206.png); top:9px; width: 190px; height: 36px;background-size: 198px auto;} .side_bottom_banner.chance_banner a:before{background-image:url(//image.hnsmall.com/images/mobile2014/common/sidenav_bottom_banner_200206.png);} /* S : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */ .footer .certify_area.v2 .ico_mark {background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark_v3.png) no-repeat;background-size: 173px 45px;} .footer .certify_area.v2 .isms {width: 60px;margin-right: 5px;} .footer .certify_area.v2 .brand {background-position: -69px 0;} .footer .certify_area.v2 .store {width:49px; background-position: -124px 0;margin-left: 6px} /* //2020-10-15 #36094 */ .ismpPopup_wrap {background: #fff;padding: 0;} .ismpPopup_wrap .popup_header {position: relative;height: auto;padding:10px 50px 9px;background: #fff;border-bottom: 1px solid #cdcdcd;box-sizing:border-box;} .ismpPopup_wrap .popup_header h1 {display: block;line-height: 20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px; color: #000; text-align: center;} .ismpPopup_wrap .popup_header .pop_close {position: absolute;right: 10px;top: 50%;margin-top: -5px;width: 11px;height: 11px;background:url(//image.hnsmall.com/images/mobile2014/common/ico_header.png) no-repeat -40px -300px; background-size:300px 390px;overflow: hidden;text-indent: -1000px;border: 0;} .ismpPopup_wrap .popup_cont .img img {width: 100%} /* E : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */ /* S : 2020-04-20 표시광고법 수정 #32000 */ .v32000 .prdList.frame .goodsUnitList .goodsInfo .priceArea .price span.tit.switch_show {color:#666;} .v32000 .prdList.frame .goodsUnitList .goodsInfo .priceArea .price .sbox.del.switch_hidden {display:none;} /* E : 2020-04-20 표시광고법 수정 #32000 */ /* S : 2020-07-13 #34006 홈개선 */ .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_sidenav {top: 18px} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew h1 {top: 13px;} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox, .cont_sw > .wrapAllHeaderInner.v3 .headerNew .orderBox {top: 14px;} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox .btn_gnb_orderBox span, .cont_sw > .wrapAllHeaderInner.v3 .headerNew .orderBox .btn_gnb_orderBox span {display: none;} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .orderBox span.orderNum, .cont_sw > .wrapAllHeaderInner.v .headerNew .orderBox span.orderNum {top: -3px} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_gnb_search {bottom: 6px;height: 36px;line-height: 36px;margin: 0 12px;background: #f6f6f6;} .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew .btn_gnb_search span {line-height: 38px} /* E : 2020-07-13 #34006 홈개선 */ /* S : 2020-08-24 #34985 추석이벤트 */ .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.chusuck2020 h1 {top: 0;margin-left: -85px} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.chusuck2020 h1 a , .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.chusuck2020 h1 a {width:170px; height:40px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_chusuck2020.png) no-repeat 0 0; background-size:170px auto;} .rn_gnb_wrap .ico_song:before{top:14px; left:11px; width:20px; height:18px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_gnb_menu_chusuck2020.png) no-repeat; background-size: 20px auto;} /* 2차 */ .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.chusuck2020_ani h1 {top: 6px;margin-left: -45.5px} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.chusuck2020_ani h1 a , .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.chusuck2020_ani h1 a {width:91px; height:33px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_chusuck2020.gif?1) no-repeat 0 0; background-size:91px auto;} /* E : 2020-08-24 #34985 추석이벤트 */ /* S : 2020-09-16 사업자정보확인 빈 레이어 추가 */ .contents.businessInfo {padding-top:40px; box-sizing:border-box;} .businessInfo .businessInfoHeader {position:fixed; top:0; left:0; width:100%;} .businessInfo .businessInfoHeader h1{position:relative; overflow:hidden; height:39px; line-height:39px; padding:0 50px; text-overflow:ellipsis; white-space:nowrap; color:#000; border-bottom:1px solid #cdcdcd; font-size:16px; text-align:center; background:#fff;} .businessInfo .businessInfoHeader .businessInfoCloseBtn {position:absolute; right:10px; top:12px; width:15px; height:15px; overflow:hidden; text-indent:-1000px; border:0 none; background:url(//image.hnsmall.com/images/mobile2014/common/btn_close_businessinfo.png) no-repeat 0 0; background-size:15px 15px; } /* E : 2020-09-16 사업자정보확인 빈 레이어 추가 */ /* S : 2020-09-08 #35097 서브GNB 아이콘 관련 변경 요청 (ico_v2 추가) */ /* 텍스트 삭제 */ .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btn_gnb_search:before, .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 span, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 span, .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox .btn_gnb_orderBox span, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox .btn_gnb_orderBox span {display: none;} /* 위치(포지션) */ .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btn_gnb_search {top: 20px;right: 100px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04 {top: 16px;right: 57px;} .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox {top: 16px;right: 7px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox:before, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox:before {top: -4px;} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox span.orderNum, .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .orderBox span.orderNum {top: -5px} /* 아이콘 */ .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.ico_v2 .btnTvSchedule.ver04:before {background: url(//image.hnsmall.com/images/mobile2014/common/ico_v2.png) no-repeat -34px 0;background-size: 100px auto;} /* E : 2020-09-08 #35097 서브GNB 아이콘 관련 변경 요청 (ico_v2 추가) */ /* 2020-09-24 #35736 footer 변경 */ .footer_v2 .comp_info {padding: 17px 10px 3px 15px;; font-size: 13px; color: #666; font-weight:bold; letter-spacing: -0.5px;} .footer_v2 .comp_info .btn_info{margin-left: 6px; vertical-align: 1px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_arrow_updown.png) no-repeat 0 0; width:12.5px; height: 7px; background-size: 12.5px auto; border: none; outline: none;} .footer_v2 .comp_info.active .btn_info {background-position: 0 -12px;} .footer.footer_v2 address.addNew {text-align: left; padding-top: 0; padding-left: 15px; height: 15px; overflow: hidden;} .footer.footer_v2 .comp_info.active + address.addNew {height: auto;} .footer_v2 .adminPhone {padding: 4px 10px 9px 15px; margin-top: 5px;} .footer_v2 .adminPhone em{top: 7px; margin-left: 0; left: 15px;} .footer_v2 .adminPhone a {position: inherit; left: 0; margin-left: 0; padding-left: 23px;} .footer.footer_v2 .footer_Nnav2 {margin-left: 15px;} .footer.footer_v2 .footer_Nnav2 ul {text-align: left;} .footer.footer_v2 .footer_Nnav2 ul li a {padding-top: 12px;} .footer.footer_v2 .copy {padding:0 10px 20px 15px; text-align: left;} .footer.footer_v2 .footer_Nnav2.type2 ul li a {padding-top: 12px; font-weight: normal;} .footer.footer_v2 .footer_Nnav2.type2 ul li:nth-child(2) a {font-weight: bold;} .footer.footer_v2 address.addNew .ingo-txt{margin-top: 15px; margin-bottom: 11px; color: #999; font-size: 13px; line-height: 16px; letter-spacing: -0.26px;} /* 2020-10-13 GNB > 신규 매장 표시 */ .rn_gnb_wrap .text_black:before{content:"블랙슈퍼"; display:block; position:Absolute; top:-1px; left:0; width:100%; text-align:center; font-size:10px; color:#f67a8c; letter-spacing:-0.5px; white-space:nowrap;} /* S : 2020-10-19 #36142 코리아페스타 */ .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.koreafesta h1 {top: 12px;margin-left: -61.5px} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.koreafesta h1 a , .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.koreafesta h1 a {width:123px; height:30px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_koreafesta.gif) no-repeat 0 0; background-size:123px auto;} /* E : 2020-10-19 #36142 코리아페스타 */ /* S : 2020-12-15 #36907 설이벤트 */ .wrapAllHeader .wrapAllHeaderInner.v3 .headerNew.newyear2021 h1 {top: 12px;margin-left: -64px} .wrapAllHeader .wrapAllHeaderInner .headerNew.header_v3.newyear2021 h1 a , .cont_sw > .wrapAllHeaderInner .headerNew.header_v3.newyear2021 h1 a {width:128px; height:30px; background:url(//image.hnsmall.com/images/mobile2014/common/ico_header_newyear2021.gif?20201222) no-repeat 0 0; background-size:114px auto;} .rn_gnb_wrap .ico_newyear2021 {padding-left:30px!important;} .rn_gnb_wrap .ico_newyear2021:before{content:""; position:absolute; top:14px; left:11px; display:block; width:17px; height:17px; vertical-align:middle; background:url(//image.hnsmall.com/images/mobile2014/main/holiday/202101/ico_gnb_newyear2021.png) no-repeat; background-size:16px auto;} .rn_gnb_wrap.v3 .rn_hpromotion_swipe li.ico_newyear2021 .rnGnbBar {right:-3px; left:19px;} /* E : 2020-12-15 #36907 설이벤트 */ /* S : 2020-04-08 #31784 정보보호 및 개인정보보호 관리체계 인증(ISMS-P) */ .footer .certify_area.v3 .ico_mark {background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_mark_v3.png) no-repeat;background-size: 173px 45px;} .footer .certify_area.v3 .isms {width: 60px; margin-right:0;} .footer .certify_area.v3 .brand {background-position: -69px 0;margin-right: 5px;} .footer .certify_area.v3 .store {width:49px; background-position: -124px 0; margin-left: 6px} .footer .certify_area .exfirm {display:inline-block; width:45px; height:45px; margin-left:6px; vertical-align:middle; font-size:0; line-height:0; background:url('//image.hnsmall.com/images/mobile2014/common/ico_excellent_firm_mark.png') no-repeat left top; background-size:45px auto;} /* S : 2021-09-03 #ITSRI-2834 푸터 인증 로고 이미지 사이즈 일괄 변경 및 추가 */ .footer .certify_area.v4>span, .footer .certify_area.v4 > a {display:inline-block; height:41px; margin:0 12px 0 0; background-position:left top; vertical-align:middle; font-size:0; line-height:0; } .footer .certify_area.v4 > span:last-child {margin-right:0;} .footer .certify_area.v4 .brand {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_brand.png) no-repeat; background-size:41px auto;} .footer .certify_area.v4 .isms {margin-right: 8px; width: 53px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_isms.png) no-repeat; background-size:53px auto;;} .footer .certify_area.v4 .store {width:44px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_store.png) no-repeat; background-size:44px auto;} .footer .certify_area.v4 .exfirm {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_exfirm.png) no-repeat; background-size:41px auto;} .footer .certify_area.v4 .ict_award {width:58px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_ict.png) no-repeat; background-size:58px auto;} /* E : 2021-09-03 #ITSRI-2834 푸터 인증 로고 이미지 사이즈 일괄 변경 및 추가 */ /* S: 2022-05-19 ITSR-6833 푸터 '모바일어워드' 로고 추가 */ .footer .certify_area.v4 .ico_mak {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_mak_v1.png) no-repeat; background-size:41px auto;} /* E: 2022-05-19 ITSR-6833 푸터 '모바일어워드' 로고 추가 */ /* 2025-01-13 ITSR-20727 CCM 인증마크 추가 및 업데이트 */ .footer .certify_area.v4{margin-bottom: 49px;} .footer .certify_area.v4 .ico_ccm {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_ccm.png) no-repeat; background-size:41px auto;} /* // 2025-01-13 ITSR-20727 CCM 인증마크 추가 및 업데이트 */ /* S: 2022-12-20 ITSR-10162 소비자중심경영 추가 및 컬러이미지 변경 */ .footer .certify_area.v5.mb70{margin-bottom:70px;} .footer .certify_area.v5 > span, .footer .certify_area.v5 > a {display:inline-block; height:41px; margin:0 15px 0 0; background-position:left top; vertical-align:middle; font-size:0; line-height:0; } .footer .certify_area.v5 > *:last-child {margin-right:0;} .footer .certify_area.v5 .isms {margin-right: 8px; width: 53px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_isms_color_v.png) no-repeat; background-size:53px auto;;} .footer .certify_area.v5 .store {width:44px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_store_color_v.png) no-repeat; background-size:44px auto;} .footer .certify_area.v5 .exfirm {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_certify_exfirm_color_v.png) no-repeat; background-size:41px auto;} .footer .certify_area.v5 .ico_mak {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_mak_color_v.png) no-repeat; background-size:41px auto;} .footer .certify_area.v5 .ico_ccm {width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_ccm_color_v.png) no-repeat; background-size:41px auto;} .footer .certify_area.v5 .ico_gpis{width:41px; background: url(//image.hnsmall.com/images/mobile2014/common/ico_gpis_color_v.png) no-repeat; background-size:41px auto;} /* E: 2022-12-20 ITSR-10162 소비자중심경영 추가 및 컬러이미지 변경 */ .ccmPopup_wrap {background: #fff;padding: 0;} .ccmPopup_wrap .popup_header {position: relative;height: auto; min-height: 50px; padding:10px 50px 9px;background: #fff;border-bottom: 1px solid #cdcdcd;box-sizing:border-box;} .ccmPopup_wrap .popup_header h1 {display: block;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 17px; color: #111; text-align: center;} .ccmPopup_wrap .popup_header .pop_close {position: absolute;right: 15px;top: 50%; transform: translateY(-50%); width: 25px;height: 25px;background:url(//image.hnsmall.com/images/mobile2014/common/ic_pop_close.png) 100% / 100% no-repeat;overflow: hidden;text-indent: -1000px;border: 0;} .ccmPopup_wrap .popup_cont .img img {width: 100%} .ccmPopup_wrap .popup_cont{padding: 15px;} /* 2021-03-10 : 사이드 NAV 추가 */ .side-nav{position:fixed;top:0;left:-100%;width:100%;height:100%;padding-top:60px;background-color:#fff;box-sizing:border-box;overflow:hidden;z-index:100;-webkit-transition:0.5s;transition:0.5s;} .side-nav.on{left:0;-webkit-transition:0.5s;transition:0.5s;} .side-nav .tit-nav{margin-bottom:10px;padding:0 15px;font-size:17px;color:#333;letter-spacing:-0.3px} .side-nav .tit-nav:after{display:block;content:'';clear:both;} .side-nav .tit-nav h5{display:inline-block;font-size:17px;color:#333;} .side-nav .tit-nav .btn-link{float:right;display:inline-block;height:20px;padding:0 12px;text-align:center;line-height:15px;border-radius:30px;background-color:#f4f4f4;} .side-nav .tit-nav .btn-link span{font-size:11px;color:#333;line-height:20px} .side-nav .tit-nav .btn-link span:after{display:inline-block;content:'';margin-left:5px;width:4.5px;height:9px;background:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arrow_s.png) no-repeat 50% 50%;background-size:100% auto} .side-nav .login-area{position:absolute;top:0;left:0;width:100%;height:60px;padding:15px;border-bottom:1px solid #eee;background-color:#fff;box-sizing:border-box;z-index:10} .side-nav .login-area .login-info{display:inline-block;padding-right: 70px; box-sizing: border-box; width: 100%;} .side-nav .login-area .login-info .login-name{display:inline-block;font-size:20px;color:#333;line-height:30px;position: relative;max-width:56%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right: 12px;} .side-nav .login-area .login-info .login-name:after {content:"님";display:inline-block;position:absolute;right:0;top:2px;font-size:14px;color:#333;} .side-nav .login-area .login-info a{display:inline-block;padding:5px 8px;font-size:14px;text-align:center;color:#333;vertical-align:top;border:1px solid #ddd;border-radius:4px} .side-nav .login-area .login-info .login-name + a, .side-nav .login-area .login-info a+a { margin-left: 5px; } .side-nav .login-area .util-btn{display:inline-block;position:absolute;right:15px;top:50%;margin-top:-12.5px; width: 70px;} .side-nav .login-area .util-btn a{position:absolute; display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;text-indent:-9999em} .side-nav .login-area .util-btn .btn-home{left:0; background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_home.png);} .side-nav .login-area .util-btn .btn-close{right:0; background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_close.png);} /* .side-nav .login-area .util-btn a + a{margin-left:15px;} */ .side-nav .login-area .util-btn .btn-setting {display: none; left: 0; background-image: url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_setting.png);} .side-nav .login-area .util-app-btn {width: 65px;} .side-nav .login-area .util-app-btn .btn-setting {display: block;} .side-nav .nav-scroll{position:relative;width:100%;height:100%;overflow:auto} .side-nav .quick-area{position:relative;} .side-nav .quick-nav:after{display:block;content:'';clear:both;} .side-nav .quick-area .quick-nav{width:100%;background-color:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,0.08)} .side-nav .quick-area li{float:left;position:relative;width:25%;} .side-nav .quick-area li:after{display:inline-block;content:'';position:absolute;top:12px;right:0;width:1px;height:46px;background-color:#eee;} .side-nav .quick-area li:last-child:after{display:none;} .side-nav .quick-area li a{display:block;height:70px;padding-top:45px;text-align:center;background-repeat:no-repeat;background-position:50% 11px;font-size:13px;color:#333;letter-spacing:-0.26px;background-size:25px auto;box-sizing:border-box;} .side-nav .quick-area .quick-nav.col2 li {width: 50%;} .side-nav .quick-area .btn-customer{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_customer.png);} .side-nav .quick-area .btn-order{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_order.png);} .side-nav .quick-area .btn-mypage{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_mypage.png);} .side-nav .quick-area .btn-arim{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arim.png);} .side-nav .section{padding:20px 0;border-bottom:1px solid #eee;} .side-nav .cate-area .cate-memu{} .side-nav .cate-area .dep01:after{display:block;content:'';clear:both;} .side-nav .cate-area .dep01 li{float:left;width:25%;height:75px;box-sizing:border-box;} .side-nav .cate-area .dep01 li:nth-child(4n){margin-right:0;} .side-nav .cate-area .dep01 li a{display:block;position:relative;height:70px;padding-top:45px;font-size:14px;color:#333;text-align:center;letter-spacing:-0.25px;background-repeat:no-repeat;background-position:50% 5px;background-size:41px auto;box-sizing:border-box;} .side-nav .cate-area .dep01 li.on a{color:#d80028;} .side-nav .cate-area .dep01 li.on a:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_on.png) no-repeat 50% 5px;background-size:41px auto;} .side-nav .cate-area .cate-menu.cate-menu03 .dep01 li{height:93px} .side-nav .cate-area .cate-menu.cate-menu04 .dep01 li{height:93px} .side-nav .cate-area .cate01{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_01.png);} .side-nav .cate-area .cate02{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_02.png);} .side-nav .cate-area .cate03{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_03.png);} .side-nav .cate-area .cate04{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_04.png);} .side-nav .cate-area .cate05{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_05.png);} .side-nav .cate-area .cate06{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_06.png);} .side-nav .cate-area .cate07{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_07.png);} .side-nav .cate-area .cate08{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_08.png);} .side-nav .cate-area .cate09{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_09.png);} .side-nav .cate-area .cate10{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_10.png);} .side-nav .cate-area .cate11{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_11.png);} .side-nav .cate-area .cate12{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_12.png);} .side-nav .cate-area .cate13{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_13.png);} .side-nav .cate-area .cate14{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_14.png);} .side-nav .cate-area .cate15{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_15.png);} .side-nav .cate-area .cate16{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_cate_16.png);} .side-nav .cate-area .dep02{margin-bottom:10px;padding:20px;background-color:#f4f4f4;} .side-nav .cate-area .dep02:after{display:block;content:'';clear:both;} .side-nav .cate-area .dep02 li{float:left;width:50%;padding:15px 10px 15px 0;box-sizing:border-box;} .side-nav .cate-area .dep02 li a{display:block;font-size:13px;color:#333;letter-spacing:-0.25px;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden} .side-nav .cate-area .cate-menu.menu04 .dep02{margin-bottom:0} .side-nav .brand-area{} .brand-area .brand-list{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;} .brand-area .brand-list .swiper-wrapper{position:relative;width:100%;height:auto;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property: -webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;} .brand-area .brand-list li{margin-left:15px;width:128px;} .brand-area .brand-list .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:128px;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;} .brand-area .brand-list li:last-child{margin-right:15px;} .brand-area .brand-list-box{} .brand-area .brand-list-box .brand-img{width:128px;height:156px;border-radius:15px;overflow:hidden} .brand-area .brand-list-box .brand-img img{width:100%;height:auto;} .brand-area .brand-list-box .brand-name{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px;color:#333;text-align:center;line-height:30px;} .brand-area .brand-list-box .brand-more{width:128px;height:156px;padding-top:40px;text-align:center;border-radius:15px;overflow:hidden;box-sizing:border-box;} /* 2021-03-18 디자인 요청으로 bg컬러 삭제 */ .brand-area .brand-list-box .brand-more .info-txt{font-size:12px;color:#333;line-height:18px;} .brand-area .brand-list-box .brand-more .btn-more-brand{display:inline-block;margin-top:5px;font-size:12px;color:#333;padding:3px 10px;border:1px solid #cdcdcd;border-radius:25px;} .brand-area .brand-list-box .brand-more .btn-more-brand span:after{display:inline-block;content:'';margin-left:5px;width:4px;height:7px;background:url(//image.hnsmall.com/images/mobile2014/main/home/v9/side_nav/ico_side_arrow.png) no-repeat 50% 0;background-size:100% auto;} .theme-area .theme-list {overflow:hidden; padding:0 7px;} .theme-area .theme-list li {float:left; width:25%; margin-bottom:15px; text-align:center; } .theme-area .theme-img {position:relative; display:inline-block; width:75px; } .theme-area .theme-img img {display:inline-block; vertical-align:top; } .theme-area .theme-img > img {width:75px; height:75px; border-radius:50%; overflow:hidden; } .theme-area .theme-img i {display:inline-block;position:absolute;top:0;right:0;text-align:right;vertical-align:top;} .theme-area .theme-img i img {width:50%; height:50%; } .theme-area .theme-list li a > p {white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;padding:0 5px;color:#333;line-height:30px;text-align:center;letter-spacing:-0.5px;font-size:14px;} /* 사이드 NAV 320px 예외처리 */ @media(max-width:320px) { .theme-area .theme-list {padding:0;} .theme-area .theme-img > img {width:65px; height:65px;} } .side-nav .nav-bttm-banner img{width:100%;vertical-align:bottom} .side-nav .nav-bttm-link:after{display:block;content:'';clear:both;} .side-nav .nav-bttm-link li{float:left;position:relative;width:50%;height:50px;background-color:#eee;} .side-nav .nav-bttm-link li:first-child:after{display:inline-block;content:'';position:absolute;top:15px;right:0;width:1px;height:20px;background-color:#ddd;} .side-nav .nav-bttm-link li:last-child{width:100%;background-color:#f5f5f5;} .side-nav .nav-bttm-link li a{display:block;font-size:14px;color:#333;text-align:center;line-height:50px;} .side-nav .nav-bttm-link .full {width: 100%;height: 46px;border-top: 2px solid #eee;border-bottom: 2px solid #eee;float: none;clear: both;} /* 2021-10-01 #ITSRI-2386 베스트 */ .side-nav .nav-bttm-util:after{display:block;content:'';clear:both;} .side-nav .nav-bttm-util li{float:left;position:relative;width:50%;height:50px;background-color:#fff;} .side-nav .nav-bttm-util li:last-child:before{display:inline-block;content:'';position:absolute;top:15px;left:0;width:1px;height:20px;background-color:#ddd;} .side-nav .nav-bttm-util.col1 li {width: 100%;} .side-nav .nav-bttm-util.col1 li:last-child:before {display: none;} .side-nav .nav-bttm-util li a{display:block;font-size:13px;color:#333;text-align:center;line-height:50px;} /* 2021-07-22 ITSRI-2072 LNB >브랜드관 영역 변경 */ .side-nav .brand-area.type2 + .section {border-top: 7px solid #eee;} .side-nav .section + .brand-area.type2 {border-top: 7px solid #eee;} .brand-area.type2 .brand-list ul {margin: 0 10px;} .brand-area.type2 .brand-list ul:after {content: ' '; display: block; clear: both;} .brand-area.type2 .brand-list li:last-child {margin-right: 0;} .brand-area.type2 .brand-list ul > li {float: left; width: 33.333%; margin-left: 0; padding: 0 5px; box-sizing: border-box;} .brand-area.type2 .brand-list ul li > a {display: block;} .brand-area.type2 .brand-list ul > li:nth-child(3n+1) {clear: both;} .brand-area.type2 .brand-list ul > li:nth-child(n+4) {margin-top: 19px;} .brand-area.type2 .brand-list-box .brand-img {max-width: 108px; width: 100%; height: auto; border-radius: inherit; margin: 0 auto;} .brand-area.type2 .brand-list-box .brand-img img {vertical-align: top;} .brand-area.type2 .brand-list-box .brand-name {margin-top: 7px; line-height: 18px; letter-spacing: -0.28px;} .brand-area.type2 .brand-list-more {position: relative;} .brand-area.type2 .brand-list-more > ul {display: none; padding-top: 20px;} .side-nav .btn-box {text-align: center;padding-top:20px;font-size:0;} .side-nav .btn-more {display:inline-block;width:259px;height:30px;border:1px solid #ddd;background-color:#fff;border-radius:40px;box-sizing: border-box;} .side-nav .btn-more span{font-size: 12px;color: #333;letter-spacing: -0.6px;line-height: 29px;} .side-nav .btn-more.updown-arr span:after{content: '';display: inline-block;position: relative;margin-left: 8px;top: 4px;width: 16px;height: 16px;background: url('//image.hnsmall.com/images/mobile2014/common/v10/icon/btn_bg_updown.png') no-repeat left top;background-size: 16px;} .side-nav .btn-more.updown-arr.on span:after{background-position-y: -16px;} @media all and (max-width:320px) { .brand-area.type2 .brand-list ul {margin: 0 3px;} } /* 2021-10-22 ITSRI-3250 베스트 상품 바로가기 변경 */ .nav-scroll.v3250 .theme-area {padding-bottom: 0; border-bottom: none;} .nav-scroll.v3250 .nav-bttm-banner {margin-bottom: 10px;} .nav-scroll.v3250 .nav-bttm-banner a {display: block; margin: 0 15px; border-radius: 6px; overflow: hidden;} .nav-scroll.v3250 .nav-bttm-banner img {vertical-align: top;} .nav-scroll.v3250 .nav-bttm-link li:only-child:after {display: none;} .nav-scroll.v3250 .nav-bttm-link .link-round {padding: 0 15px; background-color: transparent; box-sizing: border-box;} .nav-scroll.v3250 .nav-bttm-link .link-round a {background-color: #f5f5f5; border-radius: 6px; overflow: hidden;} /* S: 2021-12-07 ITSRI-4184 팡tv매장 알림서비스 및 간격축소 */ .allalarm-pop .arimCheck {position:relative;padding-left: 30px;margin-bottom: 4px;} .allalarm-pop .arimCheck input {position:absolute;top:0;left:0; width: 20px; height: 20px; vertical-align: middle; background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/checkicon_circle.png) no-repeat left top; background-size: 20px auto;} .allalarm-pop .arimCheck input:checked {background-position-y: -20px;} .allalarm-pop .arimCheck label {vertical-align: middle;font-size: 15px; color: #333; font-weight: bold;letter-spacing: -0.3px;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt > li:last-child {padding-bottom: 17px;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl{margin-top: 4px; display: table; width: 100%; table-layout: fixed;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dt{float: none; display: table-cell; vertical-align: middle; width: 70px;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd { float: none; display: table-cell; width: auto; padding-left: 0; vertical-align: middle; box-sizing: border-box;} .allalarm-pop .setupTxt {font-size: 14px; color: #333; padding-top: 13px; padding-left: 4px;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox {margin-top: 4px;} .layerPopWrap02.allalarm-pop .arimiRegBox .setupOpt dl dd .optBtnBox li a {padding: 0 9px;} .allalarm-pop .btnModifyInfo {bottom: -3px;} .allalarm-pop .telNum {font-size: 14px; color: #333; vertical-align: middle; padding-left: 1px;} .layerPopWrap02.allalarm-pop .btnWrap a.btnConfirm {font-weight: bold;} .layerPopWrap02.allalarm-pop .btnWrap a.btnConfirm.disabled {background-color: #e5e5e5; color: #bbb;} .alarmoff-pop .notice-txt {text-align: center;} .alarmoff-pop .notice-txt p {font-size: 15px; color: #333; letter-spacing: -0.3px; font-weight: bold;} .alarmoff-pop .notice-txt .sub-txt {font-size: 12px; color: #666; letter-spacing: -0.24px; font-weight: normal; margin-top: 10px;} .alarmoff-pop .btn-wrap {padding: 0 15px 15px;} .alarmoff-pop .btn-wrap .btn-black{display:block;width:100%;height:39px;padding:10px 0;font-size:13px;font-weight:bold;color:#fff;text-align:center;line-height:20px;background-color:#444;border-radius:8px;box-sizing:border-box;} .white-bell-toast1, .white-bell-toast2{position: fixed; top: 30%; left: 50%; width:170px; height:170px; overflow:hidden; margin-left:-85px; font-size:0; transform:scale(0); -webkit-transition:all 0.25s cubic-bezier(.75,-0.5,0,1.75); z-index: -1;} .white-bell-toast1.view, .white-bell-toast2.view{display: block; width:170px; height:170px; margin-left: -85px; background-color:rgba(0,0,0,0.7); border-radius:50%; text-align:center; transform:scale(1); overflow:visible; -webkit-transition:all 0.3s cubic-bezier(.75,-0.5,0,1.75); z-index: 100;} .white-bell-toast1.view p, .white-bell-toast2.view p{margin-top:18px;overflow:hidden;} .white-bell-toast1.view p span, .white-bell-toast2.view p span{display:block; font-size:14px; color:#fff; font-weight:bold; line-height:19px; white-space:nowrap; overflow:hidden;} .white-bell-toast1.view p:before{content:""; display:block; width:50px; height:50px; margin: 0 auto 1px; background:url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat 0 0; background-size: auto 50px;} .white-bell-toast2.view p:before{content:""; display:block; width:50px; height:50px; margin: 0 auto 7px; background:url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat -60px 0; background-size: auto 50px;} .white-bell-toast1.view .list{display: inline-block; font-size: 13px; color: #fff; height: 30px; line-height: 30px; margin: 11px auto 0; padding: 0 20px; text-align: center; background-color: rgba(229,25,55,0.8); border-radius: 30px; font-weight: bold;} .white-bell-toast2.view .list{display: inline-block; font-size: 13px; color: #fff; height: 30px; line-height: 30px; margin: 8px auto 0; padding: 0 8px; text-align: center; background-color: rgba(229,25,55,0.8); border-radius: 15px; letter-spacing:-0.26px;} .white-bell-toast1.view .list.red, .white-bell-toast2.view .list.red{background-color:#f51d2c;} .white-bell-toast1.view .close, .white-bell-toast2.view .close{display:block; position:absolute; top:5px; right:5px; width:36px; height:36px; background:url(//image.hnsmall.com/images/mobile2014/tv/alert_fff_50x50.png) no-repeat -120px 0; background-size: auto 50px; text-indent:-9999px; overflow:hidden;} .white-bell-toast1.view .date, .white-bell-toast2.view .date{display:block; font-size:13px; font-weight:normal; letter-spacing:-0.24px; color:#fff;} .white-bell-toast1.v2 p span, .white-bell-toast2.v2 p span{display:inline-block;} .white-bell-toast2.v2.view p{ overflow:hidden;} /* E: 2021-12-07 ITSRI-4184 팡tv매장 알림서비스 및 간격축소 */ /* 2022-01-03 ITSRI-4184 팡tv매장 알림서비스 문구추가 */ .bcalarm-pop .info-table-area {margin-right: 5px;} .bcalarm-pop .info-table-area .table-info {margin: 7px 0 8px -7px; border-collapse: separate;border: 1px solid #ddd; border-left: none;} .bcalarm-pop .info-table-area .table-info th {padding: 8px 7px; text-align: center; color: #666; font-weight: normal; font-size: 13px; letter-spacing: -0.26px; background-color: #eee; border-left: 1px solid #ddd;} .bcalarm-pop .info-table-area .table-info td {padding: 6px 7px 9px 7px; text-align: left; color: #999; font-size: 13px; letter-spacing: -0.26px; border-left: 1px solid #ddd; border-top: 1px solid #ddd; vertical-align: top;} .bcalarm-pop .info-table-area .table-info td.underline {text-decoration:underline;} .bcalarm-pop .info-table-area .txt {color: #999; font-size: 13px; letter-spacing: -0.26px;} .bcalarm-pop .info-table-area .txt + .txt {margin-top: 8px;} /* 2022-02-21 ITSRI-5321 LNB 브랜드 검색 */ .brand-area.v5321 .tit-nav {position: relative; margin-bottom: 13px;} .brand-area.v5321 .btn-search {border: 1px solid #ddd; border-radius: 4px; overflow: hidden; height: 30px; line-height: 28px; padding: 0 8px; font-size: 14px; color: #333; letter-spacing: -0.28px; background-size: auto 16px; position: absolute; right: 15px; top: 50%; margin-top: -15px; box-sizing: border-box;} .brand-area.v5321 .btn-search:after {content: ''; display: inline-block; width: 16px; height: 16px; background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/icon_search_32x32_gray.png) no-repeat center; background-size: auto 16px; margin-left: 5px; vertical-align: -2px;} .brand-area .btn-more.right-arr span:after{content: '';display: inline-block;position: relative;margin-left: 8px;top: 1px;width: 6px;height: 10px;background: url('//image.hnsmall.com/images/mobile2014/common/v10/icon/btn_bg_rightarr.png') no-repeat left top;background-size:100%;} .hns-form-popup {padding: 5px 15px; background-color: #fff;} .hns-form-popup .hns-search-input {width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; border: 1.5px solid #d80028; border-radius: 8px; overflow: hidden; background-color: #fff; font-weight: bold; font-size: 18px; color: #333; letter-spacing: -0.36px; text-indent: 0; padding: 0 45px 0 13px;} .hns-form-popup .hns-search-input::placeholder {font-size: 13px; color: #666; font-weight: normal;} .hns-form-popup .input-area {position: relative;} .hns-form-popup .input-area:after {content: ''; display: block; position: absolute; right: 10px; top: 50%; width: 25px; height: 25px; margin-top: -12.5px; background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/ico_header_search.png) no-repeat center; background-size: auto 25px; vertical-align: top;} .hns-form-popup .input-area.on:after {display: none;} .hns-form-popup .hns-search-del {display: none; position: absolute; right: 11px; top: 50%; margin-top: -12.5px; width: 25px; height: 25px;background: url(//image.hnsmall.com/images/mobile2014/common/v10/header/ico_header_search_del.png) center no-repeat; background-size: 16px; vertical-align: top; border: none;} .hns-form-popup .input-area.on .hns-search-del {display: block;} .keyword-none.brand {padding: 25px 38px 50px;text-align: center;} .keyword-none.brand em {position: relative;display: inline-block;width:274px;height:81px;background: url(//image.hnsmall.com/images/mobile2014/common/v10/no_keyword_brand.png) center no-repeat;background-size: 100% auto; border: none; vertical-align: middle;} .keyword-none.brand em:before {display: none;} .keyword-none.brand p {display: none;} /* 2022-03-16 ITSRI-5624 fullpopup 스타일 추가 */ .layer-full-pop {position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; min-height: 100vh; z-index: 110; background-color: #fff; padding-top: 45px; padding-bottom: 50px; box-sizing: border-box; overflow: auto;} .layer-full-pop.brand-pop {padding-top: 100px;} .layer-full-pop .positionWrap {position: fixed; left: 0; right: 0; top: 0; width: 100%; background-color: #fff; z-index: 110;} .layer-full-pop .layerHeader {line-height: 45px;} .layer-full-pop .layerHeader h1 {color: #333; text-align: center; font-size: 20px; line-height: 42px; letter-spacing: -0.4px; font-weight: bold;} .layer-full-pop .allViewClose { position: absolute; top: 8px; right: 15px; width: 25px; height: 25px; border: none; background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_closebtn_25x25_333.png) no-repeat; background-size: 25px auto; -webkit-appearance: none; overflow: hidden; } .layer-full-pop .allViewClose span { position: absolute; left: -1000em; } .brand-pop .brand-area {margin-top: 12px;} .brand-pop .brand-area .keyword {color: #e52937;} .brand-pop .brand-area.type2 .brand-list ul > li:nth-child(3n+1) {clear: none;} .brand-pop .brand-area.type2 .brand-list ul > li:nth-child(n+4) {margin-top: 0;} .brand-pop .brand-area.type2 .brand-list ul > li {margin-bottom: 19px;} /* ITSRI-6596 LNB 영역 개선 작업 */ .side-nav.v2 .cate-area .cate01{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_01.png);} .side-nav.v2 .cate-area .cate02{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_02.png);} .side-nav.v2 .cate-area .cate03{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_03.png);} .side-nav.v2 .cate-area .cate04{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_04.png);} .side-nav.v2 .cate-area .cate05{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_05.png);} .side-nav.v2 .cate-area .cate06{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_06.png);} .side-nav.v2 .cate-area .cate07{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_07.png);} .side-nav.v2 .cate-area .cate08{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_08.png);} .side-nav.v2 .cate-area .cate09{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_09.png);} .side-nav.v2 .cate-area .cate10{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_10.png);} .side-nav.v2 .cate-area .cate11{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_11.png);} .side-nav.v2 .cate-area .cate12{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_12.png);} .side-nav.v2 .cate-area .cate13{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_13.png);} .side-nav.v2 .cate-area .cate14{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_14.png);} .side-nav.v2 .cate-area .cate15{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_15.png);} .side-nav.v2 .cate-area .cate16{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_16.png);} .side-nav.v2 .cate-area .cate17{background-image:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_n_side_cate_17.png);} /* .side-nav.v2 .section{padding: 20px 0 25px;} */ .side-nav.v2 .nav-top-banner{padding-top: 20px;} .side-nav.v2 .nav-top-banner a{display: block;margin: 0 15px;border-radius: 8px;overflow: hidden;} .side-nav.v2 .nav-top-banner a img{width: 100%; vertical-align: top;} .side-nav.v2 .cate-area .cate-menu .dep01{margin-bottom: 10px; padding: 0 15px;} .side-nav.v2 .cate-area .cate-menu:last-child .dep01{margin-bottom: 0;} .side-nav.v2 .cate-area .cate-menu.cate-menu03 .dep01 li{height:117px} .side-nav.v2 .cate-area .cate-menu.cate-menu04 .dep01 li{height:117px} .side-nav.v2 .cate-area .cate-memu:first-child{margin-top:0;} .side-nav.v2 .cate-area .dep01 ul{display: flex; justify-content: space-between;} .side-nav.v2 .cate-area .dep01 li{position: relative; float:none; width: 77px; height:auto;box-sizing:border-box;} .side-nav.v2 .cate-area .dep01 li:nth-child(4n){margin-right:0;} .side-nav.v2 .cate-area .dep01 li a{display:block;position:relative; margin:0 auto; height:auto; padding-top:81px;font-size:14px;color:#333;text-align:center;letter-spacing:-0.25px;background-repeat:no-repeat;background-position:50% 0px;background-size:77px 77px; box-sizing:border-box;} .side-nav.v2 .cate-area .dep01 li.on a{color:#333; font-weight: 700;} /* .side-nav.v2 .cate-area .dep01 li::after{width: 0; height: 0; opacity: 0;} */ .side-nav.v2 .cate-area .dep01 li.on::after{content: ""; display: block; width: 20px; height: 10px; background:url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/img_lnb_dep02.png) 0 0 / 20px 10px no-repeat; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%);} .side-nav.v2 .cate-area .dep01 li.on a::after{display:block;content:'';position:absolute;top:0;left:50%; transform: translateX(-50%); width:77px;height:77px; border-radius: 20px; background: #f7f7f7 none; z-index: -1;} .side-nav.v2 .cate-area .dep02{margin-top:20px; background-color: #f6f6f6; border-top: 1px solid #eee; border-bottom: 1px solid #eee;} .side-nav.v2 .cate-area .dep02 li{background: #fff; border-radius: 8px; width: calc(50% - 3.5px); padding: 0; height: 37px; margin-top: 6px;} .side-nav.v2 .cate-area .dep02 li:nth-child(odd){margin-right: 6px;} .side-nav.v2 .cate-area .dep02 li:nth-child(1), .side-nav.v2 .cate-area .dep02 li:nth-child(2){margin-top:0;} .side-nav.v2 .cate-area .dep02 li a{line-height: 37px; padding: 0 12px;} .side-nav.v2 .brand-area.type2 .brand-list-box .brand-img{position: relative; border:1px solid #eee; border-radius: 16px; overflow: inherit; box-sizing: border-box;} .side-nav.v2 .brand-area.type2 .brand-list-box .brand-img::after{content: ""; position: absolute; top:-1px; right: -1px; width: 32px; height: 17px;} .side-nav.v2 .brand-area.type2 .brand-list-box .brand-img.ico_new::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;;} .side-nav.v2 .brand-area.type2 .brand-list-box .brand-img.ico_hot::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;;} /* 브랜드 검색 팝업 */ .brand-area.type2 .brand-list.v2 .brand-list-box .brand-img{position: relative; border:1px solid #eee; border-radius: 16px; overflow: inherit; box-sizing: border-box;} .brand-area.type2 .brand-list.v2 .brand-list-box .brand-img::after{content: ""; position: absolute; top:-1px; right: -1px; width: 32px; height: 17px;} .brand-area.type2 .brand-list.v2 .brand-list-box .brand-img.ico_new::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;;} .brand-area.type2 .brand-list.v2 .brand-list-box .brand-img.ico_hot::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;;} /* 브랜드 더보기 버튼 */ .side-nav .btn-more{height: 35px;} .side-nav .btn-more span { line-height: 35px; } /* 2022-07-01 ITSR-7663 [LNB] 멤버십 등급 표기 추가 */ .side-nav .login-area .login-info.v2{display: flex; align-items: center;} .side-nav .login-area .login-info.v2 .ico-membership{display: inline-block; margin-right: 8px; width: 32px; height: 32px; padding:0; font-size: 0; text-align: center; vertical-align: top; border: none; border-radius: 0} .side-nav .login-area .login-info.v2 .ico-rank01{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_family.png) 100% / 100% no-repeat; }/* FAMILY */ .side-nav .login-area .login-info.v2 .ico-rank02{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_welcome.png) 100% / 100% no-repeat; }/* WELCOME */ .side-nav .login-area .login-info.v2 .ico-rank03{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat; }/* SILVER */ .side-nav .login-area .login-info.v2 .ico-rank04{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cold.png) 100% / 100% no-repeat; }/* GOLD */ .side-nav .login-area .login-info.v2 .ico-rank05{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_vip.png) 100% / 100% no-repeat; }/* VIP */ .side-nav .login-area .login-info.v2 .ico-rank06{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_platinum.png) 100% / 100% no-repeat;}/* PLATINUM */ .side-nav .login-area .login-info.v2 .ico-rank07{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_n.png) 100% / 100% no-repeat;}/* 임직원 */ .side-nav .login-area .login-info.v2 .ico-rank08{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_yellow.png) 100% / 100% no-repeat;}/* 노란우산 */ .side-nav .login-area .login-info.v2 .login-name{display: inline-block; font-size: 20px; color: #333; line-height: 30px; position: relative; max-width: 36%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 19px; font-weight: bold;} .side-nav .login-area .login-info.v2 .login-name:after{content: "님"; display: inline-block; position: absolute; right: 0; top: 0px; font-size: 20px; font-weight: bold; color: #333;} @media(max-width:320px) { .side-nav .login-area { padding: 15px 10px; } .side-nav .login-area .login-info.v2 .login-name{font-size: 18px; padding-right: 16px;} .side-nav .login-area .login-info.v2 .login-name:after{content: "님"; display: inline-block; position: absolute; right: 0; top: 0px; font-size: 18px; font-weight: bold; color: #333;} } .side-nav.v3 .login-area{display: flex; padding: 14px 15px 13px;} .side-nav.v3 .login-area .login-info{display: flex; flex:1; align-items: center; justify-content: space-between; padding-right: 0;width:calc(100% - 80px);} .side-nav.v3 .login-area .login-info .login-name-box{flex:1; display: flex;min-width:120px;} .side-nav.v3 .login-area .login-info .login-name-box:after{display: none;} .side-nav.v3 .login-area .login-info .login-name-box p{display: inline-block; font-size: 18px; color: #000; line-height: 30px; position: relative; max-width: 51%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 17px; font-weight: bold;} .side-nav.v3 .login-area .login-info .login-name-box p:after{content: "님"; display: inline-block; position: absolute; right: 0; top: 0px; font-size: 18px; font-weight: bold; color: #333;} .side-nav.v3 .login-area .login-info a{display: block;padding: 0 10px;font-size: 13px;text-align: center;color: #111;vertical-align: top;box-sizing: border-box;border: 1px solid #ddd;border-radius: 4px;line-height: 30px;height: 30px;letter-spacing:-0.36px;white-space:nowrap;} .side-nav.v3 .login-area .login-info .lnb-login{position: relative; padding:0 22px 0 0; border:none; line-height: 30px; letter-spacing: -0.64px; font-size: 16px; color: #000; font-weight: 500;} .side-nav.v3 .login-area .login-info .lnb-login::after{content: ""; position: absolute; top:50%; transform: translateY(-50%); right: 0; width: 16px; height: 16px; background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/lnb_login_arr.png) 100% / 100% no-repeat;} .side-nav.v3 .login-area .util-btn {display: flex; align-items: center; position: initial; width: auto; margin-top:0; margin-left: 15px;} .side-nav.v3 .login-area .util-btn a{position:initial; display:inline-block;width:25px;height:25px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;text-indent:-9999em} .side-nav.v3 .login-area .util-btn .btn-setting{display: none;} .side-nav.v3 .login-area .util-btn .btn-setting{display: none; margin-right: 15px;} .side-nav.v3 .login-area .util-btn.util-app-btn .btn-setting{display: block;} .side-nav.v3 .login-area .login-info .ico-membership{display: block; margin-right: 8px; width: 32px; height: 32px; padding:0; font-size: 0; text-align: center; vertical-align: top; border: none; border-radius: 0} .side-nav.v3 .login-area .login-info .ico-rank01{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_family.png) 100% / 100% no-repeat; }/* FAMILY */ .side-nav.v3 .login-area .login-info .ico-rank02{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_welcome.png) 100% / 100% no-repeat; }/* WELCOME */ .side-nav.v3 .login-area .login-info .ico-rank03{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat; }/* SILVER */ .side-nav.v3 .login-area .login-info .ico-rank04{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cold.png) 100% / 100% no-repeat; }/* GOLD */ .side-nav.v3 .login-area .login-info .ico-rank05{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_vip.png) 100% / 100% no-repeat; }/* VIP */ .side-nav.v3 .login-area .login-info .ico-rank06{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_platinum.png) 100% / 100% no-repeat;}/* PLATINUM */ .side-nav.v3 .login-area .login-info .ico-rank07{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_n.png) 100% / 100% no-repeat;}/* 임직원 */ .side-nav.v3 .login-area .login-info .ico-rank08{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_nav_yellow.png) 100% / 100% no-repeat;}/* 노란우산 */ .side-nav.v2 .login-area .login-info.v2 .ico-membership{display: block; margin-right: 8px; width: 32px; height: 32px; padding:0; font-size: 0; text-align: center; vertical-align: top; border: none; border-radius: 0; background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_grade_sprite.png) 0 / 500px auto no-repeat;} .side-nav.v2 .login-area .login-info.v2 .ico-p{background-position: 0 -547px;}/* PLATINUM */ .side-nav.v2 .login-area .login-info.v2 .ico-v{background-position: -32px -547px;}/* VIP */ .side-nav.v2 .login-area .login-info.v2 .ico-g{background-position: -64px -547px;}/* GOLD */ .side-nav.v2 .login-area .login-info.v2 .ico-f{background-position: -96px -547px;}/* FAMILY */ .side-nav.v2 .login-area .login-info.v2 .ico-w{background-position: -128px -547px;}/* WELCOME */ .side-nav.v2 .login-area .login-info.v2 .ico-rank03{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat; }/* SILVER */ .side-nav.v3 .login-area .login-info.v2 .ico-membership{display: block; margin-right: 8px; width: 32px; height: 32px; padding:0; font-size: 0; text-align: center; vertical-align: top; border: none; border-radius: 0; background: url(//image.hnsmall.com/images/mobile2014/common/v10/icon/icon_grade_sprite.png) 0 / 500px auto no-repeat;} .side-nav.v3 .login-area .login-info.v2 .ico-p{background-position: 0 -547px;}/* PLATINUM */ .side-nav.v3 .login-area .login-info.v2 .ico-v{background-position: -32px -547px;}/* VIP */ .side-nav.v3 .login-area .login-info.v2 .ico-g{background-position: -64px -547px;}/* GOLD */ .side-nav.v3 .login-area .login-info.v2 .ico-f{background-position: -96px -547px;}/* FAMILY */ .side-nav.v3 .login-area .login-info.v2 .ico-w{background-position: -128px -547px;}/* WELCOME */ .side-nav.v3 .login-area .login-info.v2 .ico-rank03{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_silver.png) 100% / 100% no-repeat; }/* SILVER */ @media(max-width:320px) { .side-nav.v3 .login-area { padding: 15px 10px; } .side-nav.v3 .login-area .login-info .login-name-box p{font-size: 18px; padding-right: 16px;} .side-nav.v3 .login-area .login-info .login-name-box p:after{content: "님"; display: inline-block; position: absolute; right: 0; top: 0px; font-size: 18px; font-weight: bold; color: #333;} } .side-nav.v3 .section{padding:40px 0 0 0;border-bottom:none;} .side-nav.v3 .brand-area.type2 + .section {border-top: 0} .side-nav.v3 .quick-area .quick-nav{box-shadow: none; border-bottom: 1px solid #ccc; box-sizing: border-box;} .side-nav.v3 .quick-area li a{position: relative; background: none; height: 47px; box-sizing: border-box; font-size: 13px; color: #111; line-height: 48px; padding:0;} .side-nav.v3 .quick-area li:after{content: ""; position: absolute; top: 15px; height: 20px; } /* LNB banner */ .side-nav.v3 .nav-top-banner{padding-top: 0;} .side-nav.v3 .nav-top-banner a{display: block; overflow: hidden;} .side-nav.v3 .nav-top-banner a img{width: 100%; vertical-align: top;} /* LNB 카테고리 */ .side-nav.v3 .cate-area .cate-menu .dep01{margin-bottom: 10px; overflow: hidden;} .side-nav.v3 .cate-area .cate-menu:last-child .dep01{margin-bottom: 0;} .side-nav.v3 .cate-area .cate-menu.cate-menu03 .dep01 li{height:117px} .side-nav.v3 .cate-area .cate-menu.cate-menu04 .dep01 li{height:117px} .side-nav.v3 .cate-area .cate-memu:first-child{margin-top:0;} .side-nav.v3 .cate-area .dep01 .cate_all{margin: 0 15px;} .side-nav.v3 .cate-area .dep01 .cate_all a{position: relative; display: block; height: 38px; padding: 0 36px 0 15px; border-radius: 50px; background-color: #fff; border:1px solid #eee; font-size: 14px; line-height: 36px; letter-spacing: -0.56px; color: #111; font-weight: 500; text-align: left; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;} .side-nav.v3 .cate-area .dep01 .cate_all a::after{content: ""; display: block; position: absolute; top:10px; left: auto; right: 10px; width: 16px; height: 16px; background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_cate_all_arr.png) 100% / 100% no-repeat;} .side-nav.v3 .cate-area .dep01 .cate_all + ul{margin-top: 10px;} .side-nav.v3 .cate-area .dep01 > ul{display: block;} .side-nav.v3 .cate-area .dep01 > ul::after{content: ""; display: block; clear: both;} .side-nav.v3 .cate-area .dep01 > ul > li{float:left; clear: left; width: 50%; height:auto;box-sizing:border-box; } .side-nav.v3 .cate-area .dep01 > ul > li:nth-of-type(2n){clear: none;} .side-nav.v3 .cate-area .dep01 > ul > li:nth-of-type(2n) .dep02{margin-left: -100%;} .side-nav.v3 .cate-area .dep01 > ul > li:nth-child(n+3) {margin-top:5px;} .side-nav.v3 .cate-area .dep01 > ul > li:nth-child(odd) > a{margin-left: 15px; margin-right: 7.5px;} .side-nav.v3 .cate-area .dep01 > ul > li:nth-child(even) > a{margin-right: 15px; margin-left: 7.5px;} .side-nav.v3 .cate-area .dep01 > ul > li > a{position: relative; color: #111; text-align: left; font-size: 15px; height: 38px; line-height: 38px; background: none; padding:0 0 0 32px;} .side-nav.v3 .cate-area .dep01 > ul > li > a::before{content: ""; display: block; position: absolute; top:8px; left:0; width: 22px; height: 22px; background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_lnb_v3_44x44.png) no-repeat; background-size: 45px auto;} .side-nav.v3 .cate-area .dep01 > ul > li.on > a{color:#333; font-weight: 700;} .side-nav.v3 .cate-area .dep01 > ul > li.on::after{display: none;} .side-nav.v3 .cate-area .dep01 > ul > li.on > a::after{content: ""; position: absolute; top:auto; bottom:0; left: 0; right: 25px; width: auto; height: 2px; background:#111;} /* lnb 카테고리 아이콘 */ .side-nav.v3 .cate-area .dep01 ul li .cate01::before{background-position: 0 0;} .side-nav.v3 .cate-area .dep01 ul li .cate02::before{background-position: 0 -22px;} .side-nav.v3 .cate-area .dep01 ul li .cate03::before{background-position: 0 -44px;} .side-nav.v3 .cate-area .dep01 ul li .cate04::before{background-position: 0 -66px;} .side-nav.v3 .cate-area .dep01 ul li .cate05::before{background-position: 0 -88px;} .side-nav.v3 .cate-area .dep01 ul li .cate06::before{background-position: 0 -110px;} .side-nav.v3 .cate-area .dep01 ul li .cate07::before{background-position: 0 -132px;} .side-nav.v3 .cate-area .dep01 ul li .cate08::before{background-position: 0 -154px;} .side-nav.v3 .cate-area .dep01 ul li .cate09::before{background-position: 0 -176px;} .side-nav.v3 .cate-area .dep01 ul li .cate10::before{background-position: 0 -198px;} .side-nav.v3 .cate-area .dep01 ul li .cate11::before{background-position: 0 -220px;} .side-nav.v3 .cate-area .dep01 ul li .cate12::before{background-position: 0 -242px;} .side-nav.v3 .cate-area .dep01 ul li .cate13::before{background-position: 0 -264px;} .side-nav.v3 .cate-area .dep01 ul li .cate14::before{background-position: 0 -286px;} .side-nav.v3 .cate-area .dep01 ul li .cate15::before{background-position: 0 -308px;} .side-nav.v3 .cate-area .dep01 ul li .cate16::before{background-position: 0 -330px;} .side-nav.v3 .cate-area .dep01 ul li .cate17::before{background-position: 0 -352px;} .side-nav.v3 .cate-area .dep01 ul li .cate18::before{background-position: 0 -374px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate01::before{background-position: -22px 0;} .side-nav.v3 .cate-area .dep01 ul li.on .cate02::before{background-position: -22px -22px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate03::before{background-position: -22px -44px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate04::before{background-position: -22px -66px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate05::before{background-position: -22px -88px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate06::before{background-position: -22px -110px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate07::before{background-position: -22px -132px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate08::before{background-position: -22px -154px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate09::before{background-position: -22px -176px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate10::before{background-position: -22px -198px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate11::before{background-position: -22px -220px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate12::before{background-position: -22px -242px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate13::before{background-position: -22px -264px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate14::before{background-position: -22px -286px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate15::before{background-position: -22px -308px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate16::before{background-position: -22px -330px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate17::before{background-position: -22px -352px;} .side-nav.v3 .cate-area .dep01 ul li.on .cate18::before{background-position: -22px -374px;} .side-nav.v3 .cate-area .dep02{display: none; position: relative; width: 200%; background-color: #f9f9f9; margin-bottom: 0;padding: 15px 0; box-sizing: border-box;} .side-nav.v3 .cate-area .dep02 ul{display: flex; flex-wrap: wrap;} .side-nav.v3 .cate-area .dep02 li{height: 35px; padding: 0 15px;} .side-nav.v3 .cate-area .dep02 li:nth-child(odd){} .side-nav.v3 .cate-area .dep02 li:nth-child(n+3) {margin-top:3px;} .side-nav.v3 .cate-area .dep02 li a{padding: 7px 0 8px 10px; height: 35px; font-size: 14px; color: #111; line-height: 20px; letter-spacing: -0.56px; text-align: left; font-weight: normal;} .side-nav.v3 .cate-area .dep02 li a::after{display: none;} /* LNB 브랜드스토어 */ .side-nav.v3 .brand-area .brand-list ul {margin: 0 10px;} .side-nav.v3 .brand-area .brand-list ul:after {content: ' '; display: block; clear: both;} .side-nav.v3 .brand-area .brand-list li:last-child {margin-right: 0;} .side-nav.v3 .brand-area .brand-list ul > li {float: left; width: 33.333%; margin-left: 0; padding: 0 5px; box-sizing: border-box;} .side-nav.v3 .brand-area .brand-list ul li > a {display: block;} .side-nav.v3 .brand-area .brand-list ul > li:nth-child(3n+1) {clear: both;} .side-nav.v3 .brand-area .brand-list ul > li:nth-child(n+4) {margin-top: 19px;} .side-nav.v3 .brand-area .brand-list-box .brand-name {margin-top: 7px; line-height: 18px; letter-spacing: -0.28px;} .side-nav.v3 .brand-area .brand-list-more {position: relative;} .side-nav.v3 .brand-area .brand-list-more > ul {display: none; padding-top: 20px;} .side-nav.v3 .brand-area .brand-list-box .brand-img{position: relative; max-width: 108px; width: 100%; height: auto; border-radius: inherit; margin: 0 auto; border:1px solid #eee; border-radius: 4px; overflow: inherit; box-sizing: border-box;} .side-nav.v3 .brand-area .brand-list-box .brand-img img {vertical-align: top;} .side-nav.v3 .brand-area .brand-list-box .brand-img::after{content: ""; position: absolute; top:-1px; right: -1px; width: 32px; height: 17px;} .side-nav.v3 .brand-area .brand-list-box .brand-img.ico_new::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;;} .side-nav.v3 .brand-area .brand-list-box .brand-img.ico_hot::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;;} /* 브랜드 더보기 버튼 */ .side-nav.v3 .brand-area .btn-more {display:block;width:auto;height:40px; margin: 0 40px; border:1px solid #d5d5d5;background-color:#fff;border-radius:4px;box-sizing: border-box;} .side-nav.v3 .brand-area .btn-more span{font-size: 14px;color: #111;letter-spacing: -0.28px;line-height: 39px;} .side-nav.v3 .brand-area .btn-more.right-arr span:after{content: '';display: inline-block;position: relative;margin-left: 6px;top: 0;width: 6px;height: 10px;background: url('//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/btn_brand_right_arr.png') 100% / 100% no-repeat;} /* 브랜드 전체보기 팝업 */ .brand-pop.v2 .brand-area{margin-top :15px;} .brand-pop.v2 .hns-form-popup .hns-search-input{width: 100%;height: 45px;line-height: inherit; box-sizing: border-box;border: 1.5px solid #111;border-radius: 4px;overflow: hidden;background-color: #fff;font-weight: bold;font-size: 13px;color: #666;letter-spacing: -0.36px;text-indent: 0;padding: 14px 45px 13px 15px;} .brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img{position: relative;max-width:none;padding-bottom:63.84%;border: 1px solid #eee;border-radius: 4px;overflow: inherit;box-sizing: border-box;} .brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;} .brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img::after{content: ""; position: absolute; top:-1px; right: -1px; width: 32px; height: 17px;} .brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img.ico_new::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_new.png) 0 0 / 100% no-repeat;;} .brand-pop.v2 .brand-area.type2 .brand-list .brand-list-box .brand-img.ico_hot::after{background: url(//image.hnsmall.com/images/mobile2014/main/home/v10/side_nav/ico_hot.png) 0 0 / 100% no-repeat;;} /* 할인/적립 , 테마샵 */ /* .side-nav.v3 .discount-area .quick-list { padding:0 15px;} .side-nav.v3 .discount-area .quick-list li {float:left; width:auto; margin-right:10px; text-align:center; } .side-nav.v3 .discount-area .quick-list li:last-child {margin-right:0;} .side-nav.v3 .discount-area .quick-img {position:relative; display:inline-block; width:58px; } .side-nav.v3 .discount-area .quick-img img {display:inline-block; vertical-align:top; width:100%; height:100%;} .side-nav.v3 .discount-area .quick-list li a > p {width: 60px; box-sizing: border-box; margin-top: 6px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;padding:0 2px;color:#111;line-height:18px;text-align:center;letter-spacing:-0.24px;font-size:12px;} .side-nav.v3 .theme-shop .quick-list { padding:0 15px;} .side-nav.v3 .theme-shop .quick-list li {float:left; width:auto; margin-right:10px; text-align:center; } .side-nav.v3 .theme-shop .quick-list li:last-child {margin-right:0;} .side-nav.v3 .theme-shop .quick-img {position:relative; display:inline-block; width:58px; } .side-nav.v3 .theme-shop .quick-img img {display:inline-block; vertical-align:top; width:100%; height:100%;} .side-nav.v3 .theme-shop .quick-list li a > p {width: 60px; box-sizing: border-box; margin-top: 6px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;padding:0 2px;color:#111;line-height:18px;text-align:center;letter-spacing:-0.24px;font-size:12px;} */ /* [ITSRI-23494] 2025-02-27 LNB 전문관, 테마서비스 아이콘 배열 변경 */ .side-nav.v3 .quick-list{padding:0 10px;} .side-nav.v3 .quick-list ul{display: flex;flex-wrap: wrap;gap: 20px 0;} .side-nav.v3 .quick-list ul li{text-align: center;width: 20%;padding: 0 5px;box-sizing: border-box;} .side-nav.v3 .quick-list ul li a{display: block;text-align: center;} .side-nav.v3 .quick-list ul li a > p{width:100%; box-sizing: border-box; margin-top: 6px;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;color:#111;line-height:18px;text-align:center;letter-spacing:-0.24px;font-size:12px;} .side-nav.v3 .quick-list .quick-img{position:relative; display:inline-block;max-width: 56px;width:100%;} .side-nav.v3 .quick-list .quick-img img {display:inline-block; vertical-align:top; width:100%; height:100%;} .side-nav.v3 .lnb-bottom-bnr{margin-bottom: 40px;} .side-nav.v3 .bottom-bnr-box{padding: 0 15px;} .side-nav.v3 .bottom-bnr-box ul{display: flex;} .side-nav.v3 .bottom-bnr-box ul li{flex: 1; border:1px solid #eee; border-radius: 4px; overflow: hidden; box-sizing: border-box;} .side-nav.v3 .bottom-bnr-box ul li + li {margin-left: 15px;} .side-nav.v3 .bottom-bnr-box ul li a{display: block;} .side-nav.v3 .bottom-bnr-box .img img{width: 100%; height: 100%; vertical-align: top;} .side-nav.v3 .bottom-bnr-box .bnr-txt{padding: 10px 0 12px; } .side-nav.v3 .bottom-bnr-box .bnr-txt p{text-align: center; font-size: 15px; line-height: 21px; letter-spacing: -0.6px; color: #000; font-weight: bold;} .side-nav.v3 .bottom-bnr-box .bnr-txt span{display: block; text-align: center; font-size: 13px; line-height: 19px; letter-spacing: -0.26px; color: #888;} .side-nav.v3 .nav-bttm-util{border-top: 1px solid #eee;} .side-nav.v3 .nav-bttm-util:after{display:block;content:'';clear:both;} .side-nav.v3 .nav-bttm-util li{float:left;position:relative;width:50%;height:50px;background-color:#fff;} .side-nav.v3 .nav-bttm-util li:last-child:before{display:inline-block;content:'';position:absolute;top:15px;left:0;width:1px;height:20px;background-color:#ddd;} .side-nav.v3 .nav-bttm-util.col1 li {width: 100%;} .side-nav.v3 .nav-bttm-util.col1 li:last-child:before {display: none;} .side-nav.v3 .nav-bttm-util li a{display:block;font-size:13px;color:#333;text-align:center;line-height:50px;} /* S: 유량제어 팝업 */ .flowControlPop.layerPopWrap {position: fixed; top: 50%; transform: translateY(-50%); left: 30px; right: 30px; padding: 0; border-radius: 16px; color:#111; overflow: hidden; background: #fff; z-index: 100003; box-shadow:3px 3px 10px 0 rgba(0, 0, 0, 0.16); width: auto; margin:0;;} .flowControlPop .layerConts{padding: 15px;} .flowControlPop .pop-inner{padding-top: 35px; padding-bottom: 49px;} .flowControlPop .popup-tit{padding: 0 5px;} .flowControlPop .popup-tit strong {display: block; letter-spacing: -0.38px; font-size: 18px; font-weight: bold; line-height: 26px; color: #111; text-align: center; word-break: keep-all;} .flowControlPop .txt{margin-top: 10px; padding: 0 5px; font-size: 14px; line-height: 20px; color: #666; letter-spacing: -0.28px; text-align: center;} .flowControlPop .progress{margin: 30px 5px 35px; height: 20px; position: relative; border-radius: 20px; background-color: #f1f1f1; overflow: hidden; box-sizing: border-box;} .flowControlPop .progress .bar{display: inline-block; transition: 0.2s; height: 100%; background: linear-gradient(to right, rgba(245, 29, 44, 0.35) , #f51d2c); border-radius: 20px;} .flowControlPop .current-flow dl{display: flex; justify-content: center;} .flowControlPop .current-flow dl + dl{margin-top: 5px;} .flowControlPop .current-flow dl dt{font-size: 15px; letter-spacing: -0.3px; font-weight: normal; line-height: 21px; color: #111;} .flowControlPop .current-flow dl dd{margin-left: 15px; font-size: 15px; letter-spacing: -0.3px; font-weight: normal; line-height: 21px; color: #111; font-weight: bold;} .flowControlPop .btn-close{display: block; width: 100%; height: 39px; text-align: center; border-radius: 8px; background-color: #eee; color: #111; font-size: 15px; letter-spacing: -0.3px; font-weight: bold; line-height: 39px; border: none;} /* E: 유량제어 팝업 */ /* S: 2025-06-16 ITSRI-24404 [업무지원] [리브랜딩][퍼블리싱][편성표] 2025 리브랜딩(리컬러링) 적용 - blue_rbd 추가 */ .layerPopWrap02.blue_rbd {width:315px; margin-left:0; padding-bottom:77px; border-radius:24px; overflow:hidden; transform:translateX(-50%);} .layerPopWrap02.blue_rbd .layerHeader {padding:14px 0 15px; border-bottom:0;} .layerPopWrap02.blue_rbd .layerHeader h1 {height:auto; color:#282a33; font-size:18px; font-family:'Pretendard'; letter-spacing:-0.36px; border-bottom:0;} .layerPopWrap02.blue_rbd .layerHeader .btnLayerClose, .layerPopWrap02.blue_rbd.bcalarm-pop.v4 .layerHeader .btnLayerClose {width:25px; height:25px; top:13px; background:url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat; background-size:400px auto;} .layerPopWrap02.blue_rbd .layerConts .innerConts {padding-bottom:0;} .layerPopWrap02.blue_rbd ul.icoComt li, .layerPopWrap02.blue_rbd ol.icoComt li {margin-top:8px; color:#8f9097; font-size:14px; font-weight:normal; font-family:'Pretendard'; font-weight:normal; line-height:1.36em; letter-spacing:-0.28px;} .layerPopWrap02.blue_rbd .btnWrap a {height:auto; padding:12px 10px 11px; font-weight:bold; font-family:'Pretendard'; letter-spacing:-0.32px; line-height:19px; background-color:#282a33; border-radius:16px; box-sizing:border-box;} .layerPopWrap02.blue_rbd.bcalarm-pop.v4 .btnWrap a.btnConfirm {line-height:1.4; padding-top:11px; padding-bottom:11px; background-color:#282a33;} .blue_rbd.white-bell-toast2.view {font-family:'Pretendard';} .blue_rbd.white-bell-toast2.view p:before {margin-bottom:5px;} .blue_rbd.white-bell-toast1.view p, .blue_rbd.white-bell-toast2.view p {margin-top:20px;} .blue_rbd.white-bell-toast1.view p span, .blue_rbd.white-bell-toast2.view p span {letter-spacing:normal; line-height:16px;} .blue_rbd.white-bell-toast1.view .date, .blue_rbd.white-bell-toast2.view .date {margin-top:5px; font-size:12px; line-height:14px; letter-spacing:-0.24px;} .blue_rbd.white-bell-toast2.view .list {height:auto; margin-top:10px; padding:8px 13px 7px; font-size:13px; font-family:'Pretendard'; font-weight:bold; line-height:1.15em; letter-spacing:-0.26px; background-color:#315dff; border-radius:30px;} /* E: 2025-06-16 ITSRI-24404 [업무지원] [리브랜딩][퍼블리싱][편성표] 2025 리브랜딩(리컬러링) 적용 - blue_rbd 추가 */ /* S: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */ .blue_rbd ul.bulletTxt li {margin-top:7px;} .blue_rbd input[type="radio"], .blue_rbd input:checked[type="radio"], .blue_rbd input[type="checkbox"], .blue_rbd input:checked[type="checkbox"] {background-image:url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png); background-repeat:no-repeat; background-size:400px auto;} .blue_rbd input[type="checkbox"] {background-position: -40px -240px;} .blue_rbd input:checked[type="checkbox"] {background-position:-40px -210px;} .blue_rbd label.check {display:flex; align-items:center;} .blue_rbd label.check.type_sub input[type="checkbox"], .blue_rbd label.check.type_sub input:checked[type="checkbox"] {width:20px; background-image:url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/detail_split.png);} .blue_rbd label.check.type_sub input[type="checkbox"] {margin-right:10px; background-position:-10px -82px;} .blue_rbd label.check.type_sub input[type="checkbox"]:checked {background-position:-10px -112px;} .blue_rbd label.check.type_sub input[type="checkbox"][disabled] {background-position:-10px -248px;} .layerPopWrap.blue_rbd .layerHeader .btnLayerClose {width:25px; height:25px; top:13px; background:url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat; background-size:400px auto;} .layerPopWrap.full-layer.blue_rbd .coupon-list-wrap .tit span {color:#315dff;} .layerPopWrap.full-layer.blue_rbd .coupon-list-wrap.v2 .coupon-list .coupon-box .coupon-info .per {color:#ff5364;} .layerPopWrap.full-layer.blue_rbd .coupon-list .btn-coupon-down i {background-image:url(//image.hnsmall.com/images/mobile2014/prod_detail/blue_rbd/ico_coupon_down.png);} /* E: 2025-06-20 ITSRI-24600 [리브랜딩] [상품상세] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */ /* s: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */ .blue_rbd.layerPopWrap02.bcalarm-pop.v4 .arimiRegBox {padding:20px 15px 15px;} .blue_rbd input[type="checkbox"].type_circle {background-position:-219px -50px !important;} .blue_rbd input[type=checkbox].type_circle:checked {background-position:-279px -50px !important;} /* e: 2025-06-30 ITSRI-24601 [리브랜딩][장바구니/주문] 2025 리브랜딩 컬러 적용 - blue_rbd 추가 */ /* s:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */ .pop_wrap.ver02.blue_rbd .pop_contents {padding-top:50px; border-radius:16px;} .pop_wrap.ver02.blue_rbd h3 { height: 50px; padding: 0; font-size: 18px; border: 0; display: flex; align-items: center; justify-content: center; color: #282a33; } .pop_wrap.ver02.blue_rbd .pop_contents .pop_close {width:25px; height:25px; background:url(//image.hnsmall.com/images/mobile2014/common/blue_rbd/icon_main.png) -80px -180px no-repeat; background-size:400px auto; top:12px; right:15px;} /* e:2025-07-11 ITSRI-25198 [업무지원] [M기획운영팀] 나의쇼핑 적립혜택페이지 큐레이션 구좌신설 */