@charset "utf-8";

.buTxt{margin-bottom:4px;padding-left:8px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 0 6px}
.buTxt_VA{margin-bottom:4px;padding-left:8px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 0 6px; letter-spacing:-1px}
.buTxt_b{margin-bottom:-1px;padding-left:8px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 0 6px}
.buTxt_h{margin-bottom:-18px;padding-left:8px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 442px 6px; text-align:right}
.buTxt img{vertical-align:middle}
.btnTright{margin-top:-29px;margin-bottom:5px;text-align:right;}
.btnTright2{margin-top:-21px;margin-bottom:5px;text-align:right;}
.btnTright3{margin-top:-31px;margin-bottom:5px;text-align:right;}
.btnTright4{margin-top:-39px;margin-bottom:5px;text-align:right;}
.btnTright5{float:right;margin-top:3px;text-align:right;}
.btnTright6{margin-top:3px;text-align:right;margin-top:-15px;margin-bottom:10px;}
.btnTright7{margin-top:-20px;margin-bottom:5px;text-align:right;}
.titRight{margin-top:-19px;margin-bottom:8px;text-align:right}
.titNum{font-size:12px; color:#666; margin-left:3px; margin-bottom:5px; font-weight:normal}

.buTxt + .buTxt {margin-bottom:7px; margin-top:-5px;}

.titCont + div > .btnTright{min-height:20px; } /* 2019-11-20 맨티스 http://10.1.1.203/mantis/view.php?id=2265 */

/* 메인 */
.myClassWrap{}
.myClassWrap .myClass{border:1px solid #ddd; padding:21px 0 0 37px}
.myClassWrap .myClass p{background:url(//image.hnsmall.com/images/img2014/order/bu_pay_arrow.gif) no-repeat 3px 7px; color:#888; padding-left:11px; margin:20px 0 10px}
.myClassWrap .myClass p span{color:#009d9b; font-weight:bold;}
.myClassWrap .myClass p strong{color:#dd1032;}
.myClassWrap ul{display:none;background:#f4f4f4; padding:20px 40px}
.myClassWrap ul li{ position:relative;background:url(//image.hnsmall.com/images/img2014/mypage/bu_class_arrow.gif) no-repeat 0 9px; color:#888; padding-left:7px; height:19px; padding-top:5px; font-weight:bold; color:#888;}
.myClassWrap ul li a{ position:absolute; right:0; top:0;}
.myClassWrap ul li strong{color:#dd1032;}
.myClassWrap ul li span{color:#444; font-weight:bold;}
.myClassWrap ul li strong.diamond{color:#dd1032;}
.myClassWrap ul li strong.gold{color:#ee8c00;}
.myClassWrap ul li strong.silver{ color:#888;}

.titMyshop{ position:relative; margin:40px 0 10px 0;}
.titMyshop a{ position:absolute; right:0; top:3px;}
.myshopList{width:100%;border-bottom:1px solid #ccc}
.myshopList thead th{height:28px;padding:0;border-top:1px solid #a7a7a7;border-bottom:1px solid #c6c6c6;background:#f4f4f4;border-left:1px solid #e4e4e4;}
.myshopList thead th img{vertical-align:-1px}
.myshopList tbody td{padding:10px 0 9px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center;font-size:11px;color:#888;vertical-align:top; font-weight:bold;}/*2013.11.22 blod 추가*/
.myshopList .first{border-left:none}
.myshopList .pordWrap{*zoom:1; padding-left:16px}
.myshopList .pordWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.myshopList .pordWrap .prod{ float:left; position:relative; margin-right:15px; margin-bottom:10px}
.myshopList .pordWrap .prod img{ border-bottom:1px solid #999;}

.tabProd{overflow:hidden;width:100%;background:url('//image.hnsmall.com/images/img2014/order/bg_tab.gif') repeat-x 0 bottom;}
.tabProd li{float:left;width:373px; position:relative;}
.tabProd li a{display:block;height:23px;margin-right:-1px;padding-top:7px;border:1px solid #ddd;border-bottom:1px solid #666;background:#eee;color:#666;text-align:center; color:#888}
.tabProd li.on{ z-index:200}
.tabProd li.on a{position:relative;height:23px;margin-right:-1px;padding-top:7px;border:1px solid #666;border-bottom:1px solid #fff;background:#fff;color:#dd1032;font-weight:bold; font-size:12px;}
.tabProd li a.more{ display:inline; padding:0; margin:0; border:none; background:none; line-height:0; font-size:0; position:absolute; right:10px; top:10px; width:33px; height:12px}

.wishProd{ border-bottom:1px solid #ccc}
.wishProd .imgList{ padding-top:15px}
.wishProd .imgList li{ padding:0 17px 0 30px}

.mylistZone{*zoom:1;}
.mylistZone:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.mylistZone .list{ position:relative; float:left; width:360px}
.mylistZone .event{ margin-right:28px}
.mylistZone .list h4{ width:228px; height:36px;background:#fff url('//image.hnsmall.com/images/img2014/customer/bg_main_list.gif') no-repeat 0 0;}
.mylistZone .list h4 img{padding:17px 0 0 14px}
.mylistZone .list p{ position:absolute; right:14px; top:18px;}

.mylistZone .list ul{ padding:10px 10px 0 10px; border:1px solid #bbb; border-left:none; border-right:none; padding:15px 20px 10px}
.mylistZone .list ul li{*zoom:1; height:18px; margin-bottom:2px}
.mylistZone .list ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.mylistZone .list ul li a{ font-size:12px; color:#666; float:left;background:url(//image.hnsmall.com/images/img2014/category/bu_dot1.gif) no-repeat 0 7px; padding-left:5px; width:190px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; *line-height:16px}
.mylistZone .list ul li a:hover{ color:#dd1032; text-decoration:none}
.mylistZone .list ul li span{ float:right; font-size:11px; font-family:Tahoma; color:#999; *line-height:14px}
.mylistZone .list ul li strong{ float:left; padding-left:20px}
.mylistZone .list ul li a strong{ display:inline; float:none; font-size:11px; padding:0;}
.deliList{width:100%;margin-bottom:30px;border-bottom:1px solid #ccc}
.deliList thead th{padding:7px 0 6px;border-top:1px solid #bbb;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#f4f4f4;font-weight:normal}
.deliList thead th.first{border-left:none}
.deliList tbody td{padding:15px 0;border:1px solid #eee;border-bottom:none;border-right:none;text-align:center;}
.deliList tbody .first td{border-top:;}
.deliList tbody td.first{border-left:none;}
.deliList tbody td.al{text-align:left;}
.deliList tbody td .date{font-family:Tahoma,"돋움",Dotum,sans-serif;line-height:12px}
td .orderNum,
.orderNum a{font-weight:bold;font-family:Tahoma,"돋움",Dotum,sans-serif;color:#dd1032 !important}
.deliList tbody td .btn{padding-top:6px}
.deliList tbody td .btn2{padding-top:5px}
.deliList tbody td .btn2 span{text-align:center; background-color:#888; color:#fff; display:block; width:80px; height:17px;padding:3px 0 0; line-height:11px; font-size:11px; margin:auto;}/*2014-02-26 방송주문 버튼 추가*/
.deliList tbody td .price .num{font-family:Tahoma,"돋움",Dotum,sans-serif;}
.deliList tbody td.goods,
.deliList tbody td.goods2{padding-left:20px;}
.deliList tbody td.goods .imgList,
.deliList tbody td.goods2 .imgList{height:auto;}
.giftView tbody td.goods2 .imgList .text{margin-bottom:10px; height:54px;}/* 2013-05-13 높이값 지정 */

.giftView tbody td.goods2 .imgList .text2{margin-bottom:10px;max-height:75px;}/* 2014-11-07 text2 추가 */
.giftView tbody td.goods2 .imgList .text2 .goodName{max-height:55px;overflow:hidden}
.giftView tbody td.goods2 .imgList .text2 .goodOption{max-height:23px;overflow:hidden}
.giftView tbody td.goods .imgList .text2{margin-bottom:10px;max-height:75px;}/* 2014-11-07 text2 추가 */
.giftView tbody td.goods .imgList .text2 .goodName{max-height:55px;overflow:hidden}
.giftView tbody td.goods .imgList .text2 .goodOption{overflow:hidden}

.giftView tbody td.goods2 .imgList .textChange{height: 44px;padding-right: 10px;max-height: 44px;overflow: hidden;margin-bottom:10px;line-height: 14px;}
.giftView tbody td.goods2 .imgList .textChange a{color:#444}
.deliList tbody td.goods .imgList .text a{color:#666}
.deliList tbody td.goods .imgList .imgBtn,
.deliList tbody td.goods2 .imgList .imgBtn{width:100px;margin-top:81px;*margin-left:-95px}
.deliList tbody td.goods2 .option{ float:left}
.deliList tbody td.goods2 .price,.deliList tbody td.goods .price{margin-top:0;*margin-top:0;margin-left:95px}
/*.deliList tbody td.goods2 .price{margin-top:-8px;*margin-top:0;margin-left:95px}*/
.deliList tbody td.state{vertical-align:top}
.deliList tbody td.state .btn{padding-top:0}
.deliList tbody td.state2{padding-top:33px;vertical-align:top}
.deliList tbody td.state2 a{display:inline-block;margin-bottom:3px;}
.deliList tbody td.state .deliOk{color:#dd1032}
.deliList tbody .last th,
.deliList tbody .last td{border-bottom:1px solid #ccc}
.deliList .total{ background:#f4f4f4; padding:15px 15px;text-align:right; font-weight:bold; color:#666}
.deliList .total .sum {margin-right: 2px;font-family: tahoma;font-size: 18px;color: #E51937;}
.deliList .total span {font-family: tahoma;}

td.num,
td .num{font-family:Tahoma,"돋움",Dotum,sans-serif;}

/* 나의쇼핑정보 - 재구매 버튼 추가로 상품정보영역 수정 2016-08-05 */
.deliList tbody td.goods.re_v01 .imgList, .giftView tbody td.goods.re_v01 .imgList,
.deliList tbody td.goods2.re_v01 .imgList,.giftView tbody td.goods2.re_v01 .imgList {position:relative; width:auto; min-height:80px; padding:0 0 0 90px;}
.deliList tbody td.goods.re_v01 .imgList .img, .giftView tbody td.goods.re_v01 .imgList .img,
.deliList tbody td.goods2.re_v01 .imgList .img, .giftView tbody td.goods2.re_v01 .imgList .img {float:none;position:absolute; top:0; left:0;}
.deliList tbody td.goods.re_v01 .price, .giftView tbody td.goods.re_v01 .price,
.deliList tbody td.goods2.re_v01 .price, .giftView tbody td.goods2.re_v01 .price {margin-left:0;}
.deliList tbody td.goods.re_v01 .imgList  .btnReorder, .giftView tbody td.goods.re_v01 .imgList  .btnReorder,
.deliList tbody td.goods2.re_v01 .imgList  .btnReorder, .giftView tbody td.goods2.re_v01 .imgList  .btnReorder {display:inline-block; height:19px; margin:5PX 0 0 0; padding:0 20px 1px 20px; line-height:19px; font-size:11px;  color:#fff; background:#19bfbf; text-decoration:none;}

.mysStep{margin-bottom:30px}
.mysStep li{display:inline;margin-right:-4px}
.mysStep li:first-child{margin-right:-6px;}

.myRequestGuide {margin-bottom:30px; padding:30px 21px 20px;border:1px solid #ddd;}
.myRequestGuide .stepList {margin-bottom:20px;overflow:hidden;}
.myRequestGuide .stepList li {float:left; padding-right:43px;background:url('//image.hnsmall.com/images/img2014/mypage/bu_next_step.gif') no-repeat 125px 47px;}
.myRequestGuide .stepList li.last {padding-right:0;}
.myRequestGuide .progList {margin-bottom:20px;overflow:hidden;}
.myRequestGuide .progList li {float:left;}
.myRequestGuide .buList4 li {margin-bottom:10px; padding-left:10px; font-size:12px; color:#888;}


.mysGraph{width:100%;margin-bottom:10px;border-bottom:1px solid #ccc}
.mysGraph thead th{height:23px;border-top:1px solid #bbb;border-left:1px solid #ddd;border-bottom:1px solid #ddd;background:#f4f4f4;font-weight:normal}
.mysGraph thead th.first{border-left:none}
.mysGraph tbody th{padding-right:34px;font-weight:normal;text-align:right;border-right:1px solid #eee}
.mysGraph tbody td{padding:0;}
.mysGraph tbody .first td,
.mysGraph tbody .first th{padding-top:10px}
.mysGraph tbody .last td,
.mysGraph tbody .last th{padding-bottom:10px}
.mysGraph tbody td p{position:relative;height:0;padding:7px 0 0;background:#00a9a7 url('//image.hnsmall.com/images/img2014/mypage/bg_mys_graph2.png') no-repeat right 0}
.mysGraph tbody td p.change{background:#dd1032 url('//image.hnsmall.com/images/img2014/mypage/bg_mys_graph3.png') no-repeat right 0; margin-top:-1px}
.mysGraph tbody td p span{overflow:hidden;position:absolute;top:0;height:0;padding:7px 0 0;background:url('//image.hnsmall.com/images/img2014/mypage/bg_mys_graph.png') no-repeat right 0;font-size:0;text-indent:-100px;line-height:0;}
.mysGraph tbody td p span.step1{width:20%}
.mysGraph tbody td p span.step2{width:40%}

.deliSch{height:50px;margin-bottom:30px;padding-top:2px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_search.png') no-repeat 0 -122px;}
.deliSch dt{float:left;padding:18px 0 0 30px}
.deliSch dd{margin-left:100px;padding-top:13px}
.deliSch dd input.txt{width:79px;margin-right:1px;vertical-align:top;}

.layerCont .deliSch dt{float:left;padding:12px 0 0 20px}
.layerCont .deliSch dd{margin-left:65px;padding-top:13px}
.layerCont .deliSch dd input.txt{width:68px;margin-right:1px;}
.layerCont .deliSch dd input.ml10{margin-left:5px;}

.btnDay{display:inline-block;width:50px;height:23px;margin-right:-3px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_btn.png') no-repeat 0 0;vertical-align:middle}
.btnDay a{display:inline-block;width:50px;height:20px;padding-top:3px;text-align:center;}
.btnDay.on a,
.btnDay a:hover{background:#999;color:#fff;text-decoration:none}

.rsGrade{height:206px;margin-bottom:38px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_grade.png') no-repeat 0 0;}
.rsGrade .myGrade{float:right;width:278px;padding:11px 0 0;text-align:center;}
.rsGrade .myGrade .gradeTxt{padding-top:4px;color:#888;text-align:center;}
.rsGrade .myGrade .gradeTxt2{width:92%;padding:19px 10px 0 11px;color:#ee8c00;text-align:left;display:inline-block}
.rsGrade .myGrade .gradeTxt2:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.rsGrade .myGrade .gradeTxt2 img{vertical-align:-1px}
.rsGrade .myGrade .gradeTxt2 a{float:right;*margin-top:-17px}
.gradeList{width:458px;height:200px}
.gradeList li{position:relative;float:left;width:175px;height:73px;padding:32px 0 0;}
.gradeList li .num{position:absolute;top:47px;left:99px;color:#888}
.gradeList li .num strong{margin-right:2px;font-family:Tahoma,"돋움",Dotum,sans-serif;font-size:20px;color:#dd1032}
.gradeList li.list1{padding-left:49px}
.gradeList li.list3{padding-left:53px}
.gradeList li.list2,
.gradeList li.list4{padding-left:61px;width:169px}
.gradeList li.list2 .num,
.gradeList li.list4 .num{left:96px;}
.gradeList li .btn{width:200px;height:20px;margin-top:17px;padding-left:8px;font-size:11px;color:#aaa;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 0 9px;letter-spacing:-1px}
.gradeList li .btn a{float:right;margin-top:5px;*margin-top:-15px}
.gradeList li .btn a img{vertical-align:middle}
.gradeList li.list1 .btn{margin-left:-39px;}
.gradeList li.list3 .btn{margin-left:-43px}
.gradeList li.list2 .btn,
.gradeList li.list4 .btn{margin-left:-49px;}

/* 등급해택 UI개선 2017-01-19 */
.rsGrade02 {margin:0 0 38px; border:1px solid #cdcdcd;}
.rsGrade02 > .topCopy {display:block; height:38px; padding:1px 20px 0; line-height:38px; font-size:13px; font-weight:normal; color:#232323; background:#f4f4f4;}
.rsGrade02 > .topCopy .userName {font-weight:bold;}
.rsGrade02 .rsGradeList {overflow:hidden; width:100%;}
.rsGrade02 .rsGradeList li {float:left; width:25%; padding:8px 0 7px; text-align:center;}
.rsGrade02 .rsGradeList li > span {display:inline-block; height:24px; padding:20px 0 0 47px; line-height:24px; font-size:20px; font-weight:bold; color:#dd1f2a; font-family:Tahoma,"돋움",Dotum,sans-serif;}
.rsGrade02 .rsGradeList li > span.deduct {color:#009d9b}
.rsGrade02 .rsGradeList li > span .hideTxt {position:absolute; overflow:hidden; width:0; height:0; line-height:0; font-size:1px; color:transparent;}
.rsGrade02 .rsGradeList li > span em {margin:0 0 0 2px; font-size:12px; font-weight:normal; color:#666; font-family:"Malgun Gothic","맑은 고딕","Dotum","돋움","굴림",Sans-serif;}
.rsGrade02 .rsGradeList li.grade01 > span {min-width:37px; background:url('//image.hnsmall.com/images/img2014/mypage/p_txt_grade02_01.png') no-repeat left top;}
.rsGrade02 .rsGradeList li.grade02 > span {min-width:36px; background:url('//image.hnsmall.com/images/img2014/mypage/p_txt_grade02_02.png') no-repeat left top;}
.rsGrade02 .rsGradeList li.grade03 > span {min-width:58px; background:url('//image.hnsmall.com/images/img2014/mypage/p_txt_grade02_03.png') no-repeat left top;}
.rsGrade02 .rsGradeList li.grade04 > span {min-width:23px; background:url('//image.hnsmall.com/images/img2014/mypage/p_txt_grade02_04.png') no-repeat left top;}

.gift td{padding:0 20px 15px !important;}
.gift .freeGiftWrap{position:relative;width:100%;padding:10px 0; border:1px solid #ddd;}
.gift .freeGift{*zoom:1;}
.gift .freeGift:after {content:""; display:block; clear:both; height:0%;}
.gift .freeGiftWrap .arrow{position:absolute;background:url(//image.hnsmall.com/images/img2014/order/bu_gift_arrow.gif) no-repeat 0 0; position:relative; left:35px; top:-16px; width:11px; height:7px; display:block}
.gift .freeGift{background:url(//image.hnsmall.com/images/img2014/order/bu_gift_line.gif) repeat-x 0 0; padding:10px 15px 10px 28px}
.gift .freeGiftWrap .first{ background:none}
.gift .freeGift .subjgift {float:left;position:relative;width:260px;height:51px;padding-left:60px;text-align:left;}
.gift .freeGift .subjgift .img {position:absolute; left:0; top:0; width:50px; height:50px; border-bottom:1px solid #999}
.gift .freeGift .subjgift .txt {float:left; width:215px;}
.gift .freeGift .subjgift .txt .bold {font-weight:bold; display:block; margin-bottom:15px;}
.gift .freeGift .subjgift .txt strong {display:block;padding-top:4px;margin-bottom:7px;font-weight:normal;  line-height:14px; color:#888;}
.gift .freeGift .subjgift .txt strong img{ vertical-align:-1px;}

.gift .freeGift .subjgift2 {float:left;position:relative;width:260px;height:65px;padding-left:60px;text-align:left;}
.gift .freeGift .subjgift2 .img {position:absolute; left:0; top:0; width:50px; height:50px; border-bottom:1px solid #999}
.gift .freeGift .subjgift2 .txt {float:left; width:215px;}
.gift .freeGift .subjgift2 .txt .bold {font-weight:bold; display:block; margin-bottom:15px;}
.gift .freeGift .subjgift2 .txt strong {display:block;padding-top:4px;margin-bottom:7px;font-weight:normal;  line-height:14px; color:#888;}
.gift .freeGift .subjgift2 .txt strong img{ vertical-align:-1px;}
.gift .freeGift .cartSel {margin-top:10px;*zoom:1;margin-left:0; position:relative}

.gift .freeGift .con{ float:left;width:190px;text-align:left; padding-top:17px; color:#888}
.gift .freeGift .con2{ float:left;padding-top:5px; padding-left:25px; text-align:center}
.gift .freeGift .con2 .btn{ padding-top:0}
.gift .freeGift .con2 .deliOk{color: #dd1032;}



.deliList .cartSel {margin-top:10px;*zoom:1;margin-left:95px}
.deliList .cartSel:after {content:""; display:block; clear:both; height:0%;}
.deliList .cartSel .btnChg{float:left;margin-top:0;margin-left:5px;}
.deliList .cartSel .depth{float:left;display:inline-block;height:21px; width:165px;cursor:pointer; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0; padding-left:5px;}
.deliList .cartSel .depth.over{position:relative;*z-index:1}
.deliList .cartSel .depth span{ display:block; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0; padding:3px 25px 0 0;font-size:11px; color:#6a6b6c;}
.deliList .cartSel .depth ul{float:left;position:absolute;display:none; left:0; top:20px; width:168px; _width:151px; padding:3px 0;border:1px solid #dd1032; background:#fff; z-index:2;}
.deliList .cartSel .depth ul li{float:none; padding:2px 0 0 0;}
.deliList .cartSel .depth ul li a{ display:block;height:16px;background:none;line-height:16px; text-indent:0; text-decoration:none; padding:2px 5px 0; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.deliList .cartSel .depth ul li a:hover{background:#dd1032; color:#fff;}

.deliList tfoot td.listSum{border-top:1px solid #ccc}
.deliList tfoot .listSum {text-align:right; background:#eee; padding:8px 20px 10px; font-weight:bold; color:#666;}
.deliList tfoot .listSum span {font-family:tahoma;}
.deliList tfoot .listSum span.tahoma {margin-right:2px;font-family:tahoma; font-size:18px;color:#df1e34; display:inline-block; margin-left:10px;font-weight:normal;vertical-align:-2px;*vertical-align:0}
.deliList tfoot .listSum p{ padding-top:5px;}
.deliList tfoot .listSum p strong{color:#666; font-weight:normal}
.deliList tfoot .listSum p span{font-family:tahoma; font-weight:bold;color:#666;display:inline-block; width:144px}
.deliList tfoot .listSum span.red{ font-size:14px; color:#df1e34;position:relative; top:3px; font-weight:bold}
.deliList tfoot .listSum p strong.bold{ font-weight:bold}

.deliList .coupon{ width:88px; margin:0 auto}
.deliList .coupon p{ padding:6px 0 0; line-height:14px}
.deliList .coupon span{ font-family:tahoma;}
.deliList .coupon .sale2{width:60px; height:25px;background:url(//image.hnsmall.com/images/img2014/category/bg_cou_detail.gif) no-repeat 0 0; padding:4px 0 0 35px;*padding:0 0 0 35px; *height:29px; text-align:left}
.deliList .coupon .sale2 strong{font-family:Tahoma,"돋움",Dotum,sans-serif; font-size:22px; color:#03a0c2;letter-spacing:-1px; font-weight:normal;*line-height:25px}
.deliList .coupon .sale2 span{font-size:14px; color:#03a0c2;font-family:Tahoma,"돋움",Dotum,sans-serif;}

.deliList .benefit{ padding-left:13px;}
.deliList .benefit .com{overflow:hidden;display:inline-block;width:0;height:0;margin-right:4px;padding:13px 0 0 13px;background:url('//image.hnsmall.com/images/img2014/category/ico_benefit.gif') no-repeat 0 0;font-size:0;vertical-align:middle}
.deliList .benefit .cou{overflow:hidden;display:inline-block;width:0;height:0;margin-right:4px;padding:13px 0 0 13px;background:url('//image.hnsmall.com/images/img2014/order/ico_benefit3.gif') no-repeat 0 0;font-size:0;vertical-align:middle}
.deliList .benefit .dly{overflow:hidden;display:inline-block;width:0;height:0;margin-right:4px;padding:13px 0 0 38px;background:url('//image.hnsmall.com/images/img2014/order/ico_benefit4.gif') no-repeat 0 0;font-size:0;vertical-align:middle}

/* @@@ 2014-07-04 추가 */
.deliList .optionWrap{*zoom:1; width:77px; margin:0 auto;}
.deliList .optionWrap:after {content:""; display:block; clear:both; height:0%;}
.deliList .optionWrap .btn{ float:left; width:15px; padding-top:0; padding-left:1px}
.deliList .optionWrap .btn a{ display:block; margin:0; padding:0; font-size:0}
.deliList .optionWrap .btn a img{ margin-bottom:1px;}
.deliList .optionWrap input{ width:22px; height:15px; margin:0; border:1px solid #c4c4c4; font-size:12px; text-align:right; padding:0 3px; float:left}

.deliList td.cause{padding:10px 30px;border-top:1px solid #ddd;background:#f4f4f4;}
.deliList td.cause .depth{display:inline-block;height:21px; width:165px;position:relative;cursor:pointer; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0; padding-left:5px;}
.deliList td.cause .depth span{ display:block; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0; padding:3px 25px 0 0;font-size:11px; color:#6a6b6c;}
.deliList td.cause .depth ul{ border:1px solid #dd1032; position:absolute; left:0; top:20px; background:#fff; width:168px; display:none; z-index:500; overflow-x:hidden; _width:151px; padding:3px 0}
.deliList td.cause .depth ul li{ padding:2px 0 0 0; font-size:11px;}
.deliList td.cause .depth ul li a{ display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:2px 5px 0; height:16px; overflow:hidden;}
.deliList td.cause .depth ul li a:hover{background:#dd1032; color:#fff;}
.deliList td.cause .depth ul li a span{padding:0 7px; background:none;}
.deliList td.cause .depth ul li a:hover span{padding:0 7px; background:none; color:#fff;}
.deliList td.cause .depth.sel{width:198px;}
.deliList td.cause .depth.sel ul{width:201px;}
.deliList td.cause .depth.sel2{width:230px;}
.deliList td.cause .depth.sel2 ul{width:233px;}
.deliList td.cause .depth.selOption{width:470px;}
.deliList td.cause .depth.selOption ul{width:473px;}
.deliList td.cause .txt{margin-right:11px;}
.deliList td.cause input[type="text"]{width:466px;margin:0;}
/* //@@@ 2014-07-04 추가*/

/* @@@ 2014-07-07 교환반품취소 신청 추가 시작 */
.deliList .inputAmount{width:28px;height:15px;margin-bottom:3px;padding:2px;color:#898989;font-size:11px;text-align:center;}
.tableView tbody tr td span{margin-left:5px;color:#999;font-size:11px;line-height:16px;}
.tableView tfoot tr th{height:27px;border-top:1px solid #eee;border-bottom:0;background:#f4f4f4;}
.tableView tfoot tr td{border-top:1px solid #eee;border-bottom:0;background:#f4f4f4;}
.tableView tfoot tr td span{margin-left:5px;color:#999;font-size:11px;line-height:16px;}

.request_box{padding:1px;border:1px solid #ddd;background:#fff;}
.box_padding{padding:0 26px;}
.box_padding .tableView{border-top:0;border-bottom:0;}
.box_padding .tableView tbody tr th{height:auto;padding:5px 30px 6px;}
.box_padding .tableView tbody tr td{padding:5px 0 6px;}
.box_padding .tableView tbody tr td span{margin-left:5px;color:#999;font-size:11px;line-height:16px;}
.box_padding .tableView tbody tr td ul.buList5{padding:5px 20px 4px;}

/*교환배송비 결제 박스*/
.request_box .buyer{padding:9px 26px 10px;color:#444;font-size:12px;line-height:16px;background:#eee;}
.request_box .buyer span{font-weight:bold;border-bottom:1px solid #444;}

/*주문취소 및 재결제*/
.request_box .agreeCheck{padding:9px 26px 10px;color:#444;font-size:12px;line-height:16px;text-align:right;background:#eee;}
.request_box .agreeCheck span{float:left;}
.request_box .complete{padding:35px 28px 16px;}
.request_box .complete p{margin-bottom:11px;padding-bottom:14px;border-bottom:1px solid #eee;text-align:center;}
/* //@@@ 2014-07-07 교환반품취소 신청 추가 끝 */

/* @@@ 2014-08-15 추가 시작*/
.deliList tbody tr td span.amount{width:48px;margin:3px auto;}
.deliList tbody tr td span.amount .optInput{width:22px;}
.deliList tbody tr td span.amount .btn{padding-top:0;}
.deliList tbody tr td span.amount .btSizeS a{padding-right:13px;padding-left:10px;}
/* //@@ 2014-08-15 추가 끝*/

/* @@@ 2014-08-29 추가 시작*/
.selectCancel{height:20px;margin-top:-20px;margin-bottom:26px;text-align:right;}
.selectCancel span{margin-right:10px;}

.titZone{height:20px;margin-bottom:11px;vertical-align:middle;}
.titZone .titCont{float:left;margin-top:3px;margin-right:10px;margin-bottom:0;}
.titZone .pluralList{float:left;margin-top:2px;margin-right:10px;}
/* //@@ 2014-08-29 추가 끝*/


.wishList{margin-bottom:10px !important}
.wishList tbody td,
.giftView tbody td{border-left:0;border-right:0;vertical-align:top}
.giftView tbody .gift td{border:none;text-align:left}
.giftView tbody td.first{vertical-align:top;border-right:1px solid #eee}
.giftView tbody td.state2{padding-top:15px;}
.giftView tfoot .listSum{border-bottom:1px solid #eee}
.wishList tbody td.goods2 .imgList .img img,
.giftView tbody td.goods2 .imgList .img img{width:80px;height:80px}

.wishList .goods2 .text{max-height:40px; overflow:hidden; height:40px}
.wishList .btnset a{display:inline-block;margin-bottom:1px}

.wishList td.sale{ z-index:1000}
.wishList .price {text-align:right; font-weight:normal; padding-right:5px; width:95px}
.wishList .price p{color:#888; padding:6px 0 2px; line-height:12px}
.wishList .price p img{ vertical-align:-2px}
.wishList .price strong {font-size:12px; font-family:Tahoma; color:#888; font-weight:normal}
.wishList .price span{color:#888; font-family:tahoma; line-height:14px}

.reqState{margin-bottom:30px;border:1px solid #ddd}
.reqState ul{height:32px;padding:14px 0 0;border:2px solid #fff;background:#f4f4f4;text-align:center}
.reqState ul li{display:inline;padding:0 23px;color:#444;font-weight:bold;font-size:14px}
.reqState ul li strong{}
.reqState ul li .orderNum{color:#DD1032}
.reqState ul li .num{font-family:tahoma;font-weight:normal;font-size:14px}
.reqState ul li .point{font-family:tahoma;font-size:14px;color:#DD1032}
.reqState ul li .sum{font-family:tahoma;font-weight:normal;color:#DD1032}
.reqState ul li .deduct{font-family:tahoma;font-size:14px;color:#009d9b}

.reqState .pointUse{font-family:tahoma;;font-size:14px;font-weight:bold;color:#dd1032}
.reqState .pointUse .txt{height:19px;margin-right:5px;padding:2px 6px 0 0;border:1px solid #dd1032;text-align:right;color:#444;font-weight:bold;vertical-align:middle}
.reqState ul li .id{margin-left:15px;font-size:14px;color:#00a9a7}
.reqState ul li .pw{margin-left:15px;}
.reqState ul li .pw input.txt{height:18px;margin-top:-4px;padding-left:10px;vertical-align:top; color:#444}
.reqState ul li img{vertical-align:-1px}

/*공통-s*/
.noticeFr{margin-bottom:4px;font-size:11px;text-align:right;color:#888;letter-spacing:-1px}
.noticeFr.lh15 {padding-bottom:4px; line-height:15px;} /* 2016-03-23 추가 */
td span.noticeFr{font-size:11px;color:#888}
td p.noticeFr{margin-top:2px;margin-left:10px;text-indent:-6px;font-size:11px;color:#888;text-align:left;line-height:14px}
.starMust{color:#E51937}

.btnCenter{text-align:center}
.btnRight{text-align:right}
div.btnLeft{margin:20px 0 0;text-align:left}


.tableView td .depth.w200 ul{width:203px}

.verTop{vertical-align:top}

.inputFile{position:relative;height:20px;}
.inputFile .hidden{position:absolute;height:20px;border:0;opacity:0;z-index:99;filter:alpha(opacity=0);}
.inputFile p{position:absolute;top:0;left:0;width:336px;height:20px;z-index:1;background:url('//image.hnsmall.com/images/img2014/category/btn_search.gif') no-repeat right 0;}
.inputFile p span{display:inline-block;width:80px;}

.tableView .num{font-family:tahoma}

h3.titCont4{font-size:20px;}
h4.titCont{font-size:16px;}
h4.titCont > span{color:#aaa;font-size:12px;line-height:16px;font-weight:normal;vertical-align:2px;}/* @@@ 2014-07-04 추가 */
h5.titCont{font-size:14px;}

.overWid{overflow:hidden;width:100%}

.emp{color:#009d9b}
.emp2{color:#dd1032}
/*공통-e*/

td.goods2 .imgList{height:auto}
td .btnBig{margin-top:4px}
td .btnBig a{display:inline-block;height:13px;padding:1px 0 0 20px;background:url('//image.hnsmall.com/images/img2014/order/ico_big_view.png') no-repeat 0 0;font-size:11px;line-height:14px}
.wishList .price del{font-family:tahoma;font-weight:bold;color:#888;}
.wishList .price strong.fontBold{font-weight:bold;font-size:14px;color:#444}
.soldout1 strong{color:#dd1032;font-size:14px}

td.addEx .account{display:inline-block;height:40px;margin:6px 0 8px;padding-left:2px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_account.png') no-repeat 0 0;}
td.addEx .account ul{display:inline-block;*display:inline;*margin-left:-10px;*text-indent:-20px;padding:0 11px 0 9px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_account.png') no-repeat right 0;}
td.addEx .account ul li{width:auto;*padding-left:20px;*margin-top:-3px;font-size:11px;color:#888;line-height:14px;*line-height:18px;}
td.addEx .account2{display:inline-block;margin:6px 0 8px;}
td.addEx .account2 ul{display:inline-block;*display:inline;*margin-left:-10px;*text-indent:-20px;padding:0 11px 0 0;}
td.addEx .account2 ul li{width:auto;*padding-left:20px;*margin-top:-3px;font-size:11px;color:#888;line-height:14px;*line-height:18px;}
td.addEx .account3{display:inline-block;height:28px;margin:6px 0 8px;padding-left:2px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_account2.png') no-repeat 0 0;}
td.addEx .account3 ul{display:inline-block;*display:inline;*margin-left:-10px;*text-indent:-20px;padding:0 11px 0 9px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_account2.png') no-repeat right 0;}
td.addEx .account3 ul li{width:auto;*padding-left:20px;*margin-top:-3px;font-size:11px;color:#888;line-height:14px;*line-height:18px;}

/*상품평*/
.reviewBen{height:193px;margin-bottom:40px;padding:30px 30px 0;border:1px solid #ddd;background:url('//image.hnsmall.com/images/img2014/mypage/bg_review.jpg') no-repeat right 0;}
.reviewBen h4{margin-bottom:12px;}
.reviewBen dl dt{padding:14px 0 4px;font-size:11px;font-weight:bold;color:#999}
.reviewBen dl dd{padding:0 0 0 8px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif') no-repeat 0 3px;line-height:14px;letter-spacing:-1px}

/* 상품평 프로모션 추가 2012-11-30 */
.reviewBen3{height:710px;margin-bottom:40px;padding:30px 30px 0;border:1px solid #ddd;background:url('//image.hnsmall.com/images/img2014/mypage/bg_review.jpg') no-repeat right 0;}
.reviewBen3 h4{margin-bottom:8px; color:#444}
.reviewBen3 h4 span{color:#888; font-size:11px; font-weight:normal}
.reviewBen3 ul li{padding:0 0 0 8px;font-size:12px;color:#888;background:url('//image.hnsmall.com/images/img2014/common/bu_tit_arrow2.gif') no-repeat 0 3px;line-height:17px;}
.reviewBen3 .buList li{padding:0 0 0 7px;background:url('//image.hnsmall.com/images/img2014/category/bu_circle4x4_2.gif') no-repeat 0 6px}
.reviewBen3 .buList6 li{padding:0 0 0 9px;background:url('//image.hnsmall.com/images/img2014/category/bu_cros3x3.gif') no-repeat 0 5px; font-size:11px; color:#888}
.reviewBen3 .bgimg{padding:15px 0 30px; border-bottom:1px solid #e4e4e4 }

.benList_s1{width:65%;}
.benList_s1 thead tr th{height:32px;padding:7px 0 7px;border-top:1px solid #a7a7a7;border-bottom:1px solid #c6c6c6;background:#e4e4e4}
.benList_s1 tbody tr td{padding:10px 0 10px; text-align:center; border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;color:#dd1032; font-weight:bold}
.benList_s1 tbody tr td.last{border-right:none;}
.benList_s1 tbody tr td p{line-height:17px; color:#888; padding-left:8px }
.benList_s1 tbody tr td p.ac{font-size:11px;color:#888;line-height:14px}
.benList_s1 tbody .last th,
.benList_s1 tbody .last td{border-bottom:1px solid #ccc}

.reviewTab .tab{display:inline-block;margin-bottom:30px}
.reviewTab .tab:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.reviewTab .tab li{float:left;}
.reviewTab .tab li a{display:block;width:372px;height:22px;margin-right:-1px;padding:7px 0 0;border:1px solid #ddd;border-bottom:1px solid #666;background:#f4f4f4;text-align:center}
.reviewTab .tab li.on a{position:relative;height:23px;padding:6px 0 0;border:1px solid #666;border-bottom:1px solid #fff;background:#fff;font-size:12px;font-weight:bold;color:#dd1032}
.reviewTab .deliList{margin-bottom:20px}
.reviewTab.reviewTab_v2 .tab li a {height: 38px;padding-top: 20px;border: 1px solid #fff;border-bottom:1px solid #666;background: transparent;font-size: 14px;}
.reviewTab.reviewTab_v2 .tab li.on a{border:1px solid #666;border-bottom:1px solid #fff;font-weight:bold;color:#222;font-size: 16px;}
.reviewTab.reviewTab_v2 .tab li.on .c_point {color: #d90f29;}

.reviewTable tbody td{border-left:0;border-right:0;}
.reviewTable tbody td .imgList{text-align:left}
.reviewTable tbody td.date{font-family:tahoma}
.reviewTable tbody td .imgList{height:auto}
.reviewTable tbody td .imgList .text a{color:#888;display:inline-block;word-break:break-all;}
.reviewTable tbody td .imgList .text a strong{display:inline-block;padding-bottom:3px;color:#666}
.reviewTable tbody td .imgList .text a strong img{vertical-align:middle;}
.reviewTable tbody td.satis{font-size:11px;color:#888}
.reviewTable tbody td.satis .num{font-size:20px}
.reviewTable tbody td.satis .star{text-align:left}
.reviewTable tbody .reviewCont{display:none}
.reviewTable tbody .reviewCont td{background:#f4f4f4}
.reviewTable tbody .reviewCont td .reviewIn{position:relative;padding:0 0 0 120px;text-align:left}
td .revStar{margin-bottom:16px;font-size:11px;color:#888}
td .revStar .star{margin:-4px 15px 0 3px !important;text-align:left}
.reviewTable tbody .reviewCont td .reviewIn .btnCls{position:absolute;top:0;right:10px;}
.reviewTable tbody .reviewCont td .reviewIn .btnCenter{margin:20px 0 15px -120px;}
.reviewTable tbody .reviewCont td .reviewIn p.reviewTxt {display:inline-block;word-break:break-all;padding-right:40px;}

.myQna{margin-bottom:10px !important}
.deliList.myQna tbody td{border-left:0;border-right:0;vertical-align:top}
.tableSt2.myQna tbody td{border-left:0;border-right:0;}
.myQna tbody td .imgList{text-align:left}
.myQna tbody td.date{font-family:tahoma}
.tableSt2.myQna tbody td.date{font-size:11px}
.tableSt2.myQna tbody td .orderNum{font-size:11px}
.myQna tbody td .imgList{height:auto}
.myQna tbody td.goods .imgList .img img{width:80px;height:80px}
.myQna tbody td .imgList .text{height:58px;}
.myQna tbody td .imgList .text a{color:#888}
.myQna tbody td .btnQna{overflow:hidden;width:60px;height:20px;margin:0 auto}
.myQna tbody td .btnQna a{float:left;height:20px;}
.myQna tbody td .btnQna.on a{margin-top:-10px;}
.myQna tbody td.state .ok{color:#dd1032}
.tableSt2.myQna tbody td.sbj{padding-left:20px;}

.myQna tbody .viewCont{display:none;}
.myQna tbody .viewCont td{padding:0;height:0;}
.myQna tbody .viewCont.active td{height:auto;padding:0 0 10px;background:#f4f4f4}
.myQna tbody .viewCont td .qna{display:none;}
.myQna tbody .viewCont.active td .qna{display:block;position:relative;text-align:left}
.myQna tbody .viewCont.active td .qna .question{padding:10px 30px 13px 120px;background:url('//image.hnsmall.com/images/img2014/mypage/ico_question.png') no-repeat 48px 10px;}
.myQna tbody .viewCont.active td .qna .answer{margin:0 10px;padding:11px 15px 11px 109px;border:1px solid #e4e4e4;background:#fff url('//image.hnsmall.com/images/img2014/mypage/ico_answer.png') no-repeat 37px 10px;}
.myQna tbody .viewCont.active td .qna .answer .anDate{margin-top:10px;text-align:right}
.myQna tbody .viewCont.active td .qna .btnCls{position:absolute;top:10px;right:10px;}

/**/
.tableSt2 th{font-weight:normal}
.tableSt2 td.ar{padding-right:23px}

/* 혜택 */
.tableSt2 tbody td.couBen{padding-right:10px;text-align:right;}
.tableSt2 tbody td.couBen strong{color:#009d9b}
.subTxt{font-size:11px}

.couList{overflow:hidden;margin-bottom:30px;padding:10px 0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.couList ul{overflow:hidden;width:100%;margin-top:-1px;}
.couList ul li{float:left;height:127px;width:50%;margin-top:-1px;padding:7px 0 0;border-top:1px solid #eee;}
.couList ul li .coupon{float:left;width:80px;margin:4px 0 0 30px}
.couList ul li .coupon .couTit{display:block;overflow:hidden;width:0;height:0;margin-bottom:4px;padding:13px 0 0 68px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_grade2.png') no-repeat 0 0;font-size:0;}
.couList ul.grade0 li .coupon .couTit{background:none}
.couList ul.grade1 li .coupon .couTit{background-position:-85px -60px}
.couList ul.grade2 li .coupon .couTit{background-position:-85px -40px}
.couList ul.grade3 li .coupon .couTit{background-position:-85px -20px}
.couList ul.grade4 li .coupon .couTit{background-position:-85px 0}
.couList ul li.ok .coupon{position:relative;z-index:1}
.couList ul.grade0 li.ok .coupon .couTit{background:none}
.couList ul.grade1 li.ok .coupon .couTit{background-position:0 -60px}
.couList ul.grade2 li.ok .coupon .couTit{background-position:0 -40px}
.couList ul.grade3 li.ok .coupon .couTit{background-position:0 -20px}
.couList ul.grade4 li.ok .coupon .couTit{background-position:0 0}
.couList ul li.ok .coupon .couSt1{background:url('//image.hnsmall.com/images/img2014/mypage/bg_coupon_use.png') no-repeat 0 0;color:#ccc}
.couList ul li.ok .coupon .use{position:absolute;top:3px;left:0;overflow:hidden;width:0;height:0;padding:79px 0 0 82px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_coupon_use2.png') no-repeat 0 0;z-index:1}
.couList ul li dl{width:170px;margin-left:145px}
.couList ul li dl dt{padding-left:9px;font-weight:bold;background:url('//image.hnsmall.com/images/img2014/category/bu_tit_arrow1.gif') no-repeat 0 4px;line-height:16px}
.couList ul li dl dd{padding:0 0 6px 9px;line-height:14px}
.couList ul li dl dd .num{font-family:tahoma}
/* 쿠폰리스트 추가 스타일 2018-08-01 */
.reviewTab_v2 .coupon_area {width: 150px;height: 72px;margin: 0 auto;background: url('//image.hnsmall.com/images/img2014/mypage/bg_coupon_v2.png') 0 0 no-repeat;}
.reviewTab_v2 .coupon_area .txt {color: #4d4c45;font-weight: bold;text-align: center;letter-spacing: -3px;}
.reviewTab_v2 .coupon_area .txt .small {margin-left: 3px;display: inline-block;vertical-align: bottom;line-height: 24px;}
.reviewTab_v2 .coupon_area .txt.rate {padding-top: 5px;font-size: 36px;line-height: 38px;}
.reviewTab_v2 .coupon_area .txt.rate .small {font-size: 20px;}
.reviewTab_v2 .coupon_area .txt.price {padding-top: 10px;font-size: 28px;line-height: 30px;}
.reviewTab_v2 .coupon_area .txt.price .small {font-size: 14px;}
.reviewTab_v2 .coupon_info {min-height: 112px;}
.reviewTab_v2 .coupon_info strong.title {width: 330px;margin-bottom: 10px;display: inline-block;font-size:14px;color: #222;
text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
}
.reviewTab_v2 .coupon_info .info_list li,
.reviewTab_v2 .coupon_info p.desc {margin-top: 4px;font-size: 13px;color: #666;}
.reviewTab_v2 .coupon_info .info_list li:first-child {margin-top: 0;}
.reviewTab_v2 .coupon_txt {font-size: 14px;color: #666;letter-spacing: 0.5px;}
.reviewTab_v2 .coupon_txt .c_red {color: #e51937;font-weight: bold;}
.reviewTab_v2 .btn_download_coupon {width: 148px;margin-top: 10px;display: inline-block;font-size:12px;color: #666;line-height: 28px;border: 1px solid #666;}

.noticeBox2{margin-top:30px;padding:11px 20px;border:1px solid #ddd}
.noticeBox2 .subTit{color:#666}
.noticeBox2 .buList6 li{font-size:11px;color:#888;background-position:0 6px;}

.tableSt2 tbody td.pointPl{padding-right:15px;text-align:right;color:#ea3297;font-weight:bold}
.tableSt2 tbody td.pointMi{padding-right:15px;text-align:right;color:#009d9b;font-weight:bold}

p.notice{padding:0 0 3px 16px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_notice.gif') no-repeat 0 2px;}
.notice li{padding:0 0 3px 16px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_notice.gif') no-repeat 0 5px;} /*2014-10-30 background px수정*/
.memberOut{margin:0 0 30px 30px}
.memberOut li{font-size:12px;font-weight:bold;color:#666}
.memberOut li strong{color:#dd1032}

/*My정보*/
.layerClick2{cursor:pointer}
.tableView td .letterSch input.txt{padding:0}
.tableView th.subSj{padding-left:7px;border-left:1px solid #E4E4E4;text-align:left;font-size:11px}
.tableView td.bdNone{border-top:none}

.cont .grBox{margin-bottom:10px;padding:16px 15px;border:1px solid #ddd;background:#f4f4f4; overflow:hidden;}
.cont .grBox dl dt{margin-bottom:3px;color:#00a9a7;font-weight:bold}
.cont .grBox dl dd{font-size:11px;line-height:14px; width:100%; text-align:left}

.layerCont .pwCha{margin:8px 0 30px;padding:20px 0 0 20px;border-top:1px solid #ddd}
.layerCont .pwCha li{padding:0 0 3px}
.layerCont .pwCha li label{display:inline-block;width:100px}
.layerCont .pwCha li img{vertical-align:middle}
.layerCont .pwCha li input.txt:hover{border:1px solid #dd1032}

.cont .idenCha{margin-bottom:25px}
.cont .idenCha img{vertical-align:middle}

.deliDef td{font-weight:bold}
.deliDef .txtDef{color:#00a9a7}

.pwType{margin-bottom:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.pwType li{padding:10px 15px 11px 81px;border-top:1px solid #ddd;font-size:11px}
.pwType li label{font-weight:bold}
.pwType li p{padding-left:18px;font-size:11px;line-height:14px}
.pwType li.list1{border-top:none;background:url('//image.hnsmall.com/images/img2014/mypage/bg_pw.png') no-repeat 0 0;}
.pwType li.list2{background:url('//image.hnsmall.com/images/img2014/mypage/bg_pw2.png') no-repeat 0 0;}
.pwType li.list3{background:url('//image.hnsmall.com/images/img2014/mypage/bg_pw3.png') no-repeat 0 0;}

.proMsg{margin-bottom:15px;text-align:center}
.proMsg strong{font-size:14px}

/*2018-05-17 개인정보 이용내역 추가*/
.listWrap.reviewTab.personalTab {position:relative; width:100%;}
.listWrap.reviewTab.personalTab ul {display:block; overflow:hidden;}
.listWrap.reviewTab.personalTab li {width:33%;}
.listWrap.reviewTab.personalTab li:first-child {width:34%;}
.listWrap.reviewTab.personalTab li a {width:100%; height:31px; box-sizing:border-box; padding:5px 0 0 0; border-left:0;}
.listWrap.reviewTab.personalTab li:first-child a {border-left:1px solid #ddd;}
.listWrap.reviewTab.personalTab li.on a {border-left:1px solid #666;}
/*고객등급*/
.gradeWrap{overflow:hidden;width:100%;margin-bottom:30px}
.gradeWrap h4{padding-bottom:7px}
.gradeWrap .fl .myGrade{overflow:hidden;width:363px;border:1px solid #ddd}
.gradeWrap .fl .myGrade img{float:left}
.gradeWrap .fl .myGrade .txt{margin:29px 0 0 155px;padding:0 0 0 8px;color:#888;background:url('//image.hnsmall.com/images/img2014/member/bu_tit_arrow2.gif') no-repeat 0 5px}
.gradeWrap .fl .myGrade .txt .emp{color:#009d9b}
.gradeWrap .fl .myGrade .txt .emp2{color:#dd1032}
.gradeWrap .fr{width:363px;}
.gradeWrap .fr .tableSt2 thead th{height:25px;padding:0}
.gradeWrap .fr .tableSt2 tbody th{padding:0;border-top:1px solid #e4e4e4}
.gradeWrap .fr .tableSt2 tbody td{height:31px;padding:0;border-left:1px solid #eee;color:#888}
.gradeWrap .fr .tableSt2 .grade4 th{border-left:none;color:#dd1032;font-weight:bold}
.gradeWrap .fr .tableSt2 .grade3 th{border-left:none;color:#ee8c00;font-weight:bold}
.gradeWrap .fr .tableSt2 .grade2 th{border-left:none;color:#888;font-weight:bold}
.gradeWrap .fr .tableSt2 .grade1 th{border-left:none;color:#009d9b;font-weight:bold}
.gradeWrap .fr .tableSt2 .myState .grade{position:relative;display:block;}
.gradeWrap .fr .tableSt2 .myState .grade span{position:absolute;top:-7px;left:0;display:block;width:361px;height:31px;border:1px solid #f7c580}
.gradeWrap .fr .tableSt2 .myState td{color:#444}

.benList{width:100%;}
.benList thead tr th{height:28px;padding:0;border-top:1px solid #a7a7a7;border-bottom:1px solid #ddd;background:#e4e4e4}
.benList thead tr th.grade4{background:#fff}
.benList thead tr th.grade3{border-left:1px solid #eee;background:#fff}
.benList thead tr th.grade2{border-left:1px solid #eee;background:#fff}
.benList thead tr th.grade1{border-left:1px solid #eee;background:#fff}
.benList thead tr th.grade1.myGrade{border-left:3px solid #555555;border-right:3px solid #555555;border-top:3px solid #555555;}
.benList thead tr th.grade2.myGrade{border-left:3px solid #555555;border-right:3px solid #555555;border-top:3px solid #555555;}
.benList thead tr th.grade3.myGrade{border-left:3px solid #555555;border-right:3px solid #555555;border-top:3px solid #555555;}
.benList thead tr th.grade4.myGrade{border-left:3px solid #555555;border-right:3px solid #555555;border-top:3px solid #555555;}
.benList tbody tr th{padding:7px 0;border-top:1px solid #e4e4e4;background:#f4f4f4;}
.benList tbody .first th{padding:0 0 10px;vertical-align:bottom}
.benList tbody tr th span{font-weight:normal;line-height:14px}
.benList tbody tr td{padding:10px 7px 9px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center;font-size:11px;color:#888;vertical-align:top}
.benList tbody tr td.noborder{border-top: none;}
.benList tbody tr td p{line-height:14px}
.benList tbody tr td p.ac{font-size:11px;color:#888;line-height:14px}
.benList tbody .first th{border-top:none}
.benList tbody .first td{padding-top:15px;border-top:none}
.benList tbody .last th,
.benList tbody .last td{border-bottom:1px solid #ccc}
.benList tbody tr td img{margin-bottom:4px;}
.benList tbody tr td .ar_mypage{width:120px;margin:0 auto; text-align:center}
.benList tbody tr td .ar_event{width:150px;margin:0 auto;}
.benList tbody tr td.grade1 .ar{text-align:center !important}

/* 2013-08-07 수정 */
.benList tbody tr td.grade4{border-left:none}
.benList tbody tr td.grade1.myGrade{border-left:3px solid #555555;border-right:3px solid #555555}
.benList tbody tr td.grade2.myGrade{border-left:3px solid #555555;border-right:3px solid #555555}
.benList tbody tr td.grade3.myGrade{border-left:3px solid #555555;border-right:3px solid #555555}
.benList tbody tr td.grade4.myGrade{border-left:3px solid #555555;border-right:3px solid #555555}
.benList tbody .last td.grade1.myGrade{border-bottom:3px solid #555555}
.benList tbody .last td.grade2.myGrade{border-bottom:3px solid #555555}
.benList tbody .last td.grade3.myGrade{border-bottom:3px solid #555555}
.benList tbody .last td.grade4.myGrade{border-bottom:3px solid #555555}

/* 2012-11-28 회원등급 추가 */
.benList2{width:100%;}
.benList2 thead tr th{height:28px;padding:0;border-top:1px solid #a7a7a7;border-bottom:1px solid #c6c6c6;background:#e4e4e4}
.benList2 tbody tr th{padding:20px 0;border-top:1px solid #e4e4e4;background:#f4f4f4; vertical-align:top}
.benList2 tbody .first th{padding:20px 0 10px; vertical-align:top}
.benList2 tbody tr td{padding:20px 0 15px 30px;border-top:1px solid #e4e4e4;font-size:11px;color:#888;vertical-align:top}
.benList2 tbody tr td p{line-height:17px; color:#888; padding-left:8px }
.benList2 tbody tr td p.ac{font-size:11px;color:#888;line-height:14px}
.benList2 tbody tr td img{padding:10px  }
.benList2 tbody .first th{border-top:none}
.benList2 tbody .first td{padding-top:15px;border-top:none}
.benList2 tbody tr.first td.vipzone{position:relative}
.benList2 tbody tr.first td.vipzone span{ position:absolute;top:18px;left:400px}
.benList2 tbody tr.first td.vipzone span.btSizeS a{padding-left:10px;padding-right:10px}
.benList2 tbody .last th,
.benList2 tbody .last td{border-bottom:1px solid #ccc}
.mComment{margin-top: -24px;margin-bottom: 8px;text-align: right; color:#666; font-size:14px; font-weight:bold; letter-spacing:-1px}
.mComment span{color:#df1e34; font-size:14px}
.mComment2{margin-bottom: 8px;color:#666; font-size:12px; font-weight:bold;}
.mComment2 span{color:#df1e34; font-size:12px}

.couSt1,
.couSt11{width:80px;height:24px;margin:0 auto;padding:6px 0 0;background:url('//image.hnsmall.com/images/img2014/mypage/bg_coupon.png') no-repeat 0 0;text-align:center;font-family:tahoma;font-weight:bold}
.couSt1,
.couSt11 span{font-size:20px;}
.couSt2{width:80px;height:20px;margin:0 auto;padding:10px 0 0;background:url('//image.hnsmall.com/images/img2014/mypage/bg_coupon.png') no-repeat 0 -30px;text-align:center;font-family:tahoma;font-weight:bold}
.couSt2 span{font-size:14px;}
.couSt3{width:80px;height:20px;margin:0 auto;padding:10px 0 0;background:url('//image.hnsmall.com/images/img2014/mypage/bg_coupon.png') no-repeat 0 -60px;text-align:center;font-family:tahoma;font-weight:bold}
.couSt3 span{font-size:14px;}
.couSt3 img{margin:0 0 0 1px !important;vertical-align:-1px}

.benList tbody td .couSt1,
.benList tbody td .couSt2{margin-bottom:5px;}

.benList tbody td .couSt11,
.benList tbody td .couSt21{margin-bottom:5px; float:left;}
.benList tbody td .btn{float:left; width:80px; height:35px; padding-left:5px}
.benList tbody td .bt,
.benList tbody td .bt1,
.benList tbody td .bt2{font-size:11px;color:#888; padding-bottom:5px }
.benList tbody td .bt1{ padding-top:25px }
.benList tbody td .bt2{ padding-top:133px }

.benVip{ width:100px; padding-top:10px}
.benVip .couSt1,
.benVip .couSt2{margin-bottom:5px;}
.benVip p.btn{ padding-left:0}

.levelComment1,
.levelComment2,
.levelComment3,
.levelComment4{width:135px; text-align:center;font-size:11px;color:#888;line-height: 14px; margin-bottom:10px}
.levelComment1{position: relative; margin:5px auto 5px}
.levelComment2{position: absolute;top: 566px;left: 540px;}
.levelComment3{position: absolute;top: 566px;left: 680px;}
.levelComment4{position: absolute;top: 546px;left: 830px;}

.levelComment5,
.levelComment6,
.levelComment7,
.levelComment8{width:150px; text-align:center;font-size:12px;color:#888;line-height: 14px;}
.levelComment5{position: absolute;top: 356px;left: 250px;}
.levelComment6{position: absolute;top: 370px;left: 420px;}
.levelComment7{position: absolute;top: 370px;left: 620px;}
.levelComment8{position: absolute;top: 356px;left: 790px;}

/*적용상품보기-팝업*/
.layerCont .cont .schGoods{position:relative; z-index:100;width:100%;*zoom:1}
.layerCont .cont .schGoods:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.layerCont .cont .schGoods h5{padding:0;}
.layerCont .cont .schGoods .lnbArea {float:left;width:150px}
.layerCont .cont .schGoods .lnbArea  dl{width:148px;padding:0 0 18px;border:1px solid #ddd;border-top:none}
.layerCont .cont .schGoods .lnbArea  dl dt{margin:0 0 20px -1px;padding:0;border:none}
.layerCont .cont .schGoods .lnbArea  dl dd{margin-bottom:4px;}
.layerCont .cont .schGoods .lnbArea  dl dd a{padding:3px 2px 3px 15px; color: #666666;display: block;font-size: 12px;height: 15px;line-height: 14px;overflow: hidden;text-decoration: none;}
.layerCont .cont .schGoods .lnbArea  dl dd.active a,
.layerCont .cont .schGoods .lnbArea  dl dd a:hover{background:#dd1032; color:#fff;}
.schCate{float:right;width:400px}
.schCate .schSel{height:56px;padding:14px 0 0 30px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_search.png') no-repeat 0 -52px;}
.schCate .schSel dt{float:left;width:90px;font-weight:bold}
.schCate .schSel dd{margin-bottom:2px;}
.schCate .schSel .depth{position:relative;display:inline-block;height:21px; width:248px;margin-top:-3px; cursor:pointer; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat 0 0; padding-left:5px;}
.schCate .schSel .depth span{ display:block; background:url(//image.hnsmall.com/images/img2014/common/bg_location_select.gif) no-repeat right 0; padding:3px 25px 0 0;font-size:11px; color:#6a6b6c;}
.schCate .schSel .depth ul{ border:1px solid #dd1032; position:absolute; left:0; top:20px; background:#fff; width:251px; display:none; z-index:500; overflow-x:hidden; _width:151px; padding:3px 0}
.schCate .schSel .depth ul li{ padding:2px 0 0 0; font-size:11px;}
.schCate .schSel .depth ul li a{ display:block;background:none; font-size:12px; line-height:16px; text-indent:0; width:100%; text-decoration:none; padding:2px 5px 0; height:16px; overflow:hidden;}
.schCate .schSel .depth ul li a:hover{background:#dd1032; color:#fff;}
.schCate .schSel .depth ul li a span{padding:0 7px; background:none;}
.schCate .schSel .depth ul li a:hover span{padding:0 7px; background:none; color:#fff;}
.layerCont .cont .schCate .paging{margin:10px 0 0}

.resImg .imgList{height:auto;margin-top:10px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-bottom: 0;position: relative;vertical-align: top important; z-index: 2;}
.resImg .imgList:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.resImg .imgList .img{float:left;margin-right:15px}
.resImg .imgList li{overflow:hidden;width:100%;clear:both;float:none;padding:10px 0;border-top:1px solid #e4e4e4}
.resImg .imgList li.first{border-top:none}
.resImg .imgList li .img{margin-left:20px}
.resImg .imgList li .text{margin:0}
.resImg .imgList li .text{margin:0}

.popBtn .buTxt2.fl{letter-spacing:-1px}
td .layerPop .popTit{text-align:left}

.cardPrint table{width:100%;border-top:1px solid #bbb}
.cardPrint table th{height:27px;padding:0;border:1px solid #ddd;background:#f4f4f4;text-align:center}
.cardPrint table td{height:28px;padding:0;border:1px solid #ddd;text-align:center}
.cardPrint .buList6{margin-top:11px}

/* 거래명세서 팝업 2016-07-15 */
.cardPrint table.txtBreak td {padding:5px 10px; word-break:break-all;}

.eventWrap2 .deliSch{margin-bottom:16px}
.eventWrap2 .reqState{margin-bottom:8px;background:none;border:0;}
.eventWrap2 .reqState ul{height:auto;padding:0;background:none;border:0;text-align:left}
.eventWrap2 .reqState ul li{padding:0 26px 0 0;color:#666;font-size:12px}
.eventWrap2 .reqState ul li.on{color:#444}
.eventWrap2 .tableSt2 .sbj a{margin-left:10px;font-weight:bold;color:#444}
.eventWrap2 .tableSt2 .sbj .icoTv{display:inline-block;width:34px;padding:15px 0 0;background:url('//image.hnsmall.com/images/img2014/event/ico_tvnit.gif') no-repeat 0 0;font-size:0;line-height:0;vertical-align:middle}
.eventWrap2 .tableSt2 .sbj .icoIt{display:inline-block;width:34px;padding:15px 0 0;background:url('//image.hnsmall.com/images/img2014/event/ico_tvnit.gif') no-repeat 0 -15px;font-size:0;line-height:0;vertical-align:middle}
.tableSt2 .win{display:inline-block;overflow:hidden;width:0;height:0;padding:15px 0 0 52px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_event_win.png') no-repeat 0 0;font-size:0;}
.tableSt2 .lose{display:inline-block;overflow:hidden;width:0;height:0;padding:15px 0 0 52px;background:url('//image.hnsmall.com/images/img2014/mypage/bg_event_win.png') no-repeat 0 -15px;font-size:0;}
.eventWrap2 .schDir{float:right;width:246px;margin-top:-33px}
.eventWrap2 .schDir .txt{width:213px}/* @@@ 2014-08-18 수정 */

.noticeBox dt{font-weight:bold}
.noticeBox dd{padding-left:8px;font-size:11px;color:#888;background:url("//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png") no-repeat 0 5px;line-height:14px}

.eventWrap2 .tableView th{padding-top:5px;vertical-align:top}
.eventWrap2 .tableView th.pdt16{padding-top:16px;}
.eventWrap2 .tableView td .buList6{margin-top:16px}
.eventWrap2 .tableView td .buList6 li{font-size:12px;color:#444}
.eventWrap2 .tableView td .tableSt2{margin:16px 0}
.eventWrap2 .tableView td .tableSt2 th{height:26px;padding:0;font-weight:bold;text-align:center;color:#888;vertical-align:middle}
.eventWrap2 .tableView td .tableSt2 td{border-left:1px solid #eee}
.eventWrap2 .tableView td .tableSt2 td.first{border-left:0}
.eventWrap2 .tableView td .noticeBox{margin:11px 0}
.eventWrap2 .btnCenter{margin-top:-1px;padding-top:20px;border-top:1px solid #ccc}

/* 달력 팝업 2014-07-24 수정 */
.calendar{position:relative;width:136px;padding:13px 16px;border:1px solid #565656;background:#fff;}
.calendar .btnPre{overflow:hidden;display:block;float:left;width:16px;height:15px;text-indent:-9999px;background:url("//image.hnsmall.com/images/img2014/common/ico_calendar.png") no-repeat 0 -25px}
.calendar .btnNext{overflow:hidden;display:block;float:right;width:16px;height:15px;text-indent:-9999px;background:url("//image.hnsmall.com/images/img2014/common/ico_calendar.png") no-repeat -16px -25px;}
.calendar table{clear:both;width:100%;margin-top:18px;*margin-top:-15px;border-top:1px solid #cdcdcd;}
.calendar table caption{display:block;position:absolute;top:13px;left:57px;font-family:tahoma;font-weight:bold}
.calendar table th{padding:4px 0 3px;color:#565656;font-size:11px;line-height:1em;text-align:center}
.calendar table td{padding:0;color:#898989;font-size:11px;text-align:center}
.calendar table td a{display:block;width:17px;height:14px;padding:3px 0 0;line-height:1em;text-align:center;}
.calendar table td.today a,
.calendar table td a:hover{background:#dd1032;color:#fff;text-decoration:none}
.calendar table .sun{color:#e51937}
.calendar table .sun a{color:#e51937}
.calendar table .sat{color:#12a5cb}
.calendar table .sat a{color:#12a5cb}
/* 달력 팝업 2014-07-24 수정 */

.tableView td .selRes{margin-top:3px}
.tableView td .txtar{margin-bottom:6px}

/* 결제수단변경 2013-01-03 */
.change {margin-top:40px}
.change .orderInfo{ float:left; width:100%;}
.change .orderInfo h2{}
.change .orderInfo p.comment{ position:relative; margin-top:-20px ;text-align:right;right:0; font-weight:normal; font-size:11px; color:#888; margin-bottom:5px}
.change .orderInfo h2 span strong{ font-weight:normal; font-size:11px;color:#e51937;}
.change .orderInfo h4{ position:relative; padding:15px 0 5px 18px;}
.change .orderInfo h4 span{ position:absolute; top:17px; right:0; font-weight:normal; font-size:11px; color:#888}
.change .orderInfo h4 span strong{ font-weight:normal; font-size:11px;color:#e51937;}

.change .orderInfo .paySelect{*zoom:1; border:1px solid #ddd; background:#eee; padding-bottom:5px}
.change .orderInfo .paySelect:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.change .orderInfo .paySelect dt{ float:left; width:115px; font-weight:bold; padding:10px 20px 7px 17px}
.change .orderInfo .paySelect dd{ float:left; padding-right:20px; padding-top:7px}
.change .orderInfo .paySelect dd strong{ color:#444;}

.change .orderInfo .payGuide{ padding:15px 0 20px 20px;}
.change .orderInfo .payGuide li{ background:url(//image.hnsmall.com/images/img2014/order/bu_pay_arrow.gif) no-repeat 2px 7px; font-size:11px; color:#888; padding-left:10px;}

/* 릴레이팡팡 2013-02-25 */
#container .contents .lnbArea dl dd a.relayMenu{font-weight:bold; color:#df1e34;}
.relayText{text-decoration:underline;font-weight:bold; color:#df1e34}

.titLelay{ position:relative; margin:40px 0 10px 0;}
.buTxt_relay{margin-bottom:10px;font-size:11px;color:#999;background:url('//image.hnsmall.com/images/img2014/mypage/bu_star3x3.png') no-repeat 92px 6px; text-align:left}
p.buTxt_relay{margin-top:-25px;padding-left:100px;}
.buTxt_relay2{margin-bottom:10px;font-size:11px;text-align:left;color:#999;}
p.buTxt_relay2{margin-top:-23px;margin-left:110px;text-indent:-10px;}
.buTxt_relay3{margin-bottom:32px;font-size:11px;text-align:right;color:#999;}
p.buTxt_relay3{margin-top:-50px;}

.myshopList thead th.on{background:#f89507; color:#fff}
.myshopList tbody td.on{background:#f89507; color:#fff}

.lelayList{width:100%;border-bottom:1px solid #ccc}
.lelayList thead th{padding:7px 0 6px;border:1px solid #ddd;border-top:1px solid #bbb;border-right:none;background:#f4f4f4;}
.lelayList thead th.first{border-left:none;}
.lelayList tbody tr.first{padding-top:7px}
.lelayList tbody tr.last{padding-bottom:7px}
.lelayList tbody td{padding:6px 0 5px;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;text-align:center;vertical-align: middle}
.lelayList tbody td a{color:#666}
.lelayList tbody td.al{padding-left:15px;text-align:left}
.lelayList tbody td.ac{padding:12px 0 10px;text-align:center}
.lelayList tbody td.ar{padding-right:10px;text-align:right}
.lelayList tbody td.first{border-left:none;padding-top:16px}
.lelayList tbody td.last{padding-bottom:17px}
.lelayList tbody td.text{height: 75px;padding-left:20px;max-height: 75px;overflow: hidden;}
.lelayList tbody td dl.saleLIst{}
.lelayList tbody td dl.saleLIst dt{ display:inline-block; float:left; width:52px; font-weight:bold;}
.lelayList tbody td dl.saleLIst dd{display:inline-block; float:left; width:64px; text-align:right; font-weight:bold;}

.prizeList{ position:relative; overflow:hidden; width:100%; background:url(//image.hnsmall.com/images/img2014/mypage/bg_roll.png) no-repeat 0 0;}
.prizeList .adMove{height:260px; overflow:hidden; width:740px; position:relative; }
.prizeList .adMove ul{overflow:hidden;margin-left:-1px;position:absolute; top:30px; left:70px;height:260px; width:5000px; overflow:hidden}
.prizeList .adMove ul li{ float:left; display:inline-block; margin-right:66px}
.prizeList .adMove ul li .prizeItem{width:160px; height:200px; background:#fff;}
.prizeList .adMove ul li .prizeItem p{text-align:center; font-weight:bold; margin-top:10px}

.prizeList .adMove ul li .prizeItem .noprize{ height:20px;text-align:center;padding-top:60px;}
.prizeList .adMove ul li .prizeItem .noprize .text1{ font-size:18px; font-weight:bold;}
.prizeList .adMove ul li .prizeItem .noprize .text2{ display:block; margin-top:10px;}
.prizeList .adMove ul li .prizeItem .start{ height:200px;}

.prizeList .btnLeft{position:absolute;top:113px;left:13px;height:30px;margin:0;}
.prizeList .btnRight{position:absolute;top:113px;right:13px;height:30px;margin:0;}
.prizeList .btnLeft a,
.prizeList .btnRight a{display:block !important;overflow:hidden;height:0;width:0;padding:30px 0 0 16px;font-size:0;}
.prizeList .btnLeft a{background:url('//image.hnsmall.com/images/img2014/mypage/btn_roll.png') no-repeat 0px 0;}
.prizeList .btnLeft a:hover{background:url('//image.hnsmall.com/images/img2014/mypage/btn_roll.png') no-repeat -34px 0;}
.prizeList .btnRight a{background:url('//image.hnsmall.com/images/img2014/mypage/btn_roll.png') no-repeat -51px 0;}
.prizeList .btnRight a:hover{background:url('//image.hnsmall.com/images/img2014/mypage/btn_roll.png') no-repeat -17px 0;}

/* 2013-05-21 배송정보변경 pop */
.tableMassage{ width:100%; border-bottom:1px solid #ddd}
.tableMassage th{ padding:3px;border-top: 1px solid #ddd;}
.tableMassage td{ padding:3px;border-top: 1px solid #ddd;}
.restSel2{ position:relative;border-bottom:1px solid #cdcdcd;padding:7px 15px}
.restSel2 ul{ border:1px solid #ddd; position:absolute; left:15px; display:none; top:29px; background:#fff; width:420px; z-index:500; overflow-x:hidden; _width:360px; padding:3px 0}
.restSel2 ul li{ padding:2px 0 0 0; font-size:11px;}
.restSel2 ul li a{ display:block;background:none; font-size:12px; color: #444; line-height:16px; text-indent:0; text-decoration:none; padding:2px 5px 0; height:16px; overflow:hidden;}
.restSel2 ul li a:hover{background:#dd1032; color:#fff;}
.restSel2 ul li a span{padding:0 7px; background:none;}
.restSel2 ul li a:hover span{padding:0 7px; background:none; color:#fff;}
.inputRest{ border:1px solid #ccc; width:410px; color: #444; }

/* 2014-01-07 mypage 사진등록 */
.viewCont .qna .question .imgbox{padding:10px 0;}
.qnaPhotoBox{padding:5px 0 !important;}
.qnaPhotoBox .photoR{margin-right:26px !important;}
.qnaPhotoBox select{width:466px !important;}
.qnaPhotoBox .buList3 li{line-height:14px !important; font-size:11px !important; letter-spacing:-1px !important;}

/* 2014-02-0 mypage 적립금 처리현황 */
.stateZone{width:100%; overflow:hidden; padding-bottom:20px}
.stateZone ul li{float:left;display:inline-block;width:50%;}
.stateZone ul li dl.stateBox{border:1px solid #ddd;width:368px;overflow:hidden}
.stateZone ul li dl.stateBox dt{float:left;width:80px;padding:7px 0 7px 20px;background:#f4f4f4}
.stateZone ul li dl.stateBox dt span.internet{background:url('//image.hnsmall.com/images/img2014/mypage/ico_internet.png') no-repeat 0 0;padding:5px 0 0 30px;display:block; height:20px}
.stateZone ul li dl.stateBox dd.text{float:left;width:75px;padding:12px 10px 8px;color:#e51937; font-weight:bold;}
.stateZone ul li dl.stateBox dd.btn{padding:5px; text-align:right}
.stateZone ul li dl.stateBox dt span.mobile{background:url('//image.hnsmall.com/images/img2014/mypage/ico_mobile.png') no-repeat 0 0;padding:5px 0 0 22px;display:block; height:20px}
.stateZone ul li dl.stateBox dd.text_end{float:left;color:#e51937;width:150px; font-weight:bold;padding:12px 0 8px 100px;}
h5.titCont{color:#666}

/*2014.03.18 마이릴레이팡팡 리뉴얼*/
.relayN{}
.relayN .rolling{ border:5px solid #f4f4f4; position:relative; padding:29px 58px; text-align:center;}
.relayN .rolling .itembox{width:624px; height:128px; overflow:hidden; position:relative;}
.relayN .rolling .itembox .adMove{width:9000px; height:128px; position:absolute; top:0;}
.relayN .rolling .itembox .adMove ul{float:left;}
.relayN .rolling .itembox .adMove ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.relayN .rolling .itembox .adMove ul li{float:left; background-color:#fff; text-align:center;}
.relayN .rolling .itembox .adMove ul li dl{width:78px; height:128px;}
.relayN .rolling .itembox .adMove ul li dl dt{background-color:#606060; padding:14px 0; height:13px; color:#fff; border-right:1px solid #fff;}
.relayN .rolling .itembox .adMove ul li dl dd{height:20px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:11px 0; font-weight:bold;}
.relayN .rolling .itembox .adMove ul li:first-child dt{border-left:1px solid #fff;}
.relayN .rolling .itembox .adMove ul li:first-child dd{border-left:1px solid #ccc;}
.relayN .rolling .itembox .adMove ul li.on dl{border:2px solid #ed7e3b; margin-left:-1px; width:75px; height:124px;}
.relayN .rolling .itembox .adMove ul li.on dl dt{background-color:#ed7e3b; border:0; margin-top:-2px; font-weight:bold;}
.relayN .rolling .itembox .adMove ul li.on dl dd{border-left:0; border-right:0;}
.relayN .rolling .itembox .adMove ul li.on dl .btnbox{border-bottom:0;}
.relayN .rolling .btnLeft{position:absolute; top:83px;left:16px; width:12px; height:23px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_l_arrow.png) no-repeat;}
.relayN .rolling .btnRight{position:absolute; top:83px; right:16px; width:12px; height:23px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_r_arrow.png) no-repeat;}
.relayN .rolling .btnLeft.on{background-position:0 -23px; cursor:pointer;}
.relayN .rolling .btnRight.on{background-position:0 -23px; cursor:pointer;}

/*2014.05.26 마이릴레이팡팡 리뉴얼*/
.relayN .rolling .itembox2{width:624px; height:85px; overflow:hidden; position:relative;}
.relayN .rolling .itembox2 .adMove{width:9000px;position:absolute; top:0;}
.relayN .rolling .itembox2 .adMove ul{float:left;}
.relayN .rolling .itembox2 .adMove ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.relayN .rolling .itembox2 .adMove ul li{float:left; background-color:#fff; text-align:center;}
.relayN .rolling .itembox2 .adMove ul li dl{width:78px;}
.relayN .rolling .itembox2 .adMove ul li dl dt{background-color:#606060; padding:14px 0; height:13px; color:#fff; border-right:1px solid #fff;}
.relayN .rolling .itembox2 .adMove ul li dl dd{height:20px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:11px 0; font-weight:bold;}
.relayN .rolling .itembox2 .adMove ul li:first-child dt{border-left:1px solid #fff;}
.relayN .rolling .itembox2 .adMove ul li:first-child dd{border-left:1px solid #ccc;}
.relayN .rolling .itembox2 .adMove ul li.on dl{border:2px solid #ed7e3b; margin-left:-1px; width:75px;}
.relayN .rolling .itembox2 .adMove ul li.on dl dt{background-color:#ed7e3b; border:0; margin-top:-2px; font-weight:bold;}
.relayN .rolling .itembox2 .adMove ul li.on dl dd{border-left:0; border-right:0;}
.relayN .rolling .itembox2 .adMove ul li.on dl .btnbox{border-bottom:0;}
.relayN .rolling .btnLeft2{position:absolute; top:57px;left:16px; width:12px; height:23px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_l_arrow.png) no-repeat;}
.relayN .rolling .btnRight2{position:absolute; top:57px; right:16px; width:12px; height:23px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_r_arrow.png) no-repeat;}
.relayN .rolling .btnLeft2.on{background-position:0 -23px; cursor:pointer;}
.relayN .rolling .btnRight2.on{background-position:0 -23px; cursor:pointer;}

.relayN h3 img{margin-top:4px;}
.relayN h3 p{height:13px; margin-top:2px;}
.relayN h3 p, .relayN h3 a{float:right; color:#df1e34; font-weight:normal; font-size:12px;}
.relayN h3:after{content:""; display:block; clear:both; height:0; visibility:hidden;}

.relayN .rel_info{border:1px solid #ddd; padding:20px 0;}
.relayN .rel_info ul{margin-left:20px;}
.relayN .rel_info ul li{color:#888; font-size:11px; padding-left:10px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_dot.png) no-repeat 0 7px;}

.relayN .relay_box h3 img{margin-top:0;}
.relayN .relay_box h3:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.relayN .relay_box .check_tab{border:1px solid #ddd; padding:2px;}
.relayN .relay_box .check_tab dl{background-color:#f4f4f4; padding:11px 0 11px 28px;}
.relayN .relay_box .check_tab dl:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
.relayN .relay_box .check_tab dl dt{float:left; margin-right:79px; padding-top:8px;}
.relayN .relay_box .check_tab dl dd{float:left; margin-right:3px;}
.relayN .relay_box .check_tab .relay_btn{display:block; width:88px; padding:5px 0; text-align:center; background:#fff url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_btn_bg.jpg) repeat-x 0 100%; border:1px solid #bcbcbc; letter-spacing:-1px; text-decoration:none;}
.relayN .relay_box .check_tab .relay_btn.on{background:#999; color:#fff; text-decoration:none; border:1px solid #999;}

.relayN .relay_table{width:100%; text-align:center; color:#444;}
.relayN .relay_table thead th{border-left:1px solid #ddd; background-color:#f4f4f4; border-bottom:1px solid #ddd; border-top:1px solid #bbb; padding:6px 0; font-weight:normal; letter-spacing:-1px;}
.relayN .relay_table thead th:first-child{border-left:0;}

.relayN .relay_table tbody td{border-left:1px solid #ddd; padding:20px 0; border-bottom:1px solid #ddd; background-color:#fafafa;}
.relayN .relay_table tbody td.whi{ background-color:#fff;}
.relayN .relay_table tbody td ul li{padding:2px 0; color:#666; line-height:16px;}/*2014-04-02 수정*/
.relayN .relay_table tbody td ul li.ach{font-weight:bold; color:#444; padding-bottom:10px;}/*2014-04-02 수정*/
.relayN .relay_table tbody td ul li img{margin-bottom:4px;}/*2014-04-02 수정*/
.relayN .relay_table tbody td .ach{font-weight:bold; color:#444;}
.relayN .relay_table tbody td .ach_red{font-weight:bold; color:#dc1033;}
.relayN .relay_table tbody td em{color:#999;}
.relayN .relay_table tbody td.first{border-left:0;}
.relayN .relay_table tbody td.text{padding:0 5px; text-align:left;}
.relayN .relay_table tbody td .gray{color:#666; letter-spacing:-1px;}
.relayN .relay_table tbody td.flt{text-align:left; padding-left:5px;}

.relayN .relay_table tfoot td{border-bottom:1px solid #bbb; text-align:right; background-color:#696969; color:#fff; font-weight:bold; padding:10px 20px 10px 0;}
.relayN .relay_table tfoot td.first{padding-left:15px; text-align:left;}

/*릴레이팡팡 팝업*/
/* 2014-04-01 팝업 위치 변경으로 인한 css 변경 시작*/
.relay_popup{position:fixed; top:50%; left:50%; margin:-335px 0 0 -260px; width:488px; height:650px; padding:60px 0 0 30px; border:1px solid #c0010a; background:#fff url(//image.hnsmall.com/images/img2014/mypage/relayN/popup_bg.jpg) no-repeat; z-index:9999;}
.relay_popup .title{position:absolute; top:0; left:0; width:484px; padding:5px 0 5px 29px;}
.relay_popup .title h4{font-size:15px;font-weight:bold; color:#fff;}
.relay_popup .title h4 .relayT{padding-top:5px; display:inline-block;width:400px}
.relay_popup .title .exit{display:block; position:absolute; right:5px; top:11px;}
.relay_popup p{position:absolute; top:60px; right:30px;}
.relay_popup .item_box{width:100%; height:485px; margin:35px 0 15px;}/*2014-04-02 수정*/
.relay_popup .item_box table{width:100%;}
.relay_popup .item_box table td{position:relative; width:50%; text-align:center; overflow:hidden; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.relay_popup .item_box table td li{padding:10px 0 5px;}
.relay_popup .item_box table td:first-child{border-left:0;}

.relay_popup .info{margin-right:30px; background-color:#e9e9e9; padding:10px 0;}
.relay_popup .info ul{margin-left:20px;}
.relay_popup .info ul li{color:#888; font-size:11px; padding-left:10px; background:url(//image.hnsmall.com/images/img2014/mypage/relayN/relay_dot.png) no-repeat 0 50%;}

.relay_popup .btn_box{margin-left:148px;;}
.relay_popup .btn_box li{float:left; margin-right:5px;}
/* 2014-04-01 팝업 위치 변경으로 인한 css 변경 끝*/

/*회원정보 2014-11-19 수정 추가*/
.myReqState{margin-bottom:30px;width:608px;overflow:hidden;margin:8px auto 0;padding:25px;border:1px solid #cdcdcd;}
.ReqStateMeg{overflow:hidden;width:560px;margin:1px auto 20px;padding-bottom:20px;}
.myReqState p{text-align:center;line-height:1.3em;}
.myReqState .txt1{font-size:14px;}
.myReqState .txt2 {font-size:20px;color:#252122;font-weight:bold;margin-top:6px;}
.myReqState .btSizeL a{width:165px;}
.myReqState .btnMyReqState a{width:124px; padding:9px 83px 0 13px;}

/*SNS 연동정보 2014-11-26 추가*/
.tableView .snsInformation th {padding:10px 10px 23px 10px;}
.tableView .snsInformation th img{vertical-align:middle;}
.tableView .snsInformation th span{padding-left:10px;}
.tableView .snsInformation td span{margin-left:0;}
.tableView .snsInformation td .bsmColorWhite a{font-size:15px;}

/* 2018-08-30 쇼핑포인트 쿠폰교환 추가 */
.point_coupon {margin-bottom: 30px;padding: 2px;border: 1px solid #ddd;}
.point_coupon .bg_inner {padding: 10px 0;overflow: hidden;background-color: #f4f4f4;}
.point_coupon .coupon_area {width: 50%;float: left;text-align:center;box-sizing: border-box;}
.point_coupon .coupon_area + .coupon_area {border-left: 1px dashed #ddd;}
.point_coupon .coupon_area .coupon_inner {width: 204px;margin: 0 auto;}
.point_coupon .coupon_area .coupon img {width: 100%}
.point_coupon .coupon_area .desc {padding: 8px 0 18px 0;font-size:13px;color: #666;font-weight: bold;}
.point_coupon .coupon_area .desc .c_red {color: #dd1032;font-weight: normal;}
.point_coupon .coupon_area .btn_coupon {width: 100%;padding: 5px 0;line-height: 16px;background-color: transparent;border: 1px solid #dd1032;font-size: 12px;color: #dd1032; font-weight: bold;}
.point_note_area {margin-bottom: 30px;}
.point_note_area strong.tit {margin-bottom: 5px;;display: block;font-size: 12px;color: #666;}
.point_note_area .point_note li {padding-left: 8px;position: relative;font-size:11px;color: #888;line-height: 16px;}
.point_note_area .point_note li:before {content: "";display: block;width: 3px;height: 3px;position: absolute;top:5px;left:0;font-size: 8px;background: url('http://image.hnsmall.com/images/img2014/mypage/ico_bullet_plus.png') 0 0 no-repeat;}
.point_note_area .point_note li + li {margin-top: 3px;}

/* 2019-02-07 반품 안내문구 추가 */
.return_txt{position:relative; padding-left:9px; margin-top:11px; margin-bottom:-14px; font-size:11px; color:#888;}
.return_txt.type2{margin-top:-9px; margin-bottom:16px;}
.return_txt:after{content:""; display:block; position:absolute; top:7px; left:1px; width:1px; height:3px; background:#999;}
.return_txt:before{content:""; display:block; position:absolute; top:8px; left:0; width:3px; height:1px; background:#999;}

/* 2019-11-05 회원정보변경 추가 */
.tableView.tableView_v2 tbody tr td select{background-color: #fff;}
.tableView.tableView_v2 tbody tr td input {background-color: #fff;}
.tableView.tableView_v2 tbody tr td .btn-img{display: inline-block; vertical-align: middle;margin-left: 1px; margin-top: 2px;}

/* 2019-11-21 1:1문의 상담가능 시간 안내 표기 추가 */
.titCont4 + .notice_area {margin-top:-21px;}
.notice_area{margin-bottom: 9px;}
.notice_area:after {content:'';display:block;clear:both;}
.notice_area .noticeFr {float:right;margin-bottom:0;}
.notice_area .noticeFr +.noticeFr {clear:both;margin-top:-2px;}
.notice_area .noticeFr .starMust {padding-left: 1px;}
.bulTxtSp {position: relative;padding-left: 6px;}
.bulTxtSp:before {content: "";position: absolute; top: 8px; left: 0; width: 2px; height: 2px; background-color: #cdcdcd; }

/* 2020-01-03 일대일 문의 취소 기능화 */
.btnQnaDel {margin-top:4px; }