@charset "utf-8";
@import url('3.accesCommon.css');

#SubWrap {position:relative;}

h4 {margin-bottom:10px;color:#333;font-size:16px;font-weight:normal;}
h4 + a.btn_tit {display:inline-block;float:right;margin-top:-30px;text-align:right;}
h4 + span.comment {display:block;float:right;margin-top:-23px;color:#f45655;font-size:12px;}
h4 + div.addressChk	{float:right;margin-top:-25px;font-size:12px;text-align:right;}
h4 + div.addressChk input {vertical-align:middle;}
h4 + div.addressChk label {line-height:14px;}

span.ico_delivery {display:inline-block;padding-right:9px;width:69px;height:31px;font-size:12px;font-family:dotum;line-height:25px;letter-spacing:0;text-align:right;background:url(../../../images/pc/acces/common/ico_delivery.gif) no-repeat 0 0;}
span.ico_delivery.red {font-size:12px;font-family:dotum;line-height:25px;letter-spacing:-1px;}

div.brandDictionary {margin-bottom:15px;border:1px solid #e3e3e3;}
div.alphabet {padding:0  0 0 17px;overflow:hidden;}
div.alphabet div {float:left;}
div.alphabet div a {display:inline-block;float:left;width:18px;color:#666;text-align:center;}
div.alphabet div a:hover,div.alphabet div a:active,
div.alphabet div a.on {text-decoration:underline;}
div.alphabet div.korean {padding:12px 12px 14px;}
div.alphabet > span {display:block;float:left;margin-top:11px;padding-left:5px;width:62px;height:21px;color:#f45656;font-size:11px;font-family:dotum;line-height:20px;letter-spacing:-1px;background:url(../../../images/pc/acces/page/brandTit_bg.png) left center no-repeat;}
div.alphabet div.English {padding:15px 0 12px;}
div.alphabet div.English a {width:23px;font-size:11px;}
div.intial {padding:8px 17px 11px;overflow:hidden;}
div.intial span {display:block;float:left;width:63px;height:53px;color:#dd5454;text-align:center;font-size:24px;line-height:50px;font-weight:bold;background:url(../../../images/pc/acces/page/intial_bg.png) 0 0 no-repeat;}
div.intial div {float:left;width:880px;overflow:hidden;}
div.intial a {display:inline-block;float:left;padding:0 0 0 20px;width:265px;color:#595959;font-size:12px;font-weight:bold;line-height:16px;letter-spacing:0;}
div.intial a:first-child {background:none;}

ul.searchTab {margin-bottom:15px;width:978px;border:1px solid #e3e3e3;overflow:hidden;}
ul.searchTab li {float:left;padding-right:10px;}
ul.searchTab li a {display:block;padding:0 17px 0 23px;color:#666;line-height:38px;}
ul.searchTab li:first-child a {padding-left:20px;}
ul.searchTab li.on {background-color:#ededed;}
ul.searchTab li.on a {color:#dd5454;background:url(../../../images/pc/acces/page/searchTab_arr.gif) right center no-repeat;}

div.prodWrap {padding-bottom:30px;}
div.prodWrap:after {content:"";display:block;clear:both;}
div.prodWrap * {color:#333;}
div.prodWrap .red, div.prodWrap .red * {color:#e71f0f !important;}
div.prodImg {float:left;width:402px;}
div.prodImg > p {position:relative;margin-bottom:10px;border:1px solid #dedede; height:400px; text-align:center;}
div.prodImg > p:after { content:""; display:inline-block; height:100%; width:0; vertical-align:middle; margin-left:0px; }
div.prodImg > p img {max-width:400px;max-height:400px; vertical-align:middle;}

div.prodImg div.thumbnail {font-size:0;line-height:0;text-align:center;}
div.prodImg div.thumbnail a {display:inline-block;margin-left:5px;padding-top:1px;border:1px solid #dedede;}
div.prodImg div.thumbnail a img {width:93px;height:93px;}
div.prodImg div.thumbnail a.on {padding-top:0;border-top:2px solid #f00502;position:relative;}
div.prodImg div.thumbnail a:first-child {margin-left:0;}
div.prodImg div.assessment {margin-top:10px;padding:2px 0;min-height:34px;line-height:34px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
div.prodImg div.assessment span, div.prodImg > div.assessment strong {display:inline-block;color:#333;font-size:15px;vertical-align:middle;}
div.prodImg span.satisfy {margin-right:6px;padding-right:13px;width:115px;text-align:right;background:url(../../../images/pc/acces/common/bul_bar.gif) no-repeat right center;}
div.prodImg span.satisfy strong {color:#333;font-size:22px;font-family:tahoma;}
div.prodImg span.comment {margin-top:2px;width:75px;height:19px;background:url(../../../images/pc/acces/common/ico_review.png) no-repeat left top;}
div.prodImg span.comment strong {height:19px;vertical-align:top;background:url(../../../images/pc/acces/common/ico_review.png) no-repeat left bottom;}
div.prodDetail {float:right;position:relative;top:-7px;width:523px;}
div.prodDetail h4 {display:block;margin-bottom:15px;color:#000;font-size:18px;font-weight:bold;}
div.prodDetail > p {margin-bottom:9px;padding-left:30px;height:28px;color:#e64c4c;font-size:14px;line-height:24px;vertical-align:top;background:url(../../../images/pc/acces/common/ico_login_benfit.png) no-repeat 6px center;}
div.prodDetail > p:after {content:"";display:block;clear:both;}
div.prodDetail > p > em {color:#e64c4c;font-size:14px;}
div.prodDetail > p span {float:right;padding-left:23px;color:#333;font-size:12px;line-height:26px;vertical-align:top;background:url(../../../images/pc/acces/common/ico_sale_number.png) no-repeat left 4px;}
div.prodDetail div.offerTxt {text-align:center;}

div.viewDetail {vertical-align:top; width:100%; position:relative;}
div.viewDetail:after {content:"";display:block;clear:both;}
div.viewDetail img, div.viewDetail a, div.viewDetail span, div.viewDetail strong {display:inline-block;vertical-align:0;}
div.viewDetail p.nodata {color:#333;font-size:14px;}
div.viewDetail dl {display:block;position:relative;border-top:1px dotted #cfcfcf;}
div.viewDetail dl:after {content:"";display:block;clear:both;}
div.viewDetail dl:first-child {margin-top:0;padding-top:2px;}
div.viewDetail dl dt {float:left;position:relative;padding:8px 0 5px;width:163px;height:30px;font-size:16px;vertical-align:middle;}
div.viewDetail dl dd {float:right;padding:8px 0 5px;width:360px;height:30px;font-size:16px;text-align:right;}
div.viewDetail dl dt span {color:#666;}
div.viewDetail dl dt a.btn_help + span {display:none;position:absolute;left:0;top:30px;padding:5px;width:230px;font-size:12px;border:1px solid #000;background-color:#fff;z-index:2;}
div.viewDetail dl dd a.btn_detail {display:inline-block;;padding-right:13px;height:26px;font-size:14px;line-height:22px;background:url(../../../images/pc/acces/common/bul_arrGray3.png) no-repeat right center;}
div.viewDetail .couponBox { position:absolute; right:80px; top:8px; display:block; padding:5px; text-align:right; border:1px solid #fc0300; color:#fc0300; }
/*160416 추가*/
.couponBox2 {position:absolute; right:0px; top:8px; text-align:right; background:url('../../../images/pc/acces/common/btn_coupon_ban.jpg') no-repeat 0 0; height: 29px;}
.prodName { padding:0 8px 0 6px; color:#e71f0f !important; height:27px; line-height:27px;margin-left:66px; border:1px solid #fc0300; border-left:0;}
div.viewDetail dl dd.comment {float:left;padding:0;width:100%;text-align:left;}
div.viewDetail.disPrice dl:first-child {padding:15px 0;}
div.viewDetail.disPrice dl dt {padding-top:0;}
div.viewDetail.disPrice dl dd {padding-top:0;font-size:18px;font-weight:normal;}
div.viewDetail.disPrice dl dd.point {position:relative;padding:0;padding-left:20px;width:561px;height:auto;font-size:14px;text-align:left;}
div.viewDetail.disPrice dl dd.point:before {position:absolute;left:0;top:0;content:"└";}
div.viewDetail.disPrice dl dd.point span {float:right;font-size:14px;}
div.viewDetail.disPrice dl dd strong {position:relative;top:-3px;font-size:22px;font-weight:normal;font-family:tahoma;vertical-align:middle;}
div.viewDetail.option dl {padding-bottom:15px;}
div.viewDetail.option dl dt {width:auto;}
div.viewDetail.option dl dd {float:right;padding:5px 10px;width:422px;height:37px;text-align:left;background-color:#f9f9f9;overflow:hidden;}
div.viewDetail.option dl dd > span {width:200px;}
div.viewDetail.option dl dd span {color:#333;font-size:14px;vertical-align:middle;}
div.viewDetail.option dl dd span.num {position:relative;padding:1px;width:87px;height:35px;background:url(../../../images/pc/acces/common/bg_prod_num.gif) no-repeat left top;}
div.viewDetail.option dl dd span.num input {width:49px;height:35px;line-height:35px;border:0;font-size:14px;text-align:center;}
div.viewDetail.option dl dd span.num a {position:absolute;}
div.viewDetail.option dl dd span.num a.upper {top:1px;right:1px;}
div.viewDetail.option dl dd span.num a.lower {bottom:1px;right:1px;}
div.viewDetail.option dl dd strong {width:90px;color:#333;font-size:16px;font-weight:normal;text-align:right;vertical-align:middle;}
div.viewDetail.option dl dd > a {margin:0 0 0 8px;vertical-align:middle;}
div.viewDetail.option dl:first-child {margin-top:0;}
div.viewDetail.option dl dt:first-child {padding-top:10px;}
div.viewDetail.option dl dd.sel {padding:10px 0 0;width:440px;background-color:#fff;}
div.viewDetail.option dl dd.sel select {width:100%;font-size:16px;height:28px;line-height:28px;}

div.viewDetail.option dl dd.sel.btn_sel{font-size:0;}
div.viewDetail.option dl dd.sel.btn_sel select{width:calc(100% - 60px);}
div.viewDetail.option dl dd.sel.btn_sel .option_sel_button{width:55px;height:28px;line-height:28px;margin-left:5px;font-size:14px;text-align:center;color:#fff;background:#888;border-radius:3px;}
div.viewDetail.option dl dd.sel.btn_sel .option_sel_button span{position:relative;color:#fff;}

div.viewDetail dl.priceTotal {padding-bottom:20px;}
div.viewDetail dl.priceTotal dt, div.viewDetail dl.priceTotal dd {padding:13px 0 12px;color:#f00502 !important;font-size:20px !important;}
div.viewDetail dl.priceTotal dd strong {color:#f00502;font-size:26px;font-family:tahoma;}
div.viewDetail dl.priceTotal.ui-acc dt ,
div.viewDetail dl.priceTotal.ui-acc dd,
div.viewDetail dl.priceTotal.ui-acc dd strong {color: #000 !important;}
#optionWrap .ui-btn-wrap {display: flex; justify-content: center; display: -webkit-flex;}
#optionWrap .ui-btn-wrap .ui-btn {width:initial;min-width:160px;height: 48px; margin: 0 4px; line-height: 46px; display: inline-block;background-color: #5ddfde; border: 1px solid #5ddfde; border-radius: 8px; padding: 0 24px; color: #000; font-size: 16px; font-weight: 700; box-sizing:border-box;}
#optionWrap .ui-btn-wrap .ui-btn.cancle {border-color: #d9d9d9d9; background-color: #fff;}
#shopLayer.lp_optionWrap {margin-top: 0;}
/* 올레 IoT 헬스밴드 프로모션 이벤트/0127 */
div.viewDetail.event{display:block;position:relative;padding:12px 0;border-top:1px dotted #cfcfcf;}
div.viewDetail .eventAgree .txtArea{float:left;font-size:16px;}
div.viewDetail .eventAgree .txtArea img{margin-top:-2px;}
div.viewDetail .eventAgree .txtArea a{text-decoration:underline;}
div.viewDetail .eventAgree .chkArea{float:right;}
div.viewDetail .eventAgree .chkArea label{font-size:14px; }
div.viewDetail .eventAgree .chkArea input[type=checkbox]{vertical-align:middle;}
div.viewDetail .eventAgree .agreeBoxArea{clear:both;display:none;}
div.viewDetail .eventAgree.current .agreeBoxArea{display:block;}
div.viewDetail .eventAgree .agreeBoxArea p.agBoxClose{margin-bottom:5px;text-align:right;}
div.viewDetail .eventAgree .agreeBox{overflow:hidden;overflow-y:scroll;height:100px;clear:both;margin-top:0px;padding:20px;border:1px solid #e5e5e5;}
div.viewDetail .eventAgree .agreeBox ul.dot_list{margin-bottom:10px;}
div.viewDetail .eventAgree .agreeBox ul.dot_list li{padding:0 0 2px 10px;background:url("../../../images/pc/acces/common/bul_squGray.gif") no-repeat 0 7px;color:#666;}
div.viewDetail .eventAgree .agreeBox .tit{margin-bottom:8px;font-size:14px;}
div.viewDetail .eventAgree .agreeBox .tit span{vertical-align:top;font-size:14px;}
div.viewDetail .eventAgree .agreeBox .tit span.colRd{color:#e71f0f;}
div.viewDetail .eventAgree .agreeBox .agTable{margin-bottom:15px;}
div.viewDetail .eventAgree .linkMove{font-size:0;line-height:0;color:transparent;}
#SubWrap div.viewDetail .eventAgree h3{font-size: 14px;height: auto; padding-bottom: 10px; font-weight: bold;}					
div.viewDetail .eventAgree  label{margin-right:0}
div.viewDetail .eventAgree  input[type=checkbox]{left: inherit;  right: 0;}
div.viewDetail .eventAgree .msg{margin-top: 10px;}
div.viewDetail .agreeBox .icheck{position: absolute;right:0;top:0}
div.viewDetail .agTable table{width:100%;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
div.viewDetail .agTable table th{padding:8px;background:#f2f2f2;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
div.viewDetail .agTable table td{padding:8px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

div.bestPrdW {clear:both;margin-bottom:30px;padding:26px;padding-right:0;width:952px;border:1px solid #d3d3d3;overflow:hidden;}
div.bestPrdW h4 {float:left;margin:24px 0 0 0;font-size:22px;}
div.bestPrdW ul {float:left;}
div.bestPrdW ul li {float:left;margin-left:27px;width:130px;}
div.bestPrdW ul li a {display:block;}
div.bestPrdW ul li a img {margin-bottom:10px;width:130px;height:130px;}
div.bestPrdW ul li a span {display:block;width:130px;color:#000;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
h4 + div.bestPrdW {margin-bottom:20px;border-top:1px solid #ed2024;}
h4 + div.bestPrdW li:first-child {margin-left:0;}

div.bookMarkList {position:absolute;left:50%;top:0;margin-left:461px;width:162px;text-align:center;z-index:2;}
div.bookMarkList a {display:block;position:relative;margin-bottom:10px;}
div.bookMarkList > a span {display:none;position:absolute;left:0;top:68px;padding:2px;color:#000;font-size:11px;text-align:left;border:1px solid #010002;background-color:#ffffe1;z-index:2;}
div.bookMarkList a + div {display:none;padding-top:10px:}

span.bookMarkLayer {display:inline-block;position:absolute;left:50%;top:100px;margin-left:-545px;}
span.bookMarkLayer img {vertical-align:middle;}
span.bookMarkLayer a {display:inline-block;margin-left:5px;}

div.snsCont {position:relative;float:right;top:30px;width:20%;text-align:right;z-index:2;}
div.snsCont a {display:inline-block;vertical-align:middle;}
div.snsCont span {display:inline-block;width:100px;height:21px;vertical-align:middle;overflow:hidden;}

div.countWrap {position:relative;margin-bottom:30px;border:1px solid #e6e6e6;background-color:#f2f3f5;overflow:hidden;}
div.countWrap dl {float:left;padding-top:12px;width:155px;background:url(../../../images/pc/acces/page/countWrap_bg.gif) repeat-y left top;/* height:84px; */ height:auto;padding-bottom:10px;}
div.countWrap dl:first-child {width:163px;background-image:none;}
div.countWrap dl:first-child + span + dl + span + dl {width:185px;}
div.countWrap dl dt {padding-bottom:15px;color:#333;font-size:14px;text-align:center;}
div.countWrap dl dd {color:#000;font-size:12px;text-align:center;}
div.countWrap dl dd strong {color:#000;font-size:18px;}
/* div.countWrap dl:first-child + span + dl + span + dl dt {padding-bottom:2px;} */
div.countWrap dl + dl {padding-left:15px;width:150px;}
div.countWrap dl + dl dd {padding-left:10px;color:#797979;text-align:left;background:url(../../../images/pc/acces/common/bul_squGray.gif) no-repeat 0 7px;}
div.countWrap > span {position:absolute;top:50px;width:26px;height:26px;background:url(../../../images/pc/acces/page/bul_numerical_bg.gif) no-repeat 0 0;}
div.countWrap > span.minus {left:150px;background-position:0 0;}
div.countWrap > span.plus {left:50%;margin-left:1px;background-position:-26px 0;}
div.countWrap > span.result {right:307px;background-position:-52px 0;}
div.countWrap dl:first-child + span + dl + span {left:305px;}
div.countWrap.type2 dl {width:163px;}
div.countWrap.type2 dl:first-child + span + dl + span + dl + span + dl + span + dl {width:304px;}
div.countWrap.type2 > span.plus {left:50%;margin-left:8px;background-position:-26px 0;}
div.countWrap.type2 > span.result {right:290px;background-position:-52px 0;}
div.countWrap.type2 dl:first-child + span + dl + span {left:312px;}
div.countWrap.type2 dl.member dt {padding-bottom:15px;}

table.orderList {width:100%;border-top:2px solid #d6d6d6;border-bottom:1px solid #e6e6e6;}
table.orderList thead tr th {padding:2px 0 5px;color:#333;font-size:14px;font-weight:normal;background-color:#f2f3f5;}
table.orderList tbody tr th,
table.orderList tbody tr td {padding:15px 0;color:#7a7a7a;font-size:12px;border-top:1px solid #e6e6e6;text-align:center;vertical-align:top;}
table.orderList tbody tr th {border-right:1px solid #e6e6e6;vertical-align:middle;}
table.orderList tr td.rowspan {border-left:1px solid #e6e6e6;vertical-align:middle;}
table.orderList td div.prd {position:relative;padding:0 0 0 140px;min-height:100px;text-align:left;}
table.orderList td div.prd img {display:block;position:absolute;left:26px;top:-5px;width:91px;height:89px;}
table.orderList td div.prd a {display:block;margin-bottom:10px;font-size:12px;}
table.orderList td div.prd span {display:block;padding-bottom:3px;color:#666;font-size:12px;}
table.orderList td div.prd span.option {color:#666;}
table.orderList td div.discount {padding:0 30px;}
table.orderList td div.discount ul {margin-bottom:3px;}
table.orderList td div.discount ul li {overflow:hidden;color:#333;}
table.orderList td div.discount ul li span {float:right;color:#333;}
table.orderList td div.discount ul li span.red {font-weight:bold;}
table.orderList td div.discount > span {font-size:12px;}
table.orderList tr td span {display:block;padding-bottom:2px;}
table.orderList td div.discount .discount-txt {  font-weight:bold;  color:#e71f0f;  text-align:right;  }

table.orderView {width:100%;border-top:2px solid #d6d6d6;border-bottom:1px solid #e6e6e6;}
table.orderView tr th {padding:10px 0 10px 19px;color:#666;font-size:14px;font-weight:normal;border-right:1px solid #e6e6e6;text-align:left;background-color:#f2f3f5;}
table.orderView tr th span {position:relative;display:inline-block;width:5px;height:5px;vertical-align:top;}
table.orderView tr th span:before {position:absolute;left:0;top:0;content:"*";color:#f67a79;font-weight:14px;}
table.orderView tr td {padding:8px 0 8px 19px;color:#666;font-size:14px;vertical-align:top;}
table.orderView tr td strong.red {font-size:16px;}

div.orderInputBd { width:100%;border-top:2px solid #d6d6d6;}
div.orderInputBd table.orderInput { width:100%;border-top:0 none;border-bottom:1px solid #e6e6e6; } 
table.orderInput {width:100%;border-top:2px solid #d6d6d6;border-bottom:1px solid #e6e6e6; }
table.orderInput tr th {padding:10px 0 10px 19px;color:#666;font-size:14px;font-weight:normal;border-right:1px solid #e6e6e6;text-align:left;vertical-align:top;background-color:#f2f3f5;}
table.orderInput tr th span {position:relative;display:inline-block;width:5px;height:5px;vertical-align:top;}
table.orderInput tr th span:before {position:absolute;left:0;top:0;content:"*";color:#f67a79;font-weight:14px;}
table.orderInput tr td {padding:8px 0 8px 13px;color:#666;font-size:12px;vertical-align:top;}
table.orderInput tr td input[type=text] {height:30px;border:1px solid #d9d9d9;}
table.orderInput tr td input[type=checkbox] {vertical-align:middle;}
table.orderInput tr td input[type=radio] {vertical-align:middle;}
table.orderInput tr td select {height:30px;line-height:30px;border:1px solid #d9d9d9;}
table.orderInput tr td textarea {width:98%;height:50px;border:1px solid #d9d9d9;}
table.orderInput tr td .termsBox {width:98%;height:50px;padding:0.5%;overflow:auto;border:1px solid #d9d9d9;}
table.orderInput tr td.post {position:relative;padding:8px 0 0 80px;}
table.orderInput tr td.post a {position:absolute;left:12px;top:8px;}
table.orderInput tr td.post input {margin-bottom:5px;width:79%;}
table.orderInput tr td.post .ui-deal-info {color: #666; font-size: 12px;}
table.orderInput tr td span.comment {display:inline-block;margin-left:10px;color:#666;font-size:12px;}
table.orderInput tr td p.comment {padding:7px 0 2px;color:#666;font-size:12px;}
table.orderInput tr td p.memberBiz {margin-left:150px; margin-top:10px; vertical-align:top;} /*160805 비즈 멤버십*/
table.orderInput tr td p.memberBiz span {vertical-align:top;} /*160805 비즈 멤버십*/
table.orderInput tr td p.memberBiz input.w100 {vertical-align:top; width:100px;} /*160805 비즈 멤버십*/
table.orderInput tr td .mgl20 {margin-left:20px;} /*160805 비즈 멤버십*/
table.orderInput.agree tr th,
table.orderInput.agree tr td,
table.orderInput.coupon tr th,
table.orderInput.coupon tr td {padding:15px 0 15px 15px;border-top:1px solid #e6e6e6;}
table.orderInput.coupon tr:first-child th,
table.orderInput.coupon tr:first-child td {border-top:none;}
table.orderInput.coupon div {position:relative;margin-top:10px;padding:9px;border:1px solid #e6e6e6;background-color:#f3f3f3;overflow:hidden;}
table.orderInput.coupon div > strong {display:block;margin-bottom:10px;color:#666;font-size:12px;font-weight:normal;}
table.orderInput.coupon div > select {width:160px;font-size:12px;}
table.orderInput.coupon div > label {font-size:12px;}
table.orderInput.coupon div > span {display:block;width:200px;overflow:hidden;}
table.orderInput.coupon div > span em {float:right;}
table.orderInput.coupon div > span em strong {font-size:14px;}
table.orderInput.coupon div strong + span {position:absolute;right:9px;top:0;top:10px;}
table.orderInput.coupon div select + span {float:right;}
table.orderInput.coupon div input {padding-right:5px;width:130px;text-align:right;}
table.orderInput.coupon div.member {min-height:110px;}
table.orderInput.coupon div.member p {margin-top:10px;width:70%;}
table.orderInput.coupon div.member p:first-child {margin-top:0;}
table.orderInput.coupon div.member p > strong {display:block;margin-bottom:5px;color:#666;font-size:12px;font-weight:normal;}
table.orderInput.coupon div.member p > label {font-size:12px;}
table.orderInput.coupon div.member p > select {width:160px;font-size:12px;}
table.orderInput.coupon div.member p > span {display:block;width:200px;overflow:hidden;}
table.orderInput.coupon div.member p > span em {float:right;}
table.orderInput.coupon div.member p > span em strong {font-size:14px;}
table.orderInput.coupon div.member ul {position:absolute;right:9px;top:32px;width:200px;}
table.orderInput.coupon div.member ul li {color:#777;overflow:hidden;}
table.orderInput.coupon div.member ul li em {float:right;color:#777;}
table.orderInput.coupon div.member ul li em strong {font-weight:normal;}

.accStxt {margin:-30px 5px 35px;color:#666}
/* 이용 동기 추가 */
table.orderInput td.radio_motive_cont .form input[type="radio"]{height:32px;margin-left:15px;}
table.orderInput td.radio_motive_cont .form input[type="radio"]:first-child{margin-left:0;}
table.orderInput td.radio_motive_cont .form label{vertical-align:-2px;}
table.orderInput td.radio_motive_cont .form input[type="text"]{margin-left:5px;width:260px;vertical-align: middle;}

div.guideBox {padding:10px 18px;border:1px solid #e6e6e6;}
div.guideBox > strong {display:block;margin-bottom:10px;padding:0 0 8px 6px;color:#666;font-weight:normal;background:url(../../../images/pc/acces/page/guideBox_bg.gif) repeat-x left bottom;}
div.guideBox ul {margin-bottom:17px;}
div.guideBox ul > li {padding-left:10px;color:#8c8c8c;background:url(../../../images/pc/acces/page/bul_graySqu.gif) no-repeat 3px 6px;}
div.guideBox ul li ol li {color:#8c8c8c;}

div.settlementBox {margin-bottom:20px;}
div.settlementBox > p {padding:10px 15px;border:1px solid #e6e6e6;background-color:#f2f3f5;overflow:hidden;}
div.settlementBox > p input {margin-left:15px;vertical-align:middle;}
div.settlementBox > p input:first-child {margin-left:0;}
div.settlementBox > p span {float:right;} 
div.settlementBox > div {display:none;padding:10px 15px 15px;color:#888888;}
div.settlementBox > div p {margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #979797;}
div.settlementBox > div input {vertical-align:middle;}
div.settlementBox > div p label {margin-right:10px;}
div.settlementBox strong + dl {margin-bottom:10px;}
div.settlementBox dt {margin-bottom:5px;color:#666;}
div.settlementBox dd, div.settlementBox li {padding-left: 10px;color:#a6a6a6;background: url(../../../images/pc/acces/page/bul_graySqu.gif) no-repeat 3px 6px;}
div.settlementBox .phoneAgreeCheck {color:#666;margin-top:10px;}

ul.comment li {padding-left:10px;font-size:12px;background:url(../../../images/pc/acces/common/bul_squGray.gif) no-repeat 0 7px;}
ul.comment li a.btnLine {font-size:12px;}

div.myAccesWrap {margin-bottom:20px;padding:20px 10px 15px;border:1px solid #dcdcdc;background-color:#f8f8f8;overflow:hidden;}
div.myAccesWrap > p {margin-bottom:15px;}
div.myAccesWrap div.sel {float:left;width:210px;height:231px;border:1px solid #dcdcdc;background-color:#fff;}
div.myAccesWrap div.sel > strong {display:block;padding:8px 0 0 15px;height:25px;border-bottom:1px solid #dcdcdc;}
div.myAccesWrap div.sel > div {padding:8px 15px;}
div.myAccesWrap div.sel > div ul {width:100%;height:177px;overflow-y:scroll;}
div.myAccesWrap div.sel > div ul li {margin-bottom:10px;}
div.myAccesWrap div.sel > div ul li input {vertical-align:middle;}
div.myAccesWrap span.ico_arr {display:block;float:left;margin-top:100px;width:34px;text-align:center;}
div.myAccesWrap div.btnWrap {padding-top:15px;clear:both;text-align:center;}

div.orderArea span {display:inline-block;padding-top:12px;width:310px;text-align:center;}

/*UX/UI 공통 디자인 적용*/
div.prodImg {width:442px;}
div.prodImg > p {height:442px;}
div.prodImg > p img {max-width:440px; max-height:440px; width:440px; height:440px;}
div.prodDetail {width:583px;}
div.prodDetail .orderArea {text-align:right;}

div.bestPrdW {width:1052px;}
div.bestPrdW ul li {margin-left:45px;}
div.bestPrdW ul li:first-child {margin-left:38px;}

#SubWrap .ollehShopWrap:after{display:block;content:'';clear:both;}
.bestPrdW.bestProduct{float:left;width:528px;box-sizing:border-box;min-height:232px;}
.bestRightBn{float:right;width:550px;}
.bestRightBn > a{float:left;margin-left:20px;width:255px;height:232px;overflow:hidden;}

div.myAccesWrap {padding:20px 14px 15px;}
div.myAccesWrap div.sel {width:220px;}
div.myAccesWrap span.ico_arr {width:54px;}

table.orderList td div.discount {padding:0 50px;}

div.countWrap dl {width:178px;}
div.countWrap dl:first-child {width:178px;}
div.countWrap dl:first-child + span + dl + span {left:343px;}
div.countWrap dl:first-child + span + dl + span + dl {width:178px;}
div.countWrap > span.plus {margin-left:-17px;}
div.countWrap > span.result {right:351px;}

div.countWrap.type2 dl {width:178px;}
div.countWrap > span.minus {left:165px;}
div.countWrap.type2 dl:first-child + span + dl + span {left:343px;}
div.countWrap.type2 dl:first-child + span + dl + span + dl {width:178px;}
div.countWrap.type2 > span.plus {margin-left:-17px;}
div.countWrap.type2 > span.result {right:351px;}
div.guideBox {padding:10px 18px 13px;}

h4 + div.bestPrdW {width:1049px; padding:26px 0 26px 29px;}
h4 + div.bestPrdW ul li {margin-left:48px;}
h4 + div.bestPrdW ul li:first-child {margin-left:0;}

.new_layer.my_address .iradio label {display: inline-block;width: 0;height: 20px;padding-right: 18px;overflow: hidden;font-size: 0;}
.acc_banner{margin-top:20px}
.acc_order_banner{margin-bottom:30px}

/* 20190319 액세서리샵 특정 상품페이지 내 버튼 추가 */
.prodWrap .btn_installment { display: inline-block; margin: 5px 0 0; }

/*210513 자급제 추가*/
.selfSufficiencyTerms{margin-bottom:30px;padding:10px 18px 13px;border:1px solid #e6e6e6;}
.selfSufficiencyTerms .checkarea{margin-bottom:10px;padding-bottom:10px;background:url('../../../images/pc/acces/page/guideBox_bg.gif') repeat-x left bottom;}
.selfSufficiencyTerms .checkarea input{margin-right:5px;vertical-align:middle;}
.selfSufficiencyTerms strong{display:block;margin-bottom:10px;}
.selfSufficiencyTerms li{position:relative;padding-left:10px;}
.selfSufficiencyTerms li:before{content:'-';display:block;position:absolute;left:0;top:0;}

.selfSufficiencyImg{width:960px;margin:0 auto 30px;}
.selfSufficiencyImg img{max-width:100%;}

/* 240717 액세서리 결제 취소, 환불 유의사항 팝업 */
#canclePaymentPop.layerWrap {display:none;position:fixed;left:0;top:0;right:0;bottom:0;color:#000;z-index:2500;word-break:keep-all;}
#canclePaymentPop.layerWrap .layerMask {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);}
#canclePaymentPop.layerWrap [class^="focusAccessibility"] {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:1px;line-height:0;}
#canclePaymentPop.layerWrap .layerBox {overflow:hidden;position:fixed;left:50%;top:50%;width:450px;border-radius:20px;background-color:#fff;transform:translate(-50%, -50%);border: 1px solid #000;}
#canclePaymentPop.layerWrap .layerBox:focus{outline:auto !important}
#canclePaymentPop.layerWrap .layerBox .layerHeader {position:absolute;top:0;right:0;left:0;padding:40px 40px 20px;background-color:#fff;z-index:10;}
#canclePaymentPop.layerWrap .layerBox .layerHeader h1, #canclePaymentPop.layerWrap .layerBox .layerHeader .layerTit {line-height:30px;font-size:20px;font-weight:500;color:#000;padding: 0;height: auto;border-bottom: 0;margin:0;}
#canclePaymentPop.layerWrap .layerBox .layerBody {overflow-y:auto;overflow-x:hidden;box-sizing:border-box;margin:90px 0 0;}
#canclePaymentPop.layerWrap .layerBox .layerContent {box-sizing:border-box;padding:32px 40px;}
#canclePaymentPop.layerWrap .layerBtnBox {margin:24px 0 0;text-align:center;}
#canclePaymentPop.layerWrap .layerBox .layerFoot .layerBtnBox{margin-top:0;}
#canclePaymentPop.layerWrap .layerBox .layerFoot {margin:10px 0 0;padding:0 40px 32px;}
#canclePaymentPop.layerWrap .layerBox .layerContent .layerFoot{margin-top:0;padding:24px 0 0;}
#canclePaymentPop.layerWrap .layerBox .btnLayerClose {position:absolute;right:40px;top:40px;width:30px;height:30px;background:url('/unify/pc/images/mobile/order/prod_list/btn_layer_close.png') no-repeat center;z-index:10;}
#canclePaymentPop.layerWrap .layerBox .btnLayerClose em {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}
#canclePaymentPop.layerWrap .btnLayerItem {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:6px;border:1px solid #5ddfde;background-color:#5ddfde;}
#canclePaymentPop.layerWrap .btnLayerItem span {display:inline-block;height:46px;line-height:46px;font-size:16px;font-weight:bold;color:#000;}
#canclePaymentPop.layerWrap .btnLayerItem , #canclePaymentPop.layerWrap .btnLayerItem02{width:auto;min-width:160px;max-width:100%;padding:0 10px;}
#canclePaymentPop .noticeList > li{position:relative;margin-top:10px;padding-left:10px;font-size:14px;line-height:1.5;color:#000;}
#canclePaymentPop .noticeList > li:first-child{margin-top:0;}
#canclePaymentPop .order-paper input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
#canclePaymentPop .order-paper input:checked + label{color: #000 !important;}
#canclePaymentPop .order-paper .raw-list li{position:relative;margin-top:10px;padding-left:35px}
#canclePaymentPop .order-paper .raw-list li:first-child{margin-top:0}
#canclePaymentPop .order-paper .raw-list li label{position:relative;display:block;font-size:13px;line-height:25px;font-weight:400;color: #909090;}
#canclePaymentPop .order-paper .raw-list.single{overflow: visible; margin-top:5px;line-height: 25px;}
#canclePaymentPop .order-paper .raw-list.single li + li{margin-top: 10px;}
#canclePaymentPop .order-paper .raw-list.single li input[type=checkbox],
#canclePaymentPop .order-paper .raw-list.single li input.checkbox{position: absolute !important;top:0;left: 2px;width: 25px;height: 25px;border-radius: 12px;box-sizing: border-box;background: #D6D6D6 url(/unify/m/images/mobile/order/cert/icon_check_off.png) center center no-repeat;background-size: 25px;}
#canclePaymentPop .order-paper .raw-list.single li input[type=checkbox]:checked,
#canclePaymentPop .order-paper .raw-list.single li input.checkbox:checked{background-image: url(/unify/m/images/mobile/order/cert/icon_check_on.png);}
#canclePaymentPop .order-paper .raw-list.single li input[type=radio].checkbox{background-image: url(/unify/m/images/mobile/order/cert/icon_check_off.png);}
#canclePaymentPop .order-paper .raw-list.single li input[type=radio].checkbox:checked{background-image: url(/unify/m/images/mobile/order/cert/icon_check_on.png);}