@charset "utf-8";

/* stepWrap*/
.stepWrap{overflow:hidden;height:51px;}
.stepWrap ol{height:100%;background:url(//image.hnsmall.com/images/img2014/order/order_flowStep.gif) no-repeat;}
.stepWrap ol.step01{background-position:0px 0px;}
.stepWrap ol.step02{background-position:0px -51px;}
.stepWrap ol.step03{background-position:0px -102px;}
.stepWrap ol li{visibility:hidden;}

/*  나의정보 */
.myInfo{height:41px;border-bottom:1px solid #e5e5e5;}
.myInfo ul{height:18px;padding:12px 0 11px;}
.myInfo ul li{float:left;height:18px;margin-right:20px;color:#565656;font-size:12px;line-height:16px;}
.myInfo ul li a{text-decoration:none;}
.myInfo ul li a span{text-decoration:underline;}
.myInfo ul li .user{color:#000;font-weight:bold;}
.myInfo ul li .grade{color:#12a5cb;font-weight:bold;}
.myInfo ul li .num{color:#12a5cb;font-weight:bold;}

/* 텍스트링크 - 배송비절약하기 */
a.saving{display:inline-block;margin-top:2px;color:#12a5cb;font-size:11px;line-height:13px;text-decoration:none;border-bottom:1px solid #12a5cb;}
a.saving:hover{}

/* 장바구니*/
.cartWrap{margin-top:31px;}
.cartWrap table{z-index:100;position:relative;width:100%;}
.cartWrap table thead tr th{padding:10px 0;color:#565656;font-size:13px;line-height:20px;border-top:2px solid #232323;border-bottom:1px solid #cdcdcd;background:#f9f9f9;}
.cartWrap table thead tr th:first-child{padding:0;}
.cartWrap table tbody tr td{padding:16px 0;color:#898989;font-size:12px;line-height:18px;text-align:center;vertical-align:middle;border-top:1px solid #eee;z-index:100}
.cartWrap table tbody tr:first-child td{border-top:0;}
.cartWrap table tbody tr td:first-child{padding:0;}
.cartWrap table tbody tr td.chb{vertical-align:middle;}
.cartWrap table tbody tr td.goodsImg{text-align:left;}
.cartWrap table tbody tr td .goods{text-align:left;}
.cartWrap table tbody tr td .goods .goodsInfo{padding-right:10px;vertical-align:middle;}
.cartWrap table tbody tr td .goods .goodsInfo .card a{color:#898989;font-size:12px;line-height:18px;}
.cartWrap table tbody tr td .goods .goodsInfo .name a{color:#000000;font-size:12px;line-height:16px;}
.cartWrap table tbody tr td .goods .goodsInfo .delivery{margin-top:8px;color:#898989;font-size:11px;line-height:15px;}
.cartWrap table tbody tr td .goods .delivery{margin-top:8px;color:#898989;font-size:11px;line-height:15px;}
.cartWrap table tbody tr td .goods .option{width:178px;margin-top:7px;}
.cartWrap table tbody tr td .goods .ico{margin-top:5px;}
.cartWrap table tbody tr td .goods .ico .wrong{height:13px;font-size:0;}
.cartWrap table tbody tr td .goods .ico .wrong > span {overflow:hidden;display:inline-block;width:66px;height:15px;margin-right:3px;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat;}
.cartWrap table tbody tr td .goods .ico .wrong .cardNo{background-position:0 0;}
.cartWrap table tbody tr td .goods .ico .wrong .claimsaleNo{background-position:-76px 0;}
.cartWrap table tbody tr td .goods .ico .gift{position:relative;margin-top:5px;padding-left:43px;}
.cartWrap table tbody tr td .goods .ico .gift > em{position:absolute;top:0;left:0;width:38px;height:15px;font-size:0;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat -152px 0;}
.cartWrap table tbody tr td .goods .ico .gift > span{display:block;padding:2px 0;color:#898989;font-size:11px;line-height:11px;}
.cartWrap table tbody tr td .goods .opt{margin-top:5px;}
.cartWrap table tbody tr td .goods .opt .gift{position:relative;margin-top:5px;}
.cartWrap table tbody tr td .goods .opt .gift > span{display:block;padding:2px 0;color:#898989;font-size:11px;line-height:11px;}
.cartWrap table tbody tr td > span.amount{width:48px;height:48px;margin:auto;}
.cartWrap table tbody tr td > span.amount .optInput{width:22px;margin-bottom:3px;}
.cartWrap table tbody tr td > span.amount .btSizeS a{padding-right:13px;padding-left:10px;}
.cartWrap table tbody tr td.price{color:#000;font-weight:bold;}
.cartWrap table tbody tr td.price2{color:#898989;font-weight:bold;}/* 일시중지 or 판매종료인 상품가격 */
.cartWrap table tbody tr td.benefit{padding-left:14px;text-align:left;}
.cartWrap table tbody tr td.benefit p{display:block;color:#898989;font-size:11px;line-height:15px;vertical-align:top;}
.cartWrap table tbody tr td.benefit p > span{overflow: hidden;display:inline-block;width:auto;height:15px;margin-right:3px;margin-bottom:3px;padding:0;font-size:0;line-height:0;vertical-align:top;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat;}
.cartWrap table tbody tr td.benefit p > .noint{width:18px;background-position:0 -25px;}
.cartWrap table tbody tr td.benefit p > .save{width:18px;background-position:-28px -25px;}
.cartWrap table tbody tr td.benefit p > .sale{width:18px;background-position:-56px -25px;}
.cartWrap table tbody tr td.benefit p > .lump{width:61px;background-position:-84px -25px;}
.cartWrap table tbody tr td .discount {padding-left:14px;text-align:left;}
.cartWrap table tbody tr td .discount p{color:#565656;font-size:12px;line-height:15px;font-weight:bold;vertical-align:top;}
.cartWrap table tbody tr td .discount p > span{overflow:hidden;display:inline-block;height:15px;margin-top:2px;margin-bottom:2px;font-size:0;line-height:0;vertical-align:-3px;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat;}
.cartWrap table tbody tr td .discount p > .etv{width:49px;margin-right:11px;background-position:0 -50px;}
.cartWrap table tbody tr td .discount p > .amount{width:47px;margin-right:13px;background-position:-59px -50px;}
.cartWrap table tbody tr td .discount p > .yeg{width:49px;margin-right:11px;background-position:-116px -50px;}
.cartWrap table tbody tr td .discount p > .staff{width:55px;margin-right:5px;background-position:-175px -50px;}
.cartWrap table tbody tr td .discount .coupon{margin-top:7px;}
.cartWrap table tbody tr td.lineRow {border-left:1px solid #eee;}
.cartWrap table tbody tr td .bts{width:60px;margin:auto;}
.cartWrap table tbody tr td .bts .button{margin-bottom:2px;}
.cartWrap table tbody tr td .bts .bssColorWhite a{padding-right:17px;padding-left:14px;}
.cartWrap table tbody tr td .free{margin-top:6px;color:#898989;font-size:11px;line-height:15px;}
.cartWrap table tbody tr td .bundleFree{position:relative;margin:6px 0 7px;color:#898989;font-size:11px;line-height:14px;}
.cartWrap table tbody tr td .bundleFree p{color:#898989;font-size:11px;line-height:15px;}
.cartWrap table tbody tr td .bundleFree p .mark{margin-top:0px;}
.cartWrap table tbody tr td .soldout{color:#e51937;font-size:15px;line-height:22px;font-weight:bold;}/* 일시중지 or 판매종료 */
.cartWrap table tbody tr td.nodata{padding:35px 0;}
.cartWrap table tbody tr td.nodata p{margin:3px 0;color:#000;font-size:16px;font-weight:bold;}
.cartWrap table tbody tr td.nodata p span{color:#565656;font-size:13px;font-weight:normal;}
.cartWrap table tfoot tr td{padding:22px 20px 24px;text-align:right;border-top:1px solid #e5e5e5;border-bottom:1px solid #cdcdcd;background:#f9f9f9;}
.cartWrap table tfoot tr td p.orderSum{color:#000;font-size:14px;line-height:20px;font-weight:bold;}
.cartWrap table tfoot tr td p.orderSum .total{color:#dd1032;font-family:Arial;font-size:27px;line-height:32px;font-weight:normal;vertical-align:-3px;}
.cartWrap table tfoot tr td p.orderSum .totalUnit{color:#dd1032;}
.cartWrap table tfoot tr td p.maxSale{color:#565656;font-size:14px;line-height:20px;font-weight:bold;}
.cartWrap .btnWrap{margin-top:10px;}

/* 주문 전 확인*/
.orderBefore{margin-top:40px;}
.orderBefore h3{height:34px;margin-bottom:0;background:none;}
.orderBefore dl{padding:16px 20px 15px;border:1px solid #cdcdcd;}
.orderBefore dl dt{padding-top:7px;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.orderBefore dl dd{padding-bottom:2px;padding-left:10px;color:#898989;font-size:11px;line-height:16px;background:url(//image.hnsmall.com/images/img2014/common/bul_arrow.gif) no-repeat 2px 6px;}

/* 주문결제*/
.orderInfoWrap{margin-top:27px;}
.orderInfoWrap > div{margin-top:40px;}
.orderInfoWrap > div:first-child{position:relative;margin-top:0px;}
.orderInfoWrap h2{height:25px;margin-bottom:8px;}
.orderInfoWrap h3{height:25px;margin-bottom:8px;background:none;}
.orderInfoWrap .cart{position:absolute;top:4px;right:0;}
.orderInfoWrap table{width:100%;border-bottom:1px solid #cdcdcd;}
.orderInfoWrap table.borderTopBlack{border-top:2px solid #232323;}
.orderInfoWrap table.borderTopGray{border-top:2px solid #cdcdcd;}
.orderInfoWrap table.borderTopBlack tr th{padding:7px 0 7px 20px;line-height:22px;}/*@@@ 2015-01-08 내용추가*/
.orderInfoWrap table.borderTopGray tr th.first{padding:6px 0 7px 20px;line-height:22px;}/*@@@ 2015-01-08 내용추가*/
.orderInfoWrap table .btSizeS a {height:22px;padding:0 6px 0 3px;}/*@@@ 2015-01-07 내용추가*/
.orderInfoWrap table tbody tr th{padding:8px 0 5px 20px;color:#565656;font-size:13px;line-height:22px;text-align:left;vertical-align:top;border-top:1px solid #e5e5e5;background:#fff;}/*2015-01-08 수정 */
.orderInfoWrap table tbody tr td{padding:7px 0 7px;color:#565656;font-size:12px;line-height:20px;text-align:left;vertical-align:middle;border-top:1px solid #e5e5e5;}/*2015-01-08 수정 */
.orderInfoWrap table tbody tr td.price{color:#000;font-weight:bold;}
.orderInfoWrap table tbody tr td.price2{color:#000;}
.orderInfoWrap table tbody tr td.benefit{padding:0 5px;}
.orderInfoWrap table tbody tr:first-child th,
.orderInfoWrap table tbody tr:first-child td{border-top:1px solid #232323;}
.orderInfoWrap table tbody tr td .info{color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table tbody tr td .dash{color:#898989;font-size:11px;line-height:15px;vertical-align:3px;}
.orderInfoWrap table tbody tr td input[type="text"]{width:20px;}
.orderInfoWrap table tbody tr td input.inputName{width:86px;margin-top:3px;}/*@@@ 2015-01-08 수정*/
.orderInfoWrap table tbody tr td input.inputHalf{width:351px;}
.orderInfoWrap table tbody tr td input.inputFull{width:718px;margin-top:1px;}/*@@@ 2015-01-08 수정*/
.orderInfoWrap table tbody tr td input.inputSave{width:116px;}
.orderInfoWrap table tbody tr td input.inputEmail{width:116px;}
.orderInfoWrap table tbody tr td input.inputAmount{width:116px;text-align:right;}
.orderInfoWrap table tbody tr td label{/*margin-right:5px;margin-left:35px;*/margin-right:40px; color:#565656;font-size:12px;line-height:16px;}
.orderInfoWrap table tbody tr td label:first-child {margin-left:0;}
.orderInfoWrap table tbody tr td label + .button, .orderInfoWrap table tbody tr td label + select  {margin-left:-35px;}
.orderInfoWrap table tbody tr td.diysel .button{margin-top:-2px;}/*2015-01-07 추가*/
/*.orderInfoWrap table tbody tr td .orderName{height:25px;} @@@ 2015-01-08 삭제*/
.orderInfoWrap table tbody tr td .orderName .info{vertical-align:-2px;}  /*@@@ 2015-01-08 수정*/
.orderInfoWrap table tbody tr td .orderName .button{margin-top:3px;}
.orderInfoWrap table tbody tr td .address .zipcode{height:25px;margin-bottom:5px;}
.orderInfoWrap table tbody tr td .address .zipcode .dash{vertical-align:-1px;}
/*.orderInfoWrap table tbody tr td .address .zipcode .button{margin-top:3px;} @@@ 2015-01-07 삭제*/
.orderInfoWrap table tbody tr td {}
.orderInfoWrap table tbody tr th.select,
.orderInfoWrap table tbody tr td.select{color:#12a5cb;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;background:#f9f9f9;}
.orderInfoWrap table tbody tr th.select{padding:8px 0 9px 20px;}
.orderInfoWrap table tbody tr:first-child th.select,
.orderInfoWrap table tbody tr:first-child td.select{border-top:0;}
.orderInfoWrap table tbody tr td .taxsaveType{overflow:hidden;padding:5px 0 0;}/* 현금영수증*/
.orderInfoWrap table tbody tr td .taxsave{overflow:hidden;margin-top:7px;padding:7px 0 0;border-top:1px solid #e5e5e5;}/* 현금영수증*/
.orderInfoWrap table tbody tr td .taxsave .ex{margin-top:5px;color:#898989;font-size:11px;line-height:16px;}
.orderInfoWrap table tbody tr td .date{color:#565656;font-weight:bold;}/* 무통장 입금기한*/
.orderInfoWrap table.orderCart{border-top:2px solid #232323;}
.orderInfoWrap table.orderCart thead tr th{padding:9px 0 12px;color:#565656;font-size:13px;line-height:20px;border-bottom:1px solid #cdcdcd;background:#f9f9f9;}
.orderInfoWrap table.orderCart tbody tr td{padding:17px 0 20px;color:#565656;font-size:12px;line-height:18px;text-align:center;vertical-align:middle;border-top:1px solid #e5e5e5;}
.orderInfoWrap table.orderCart tbody tr td:first-child{vertical-align:middle;}
.orderInfoWrap table.orderCart tbody tr td.goodsImg{padding-left:20px;text-align:left;}
.orderInfoWrap table.orderCart tbody tr td .goods{text-align:left;}
.orderInfoWrap table.orderCart tbody tr td .goods .goodsInfo{padding-right:10px;}
.orderInfoWrap table.orderCart tbody tr td .goods .goodsInfo .name a{color:#000000;font-size:12px;line-height:16px;}
.orderInfoWrap table.orderCart tbody tr td .goods .goodsInfo .optionSel{margin-top:9px;color:#565656;font-size:11px;line-height:15px;}
.orderInfoWrap table.orderCart tbody tr td .goods .goodsInfo .delivery{margin-top:8px;color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table.orderCart tbody tr td .goods .delivery{margin-top:8px;color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table.orderCart tbody tr td .goods .option{width:178px;margin-top:7px;}
.orderInfoWrap table.orderCart tbody tr td .goods .gift{position:relative;margin-top:8px;padding-left:43px;}
.orderInfoWrap table.orderCart tbody tr td .goods .gift > em{position:absolute;top:0;left:0;width:38px;height:15px;font-size:0;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat -152px 0;}
.orderInfoWrap table.orderCart tbody tr td .goods .gift > span{display:block;padding:2px 0;color:#898989;font-size:11px;line-height:11px;}
.orderInfoWrap table.orderCart tbody tr td .goods .opt{margin-top:5px;}
.orderInfoWrap table.orderCart tbody tr td .goods .opt .gift{position:relative;margin-top:5px;padding-left:0}
.orderInfoWrap table.orderCart tbody tr td .goods .opt .gift > span{display:block;padding:2px 0;color:#898989;font-size:11px;line-height:11px;}
.orderInfoWrap table.orderCart tbody tr td.price{color:#000;font-weight:bold;}
.orderInfoWrap table.orderCart tbody tr td.benefit{padding-left:22px;text-align:left;}
.orderInfoWrap table.orderCart tbody tr td.benefit p{display:block;color:#898989;font-size:11px;line-height:15px;vertical-align:top;}
.orderInfoWrap table.orderCart tbody tr td.benefit p > span{overflow: hidden;display:inline-block;width:auto;height:15px;margin-right:3px;margin-bottom:3px;padding:0;font-size:0;line-height:0;vertical-align:top;background:url(//image.hnsmall.com/images/img2014/common/ico.png) no-repeat;}
.orderInfoWrap table.orderCart tbody tr td.benefit p > .noint{width:18px;background-position:0 -25px;}
.orderInfoWrap table.orderCart tbody tr td.benefit p > .save{width:18px;background-position:-28px -25px;}
.orderInfoWrap table.orderCart tbody tr td.benefit p > .sale{width:18px;background-position:-56px -25px;}
.orderInfoWrap table.orderCart tbody tr td.benefit p > .lump{width:61px;background-position:-84px -25px;}
.orderInfoWrap table.discount{border-top:2px solid #232323;}
.orderInfoWrap table.discount tbody tr th{height:100px;padding:0;text-align:left;vertical-align:top;background:#ebebeb;}
.orderInfoWrap table.discount tbody tr th ul{height:100%;padding:0 0 0 88px;}
.orderInfoWrap table.discount tbody tr th ul li{float:left;width:145px;padding-top:29px;}
.orderInfoWrap table.discount tbody tr th ul li.plus{padding-left:55px;background:url(//image.hnsmall.com/images/img2014/order/ico_plus.png) no-repeat 0 38px;}
.orderInfoWrap table.discount tbody tr th ul li.minus{padding-left:55px;background:url(//image.hnsmall.com/images/img2014/order/ico_minus.png) no-repeat 0 38px;}
.orderInfoWrap table.discount tbody tr th ul li.equal{width:240px;padding-left:85px;background:url(//image.hnsmall.com/images/img2014/order/ico_equal.png) no-repeat 0 38px;}
.orderInfoWrap table.discount tbody tr th ul li dl dt{height:15px;}
.orderInfoWrap table.discount tbody tr th ul li dl dd{padding-top:6px;color:#000;font-size:14px;line-height:28px;}
.orderInfoWrap table.discount tbody tr th ul li dl dd span{font-family:Arial;font-size:21px;line-height:28px;vertical-align:0px;}
.orderInfoWrap table.discount tbody tr th ul li dl dd.total{padding-top:1px;color:#e51937;font-size:14px;line-height:36px;}
.orderInfoWrap table.discount tbody tr th ul li dl dd.total span{font-family:Arial;font-size:27px;line-height:34px;vertical-align:0px;}
.orderInfoWrap table.discount tbody tr td{padding:8px 20px;text-align:left;}
.orderInfoWrap table.discount tbody tr td .fl{position:relative;width:670px;}/* 가격할인/할인쿠폰,일시불할인,적립금,예치금*/
.orderInfoWrap table.discount tbody tr td .fl > dl{overflow:hidden;width:100%;height:21px;padding:7px 0;border-top:1px solid #eee;}
.orderInfoWrap table.discount tbody tr td .fl > dl:first-child{border-top:0;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dt{position:relative;float:left;width:25%;padding-bottom:3px;color:#565656;font-size:13px;line-height:18px;font-weight:bold;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dt .mark{margin-top:3px;margin-left:2px;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dd{float:left;width:75%;}
/*.orderInfoWrap table.discount tbody tr td .fl > dl > dd label{margin-right:6px;margin-left:0px;}*/
.orderInfoWrap table.discount tbody tr td .fl > dl > dd input[type="text"]{width:116px;margin:0;text-align:right;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dd .unit{margin-right:6px;color:#565656;font-size:11px;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dd .have{margin-left:6px;color:#898989;font-size:11px;}
.orderInfoWrap table.discount tbody tr td .fl > dl > dd .btSizeS a{padding-right:8px;padding-left:5px;}
.orderInfoWrap table.discount tbody tr td .fr{position:relative;width:230px;}
.orderInfoWrap table.discount tbody tr td .fr > dl{overflow:hidden;height:18px;padding:12px 10px 5px;border-bottom:1px solid #eee;}/* 적립예상금액*/
.orderInfoWrap table.discount tbody tr td .fr > dl > dt{float:left;width:40%;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.orderInfoWrap table.discount tbody tr td .fr > dl > dd{float:left;width:60%;color:#565656;font-size:12px;line-height:18px;text-align:right;}
.orderInfoWrap table.discount tbody tr td .fr .txt{padding:6px 10px;color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table.discount tbody tr td .fr .mark{margin-top:2px;margin-left:2px;}
.orderInfoWrap table.discount tbody tr td .fr > dl.nomem{height:auto;padding:9px 0px 6px;border-bottom:0;}/* 비회원_회원가입*/
.orderInfoWrap table.discount tbody tr td .fr > dl.nomem > dt{float:left;width:29%;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.orderInfoWrap table.discount tbody tr td .fr > dl.nomem > dd{float:left;width:71%;text-align:left;}
.orderInfoWrap table.discount tbody tr td .fr > dl.nomem > dd .txt{padding:0px;color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table.discount tbody tr td .fr > dl.nomem > dd .button{margin-top:5px;}
.orderInfoWrap table.orderTotal{border-top:2px solid #232323;}
.orderInfoWrap table.orderTotal tbody tr td{padding:7px 5px 10px;}
.orderInfoWrap table.orderTotal tbody tr td.price1{color:#000;font-size:12px;line-height:16px;text-align:right;}
.orderInfoWrap table.orderTotal tbody tr td.price2{color:#000;font-size:14px;line-height:16px;font-weight:bold;text-align:right;}
.orderInfoWrap table.orderTotal tfoot tr th,
.orderInfoWrap table.orderTotal tfoot tr td{border-top:1px solid #e5e5e5;background:#f9f9f9;}
.orderInfoWrap table.orderTotal tfoot tr th{padding:18px 0 21px 20px;color:#565656;font-size:14px;line-height:20px;text-align:left;vertical-align:top;}
.orderInfoWrap table.orderTotal tfoot tr td{padding:22px 0 22px;color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap table.orderTotal tfoot tr td.sum{padding:11px 5px 14px;color:#dd1032;font-size:14px;line-height:20px;font-weight:bold;text-align:right;}
.orderInfoWrap table.orderTotal tfoot tr td.sum span{color:#dd1032;font-family:Arial;font-size:27px;line-height:34px;font-weight:normal;text-align:right;vertical-align:-4px;}
.orderInfoWrap table.orderTotal tfoot tr td.sum2{padding:14px 5px 11px;color:#dd1032;font-size:14px;line-height:20px;font-weight:bold;text-align:left;}
.orderInfoWrap table.orderTotal tfoot tr td.sum2 span{color:#dd1032;font-family:Arial;font-size:27px;line-height:34px;font-weight:normal;text-align:right;vertical-align:-4px;}
.orderInfoWrap .delivery{position:relative;}
.orderInfoWrap .delivery .double{position:absolute;top:3px;left:180px;}
.orderInfoWrap .delivery .double .txt{color:#565656;font-size:12px;line-height:16px;font-weight:bold;vertical-align:0px;}
.orderInfoWrap .delivery .double .max{color:#898989;font-size:11px;line-height:16px;vertical-align:0px;}
.orderInfoWrap .delivery .option{width:auto;}
.orderInfoWrap .delivery .option li{position:relative;float:none;min-height:18px;margin-right:20px;padding-top:5px;text-align:right;}
.orderInfoWrap .delivery .option li:first-child{margin-top:0;}
.orderInfoWrap .delivery .option li > p{position:absolute;top:5px;left:0;color:#898989;font-size:12px;line-height:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 600px;text-align: left;}/*2015-07-21*/
.orderInfoWrap .delivery .option li > span{color:#898989;font-size:12px;line-height:15px;vertical-align:top;}
.orderInfoWrap .delivery .option select{width:80px;}
.orderInfoWrap .delivery .restSel{position:relative;}
.orderInfoWrap .delivery .restSel input.inputFull{cursor:pointer;}
.orderInfoWrap .delivery .restSel ul{z-index:500;overflow-x:hidden;position:absolute;top:22px;left:0;width:730px;padding:3px 0;border:1px solid #cdcdcd;background:#fff;}
.orderInfoWrap .delivery .restSel ul li{padding:2px 0 0 0;}
.orderInfoWrap .delivery .restSel ul li a{display:block;overflow:hidden;height:16px;padding:2px 5px 0;color:#444;font-size:11px;line-height:16px;text-indent:0;text-decoration:none;background:none;}
.orderInfoWrap .delivery .restSel ul li a:hover{background:#ebebeb;}
.orderInfoWrap .delivery .restSel ul li a span{padding:0 7px;background:none;}
.orderInfoWrap .delivery .restSel ul li a:hover span{padding:0 7px;color:#fff;background:none;}
.orderInfoWrap dl.payGuide{padding:5px 20px 4px;}
.orderInfoWrap dl.payGuide dt{padding-top:7px;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.orderInfoWrap dl.payGuide dd{padding:2px 0 1px 10px;color:#898989;font-size:11px;line-height:15px;background:url(//image.hnsmall.com/images/img2014/common/bul_arrow2.gif) no-repeat 2px 7px;}
.orderInfoWrap .btnWrap{margin-top:10px;}
.orderInfoWrap .btnWrap .agreeCheck{color:#898989;font-size:11px;line-height:15px;}
.orderInfoWrap .btnWrap .agreeCheck span{font-weight:bold;}
.orderInfoWrap .btnWrap .agreeCheck label{margin-right:0px;margin-left:11px;color:#000;font-size:12px;line-height:18px;font-weight:bold;}
.orderInfoWrap p.orChk{font-weight:bold;color:#000000;padding-left:10px; margin-top:3px}/*2015-02-13 추가*/
.orderInfoWrap .bline{border:1px solid #cccccc;padding:8px 10px}
.orderInfoWrap .bline p.orChk{font-weight:normal;color:#565656;padding-left:0; margin-top:0}/*2015-02-13 추가*/
.orderInfoWrap .bline p.orChk span{font-size:11px; color:#898989;margin-left:10px}

/* 2015-10-22 할인적용 테이블 추가 */
.orderInfoWrap .discount.new tbody tr td .fl{width:700px;}
.orderInfoWrap .discount.new tbody tr td .fl > dl > dt{width:22%;}
.orderInfoWrap .discount.new tbody tr td .fl > dl > dd{width:78%;}
.orderInfoWrap .discount.new tbody tr td .fl > dl > dd .savemoney{margin-left:6px;color:#898989;font-size:11px;vertical-align:-1px;}
.orderInfoWrap .discount.new tbody tr td .fl > dl > dd .savemoney .save1 em{color:#12a5cb;font-weight:bold;}
.orderInfoWrap .discount.new tbody tr td .fr{width:200px;}

/*2014-12-18 추가*/
.orderInfoWrap .neworderInfo:after{content:""; display:block; clear:both; height:0%;}
.orderInfoWrap .addInfo{width:100%; float:left;} /* 2016-06-24 나이스 정보통신등 오른쪽 배너삭제로 인한 수정 */
.orderInfoWrap .companyInfo{width:16.5%; border:1px solid #e5e5e5;float:right;}
.orderInfoWrap .companyInfo img{margin:30px 32px;}

/* 비회원 titleWrap*/
.titleWrap{position:relative;height:50px;background:url(//image.hnsmall.com/images/img2014/order/bg_titWrap.png) repeat-x bottom;}
.titleWrap h2{margin-bottom:13px;}

/* certifyWrap*/
.noMemWrap{margin-top:27px;}
.noMemWrap h3{height:25px;margin-bottom:8px; }
.noMemWrap h3 span{margin-left:10px;color:#898989;font-size:11px;line-height:16px;font-weight:normal;vertical-align:-20px;}
.noMemWrap .agreeBox{}
.noMemWrap .agreeBox .boxScroll{overflow-y:scroll;overflow-x:hidden;height:178px;padding:20px;border:1px solid #cdcdcd;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-3dlight-color:#c4c4c4;
scrollbar-arrow-color:#c4c4c4;
scrollbar-track-color:#ddd;
scrollbar-darkshadow-color:#ddd;}
.noMemWrap .agreeBox .boxScroll table.memTable{width:100%;margin:5px 0;}
.noMemWrap .agreeBox .boxScroll table.memTable th{padding:5px;background:#f4f4f4;border:1px solid #ddd}
.noMemWrap .agreeBox .boxScroll table.memTable td{padding:5px;border:1px solid #ddd;text-align:center}
.noMemWrap .agreeBox .check{margin:8px 0 26px;text-align:right;}
.noMemWrap .agreeBox .check label{color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.noMemWrap .certifyBox{height:128px;padding:31px 0 0;text-align:center;background:#ebebeb;}
.noMemWrap .certifyBox div{margin-bottom:9px;}
.noMemWrap .certifyBox p{color:#898989;font-size:12px;line-height:18px;}
.noMemWrap .certifyBox .button{margin-top:19px;}
.noMemWrap .certifyBox .button.btSizeM a{padding-right:39px;padding-left:36px;}

/* 주문완료*/
.orderCompleteWrap{overflow:hidden;margin:40px 0;}
.orderCompleteWrap .completeInfo{text-align:center;border-bottom:1px solid #e5e5e5;}
.orderCompleteWrap .completeInfo .orderInfo{margin:20px 30px;}
.orderCompleteWrap .completeInfo .orderInfo dl dt{height:50px;margin-bottom:20px;text-align:center;}
.orderCompleteWrap .completeInfo .orderInfo dl dt span{display:block;padding:11px 0 14px;color:#898989;font-size:14px;line-height:24px;font-weight:bold;background:#f2f2f2;}
.orderCompleteWrap .completeInfo .orderInfo dl dt .user{color:#232323;font-size:16px;line-height:24px;}
.orderCompleteWrap .completeInfo .orderInfo dl dt .orderNum{color:#e51937;font-size:16px;line-height:24px;vertical-align:-2px;}
.orderCompleteWrap .completeInfo .orderInfo dl dd{position:relative;height:80px;padding:3px 355px 0 0;text-align:left;}
.orderCompleteWrap .completeInfo .orderInfo dl dd > p{color:#898989;font-size:11px;line-height:18px;}
.orderCompleteWrap .completeInfo .orderInfo dl dd > p > a.txtLinkBlue{font-weight:bold;}
.orderCompleteWrap .completeInfo .orderInfo dl dd .mobileBanner{position:absolute;top:0;right:0;padding-left:18px;border-left:1px solid #e5e5e5;}

/* popup 주문내역 출력*/
.orderComplete{height:50px;margin:0 0px 16px;background:#f2f2f2;}
.orderComplete p{padding:11px 0 14px;color:#898989;font-size:14px;line-height:24px;font-weight:bold;text-align:center;}
.orderComplete p > .user{color:#232323;font-size:16px;line-height:24px;}
.orderComplete p > .orderNum{color:#e51937;font-size:16px;line-height:24px;vertical-align:-2px;}

/* popup 신한카드 간편결제 서비스란*/
.layerPop .shinhan .btSizeS *{padding:2px 48px 3px 45px;}

/* popup 즉시할인/할인쿠폰*/
.layerPop .plural{width:628px;height:450px;padding:0 10px 0 0;overflow-x:hidden;overflow-y:auto;}
.layerPop .plural > h5{margin-bottom:7px;padding:0;color:#565656;font-size:15px;line-height:24px;}
.layerPop .plural table.discount{width:100%;margin-bottom:30px;}
.layerPop .plural table.discount thead tr th{padding:10px 0;color:#565656;font-size:13px;line-height:20px;vertical-align:top;border-top:2px solid #232323;border-bottom:1px solid #cdcdcd;background:#f9f9f9;}
.layerPop .plural table.discount tbody tr td{position:relative;padding:1px 0;text-align:left;vertical-align:top;border-bottom:1px solid #eee;}
.layerPop .plural table.discount tbody tr td.none{border-bottom:0;}
.layerPop .plural table.discount tbody tr td .goodsName{padding:7px 20px 0;color:#565656;font-size:11px;line-height:16px;}
.layerPop .plural table.discount tbody tr td .goodsAmount{padding:7px 20px 0;color:#565656;font-size:11px;line-height:16px;}
.layerPop .plural table.discount tbody tr td > dl{z-index:2;position:relative;overflow:hidden;widtth:100%;min-height:23px;margin:3px 0;}
.layerPop .plural table.discount tbody tr td > dl > dt{z-index:5;position:absolute;top:0;left:0;padding:3px 0;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.layerPop .plural table.discount tbody tr td > dl > dt .mark{margin-top:2px;margin-left:2px;}
.layerPop .plural table.discount tbody tr td > dl > dd{position:relative;padding:3px 0;text-align:right;}
.layerPop .plural table.discount tbody tr td > dl > dd select{position:absolute;top:0;left:80px;width:200px;}
.layerPop .plural table.discount tbody tr td > dl > dd .priceSale{color:#e51937;font-size:12px;line-height:18px;font-weight:bold;}
.layerPop .plural table.discount tbody tr td.save{padding:5px 0;color:#565656;font-size:11px;line-height:18px;}
.layerPop .plural table.discount tbody tr td.save .price{margin-left:10px;color:#565656;font-size:12px;line-height:18px;font-weight:bold;}
.layerPop .plural table.discount tbody tr td.discount{padding:5px 0;color:#565656;font-size:12px;line-height:18px;font-weight:bold;text-align:right;}
.layerPop .plural table.discount tbody tr td.discount .price{margin-left:18px;color:#e51937;font-size:12px;line-height:18px;font-weight:bold;}
.layerPop .amountBox{height:80px;margin-top:30px;text-align:left;vertical-align:top;background:#ebebeb;}
.layerPop .amountBox ul{height:100%;padding:0 0 0 22px;}
.layerPop .amountBox ul li{float:left;width:135px;height:61px;padding-top:19px;}
.layerPop .amountBox ul li dl dt{height:15px;}
.layerPop .amountBox ul li dl dd{padding-top:6px;color:#000;font-size:14px;line-height:28px;}
.layerPop .amountBox ul li dl dd span{font-family:Arial;font-size:21px;line-height:28px;vertical-align:0px;}
.layerPop .amountBox ul li.minus{padding-left:65px;background:url(//image.hnsmall.com/images/img2014/order/ico_minus.png) no-repeat 0 26px;}
.layerPop .amountBox ul li.equal{width:216px;padding-top:25px;padding-left:65px;background:url(//image.hnsmall.com/images/img2014/order/ico_equal.png) no-repeat 0 26px;}
.layerPop .amountBox ul li.equal .total{color:#e51937;font-size:14px;line-height:26px;}
.layerPop .amountBox ul li.equal .total span{font-family:Arial;font-size:27px;vertical-align:-2px;}
.layerPop .amountBox ul li.equal p{color:#565656;font-size:12px;line-height:16px;}
.layerPop .btnWrap{margin-top:10px;}

/* popup 적립금사용안내 2015-10-22 추가*/
.layerPop .savemoneyWrap p{text-align:center;}
.layerPop .savemoneyWrap .tlt{color:#e51937;font-weight:bold;font-size:19px;padding-top:10px;}
.layerPop .savemoneyWrap .desc{color:#444;font-size:14px;padding-bottom:10px;}
.layerPop .savemoneyWrap img{vertical-align:top;padding-bottom:10px;}

/*  2013-12-16 okcashbak 팝업 */
.buList7 li{font-size:11px; color:#999}
.popOkcash_box{border-top:1px solid #bbb; background:#f4f4f4; padding:10px; margin-top:5px}
.popOkcash_text{background:#fff; padding:10px}
.chek{margin-top:5px}
.okcardinputZone{margin:12px 0; font-weight:bold }
.okcard{width:50px; height:20px; border:1px solid #ccc}

/*  2013-12-24 도로명 주소 팝업 */
.addreBox .tabArea .tab{width:342px}
.addreBox .tabArea .tab ul{width:344px;display:inline-block;}
.addreBox .tabArea .tab li.tab1,
.addreBox .tabArea .tab li.tab2{float:left;width:171px;}
.addreBox .tabArea .tab li .tabLink{display:block;width:171px;height:25px;margin-right:-1px;padding-top:6px;border:1px solid #ddd;text-align:center;background:#f4f4f4; font-size:14px; color:#444; font-weight:bold;}
.addreBox .tabArea .tab li.on .tabLink{position:relative;margin-bottom:-1px;color:#dd1032;font-weight:bold;border:1px solid #666;border-bottom:none;background:#fff;z-index:2}
.addreBox .tabArea .tab li .tabLink span{background:url('//image.hnsmall.com/images/img2014/member/bu_arrow_off.gif') no-repeat 0 3px; padding-left:10px}
.addreBox .tabArea .tab li.on .tabLink span{background:url('//image.hnsmall.com/images/img2014/member/bu_arrow_on.gif') no-repeat 0 3px; padding-left:10px}

.addreBox .tabArea .tab li .cont{display:none;position:relative;width:344px;text-align:left;background:#fff;margin-bottom:20px}
.addreBox .tabArea .tab li.on .cont{display:block}
.addreBox .tabArea .tab li.tab1 .cont{margin-left:0px;padding-top:20px}
.addreBox .tabArea .tab li.tab2 .cont{margin-left:-170px;padding-top:20px}
.addreBox .tabArea .tab li.tab1 .cont .text1 span{margin-bottom:5px}

.addreBox .tabArea .tab li.tab1 .cont .letterSch{border:2px solid #dd1032; font-size:11px; color:#888; padding-left:10px; width:333px}
.addreBox .tabArea .tab li.tab1 .cont .letterSch input{vertical-align:middle}
.addreBox .tabArea .tab li.tab1 .cont .letterSch input.txt{width:305px;height:21px; border:none; padding-left:0; font-size:11px; color:#999}
.addreBox .tabArea .tab li.tab1 .cont .letterSch .addreBtn{height:21px;border-left:1px solid #dd1032}

.addreBox .tabArea .tab li.tab1 .cont .letterList{ overflow-x:hidden; overflow-y:auto; height:289px; width:345px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:10px}
.addreBox .tabArea .tab li.tab1 .cont .letterList .tableDelivery tr,.addreBox .tabArea .tab li.tab2 .cont .letterList .tableDelivery tr{ cursor:pointer}
.addreBox .tabArea .tab li.tab1 .cont .letterList .tableDelivery tr:hover td,.addreBox .tabArea .tab li.tab2 .cont .letterList .tableDelivery tr:hover td{ color:#dd1032}

.addreBox .tabArea .tab li.tab2 li{ float:left; margin-right:5px;}
.addreBox .tabArea .tab li.tab2 li:after {content:""; display:block; clear:both; height:0%;}
.addreBox .tabArea .tab li.tab2 select.cityNum{width:165px; font-size:11px; color:#666;height:20px;;padding-left:3px}
.addreBox .tabArea .tab li.tab2 .cityNum2{width:112px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .tabArea .tab li.tab2 .cityNum3{width:280px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .tabArea .tab li.tab2 .cityNum4{width:147px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .tabArea .tab li.tab2 .cont .letterList2{ overflow-x:hidden; overflow-y:auto; height:196px; width:345px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:10px}
.addreBox .tabArea .tab li.tab2 .cont .letterList2 .tableDelivery2{border-bottom:none}
.addreBox .tabArea .tab li.tab2 .cont .letterList2 .tableDelivery2 tbody tr:hover{background:#f4f4f4; cursor: pointer}
.addreBox .tabArea .tab li.tab2 .cont .letterList2 .tableDelivery2 tbody td{padding: 2px 5px 10px;}
.addreBox .tabArea .tab li.tab2 .cont .letterList2 .tableDelivery2 tbody td .add1{font-size:11px; color:#666; line-height:15px}
.addreBox .tabArea .tab li.tab2 .cont .letterList2 .tableDelivery2 tbody td .add2{font-size:11px; color:#999; line-height:15px;}
.addreBox .tabArea .tab li.tab2 .cont .addrecomment{color:#999; font-size:11px; line-height:15px; margin-top:5px}
.addreBox .tabArea .tab li.tab2 .cont .addrecomment a{text-decoration:underline; color:#666}
.addreSelect{margin-bottom:15px}
.addreSelect input.address2, .addreSelect input.address3 {margin-left:7px}

/* 2017-01-16 post modify */
.addreBox.type2 .ex_t {padding-left:16px;text-indent:-16px;font-size:11px;color:#898989;line-height:14px}
.addreBox.type2 .postArea .addreobj ul:after {content:'';display:block;clear:both}
.addreBox.type2 .postArea .addreobj ul li {width:49%;margin-right:1%;box-sizing:border-box}
.addreBox.type2 .postArea .addreobj ul li.btnP {position:relative;padding-right:46px}
.addreBox.type2 .postArea .addreobj ul li.wide {width:99%}
.addreBox.type2 .postArea .addreobj select,
.addreBox.type2 .postArea .addreobj input[type="text"] {width:100%;box-sizing:border-box;font-size:11px;color:#666}
.addreBox.type2 .postArea .addreobj .post_shbtn {position:absolute;top:0;right:0;width:42px;height:21px;font-size:0;text-indent:-999px;border:none;overflow:hidden;background:url(//image.hnsmall.com/images/img2014/order/btn_post_sh.gif) 0 0 no-repeat}
.addreBox.type2 .postArea .sh_total {font-size:11px;color:#666;margin:15px 0 3px 0}
.addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody td, .addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody td .add1 {color:#000}
.addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody td .add2 {color:#666}
.addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody tr:hover {background:none}
.addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody tr:hover td, .addreBox.type2 .postArea .cont .letterList2 .tableDelivery2 tbody tr:hover td p {color:#e51937 !important}
.addreBox.type2 .buList5 {padding:8px 0 35px 0}
.addreBox.type2 .buList5 li {background-position:0 6px;padding-left:6px}
.addreBox.type2 .buList5 li a {color:#666;text-decoration:underline}

.orderView tbody tr td .address .zipcode{height:25px;margin-bottom:5px;}
.orderView tbody tr td .address .zipcode .dash{vertical-align:-1px;}
.orderView tbody tr td input.code1[type="text"]{width:20px;}
.orderView tbody tr td input.inputHalf{width:320px;margin-bottom:3px;}

.orderView .newAddrPop dl{width:100%; display:inline-block}
.orderView .newAddrPop dl dt.none{color:#fff}
.orderView .newAddrPop dl dt{float:left;width:75px;padding:3px 0 0;}
.orderView .newAddrPop dl dd{float:left;width:260px; text-align:left; padding:3px 0 0 }
.orderView .newAddrPop dl dd .inputLetter{ border:1px solid #ccc; width:50px}
.orderView .newAddrPop dl dd .inputaddr{ border:1px solid #ccc; width:270px}
.orderView .inputPhone{ border:1px solid #ccc; width:50px}

/* 배송지 목록 */
.diyGuide{ padding:0; position:relative}
.diyGuide li{ background:url(//image.hnsmall.com/images/img2014/order/bu_puls.gif) no-repeat 0 5px; font-size:11px; color:#888; padding-left:7px;}
.diyGuide li.btn{ background:none; position:absolute; right:0; top:0}
.diyGuide li.btn img{ cursor:pointer}

.orderView{text-align:left; border:none;border-top:1px solid #bbb; width:100%;}
.orderView th{padding:7px 0; padding-left:17px; font-weight:normal; border-bottom:1px solid #eee; text-align:left; vertical-align:top; font-weight:bold;}
.orderView td{border-bottom:1px solid #eee; padding:7px 0; padding-left:17px; color:#444;}
.orderView th.last{border-bottom:1px solid #bbb}
.orderView td.last{border-bottom:1px solid #bbb}
.orderView .btSizeS a {height:22px;padding:0 6px 0 3px;} /*@@@ 2015-01-07 추가*/

/* 결제진행중*/
.paymentWrap{ position:absolute; left:0; top:0; z-index:25000}
.paymentWrap span{ position:absolute; left:75px; top:30px;}
.paymentWrap span.load{ position:absolute; left:35px; top:22px;}

/* 09-24 카카오페이 추가 */
.kakopayGuide{margin-bottom:-7px;}
.kakopayGuide dt{padding:5px 20px 8px;position:relative;color:#000;font-weight:bold;font-size:13px;overflow:hidden;}
.kakopayGuide dt .more_view,.kakopayGuide dt .more_view_on{display:block;position:absolute;right:17px;top:-2px;font-size:11px;text-decoration:underline;color:#898989;font-weight:normal;}
.kakopayGuide dt .more_view em, .kakopayGuide dt .more_view_on em{display:inline-block;width:13px;height:22px;line-height:0;background:url(//image.hnsmall.com/images/img2014/common/ico_button.png) no-repeat -3px 16px;}
.kakopayGuide dt .more_view_on em{background-position:-53px 15px;}
.kakopayGuide dt .info_view {display:block;position:absolute;right:17px;top:30px;font-size:11px;text-decoration:underline;color:#898989;font-weight:normal;}
.kakopayGuide dt .info_view em {display:inline-block;width:8px;height:7px;margin-left:5px;line-height:0;background:url(//image.hnsmall.com/images/img2014/common/ico_button.png) no-repeat -80px 0;}
.orderInfoWrap table tbody tr td .kakopayGuide dt label{margin-right:32px;}
.kakopayGuide dt label.chk {float:left;}
.kakopayGuide dt span{display:inline-block;margin-left:7px;width:101px;height:24px;background:url(http://image.hnsmall.com/images/img2014/order/ico_kakopay.png) no-repeat 0 0;overflow:hidden;text-indent:-1000px;vertical-align:middle;}
.kakopayGuide dt span.type02 {width:53px; height:21px;background:url(http://image.hnsmall.com/images/img2014/order/ico_kakopay02.png) no-repeat 0 0;}
.kakopayGuide dt .info_list {float:left;}
.kakopayGuide dt .info_list li {margin-bottom:5px;color:#000;font-weight:bold;font-size:12px;}/* 2019-04-11 폰트 사이즈 값 수정 */
.kakopayGuide dd {clear:both;background-color:#f4f4f4;padding:14px 41px 5px}
.kakopayGuide dd ul li{padding:0 0 6px;font-size:11px;}
.kakopayGuide dd ul li strong{display:block;font-weight:normal;padding:0 10px 2px;line-height:16px;background:url(http://image.hnsmall.com/images/img2014/common/bul_arrow.gif) no-repeat 2px 6px;}
.kakopayGuide dd ul li ul li{padding-left:10px;padding-bottom:0;}
.orderInfoWrap dl.payGuide_v2{padding-left:0;margin-bottom:-8px;background-color:#fff;position:relative;padding-bottom:10px;}

/* 우편번호 UI 변경 */
.addreBox .postArea li{ float:left; margin-right:5px;}
.addreBox .postArea li:after {content:""; display:block; clear:both; height:0%;}
.addreBox .postArea select.cityNum{width:165px; font-size:11px; color:#666;height:20px;;padding-left:3px}
.addreBox .postArea .cityNum2{width:112px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .postArea .cityNum3{width:277px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .postArea .cityNum4{width:147px; height:19px; font-size:11px; color:#666;padding-left:5px}
.addreBox .postArea .cont .letterList2{ overflow-x:hidden; overflow-y:auto; height:196px; width:345px;border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:10px}
.addreBox .postArea .cont .letterList2 .tableDelivery2{border-bottom:none}
.addreBox .postArea .cont .letterList2 .tableDelivery2 tbody tr:hover{background:#f4f4f4; cursor: pointer}
.addreBox .postArea .cont .letterList2 .tableDelivery2 tbody td{padding: 2px 5px 10px;}
.addreBox .postArea .cont .letterList2 .tableDelivery2 tbody td .add1{font-size:11px; color:#666; line-height:15px}
.addreBox .postArea .cont .letterList2 .tableDelivery2 tbody td .add2{font-size:11px; color:#999; line-height:15px;}
.addreBox .postArea .cont .addrecomment{color:#999; font-size:11px; line-height:15px; margin-top:5px}
.addreBox .postArea .cont .addrecomment a{text-decoration:underline; color:#666}

/* 2017-01-20 문화상품권 관련 추가 */
.orderInfoWrap table tbody tr td .culture_txt {display:inline-block;font-size:11px;color:#898989;line-height:13px;vertical-align:middle;margin-left:2px;}

/* 2017-08-25 배송지 필수입력사항 추가 */
.requireTxt {margin:14px 0 8px; color:#898989; font-size:11px;}
.requireTxt em {color:#e51937;}
.addRequire th em {display:inline-block; margin-left:4px; color:#e51937; vertical-align:2px; font-size:11px; }

/* 개인정보 수집항목 추가 2018-08-29 */
.orderInfoWrap .order_agree {margin-top: 10px;}
.order_agree .agree_top label {font-size:12px;color: #000;font-weight: bold;}
.order_agree .agree_top .btn_toggle {width: 15px;height: 15px;padding: 0;border: 1px solid #cdcdcd;background: url('//image.hnsmall.com/images/img2014/common/ico_toggle_arrow_sp.png') -16px -1px no-repeat;vertical-align: middle;}
.order_agree.active .btn_toggle {background-position: -1px -1px;}
.order_agree .order_agree_box {margin-top: 10px;padding: 10px;border: 1px solid #ccc;position: relative;display: none;}
.order_agree.active .order_agree_box {display: block;}
.order_agree .order_agree_box label {display: block;font-size: 12px; color: #565656;}
.order_agree .order_agree_box label + label {margin-top: 5px;}
.order_agree .order_agree_box .btn_agree {padding: 3px 10px;font-size:10px;color: #898989;border: 1px solid #cdcdcd;border-radius: 3px;position: absolute;right: 10px; bottom: 10px;}
.order_agree .btnWrap {margin-top: 30px;}

/* S : 2019-03-26 기본배송지 추가 */
.orderInfoWrap table tbody tr td .setBasicAddressWrap {margin-top: 5px}
.orderInfoWrap table tbody tr td .setBasicAddressWrap input[type="checkbox"] {margin:0;vertical-align: -1px;}
.orderInfoWrap table tbody tr td .setBasicAddressWrap label {display: inline-block;margin:0;color: #565656;}
#basicAddrLayer {width: 296px;margin-left:-20px;}
#basicAddrLayer .info {font-size: 11px;line-height: 15px;color: #565656;padding: 12px 15px;}
#basicAddrLayer .info em {display: block;margin-top: 6px;font-size: 11px;line-height: 15px;color: #8a8a8a;}
.setBasicAddressWrap .setBasicBtn {display:inline-block; vertical-align:baseline; margin:0; padding:0 10px; height:22px; line-height:18px; border:1px solid #cdcdcd; border-radius:2px; color:#898989; font-size:11px; font-weight:bold; background-color:transparent;}
.setBasicAddressWrap .setBasicBtn:focus {outline:0 none;}
/* E : 2019-03-26 기본배송지 추가 */

/* S : 2019-04-11 카카오-KB 청구할인 불가 문구 스타일추가 */
.kakopayGuide .nosale_kb {color:#12a5cb;font-size:11px;font-weight:normal;}
/* E : 2019-04-11 카카오-KB 청구할인 불가 문구 스타일추가 */

/* 2019-06-03 비회원주문 추가 */
.nouser-order {padding : 50px 0;position: relative;}
.nouser-order p { color:#333; font-size:15px;padding :0 34px;}
.nouser-order .button {position:absolute; right:40px; top:40px;color: #fff; text-align: center;}
.nouser-order .btn-agree{color: #fff;  background-position: 100% -240px;}

/* 2019-06-11 주문서 결제수단 영역 UI 개선(PG도입) 추가 */
.orderInfoWrap .order-list .payObj {display:none;}
.orderInfoWrap .order-list table tbody tr td.paySelect {padding: 8px 0 7px;}
/* 2019-10-29 주석처리 .orderInfoWrap .order-list table tbody tr td label:nth-child(5) {margin-right : 136px;} 
.orderInfoWrap .order-list table tbody tr td label:nth-child(6){display: inline-block; margin-top: 7px;}
.orderInfoWrap .order-list table tbody tr td label:nth-child(7){display: inline-block; margin-top: 7px;}
.orderInfoWrap .order-list table tbody tr td label:nth-child(8){display: inline-block; margin-top: 7px;}*/
.orderInfoWrap .order-list table tbody tr td label input {margin-top:-2px;}
.orderInfoWrap .order-list table tbody tr td label+select {width:90px; margin-top:-3px;}
.orderInfoWrap .order-list table tbody tr td .desc {font-size: 11px; color: #a6a6a6;padding-bottom: 2px; margin-top: 5px;}
.orderInfoWrap .order-list dl.payGuide_v2 {padding : 3px 0;margin-bottom: 0;}


/* S : 2019-08-12 국민카드 선택시 노출되는 문구영역 */
.referTxt_blue_11 {color:#12a5cb; font-size:11px;} 
/* E : 2019-08-12 국민카드 선택시 노출되는 문구영역 */
/* S: 2019-08-28 #25934 국민카드, NH카드 선택시 노출되는 문구 추가 */
.referTxt_blue_11 > a {color:#12a5cb; text-decoration: underline;}
/* E: 2019-08-28 #25934 국민카드, NH카드 선택시 노출되는 문구 추가 */

/* 2019-10-29 주문서 결제수단 영역 UI 여백 수정 */
.orderInfoWrap .order-list table tbody tr td label {margin-right:0;display:inline-block;min-width:132px; padding-right:20px;letter-spacing: -0.5px;}
.orderInfoWrap .order-list table tbody tr td label+select {margin-left: -85px;}

/* 2019-11-11 간편결제 영역 (텍스트=>아이콘 전환) 추가 */
.orderInfoWrap .order-list table tbody tr .paySelect_v2 label:nth-child(5n+1){margin-top:5px;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 label:first-child{margin-top:0;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 .ico-pay {text-indent: -9999px;background:url(//image.hnsmall.com/images/img2014/order/img_pay_tit.png?20200323) no-repeat top center;display: inline-block;vertical-align: -2px; height:auto;margin-left: 1px;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 .ico-pay.ico-kakaopay {background-position: 0 0; width: 56px;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 .ico-pay.ico-payco{background-position: -66px 0; width:45px;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 .ico-pay.ico-samsungpay{background-position: -120px 0; width:73px;}
.orderInfoWrap .order-list table tbody tr .paySelect_v2 .ico-pay.ico-toss{background-position: 0 -25px; width:47px;}

/* S: 2020-07-13 #34009 주문서 */
.orderInfoWrap .personal-code {position: relative; border-bottom: 1px solid #cdcdcd; padding-bottom: 12px;}
.orderInfoWrap .personal-code .double{position:absolute;top:3px;left:180px; }
.orderInfoWrap .personal-code .double .txt{color: #565656; font-size: 12px; line-height: 16px; font-weight: bold; vertical-align: 0px;}
.orderInfoWrap .personal-code table td .input-area input {width: 188px;}
.orderInfoWrap .personal-code .chk-area {margin-top: 6px;}
.orderInfoWrap .personal-code .chk-area label {font-size: 12px; font-weight: bold; color: #000;}
.orderInfoWrap .personal-code .info-list {margin-top: 7px;}
.orderInfoWrap .personal-code .info-list li {padding: 2px 0 1px 10px; color: #898989; font-size: 11px; line-height: 15px; background: url(//image.hnsmall.com/images/img2014/common/bul_arrow2.gif) no-repeat 2px 7px;}
.orderInfoWrap .personal-code .refer {margin-top: 8px; color: #898989; font-size: 11px;}
.orderInfoWrap .personal-code .btn-datail {position: relative; margin-left: 8px; color: #565656; padding-right: 9px;}
.orderInfoWrap .personal-code .btn-datail:before {content:''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background-color: #565656;}
.orderInfoWrap .personal-code .btn-datail:after{content:''; position: absolute; right: 0; top: 50%; margin-top: -3.5px; background:url(//image.hnsmall.com/images/img2014/common/ico_arrow_right.png) no-repeat 0 0; width: 4px;  height: 7px;}
.layerPop.stPop6 p {padding: 12px 15px;}
/* E: 2020-07-13 #34009 주문서 */