@charset "utf-8"; /****************************************/ /* Name: HIMART /* PART: COMMON STYLE /* Version: 1.0 /* Author: 심하나 /****************************************/ @import url(base.css?ver=202210130001); @import url(layout.css?ver=202111230001); /* -----레이아웃 #wrap #header #container #content #footer #skyScraper .general .gnbArea .gnb .menu .layerPop .popupArea .location -----상품 prdList prdListImg prdDetail sort filter empty address roadAddress deal -----전시/검색 category depthCategory newPrd bestPrd mdPrd bestItemArea */ .testLayer{position:absolute; top:0; left:0;} .linkText {text-decoration:underline; color:#232a32;} .linkTexticonArr {display:inline-block; position:relative; font-size:12px; color:#232a32; padding-right:10px; line-height: 1.3; background: url(../images/icon/ico_arr9.png) right center no-repeat;} /* font */ /* color */ .colorBlack {color:#232a32 !important;} .colorRed {color:#ed1c24 !important;} .colorGray {color:#666 !important;} .colorGray2 {color:#6a747d !important;} .txtGreen {color: #18A589 !important;} .colorOners *, .colorOners {color:#773dbd !important;} /* align */ .alignC {text-align:center !important;} .alignR {text-align:right !important;} .alignL {text-align:left !important;} .alignM {vertical-align:middle !important;} .alignT {vertical-align:top !important;} /* button .btnAreaL .btnAreaC .btnAreaR .btn */ .btnD{display:inline-block; width:128px; height:40px; font-weight:bold; font-size:14px; color:#fff; line-height:37px; text-align:center; background:#232a32} .btnD.white{width:124px; height:36px; line-height:36px; border:2px solid #6a747d; color:#6a747d;} .btnP{display:inline-block; height:40px; padding:0px 30px; font-size:14px; color:#fff; line-height:40px; text-align:center; background:#232a32;} .btnP.white{height:36px; line-height:36px; border:2px solid #6a747d; color:#6a747d;} .btn95{display:inline-block; width:95px; height:32px; font-size:14px; color:#fff; line-height:29px; text-align:center; background:#232a32;} .btn95.white{width:91px; height:28px; line-height:28px; border:2px solid #6a747d; color:#6a747d;} .btn128{display:inline-block; width:128px; height:29px; font-size:12px; color:#fff; line-height:26px; text-align:center; background:#232a32;} .btn128.white{width:124px; height:28px; line-height:28px; border:2px solid #6a747d; color:#6a747d;} .btn168 {width:168px !important;} .btn180{display:inline-block; width:180px; height:32px; font-size:12px; color:#fff; line-height:29px; text-align:center; background:#232a32;} .btn180.white{width:176px; height:28px; line-height:28px; border:2px solid #6a747d; color:#6a747d;} .btnS{display:inline-block; height:22px; padding:0px 5px;font-size:11px; color:#fff; line-height:19px; text-align:center; background:#232a32; letter-spacing:-1.2px;} .btnS.dark{background:#6a747c;} .btnS.white{height:20px; border:1px solid #6a747d; color:#6a747d;} .btnS.type{height:30px; line-height:15px; padding:2px 10px;} .btnS.type2{height:32px; line-height:30px;} .btnS.type2.white{height:30px; line-height:30px;} .btnS.type2.dark{padding:0 15px;background:#6a747c;} .btnSS{display:inline-block; height:18px; padding:0px 10px; font-size:10px; color:#fff; line-height:17px; text-align:center; background:#6a747d;} .btnL{display:inline-block; width:85px; height:28px; font-size:12px; color:#fff; line-height:26px; text-align:center; background:#232a32;} .btnL.type{width:auto; padding:0 35px;} .btnL.white{width:81px; height:24px; line-height:24px; border:2px solid #6a747d; color:#6a747d;} .btnP25{display:inline-block; width:auto; height:32px; padding:0 25px; font-size:12px; color:#fff; line-height:32px; text-align:center; background:#232a32;} .btnP25.white{width:auto; height:28px; line-height:28px; padding:0 23px; border:2px solid #6a747d; color:#6a747d;} .btnP15{display:inline-block; width:auto; height:32px; padding:0 15px; font-size:12px; color:#fff; line-height:32px; text-align:center; background:#232a32;} .btnP15.white{width:auto; height:28px; line-height:28px; padding:0 13px; border:2px solid #6a747d; color:#6a747d;} .dark{background:#6a747d;} .white{background:#fff;} .gray{background:#aeb3bb;} .gray2{background:#9aa1a7;} .red{background:#ed1c24;} .red2 {border:1px solid #ed1c22; color:#ed1c22; background:#fff;} .blue{background:#3471c0;} .navy{background:#232a32;} .btnDef{display: inline-block; height: 22px; padding: 0 5px; border: 1px solid #6a747d; background: #fff; font-family: '돋음',dotum; font-size: 11px; color: #6a747d; line-height: 24px; letter-spacing: -1.2px;} .btnS>img{margin:3px 0 0 3px;} .btnOners {border:1px solid #773dbd;color:#773dbd;background:#fff;} .btnArrWhite span {padding-right:13px; background:url(../images/icon/arr_link_w.png) right center no-repeat;} /* 하단 버튼 영역 */ .btnWrapBtm {margin-top:40px;} button.btnBase > span, button.btnBase > strong {position:relative;} .btnBase {display:inline-block;padding:0 18px;font-size:13px;text-align:center;box-sizing:border-box;background-color:#fff;} .btnBase + .btnBase {margin-left:5px;} .btnLg {height:40px;line-height:40px;} .btnMd {height:32px;line-height:32px;min-width:85px;} .btnLg.btnRound {border-radius:8px;} .btnMd.btnRound {height:30px;line-height:28px;border-radius:4px;border:1px solid #dcdcdc;font-size:12px;} .btnRed {background-color:#ed1c24;color:#fff;} .btnGray {background-color:#6a747d;color:#fff;} .btnGray2 {background-color:#888;color:#fff;} .btnDGray {background-color:#232a32;color:#fff;} .btnLineGray {border:2px solid #6a747d;} .btnMd.btnLineGray {line-height:28px;} .btnBase.iconArrM span {vertical-align:middle;} .btnBase.iconArrM:after {content:"";display:inline-block;width:5px;height:9px;margin-left:4px;background:url(../images/icon/arr_link2.png) no-repeat 0 0;background-size:100% auto;vertical-align:middle;} /* text list */ .textDesc {position:relative;padding-left:16px;font-size:14px;line-height:26px;color:#000;letter-spacing:-1px;} .textDesc:before {content:'';position:absolute;left:0;} .textDesc.attention:before {content:'※';position:absolute;top:0;} .textDesc.asterisk:before {content:'*';position:absolute;top:0;} .textDesc.bullet:before {top:12px;width:2px;height:2px;background-color:#6a747c;} .textDesc.dash {padding-left:13px;} .textDesc.dash:before {content:'-';top:0;line-height:23px;} .textDesc.colorRed, .textDesc.colorRed:before {color:#ed1c24;} .textDesc.colorGray, .textDesc.colorGray:before {color:#666;} .textDesc.bullet.colorRed:before {background-color:#ed1c24;} .textDesc.bullet.colorGray:before {background-color:#666} .textDesc.fontBold, .textDesc.fontBold:before {font-weight:bold;} /* list text */ .listText > li {position:relative;padding-left:16px;font-size:14px;line-height:26px;color:#000;letter-spacing:-1px;} .listText > li:before {content:'';position:absolute;left:0;} .listText.sizeS > li {padding-left:8px; font-size:11px; line-height:15px;} .listText.sizeS.bullet > li:before {top:6px;} .listText.sizeS.dash > li {padding-left:8px;} .listText.sizeS.dash > li:before {line-height:13px;} .listText.sizeM > li {padding-left:10px; font-size:12px; line-height:20px;} .listText.sizeM.bullet > li:before {top:9px;} .listText.sizeM.dash > li {padding-left:10px;} .listText.sizeM.dash > li:before {line-height:18px;} .listText.attention > li:before {content:'※';top:0;} .listText.asterisk > li:before {content:'*';top:0;} .listText.bullet > li:before {top:12px;width:2px; height:2px; background-color:#6a747c;} .listText.dash > li {padding-left:13px;} .listText.dash > li:before {content:'-';top:0;line-height:23px;} .listText.number > li .num{display:inline-block; text-indent:-16px;} .listText.center > li {padding-left:0;text-align:center;} .listText.center > li:before {position:relative;top:-2px !important;left:auto !important;display:inline-block;margin-right:6px;vertical-align:middle;} .listText + .textDesc {margin-top:5px;} .listText.colorRed > li, .listText.colorRed > li:before {color:#ed1c24;} .listText.colorGray > li, .listText.colorGray > li:before {color:#666;} .listText.colorGray2 > li, .listText.colorGray2 > li:before {color:#6a747d;} .listText.bullet.colorRed > li:before {background-color:#ed1c24;} .listText.bullet.colorGray > li:before {background-color:#666} .listText.fontBold > li, .listText.fontBold > li:before {font-weight:bold;} /***************************** PAGING *****************************/ /* .paging {padding:25px 0;text-align:center;} .paging a {display:inline-block; width:26px; height:25px; margin-left:8px; border:1px solid #ced1d6; font-size:12px; line-height:25px; vertical-align:middle; font-family: '돋음',dotum; color:#666;} .paging a.first {margin-left:4px;} .paging a.first, .paging a.prev, .paging a.next, .paging a.last {color:transparent; font-size:0;} .paging a.prev {background:url(../images/btn/btn_paging2.png) no-repeat 0 0;} .paging a.next {background:url(../images/btn/btn_paging2.png) no-repeat 0 -25px;} .paging a.first,.paging a.prevF {background:url(../images/btn/btn_paging.png) no-repeat 50% 6px;} .paging a.last,.paging a.nextL {background:url(../images/btn/btn_paging.png) no-repeat 50% -24px;} .paging a.on, .paging a:hover {border:1px solid #6a747c;background-color:#6a747c;color:#fff;text-decoration:none;} .paging a.lastL:hover {border:1px solid #ced1d6; background-color:#fff;} .paging a.prev:hover {background-color:#6a747c;background-position:0 -50px;} .paging a.next:hover {background-color:#6a747c;background-position:0 -75px;} .paging a.first:hover,.paging a.prevF:hover {background-color:#6a747c;background-position:50% -54px;} .paging a.last:hover,.paging a.nextL:hover {background-color:#6a747c;background-position:50% -84px;} */ /* UI변경 20200319 */ .paging {margin-top:50px;text-align:center;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;letter-spacing:0;} .paging a {display:inline-block;margin:0 6px;padding:0 6px;font-size:12px;line-height:30px;vertical-align:middle;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;;color:#212121;} .paging a.first, .paging a.prev, .paging a.next, .paging a.last {color:transparent; font-size:0;} .paging a.prev{background:url(../images/btn/paging_prev2.png) no-repeat 0 0;width:30px;height:30px;background-size:30px auto;padding:0;} .paging a.prev:hover{background-position:0 -30px;} .paging a.next{background:url(../images/btn/paging_next2.png) no-repeat 0 0;width:30px;height:30px;background-size:30px auto;padding:0;} .paging a.next:hover{background-position:0 -30px;} .paging a.prevF, .paging a.nextL{display:none;} .paging a.on, .paging a:hover{color:#ed4046;text-decoration:underline;} /* input input[type=text] input[type=checkbox] input[type=radio] textarea */ select{border: 1px solid #d3d3d5; width: 100%; height: 29px; padding:0px 0\0IE8 !important; background: #fff; color:#9aa1a7;} /* 20151112 수정 */ select.size60{width:60px;} select.size160{width:160px;} input[type=text]{border: 1px solid #d3d3d5;} input[type=text].size70{width:70px !important;} input[type=text].size80{width:80px !important;} input[type=text].size100{width:100px !important;} input[type=text].size140{width:140px !important;} input[type=text].size160{width:160px !important;} input[type=text].size200{width:200px !important;} input[type=text].size500{width:500px !important;} input[type=radio]:disabled {opacity:0.3;} @media screen and (-webkit-min-device-pixel-ratio:0){ input[type=radio]:disabled {opacity:0.7;} } @-moz-document url-prefix() { input[type=radio]:disabled {opacity:0.7;} } b {font-weight:normal; } :-ms-input-placeholder {color:#9aa1a7;} ::-webkit-input-placeholder {color:#9aa1a7;} ::-moz-placeholder{color:#9aa1a7;} /* table .tbl table */ .tbl th{ font-size:12px; font-weight:normal; color:#6a747c; background:#fbfbfb; border-left:1px solid #d2d3d5; border-bottom:1px solid #d2d3d5;} .tbl td{font-size:11px; color:#6a747c; background:#fff; border-left:1px solid #d2d3d5; border-bottom:1px solid #d2d3d5;} .tbl td.taL, .tbl th.taL{text-align:left !important; padding-left:9px !important;} .tbl td.taC{text-align:center !important;} .tbl td.taR{text-align:right !important; padding-right:9px !important;} .tbl.type{border-top:1px solid #555; border-bottom:1px solid #555;} .tbl.type th{padding:14px 0; font-size:13px; font-weight:normal; color:#252a30; background:#fff; border-left:none; border-bottom:1px solid #d3d3d5;} .tbl.type td{padding:12px 0; font-size:12px; color:#6a747c; border-left:none; border-bottom:none; border-top:1px solid #d2d3d5;} .tbl.type tr:first-child td{border-top:none;} .tbl.type td.map{padding:0; border:none;} .tbl.type td.map>div.mapArea{display:none; position:relative;} /* 2018-09-17 추가 S */ .tbl.type td.map>div.mapArea .mapControl {position:absolute; top:10px; right:10px; z-index:100; width:40px; height:40px; background:url(../images/btn/btnMapControl_off.png) no-repeat; cursor:pointer; outline:none;} .tbl.type td.map>div.mapArea .mapControl.active {background:url(../images/btn/btnMapControl_on.png) no-repeat;} .mapInfoArea {position:relative; padding:5px 10px 9px; text-align:left;} .mapInfoArea h4.loactionTit {margin-bottom:10px;font-weight:bold; font-size:16px;font-weight:normal;color:#6a747c;} .mapInfoArea h4.loactionTit span {color:#232a32;} .mapInfoArea .grayBox {box-sizing:border-box; width:300px; margin-bottom:10px; padding:15px; background-color:#f3f3f3;} .mapInfoArea .grayBox ul li {margin-top:6px; color:#6a747c; font-size:12px;} .mapInfoArea .grayBox ul li:first-child {margin-top:0;} .mapInfoArea h5.timeInfo {height:20px;line-height:20px;padding-left:25px;background:url(../images/pop/ico_clock.png) 0 0 no-repeat; color:#232a32; font-size:13px;font-weight:bold; font-weight:normal;} .mapInfoArea p.timeTxt {margin-top:3px; padding-left:23px;color:#6a747c; font-size:12px;} .mapInfoArea .btnMapClose {position:absolute; right:0; top:0; padding:13px 10px;} .abStoreMap {position:relative;} .abStoreMap .mapControl {position:absolute; top:15px; right:15px; width:40px; height:40px; background:url(../images/btn/btnMapControl_off.png) no-repeat; cursor:pointer; outline:none;} .abStoreMap .mapControl.active {background:url(../images/btn/btnMapControl_on.png) no-repeat;} /* 2018-09-17 추가 E */ /* new table guide */ .tblView {border-top:1px solid #555;border-bottom:1px solid #d7d7d7;} .tblView th {background:#f3f3f3;} .tblView th, .tblView td {border:1px solid #d7d7d7;border-bottom:none;box-sizing:border-box;} .tblView tr:first-child th {border-top:0;} .tblView td {padding:10px;text-align:left;} .tblView th:first-child, .tblView td:first-child {border-left:none;} .tblView th:last-child, .tblView td:last-child {border-right:none;} .tblView > tr:first-child th, .tblView > tr:first-child td {border-top:none;} .tblView thead th {height:50px;padding:15px 0 14px;border-bottom:1px solid #d7d7d7;} .tblView.sizeL th, .tblView.sizeL td, .tblView.sizeL td *, .tblView .sizeL {font-size:16px; line-height:24px;} .tblView.alignC td {text-align:center !important;} .tblView.contNoline td {padding-top:0;border-top:none;} .tblView.contNoline tr:first-child td {padding-top:20px;} .tblView.contNoline tr:last-child td {padding-bottom:20px;} .tblView.contNoline td[rowspan] {padding-bottom:20px;} /* flexible Banner */ .flexBannerList {display:table;width:100%;table-layout:fixed;} .flexBannerList > li {display:table-cell;} .flexBannerList > li > a {display:block;} .flexBannerList > li > a img {width:100%;} /* display banner type */ .dispBannerTypeAWrap {padding:30px 21px;background:#f7f7f7;} .dispBannerTypeAList {display:table;width:100%;table-layout:fixed;} .dispBannerTypeAList > li {display:table-cell;padding:0 9px;} .dispBannerTypeAList > li > a {overflow:hidden;display:block;position:relative;height:138px;padding:0 10px 0 138px;border-radius:6px;background:#fff;box-sizing:border-box;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;} .dispBannerTypeAList > li > a .img {position:absolute;top:0;left:0;width:138px;height:100%;} .dispBannerTypeAList > li > a .img img {width:100%;height:100%;} .dispBannerTypeAList > li .tit {overflow:hidden;margin-top:36px;font-size:22px;color:#000;line-height:33px;text-overflow:ellipsis;white-space:nowrap;font-weight:500;} .dispBannerTypeAList > li .txt {overflow:hidden;font-size:18px;color:#000;line-height:27px;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.5;} .dispBannerTypeBWrap {padding:30px 21px;background:#f7f7f7;} .dispBannerTypeBList {display:table;width:100%;table-layout:fixed;} .dispBannerTypeBList > li {display:table-cell;padding:0 9px;} .dispBannerTypeBList > li > a {display:block;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;} .dispBannerTypeBList > li > a img {width:100%;height:180px} .dispBannerTypeBList > li .tit {overflow:hidden;margin-top:14px;text-align:center;font-size:20px;color:#212121;line-height:22px;text-overflow:ellipsis;white-space:nowrap;font-weight:700;} /* title wrap */ .sectionHr {height:1px;width:100%;margin:90px 0 25px;background:#d6d6d6;} .headWrap {position:relative;margin:90px 0 30px;} .headWrap h3 {font-size:30px;line-height:1;color:#212121;} .headWrap.headMD {margin:60px 0 20px;} .headWrap.headMD h3 {font-size:24px;} .headWrap.fontNM h3{font-weight:normal;} .sectionHr + .headWrap {margin-top:0;} /* display slide */ .dispSlideBanner {position:relative; width:1080px;margin:24px auto 40px;} .dispSlideBannerCont {position:relative;width:100%; overflow:hidden;} .dispSlideBannerCont ul {display:table; position:relative; left:0; width:100%; white-space:nowrap;} .dispSlideBannerCont ul:after {display:block; clear:both; content:'';} .dispSlideBannerCont ul li {display:table-cell; width:344px; padding-right:24px; font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif; letter-spacing:0;} .dispSlideBannerCont ul li a {display:block; width:344px; padding:0 10px; box-sizing:border-box;} .dispSlideBannerCont ul li .img-wrap {display:block; width:344px; height:210px; margin:0 -10px;} .dispSlideBannerCont ul li .img-wrap img {width:100%;height:100%;} .dispSlideBannerCont ul li .tit, .dispSlideBannerCont ul li .txt {overflow:hidden; display:block; padding:0 10px;text-align:left; text-overflow:ellipsis; white-space:nowrap;} .dispSlideBannerCont ul li .tit { margin-top:4px; font-size:20px; color:#313131; line-height:30px; font-weight:normal;} .dispSlideBannerCont ul li .txt {font-size:14px; color:#9f9f9f; line-height:18px;} .dispSlideBannerCont.dispRowView2 ul li {width:530px;padding-right:20px;} .dispSlideBannerCont.dispRowView2 ul li a {width:530px;} .dispSlideBannerCont.dispRowView2 ul li .img-wrap {width:530px;height:318px;} .dispSlideBanner .slideBtn {display:none;position:absolute;top:0;width:40px;height:100%;background-position:50% 141px;background-repeat:no-repeat;background-color:transparent;outline:none;cursor:pointer;} .dispSlideBanner .slideBtn.prev {left:-20px;background-image:url(../images/btn/btn_round_prev.png);} .dispSlideBanner .slideBtn.next {right:-20px;background-image:url(../images/btn/btn_round_next.png);} .dispSlideBanner .slideBtn.prev:hover {background-image:url(../images/btn/btn_round_prev_on.png);} .dispSlideBanner .slideBtn.next:hover {background-image:url(../images/btn/btn_round_next_on.png);} /* layerTable */ .layerTable{padding-top:20px;} .layerTable.type{padding-top:0;} .layerTable .tbl{border-top:1px solid #d2d3d5;} .layerTable .tbl th{height:30px;} .layerTable .tbl th:first-child{border-left:none;} .layerTable .tbl td{height:30px;} .layerTable .tbl td:first-child{border-left:none;} .layerTable .tbl td span.price{font-size:12px; color:#ed1c24;} .layerTable .tbl td span.price em{display:inline-block;margin-top:1px;} .layerTable .tbl td span.priceOners{color:#7040B5;} .layerTable .tbl caption{ font-size:13px; color:#6a747c; padding:18px 0 6px;} .layerTable .tbl:first-child caption{padding:0px 0 6px;} .layerTable .tbl.row th{ line-height:14px; padding:4px 0px; height:auto; font-size:12px; background: #fbfbfb;} .layerTable .tbl.row td{line-height:20px; padding:4px 0px; height:auto; font-size:11px;} .layerTable .tbl.type{border-top:1px solid #738695; border-bottom:1px solid #d2d3d5;border-right:1px solid #dbe0e4;} .layerTable .tbl.type thead th{ font-size:12px; font-weight:normal; color:#42454c; padding:10px 0;background:#efefef;border-left:1px solid #dbe0e4; border-bottom:1px solid #dbe0e4;} .layerTable .tbl.type tbody th{padding:14px 0; font-size:13px; font-weight:normal; color:#444750; background:#fff; border-left:1px solid #dbe0e4;border-bottom:1px solid #dbe0e4;} .layerTable .tbl.type thead .proName{padding:4px 0px 4px 9px; text-align:left; background:none;} /* 20150925 Edid :jenny */ .layerTable .tbl.type tbody td {padding-left:10px;border-left:1px solid #dbe0e4;text-align:left;} .layerTable .tbl.type tbody td .cdName {font-size:13px;} .layerTable .tbl.type tbody td .partFree li {vertical-align:baseline;} .layerTable .tbl.type tbody td .partFree li span {font-size:13px;} .layerTable .tblNotice {padding:10px 0 0 5px;} .layerTable .tblNotice li {padding:5px 0 0 10px;background:url(../images/icon/bul_cart06.gif) 0 8px no-repeat;color:#444750;} /* unit .unit .unit .photo .unit .name .unit .price */ /* 이미지형 상품 유닛 */ .unit{width:240px;} .unit .photo{display:block; width:240px; height:240px; background:#e6ebef;} .unit .photo img{width:100%;} .unit .info{display:block; padding:20px 15px;} .unit .flag{display:block; text-align:left;} .unit .maker{display:block; color:#6a747c; font-size:12px; line-height:16px; padding:14px 0 1px; text-align:left;} .unit .name{display:block; color:#232a32; font-size:17px; line-height:23px; text-align:left;} .unit .priceArea{display:block; padding-top:12px; color:#232a32; text-align:left;} .unit .priceArea .tit{display:inline-block; padding-top:3px; color:#ea3d3d; font-size:12px; letter-spacing:-0.5px;} .unit .priceArea .price{display:inline-block; padding-left:5px; font-size:20px; letter-spacing:-0.2px;} .unit .priceArea .price em{display:inline-block; padding-top:3px; font-size:13px; font-style: normal; font-weight:normal;} /* 목록형 상품 유닛 */ .unit.type2{display:table; width:100%; zoom:1;} .unit.type2:after{content:''; display:block; clear:both;} .unit.type2 .photo{display:table-cell; width:130px; height:130px; background:#e6ebef;} .unit.type2 .info{display:table-cell; height:130px; padding:0px 0px 0px 40px; vertical-align:middle;} .unit.type2 .maker{padding:0px 0px 3px 0px; line-height:12px;} .unit.type2 .flag{display:block; text-align:left; padding-top:6px;} .unit.type2 .priceArea{display:table-cell; text-align:right; padding:0px 40px 0px 0px; vertical-align:middle;} .unit.type2 .priceArea .tit{display:block; padding-top:0px; padding-bottom:3px;} .unit.type2 .priceArea .price{display:inline-block; padding-left:5px; font-size:24px; line-height:24px;} .item {position:relative; width:175px; height:370px;margin:0 auto;font-size:14px; font-weight:normal;}/* D:20160125 Edit */ .item .proInfo .btnEtc:hover .etcWrap { display:block; } .item .proInfo .btnEtc:focus .etcWrap { display:block; } .item .soldOutBox:hover .etcWrap { display:block; } .item .soldOutBox:focus .etcWrap { display:block; } .item .proInfo {width:100%;margin:0 auto;} .item .proInfo .btnEtc {position:relative;} .item .proInfo .btnEtc > a img {width:100%; height:100%;} /* tobe 20170530 annie 수정 / 위시리스트 20170629 배포예정 */ .item .proInfo .btnEtc div.etcWrap { display:none; position:absolute;left:0; bottom:0;width:100%;height:44px;text-align:center; z-index:10;} .item .proInfo .btnEtc div.etcWrap a, .item .proInfo .btnEtc div.etcWrap div {margin:0 0 0 -2px;display:inline-block;} .item .proInfo .btnEtc div.etcWrap.schEtc a.pPreview {left:48px;} .item .proInfo .btnEtc div.etcWrap.schEtc a.pNwindow {left:110px;} .item .proInfo .dim {display:none;position:absolute;top:0;left:0;width:185px;height:185px;background:url(../images/bg/bg_productDim.png) 0 0 no-repeat;} .item .proInfo:hover span.dim {display:block;} .item .proInfo .btnEtc a.etcLink {width:44px; height:44px; z-index:102;} .item .proInfo .btnEtc a.pCheck {background:url('../images/btn/btn_pCheck.jpg') 0 0 no-repeat;} .item .proInfo .btnEtc a.pCheck.on {background:url('../images/btn/btn_pCheck2.jpg') 0 0 no-repeat;} .item .proInfo .btnEtc a.pWish {background:url('../images/btn/btn_pWish.jpg') 0 0 no-repeat;} .item .proInfo .btnEtc a.pWish.on {background:url('../images/btn/btn_pWish2.jpg') 0 0 no-repeat;} .item .proInfo .btnEtc a.pPreview {left:82px; background:url('../images/btn/btn_pPreview.jpg') 0 0 no-repeat;} .item .proInfo .btnEtc div.previewP {position:absolute; top:0; left:0; width:978px; background-color:#fff; z-index:103;} .item .proInfo .btnEtc a.pNwindow {background:url('../images/btn/btn_newWindow.jpg') 0 0 no-repeat;} /* tobe 20170530 annie 수정 / 위시리스트 20170627 배포예정 */ .item .flagArea {margin:10px 0 11px 0; height:17px; overflow-y:hidden;} .item .prdNameArea{height:51px;} .recoBox .item .prdNameArea{height:53px;} .item p.name {position:relative; font-size:13px; line-height:16px; max-height:36px; overflow:hidden;} .item p.name em.ext{position:absolute; bottom:0; right:0px;} .item p.modelN {margin:2px 0 6px 0; color:#9aa1a7; font-size:13px;height:14px;font-weight:bold; overflow:hidden; word-break:break-all; line-height:1em; } .item .productPrice{position:relative; margin:7px 0 5px 0;} .item .productPrice:after{content:''; display:block; clear:both;} .item .productPrice .priceTit{float:left; display:inline-block; width:55px; font-size:14px; line-height:16px; color:#232a32; padding-top:17px;margin-left:-2px;} .recoBox .item .productPrice .priceTit{padding-top:1px;} .item .productPrice.priceB2B .priceTit {color:#232a32;} .item .productPrice.priceB2B .priceTit.tColor1 {color:#ed1c24;} .item .productPrice .priceInfo{float:left; display:inline-block;} .item .productPrice .priceInfo .priceT{display:block; height:15px; padding-left:26px; text-decoration:line-through; font-size:13px; color:#aeb3bb; vertical-align: top; line-height:13px;} .item .productPrice .priceInfo .priceT span {margin-right:4px;} .item .productPrice .priceInfo .priceT em {text-decoration:line-through;} .item .productPrice .priceInfo .priceB{display:block; margin-bottom:2px; color:#232a32;} .item .productPrice .priceInfo .phonePlan{float: left; margin-top: 0px; color: #232a32; font-size: 12px;} .recoBox .item .productPrice .priceInfo .priceB{padding-top:0 !important;} .recoBox .recoGoods .item p.name{margin-bottom:1px;} .item .productPrice.priceTxt .priceInfo .priceB{padding-top:15px;} .item .productPrice .priceInfo .priceB em{display:inline-block; font-size:12px; line-height:12px; margin-top:6px;} .item .productPrice .priceInfo .priceB strong{display:inline-block; font-family:'tahoma'; font-size:21px; line-height:24px} .recoBox .item .productPrice .priceInfo .priceB em{display:inline-block; font-size:12px; line-height:12px; margin-top:3px;} .recoBox .item .productPrice .priceInfo .priceB strong{ font-size:18px; line-height:18px;} .item .productPrice.typeDiscount .discountTit {float:left; display:inline-block; width:55px; font-size:14px; line-height:16px; color:#232a32; padding-top:17px; margin:0 0 0 -2px;} .item .productPrice.typeDiscount .priceTit{position:absolute; top:-1px; left:57px; width:auto; padding-top:0; color:#aeb3bb; font-size:13px; } .item .productPrice .memPrice{color:#e66060; padding-top: 3px; font-size: 13px;font-weight:bold; clear: both;} .item .productPrice .memPrice span{display:inline-block;font-size:12px;margin-right:8px;font-weight:normal} .item .productPrice .memPrice em{ font-size:12px; vertical-align:top;font-weight:normal} .item .active{display:none; position:absolute; left:-7px; top:-7px; width:187px; height:380px; border:1px solid #ea4343;} .item .productPrice .phonePlanTit {float:left; width:100%; padding-top:3px;font-size:11px; line-height:11px; clear:both;letter-spacing:-1px;margin-left:-2px} .item .productPrice .phonePlanTit span {display:inline-block;} .item .productPrice .phonePlanTit span.phonePlan {margin-left:22px; color:#232a32; font-size:12px; margin-top:1px;} .item .productPrice .disCountInfoText{padding-top:3px;font-size:11px; line-height:11px; clear:both;letter-spacing:-1.5px;margin-left:-2px;} .item .productPrice .disCountInfoText span{padding-left:3px;font-size:12px;line-height:12px;font-family:'tahoma';font-weight:bold} .item .productPrice .disCountInfoText em{font-size:11px;line-height:11px;font-weight:normal;margin-left:0} .item .productPrice .disCountInfoText span.fontMont {padding:0 2px;} .item .productPrice .benefitInfo {display:block; width:100%; margin:3px 0 0 -2px; line-height:16px; color:#ed1c24; overflow:hidden;} .item .productPrice .benefitInfo:after {display:block; clear:both; content:'';} .item .productPrice .benefitInfo .benefitTit {float:left; margin-right:9px; font-size:12px;} .item .productPrice .benefitInfo .benefitPrice {float:left; font-size:15px;} .item .productPrice .benefitInfo .benefitPrice em {display:inline-block; margin-left:2px; font-size:12px;} .item .productPrice.multiPrice{margin:7px 0 3px 0;} .item .productPrice.multiPrice .priceTit{font-size:14px; padding-top:1px;} .item .productPrice.multiPrice .priceTit:first-child{font-size:14px; padding-top:8px;} .item .productPrice.priceTxt.multiPrice .priceInfo .priceB{padding-top:0px; margin-top:-3px;} .item .productPrice.priceTxt.multiPrice .priceInfo .priceB.first{padding-top:5px; margin-bottom:0; margin-top:0px;} .item .productPrice.multiPrice .priceInfo .priceB em{font-size:12px; line-height:12px; margin-top:5px;} .item .productPrice.multiPrice .priceInfo .priceB strong{font-size:20px; line-height:24px; margin-top:-2px;} .item .flagicon2.icoSmart { width:18px; } .item .flagicon2.icoSmart2 { width:18px; } .item2 .productPrice{display:table;width:190px; margin:41px 0 10px 0; text-align:left;} .item2 .productPrice:after{content:''; display:block; clear:both;} .item2 .productPrice .priceTit{float:left; display:inline-block; margin-right:8px; font-size:13px; line-height:16px; color:#232a32; padding-top:18px; clear:left;} .item2 .productPrice.priceB2B .priceTit {color:#232a32;} .item2 .productPrice.priceB2B .priceTit.tColor1 {color:#ed1c24;} .item2 .productPrice .priceInfo{float:left; display:inline-block; margin-left:0px;} .item2 .productPrice .priceInfo .priceT{display:block; height:15px; font-size:13px; padding-left:30px; text-decoration:line-through; color:#aeb3bb; vertical-align: top; line-height:13px; text-align:left; } .item2 .productPrice .priceInfo .priceT span {display:inline-block; margin-right:4px;} .item2 .productPrice .priceInfo .priceT em {text-decoration:line-through;} .item2 .productPrice .priceInfo .priceB{display:block; color:#232a32; text-align:left;} .item2 .productPrice .priceInfo .priceB em{display:inline-block; font-size:12px; line-height:12px; margin-top:6px;margin-left:0} .item2 .productPrice .priceInfo .priceB strong{font-family:'tahoma'; font-size:18px; line-height:25px;} .item2 .productPrice.typeDiscount {position:relative; margin-top:46px;} .item2 .productPrice.typeDiscount .discountTit{float:left; display:inline-block; margin-right:8px; font-size:13px; line-height:16px; color:#232a32; padding-top:18px; clear:left;} .item2 .productPrice.typeDiscount .priceTit{position:absolute; top:0; left:44px; padding-top:0; color:#aeb3bb;} .item2 .productPrice.typeDiscount .priceTit em{display:inline-block; font-size: 18px; margin-top: 7px; line-height: 20px;} .item2 .productPrice.typeMember{margin:30px 0 2px 0;} .item2 .productPrice .memPrice{clear: left; padding-top:8px; font-size:13px;color:#e66060; line-height:14px; letter-spacing:-0.5px; text-align:left;font-weight:bold} .item2 .productPrice .memPrice span{display:inline-block; font-size:12px; margin-right:8px;font-weight:normal} .item2 .productPrice .memPrice em{display:inline-block; font-size:12px;font-weight:normal; vertical-align:1px;} .item2 .productPrice .phonePlanTit {float:left; width:100%; padding-top:8px;} .item2 .productPrice .phonePlanTit span {float:left; color:#232a32; font-size:13px;} .item2 .productPrice .phonePlan {margin:0 0 0 22px; color:#232a32 !important; font-size:12px !important;} .item2 .productPrice .phonePlan span {display:inline-block; width:53px; color:#ed1c24; font-size:13px;} .item2 .productPrice .disCountInfoText{clear: left; padding-top:3px; font-size:12px; line-height:12px; clear:both;letter-spacing:-1.2px;font-weight:bold} .item2 .productPrice .disCountInfoText span{font-size:13px;line-height: 11px;font-weight:normal} .item2 .productPrice .disCountInfoText em{font-size:12px; line-height: 9px;font-weight:normal;margin-left:1px} .item2 .productPrice .disCountInfoText span.fontMont {font-size:13px;line-height:11px;} .item2 .productPrice .benefitInfo {display:block; width:100%; margin-top:3px; line-height:16px; color:#ed1c24; overflow:hidden;} .item2 .productPrice .benefitInfo:after {display:block; clear:both; content:'';} .item2 .productPrice .benefitInfo .benefitTit {float:left; margin-right:9px; font-size:12px;} .item2 .productPrice .benefitInfo .benefitPrice {float:left; font-size:15px;} .item2 .flagicon2.icoSmart { width:18px; } .item2 .flagicon2.icoSmart2 { width:18px; } .item .score strong {color:#9aa1a7;font-family:'tahoma'; font-size:12px; font-weight:bold} .item .score span {display:inline-block; color:#9aa1a7;font-size:11px;line-height:15px} .item .score span em{display:inline-block; vertical-align:top} .item span.flagGift {position:absolute; top:0; left:0; width:46px; height:46px; line-height:43px; background-color:#fff; color:#1c425e; font-size:11px; text-align:center; z-index:10; border:2px solid #1c425e; letter-spacing:0; opacity:0.9;} .item span.flagSale {position:absolute; top:50px; left:12px; width:50px; height:50px; line-height:50px; background-color:#ec4c4c; color:#fff; font-size:15px; text-align:center;font-family:Mont; z-index:100;} .item span.flagSale strong {font-size:21px;} .item span.flagSale span {line-height:40px;} .item span.flagSale.type2 {top:19px; height:46px; line-height:46px;} .item span.flagSale.type2 span {line-height:48px;} .item .icoflagArea{position:absolute; top:3px; left:12px; z-index:10;} .item .icoflagArea span.icoflag{display:inline-block; margin-right:4px; background:url(../images/icon/ico_flag_160315.png) no-repeat 0 0; overflow:hidden; width:47px; height:47px; text-indent: -10000em;} .item .icoflagArea span.icoflag:first-child{margin-left:0px;} .item .icoflagArea span.icoflag.flagGiftP{width:45px; background-position:0 0;} .item .icoflagArea span.icoflag.flagProduct{width:50px; background-position:-53px 0;} .item .icoflagArea span.icoflag.flagPoint{width:43px; background-position:-111px 0;} .item .icoflagArea span.icoflag.flagCashback{width:46px; background-position:-162px 0;} .item .icoflagArea span.icoflag.flagLpoint{width:46px; background-position:-216px 0;} .item .icoflagArea span.icoflag.flagSave{width:46px; background-position:-270px 0; } .item .icoflagArea span.icoflag.flagPaper{width:47px; background-position:-326px 0; } .dealFlagArea{text-align:left; overflow-y: hidden; height: 32px; margin-bottom:14px;} .dealFlagArea .dealflag{display:inline-block; height:32px; margin-left:4px; line-height:32px;} .dealFlagArea .dealflag:first-child{margin-left:0px;} .dealFlagArea .dealflag .flagLeft{display:inline-block; width:auto; height:32px; padding-left:14px; background:url(../images/icon/flag_bgRound.png) no-repeat 0 0; font-size:13px;} .dealFlagArea .dealflag .flagLeft em{font-size:15px; letter-spacing: -0.05em;} .dealFlagArea .dealflag .flagRight{display:inline-block; width:14px; height:32px; background:url(../images/icon/flag_bgRound.png) no-repeat 0 0;} .dealFlagArea .dealflag.type01 .flagLeft{background-position:0 0; color:#3c4652;} .dealFlagArea .dealflag.type01 .flagRight{background-position:100% 0;} .dealFlagArea .dealflag.type02 .flagLeft{background-position:0 -32px; color:#3471c0;} .dealFlagArea .dealflag.type02 .flagRight{background-position:100% -32px;} .dealFlagArea .dealflag.type03 .flagLeft{background-position:0 -64px; color:#3c4652;} .dealFlagArea .dealflag.type03 .flagRight{background-position:100% -64px;} .dealFlagArea .dealflag.type04 .flagLeft{background-position:0 -96px; color:#3c4652;} .dealFlagArea .dealflag.type04 .flagRight{background-position:100% -96px;} .listFlagArea{text-align:left; overflow-y: hidden; height: 25px; margin-bottom:9px;} .listFlagArea .listflag{display:inline-block; height:25px; margin-left:3px; line-height:27px;} .listFlagArea .listflag:first-child{margin-left:0px;} .listFlagArea .listflag .flagLeft{display:inline-block; width:auto; height:25px; padding-left:14px; background:url(../images/icon/flag_bgRound2.png) no-repeat 0 0; font-size:11px;line-height:22px} .listFlagArea .listflag .flagLeft em{display:inline-block;padding-right:1px; font-size:12px; letter-spacing: -0.05em;line-height:24px;} .listFlagArea .listflag .flagRight{display:inline-block; width:14px; height:25px; background:url(../images/icon/flag_bgRound2.png) no-repeat 0 0;} .listFlagArea .listflag.type01 .flagLeft{background-position:0 0; color:#3c4652;} .listFlagArea .listflag.type01 .flagRight{background-position:100% 0;} .listFlagArea .listflag.type02 .flagLeft{background-position:0 -25px; color:#3471c0;} .listFlagArea .listflag.type02 .flagRight{background-position:100% -25px;} .listFlagArea .listflag.type03 .flagLeft{background-position:0 -50px; color:#3c4652;} .listFlagArea .listflag.type03 .flagRight{background-position:100% -50px;} .listFlagArea .listflag.type04 .flagLeft{background-position:0 -75px; color:#3c4652;} .listFlagArea .listflag.type04 .flagRight{background-position:100% -75px;} /* 플래그 아이콘 */ .flagicon{display:inline-block !important; width:40px; height:16px; margin:0; background:url('../images/icon/flag_bg.gif?20070200') no-repeat; overflow:hidden; text-indent:-10000em; font-size:0;} /* 20150805 수정 */ .flagicon2{display:inline-block !important; width:40px; height:16px; margin:0; background:url(../images/icon/flag_bg.gif?20070200) no-repeat; overflow:hidden; text-indent:-10000em; font-size:0;} /* 20160315 추가 */ /* ex */ .flagicon.icoSoldout{width:23px;background-position:0px 0px;}/*품절*/ .flagicon.icoOut{width:43px;background-position:-26px 0px;}/*판매종료*/ .flagicon.icoRental{width:23px;background-position:0px -17px;}/*렌탈*/ .flagicon.icoPhone{width:33px;background-position:-26px -17px;display:none;}/*개통폰 */ .flagicon.icoBooking{background-position:0px -34px;}/*예약판매*/ .flagicon.icoBargain{background-position:-43px -34px;}/*흥정하기*/ .flagicon.icoQuantity{width:41px; background-position:-86px -34px;}/*수량한정*/ .flagicon.icoArea{width:62px;background-position:-130px -34px;}/*배송지역한정*/ .flagicon.icoSmart{width:57px;background-position:-298px -34px;}/*스마트픽*/ .flagicon.icoPackage{width:32px;background-position:-0px -51px;}/*패키지*/ .flagicon.icoMulti{background-position:-35px -51px;}/*다중선택*/ .flagicon.icoOption{background-position:-78px -51px;}/*옵션선택*/ .flagicon.icoFast{width:55px;background-position:-37px -136px;}/* 2시간퀵 */ .flagicon.icoFreedev{width:41px;background-position:0 -68px;}/*무료배송*/ .flagicon.icoCoupon{width:22px;background-position:-44px -68px;}/*쿠폰*/ .flagicon.icoSale{width:22px;background-position:-69px -68px;}/*세일*/ .flagicon.icoSaving{width:33px;background-position:-94px -68px;}/* 적립금 */ .flagicon.icoRequest{background-position:-137px -68px;}/*청구할인*/ .flagicon.icoBenefit{background-position:-527px -68px;}/*청구혜택*/ .flagicon.icoDiscount{background-position:-180px -68px;}/*가격인하*/ .flagicon.icoInterestFree{width:32px;background-position:-223px -68px;}/*무이자*/ .flagicon.icoInterestFreeNum{width:auto; background:none;} .flagicon.icoInterestFreeNum span{display:inline-block; width:11px; height:16px; background:url(../images/icon/flag_bg.gif?ver=20180802) no-repeat; background-position:-258px -68px; overflow:hidden; text-indent:-10000em; font-size:0px;} .flagicon.icoInterestFreeNum em{display:inline-block; margin-left:1px; font-family:'돋음',dotum; font-size:11px; color:#ed1c24; line-height:16px;} .flagicon.icoInterestLong{width:55px;background-position:-469px -68px;}/*장기무이자*/ .flagicon.icoGift{width:33px;background-position:-108px 0px;}/*사은품*/ .flagicon.icoGiftcard{width:32px;background-position:-393px -68px;}/* 상품권 */ .flagicon.icoParcel{width:23px;background-position:0px -85px;}/*택배*/ .flagicon.icoInstall{width:24px;background-position:-26px -85px;}/*설치배송*/ .flagicon.icoVendor{width:42px;background-position:-52px -85px;}/*업체배송*/ .flagicon.icoLicense{width:42px;background-position:-212px -85px;}/*라이선스*/ .flagicon.icoSms{width:45px;background-position:-178px -136px;}/*문자발송*/ .flagicon.icoHomecare{width:35px;background-position:-257px -85px;}/*홈케어*/ .flagicon.icoPrevset{width:45px;background-position:-295px -85px;}/*이전설치*/ /* D:20160125 Edit */ .flagicon.icoAdult{width:24px;background-position:0px -102px;}/*19*/ .flagicon.icoTeen{width:24px;background-position:-27px -102px;}/*15*/ .flagicon.icoChild{width:24px;background-position:-54px -102px;}/*12*/ .flagicon.icoOrder1 {width:62px;background-position:0px -119px;}/*카드결제불가*/ .flagicon.icoOrder2 {width:71px;background-position:-514px -119px;}/*무통장입금불가*/ .flagicon.icoOrder3 {width:90px;background-position:-149px -119px;}/*실시간계좌이체불가*/ .flagicon.icoOrder4 {width:72px;background-position:-242px -119px;}/*휴대폰결제불가*/ .flagicon.icoOrder5 {width:63px;background-position:-317px -119px;}/*분할결제불가*/ .flagicon.icoOrder6 {width:63px;background-position:-383px -119px;}/*복합결제불가*/ .flagicon.icoOrder7 {width:62px;background-position:-449px -119px;}/*쿠폰적용불가*/ .flagicon.icoOrder8 {width:81px;background-position:-65px -119px;}/*가상계좌결제불가*/ /*모바일*/ .flagicon.icoBest{width:34px; background-position:0 -136px;}/*BEST*/ .flagicon.icoNew{width:33px; background-position:-72px 0;}/*신상품*/ .flagicon.icoFreebie{width:33px;background-position:-108px 0px;}/*사은품*/ /*매장전용*/ .flagicon.icoDelivery1 {background-position:0 -17px;}/*자사택배*/ .flagicon.icoDiscount1 {width:81px;background-position:-133px -34px;}/*임직원할인불가*/ /* 2차개선 :jenny */ .flagicon.icoSmartOnly{width:57px;background-position:-298px -34px;}/*스마트픽 전용*/ .flagicon.icoQuick{width:33px;background-position:-97px -85px;}/*퀵배송*/ .flagicon.icoNew2{width:18px;background-position:-130px -85px;}/*NEW ICON*/ .flagicon.icoOneDay{width:60px;background-position:-149px -85px;}/*당일배송*/ .flagicon.icoLpoint {width:42px;background-position:-286px -68px;}/*L.POINT+*/ .flagicon.icoCashbag {width:30px;background-position:-331px -68px;}/*캐쉬백*/ .flagicon.icoPremium {width:75px;background-position:-100px -136px}/*프리미엄배송*/ .flagicon.icoPremium2 {width:65px;background-position:-487px -85px}/*프리미엄배송*/ .flagicon.icoOverseas {width:45px; background-position:-226px -136px}/*해외배송송*/ .flagicon.icoOverseasDelivery {width:43px; background-position:-274px -136px} /*해외직구*/ /* 전시플래그개선 D:20160315 edit by abby */ .flagicon2.icoSoldout{width:23px;background-position:0 0;}/*품절*/ .flagicon2.icoOut{width:43px;background-position:-26px 0;}/*판매종료*/ .flagicon2.icoRent {width:23px;background-position:0 -17px;}/*렌탈*/ .flagicon2.icoPhone {width:43px;background-position:-62px -17px;display:none;}/* 당일개통 */ .flagicon2.icoReserve {background-position:0 -34px;}/*예약판매*/ .flagicon2.icoSmart {width:57px;background-position:-298px -34px;}/*스마트픽*/ .flagicon2.icoSmart2 {width:57px;background-position:-298px -34px;}/*스마트픽전용*/ .flagicon2.icoFree {width:41px;background-position:0 -68px}/*무료배송*/ .flagicon2.icoQuick {width:33px;background-position:-97px -85px;}/*퀵배송*/ .flagicon2.icoToday {width:60px;background-position:-149px -85px;}/*오늘배송*/ .flagicon2.icoFast {width:55px;background-position:-37px -136px;}/*2시간퀵*/ .flagicon2.icoSale {width:22px;background-position:-69px -68px;}/*세일*/ .flagicon2.ico36 {width:55px;background-position:-469px -68px;} /*장기무이자*/ .flagicon2.icoDis {background-position:-180px -68px;}/*가격인하*/ .flagicon2.icoSave {width:33px;background-position:-94px -68px;}/*적립금*/ .flagicon2.icoLpoint {width:42px;background-position:-286px -68px;}/* LPOINT+ */ .flagicon2.icoCashback {width:30px;background-position:-331px -68px;}/*캐시백*/ .flagicon2.icoGift {width:33px;background-position:-108px 0;}/*사은품*/ .flagicon2.icoGiftcard {width:32px;background-position:-393px -68px;}/*상품권*/ .flagicon2.icoLpoint2 {width:38px;background-position:-428px -68px;}/* LPOINT */ .flagicon2.icoPremium {width:75px;background-position:-100px -136px}/*프리미엄배송*/ .flagicon2.icoOverseas {width:43px; background-position:-274px -136px} /*해외직구*/ .flagicon.icoToday2 {width:45px; background-position:-343px -85px;} /* 오늘배송 */ .flagicon.icoParcel2 {width:45px; background-position:-391px -85px;} /* 택배배송 */ .flagicon.icoInstall2 {width:45px; background-position:-439px -85px;} /* 직접배송 */ /* LAYER POP */ .layerPop{display:inline-block; font-size:12px; color:#6a747c; z-index:20; border: 1px solid #093250; background:#fff; -moz-box-shadow:3px 3px 5px 0 #ccc; -webkit-box-shadow:3px 3px 5px 0 #ccc; box-shadow:3px 3px 5px 0 #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc'); filter:none\0IE8 !important; } .layerPop.view{display:block; position:relative;} .layerPop .layerArea{position:relative; width:100%; height:100%;} .layerPop .layerArea .shadowR{position:absolute; top:0px; right:-4px; width:4px;} .layerPop .layerArea .shadowR .shadowRT{width:4px; background:url(../images/common/layerShadowRT.png) repeat-y 0 0;} .layerPop .layerArea .shadowR .shadowRB{width:4px; height:4px; background:url(../images/common/layerShadowRB.png) no-repeat 0 0;} .layerPop .layerArea .shadowB{position:absolute; bottom:-4px; left:0px; width:100%; height:3px; background:url(../images/common/layerShadowB.png) repeat-x 0 0;} .layerPop .layerArea .layerCon{padding:19px 19px 20px;} .layerPop .layerArea .layerCon.layerRts {padding: 20px;} .layerPop .layerArea .layerCon h3{font-weight:bold; font-size:15px; line-height:15px; color:#232a32; padding-bottom:6px; border-bottom:2px solid #093250; text-align:left;} .layerPop .layerArea .layerCon .layerText{padding:30px 0 0 0;} .layerPop .layerArea .layerCon .layerText p{font-weight:bold; font-size:13px; color:#232a32; line-height:20px; text-align:center;} .layerPop .layerArea .layerCon .layerText p.strong{font-weight:bold; font-weight:normal; font-size:19px; color:#232a32; line-height:24px; text-align:center; padding-bottom:6px;} .layerPop .layerArea .layerCon .layerText p.strong strong{font-weight:normal; color:#ed1c24;} .layerPop .layerArea .layerCon .layerText p.tip{font-size:12px; color:#6a747c; letter-spacing:-0.5px;} .layerPop .layerArea .layerCon .layerText p.tip strong{ color:#232a32; font-weight:normal;} .layerPop .layerArea .layerCon .layerText span.tip{display:block;margin-bottom:5px;text-align:center;} .layerPop .layerArea .layerCon .layerBtnArea{text-align:center; padding-top:26px;} .layerPop .layerArea .layerClose{position:absolute; top:18px; right:21px;outline:none;cursor:pointer;} /* 0417 : billy 추가 */ .layerPop .layerArea .chk p {color:#232a32;} .layerPop .layerArea .chk p.strong {padding-bottom:7px !important;font-weight:bold} .layerPop .layerArea .chk .subTxt {line-height:19px !important; color:#232a32 !important;} .layerPop .layerArea .chk .subTxt span {color:#ed1c24; font-size:13px;} .layerPop .layerArea .chkInput {margin-top:30px; padding-top:14px; border-top:1px solid #ecedef;} .layerPop .layerArea .chkInput label {display:inline-block; width:76px; height:32px; line-height:32px; color:#232a32; } .layerPop .layerArea .chkInput input {width:233px; height:30px; line-height:30px; padding-left:10px; border:1px solid #aeb3bb;} .layerPop .layerArea .chkInput button {width:67px; height:32px; margin-left:10px; background-color:#6a747d; color:#fff;} .layerPop .layerArea .chkInput a.button {display:inline-block; zoom:1; width:67px; height:32px; margin-left:10px; background-color:#6a747d; color:#fff; line-height:29px; text-align:center;} .layerPop .layerArea p.errorTxt {margin:13px 0 0 76px; padding-left:12px; background:url(../images/icon/dot.gif) no-repeat 0 5px; line-height:13px !important; font-size:12px !important; text-align:left !important;} .layerPop .layerArea .chk .layerBtnArea {padding-top:29px !important;} .layerPop .layerArea .btnL {height:32px !important; line-height:29px !important;} .layerPop .layerArea .btnL.white {height:28px !important; line-height:28px !important;} .layerPop .layerArea .type2 {padding:77px 0 0 0 !important;} .layerPop .layerArea .type2 .subTxt {padding-bottom:45px !important;} /* TIP LAYER */ .tipLayer{padding:0 0 0 5px; display:inline-block; font-size:12px; color:#6a747c; z-index:10; background:url(../images/common/tipBgLB.png) no-repeat left bottom;} .tipLayer .tipLayerRT{position:relative; padding:5px 0 0 0; background:url(../images/common/tipBgRT.png) no-repeat right top;} .tipLayer .tipLayerRT .tipLayerRB{padding:0 0 5px 0; background:url(../images/common/tipBgRB.png) no-repeat right bottom;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon{padding:10px 13px 13px 8px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon h3{font-weight:bold; font-size:15px; line-height:15px; color:#232a32; padding-bottom:6px; border-bottom: 1px solid #d3d3d5;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p{padding-left:9px; background:url(../images/icon/dot.gif) no-repeat 0 4px; margin-top:6px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p:first-child{margin-top:0px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.txt{padding:10px 0 10px 0; background:none; margin-top:6px; line-height:20px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.tit{font-weight:bold; color:#232a32; margin-top:17px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.df{background:none; padding-left:0px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.attach{background:none; padding-left:0px; font-size:11px; color:#6a747c; padding-top:40px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.attach strong{font-weight:bold; font-weight:normal;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.df span.box{display:inline-block; width:84px; height:38px; font-weight:bold; font-size:11px; line-height:14px; color:#fff; text-align:center; padding-top:12px; background:#4a88b6;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.df span.box.type{padding-top:18px; height:32px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.df span.box em{color:#ffec6d;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.df span.gt{display:inline-block; font-weight:bold; width:17px; padding-top:18px; height:32px; text-align:center;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.box{font-weight:bold; background:none; border-top:1px solid #d2d3d5; margin-top:12px; padding:20px 0 10px 0;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p.strong{font-weight:bold; background:none; font-size:15px; text-align:center; padding:20px 0 5px;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p em{color:#ed1c24;} .tipLayer .tipLayerRT .tipLayerRB .tipLayerCon p em.strong{color:#232a32;} .tipLayer .tipLayerRT .tipLayerLT{position:absolute; top:0px; left:-5px; width:5px; height:5px; background:url(../images/common/tipBgLT.png) no-repeat;} .tipLayer .tipLayerRT .tipLayerCT{position:absolute; top:-9px; left:50%; width:14px; height:10px; margin-left:-5px; background:url(../images/common/tipBgCT.png) no-repeat;} .tipLayer .tipLayerRT .layerClose{position:absolute; top:10px; right:14px;} /* tipLayer 20150422 */ .tipArea{position:relative; display:inline-block; margin-left:4px; margin-top:-1px; z-index:10;} .tipLayerArea{display:none; position:absolute; background:#fff; border:1px solid #093250; font-size:12px; width:250px; color:#6a747c; z-index:9999; -moz-box-shadow:3px 3px 5px 0 #ccc; -webkit-box-shadow:3px 3px 5px 0 #ccc; box-shadow:3px 3px 5px 0 #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc'); filter:none\0IE8; word-break:break-all; } .tipLayerArea.view{display:block;} .tipLayerArea .tipContent{position:relative;} .tipLayerArea .tipContent .tipLayerCon{ padding:15px 12px 15px 12px;} .tipLayerArea .tipContent .tipLayerCon h3{margin:0 !important; font-weight:bold; font-size:14px; line-height:15px; color:#232a32; padding:0 0 6px 0; height:auto; border-bottom: 1px solid #d3d3d5;} .tipLayerArea .tipContent .tipLayerCon .couponLayerTitle {margin:20px 0 -20px 0;font-size:13px;color:#232a32;} .tipLayerArea .tipContent .tipLayerCon p{padding-left:9px; background:url(../images/icon/dot.gif) no-repeat 0 7px; margin-top:6px;} .tipLayerArea .tipContent .tipLayerCon p.type{padding-left:10px; background:none;margin-top:5px;} .tipLayerArea .tipContent .tipLayerCon p:first-child{margin-top:0px;} .tipLayerArea .tipContent .tipLayerCon p.txt{padding:10px 0 10px 0; background:none; margin-top:6px; line-height:20px;font-size:12px !important;display:inline-block !important;} .tipLayerArea .tipContent .tipLayerCon p.txt.type2{color:#232a32;} .tipLayerArea .tipContent .tipLayerCon p.txt.type{padding:0 0 0 10px;} .tipLayerArea .tipContent .tipLayerCon p.tit{font-weight:bold; color:#232a32; margin-top:17px;} .tipLayerArea .tipContent .tipLayerCon p.tit.type{padding-left:0px; background:none;} .tipLayerArea .tipContent .tipLayerCon p.tit.type2{font-size:13px; padding-left:19px; color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon p.tit.type3{ font-size:15px; color:#ed1c24; background: none; margin-top: 0px; padding: 0;} .tipLayerArea .tipContent .tipLayerCon div.df{line-height:1.3;margin:6px 0 0 8px;} .tipLayerArea .tipContent .tipLayerCon p.tit.imgText{line-height:40px; background-position:0 19px;} .tipLayerArea .tipContent .tipLayerCon p.df{line-height:1.3;background:none;} .tipLayerArea .tipContent .tipLayerCon p.emp{color:#ed1c24;} .tipLayerArea .tipContent .tipLayerCon p.attach{background:none; padding-left:0px; font-size:11px; color:#6a747c; padding-top:40px;} .tipLayerArea .tipContent .tipLayerCon p.attach strong{font-weight:bold;} .tipLayerArea .tipContent .tipLayerCon p.attach2 {background:none; padding-left:0px; font-size:11px; color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon p.df span.box{display:inline-block; width:84px; height:38px; font-weight:bold; font-size:11px; line-height:14px; color:#fff; text-align:center; padding-top:12px; background:#4a88b6;} .tipLayerArea .tipContent .tipLayerCon p.df span.box.type{padding-top:18px; height:32px;} .tipLayerArea .tipContent .tipLayerCon p.df span.box em{color:#ffec6d;} .tipLayerArea .tipContent .tipLayerCon p.df span.gt{display:inline-block; font-weight:bold; width:14px; padding-top:18px; height:32px; text-align:center;} .tipLayerArea .tipContent .tipLayerCon p.box{font-weight:bold; background:none; border-top:1px solid #d2d3d5; margin-top:12px; padding:20px 0 10px 0;} .tipLayerArea .tipContent .tipLayerCon p.box.type{padding: 0 0 10px 0; margin-top: 0px; border-top: none;} .tipLayerArea .tipContent .tipLayerCon p.strong{font-weight:bold; background:none; font-size:15px; text-align:center; padding:20px 0 5px;} .tipLayerArea .tipContent .tipLayerCon p.normal{background:none; padding-left:0; color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon p.normal em{font-family:'MontB'; font-size:13px; color:#6a747c; line-height:13px;} .tipLayerArea .tipContent .tipLayerCon p.normal span{ color:#ed1c24;} .tipLayerArea .tipContent .tipLayerCon p.total{margin-top:10px; padding-top:10px; border-top:1px solid #aeb3bb; background:none; padding-left:0; color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon p.total em{font-family:'MontB'; font-size:13px; color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon p em{color:#ed1c24; width:auto;} .tipLayerArea .tipContent .tipLayerCon p em.strong{color:#232a32;} .tipLayerArea .tipContent .tipLayerCon p .giftImg{display:inline-block; width:40px; height:40px; margin-right:10px; border:1px solid #d3d3d5;} .tipLayerArea.layer-prdReviewInfo .tipContent .tipLayerCon p span {font-weight:bold; color:#232a32;} .tipLayerArea .tipContent .tipLayerCon .promoName {padding:18px 0;color:#232a32;} .tipLayerArea .tipContent .tipLayerCon .promoPro li {font-weight:bold; color:#232a32; margin-top:8px;padding-left: 9px;background: url(../images/icon/dot.gif) no-repeat 0 4px;} .tipLayerArea .tipContent .tipLayerCon .promoPro li:first-child {margin-top:0;} .tipLayerArea .tipContent .tiplayerArr{position:absolute; top:-10px; left:50%; width:14px; height:10px; margin-left:-7px; background:url(../images/common/tipBgCT.png) no-repeat;} .tipLayerArea .tipContent .layerClose{position:absolute; top:10px; right:14px; outline:none;} .tipLayerArea.layer-component .tipContent .tipLayerCon{padding:24px 16px 15px 16px} .tipLayerArea.layer-component .tipContent .layerClose{top:26px; right:16px} .tipLayerArea.layer-component .tipContent .tipLayerCon h3{font-size: 16px;line-height: 18px;padding: 0 0 18px 0;border-bottom:2px solid #093250} .tipLayerArea.layer-component .tipContent .tipLayerCon .componentTitle{margin-top: 20px;font-weight: bold;color: #111;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} /* 상품상세 - 특별혜택 레이어팝업 */ .tipLayerArea .tipContent .tipLayerCon .BenefitsEvent {margin-top:16px; text-align:center; font-size:13px; color:#ed1c24; line-height:20px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsArea {padding:0 7px 15px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsName {padding:16px 10px 10px; font-size:13px; line-height:20px; text-align:center; color:#232a32;} .tipLayerArea .tipContent .tipLayerCon .BenefitsCash {padding:10px 0; background:#f7f7f7; font-size:13px; color:#ed1c24; text-align:center; line-height:20px; font-weight:bold;} .tipLayerArea .tipContent .tipLayerCon .BenefitsCash em {display:inline-block; margin-left:4px; font-size:16px; line-height:20px; vertical-align:top;} .tipLayerArea .tipContent .tipLayerCon .BenefitsTerm {margin-top:17px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsTerm li {position:relative; margin-top:3px; padding-left:8px; font-size:12px; color:#6a747c; line-height:18px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsTerm li:first-child {margin-top:0;} .tipLayerArea .tipContent .tipLayerCon .BenefitsTerm li:before {content:''; position:absolute; top:8px; left:0; width:2px; height:2px; background-color:#6a747c;} .tipLayerArea .tipContent .tipLayerCon .BenefitsCash + .BenefitsName, .tipLayerArea .tipContent .tipLayerCon .BenefitsTerm + .BenefitsName {margin-top:20px; border-top:1px dashed #d3d3d5;} .tipLayerArea .tipContent .tipLayerCon .BenefitsEvent + .BenefitsCash {margin-top:17px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsNotice {margin-top:25px; padding-top:16px; border-top:1px solid #d3d3d5;} .tipLayerArea .tipContent .tipLayerCon .BenefitsNotice li {position:relative; margin-top:3px; padding-left:14px; font-size:12px; color:#6a747c; line-height:18px;} .tipLayerArea .tipContent .tipLayerCon .BenefitsNotice li:first-child {margin-top:0;} .tipLayerArea .tipContent .tipLayerCon .BenefitsNotice li:before {content:'※'; position:absolute; top:0; left:0; color:#6a747c;} /* //상품상세 - 특별혜택 레이어팝업 */ #tooltop-timesaleNotice.tipLayerArea .tipContent .tipLayerCon p.type{background-position:9px 9px;} #tooltop-timesaleNotice.tipLayerArea{width:350px;} #tooltop-timesaleNotice.tipLayerArea .tipContent .tipLayerCon{ padding:15px 18px 15px 12px;} #tooltop-timesaleNotice.tipLayerArea .tipContent .tipLayerCon p.type span{letter-spacing:0; vertical-align:middle;} /* 스마트픽,스마트퀵 말풍선 */ #tooltop-smartpic, #tooltop-quick {width:auto; white-space:nowrap;} .layer-cardLayer{height:445px;} .cardBenefit{position:relative; height:365px; padding:20px 0 0 0; background:url(../images/bg/cardBg.gif) repeat-x 0 0;} .cardBenefit dt{position:absolute; top:20px; width:91px; height:31px; z-index:10;} .cardBenefit dt.active{z-index:20;} .cardBenefit dt a{display:block; overflow:hidden; width:91px; height:31px; line-height:30px; background:url(../images/btn/btnBg.gif) no-repeat 0 0; color:#6a747c; font-size:12px; text-align:center;} .cardBenefit dt.active a{background:url(../images/btn/btnBg.gif) no-repeat 0 -31px; color:#232a32;} .cardBenefit dd{display:none; position:absolute; top:65px; left:0px; width:272px; max-height:320px; overflow-y:auto;} .cardBenefit dd.active{display:block;} .popLayer{ -moz-box-shadow:3px 3px 5px 0 #ccc; -webkit-box-shadow:3px 3px 5px 0 #ccc; box-shadow:3px 3px 5px 0 #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc'); filter:none\0IE8 !important; } .popLayer.view{display:block;} /* 메일 수신거부 */ .mailRefusal {width:846px; height:530px; margin:50px auto 0; border-top:4px solid #ed1c24; text-align:center;} .mailRefusal .popContent {padding-top:70px; border:0;} .mailRefusal .popContent h2 {margin-bottom:40px;} .mailRefusal .popContent h3 {margin-bottom:29px; color:#232a32; font-size:36px;} .mailRefusal .popContent h3 strong {color:#ed1c24;} .mailRefusal .popContent p {margin-bottom:50px; color:#6a747d; font-size:16px;} .mailRefusal .popContent .alC {margin-bottom:73px;} .mailRefusal .popContent .alC a:first-child {margin-right:4px;} .mailRefusal .popContent ul {padding:0 96px; text-align:left;} .mailRefusal .popContent ul li {margin-top:12px; padding-left:15px; background:url(../images/icon/dot4.gif) no-repeat 0 4px; color:#7e878e; font-size:13px;} .mailRefusal .popContent ul li:first-chidl {margin-top:0;} /* 이미지 확대보기 */ .zoomLayer{position:absolute; display:none; z-index:99;} .popArea.zoomArea {position:relative; width:940px; font-size:14px; background:#fff;} .popArea.zoomArea > .popContent {width:800px; padding:24px 79px 24px 59px; border:1px solid #093250;} .popArea.zoomArea > .popContent:after{content:''; display:block; clear:both;} .popArea.zoomArea > .popContent .zoomImg{float:left;} .prdThumbnail2{position:relative; float:right; width:70px; padding:115px 0 0;} .prdThumbnail2 .thumbnailView2{position:relative; width:70px; height:370px; overflow:hidden;} .prdThumbnail2 .thumbnailView2 ul{position:absolute; top:0px; left:0px; width:70px;} .prdThumbnail2 .thumbnailView2 ul li{ width:66px; height:66px; margin:0px 0px 5px; border:2px solid #fff; font-size:20px; line-height:50px; background:#eee; text-align:center;} .prdThumbnail2 .thumbnailView2 ul li.active{border:2px solid #6e7881; } .prdThumbnail2 .thumbnailView2 ul li a{display:inline-block; width:66px; height:66px; } .prdThumbnail2 .thumbnailView2 ul li a img{max-width:100%; height:66px;} .prdThumbnail2 .prev{position:absolute; top:95px; left:0px; display:block; width:70px; height:9px; overflow:hidden; text-indent:-1000px; font-size:0px; background:url(../images/btn/moreUp.gif) no-repeat center 0;} .prdThumbnail2 .next{position:absolute; top:505px; left:0px; display:block; width:70px; height:9px; overflow:hidden; text-indent:-1000px; font-size:0px; background:url(../images/btn/moreDown.gif) no-repeat center 0;} /* layer */ .abWrap + .layerDim {position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; background:url(../images/bg/bg_popDim.png) repeat center 0; z-index:900;} .layerDim{position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; background:url(../images/common/layerDimBg.png) no-repeat center 0; z-index:900;} .layerDim.layerDim2 {width:100% !important;background:url('../images/bg/bg_popDim.png') repeat center 0;} .layerDimLpay{position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; background:url(../images/common/layerDimBg.png) no-repeat center 0; z-index:900;} .layerOverDim{position:absolute; left:0px; top:0px; width:100%; height:100%; display:none; background:url(../images/common/layerDimBg.png) no-repeat center 0; z-index:900;} .popLayer, .layerPop{position:absolute; z-index:999; display:none;} .tipLayer{z-index:999;} .calculatorLayer{position:absolute; display:none; z-index:999;} .stockStoreLayer{position:absolute; display:none; z-index:999;} .ordSchPopLayer{position:absolute; display:none; z-index:999;} .basketLayer{position:absolute; display:none; z-index:999;} .wishlistLayer{position:absolute; display:none; z-index:999;} .layer-couponLayer{position:absolute; width:500px !important; display:none;z-index:99999;} .layer-couponLayer .tbl td.taL, .layer-couponLayer .tbl th.taL {padding-right:9px;} .layer-couponLayer .tbl td .tit {display:inline-block;} .layer-couponLayer .tbl td .icoOners::after {content:"";display:inline-block;position:relative;top:-1px;left:2px;width:16px;height:16px;vertical-align:middle;background:url(../images/goods/coupon_oners_icon.png) 0 0 / 100%;} .layer-component{position:absolute; width:440px !important; display:none;} .layer-cardLayer{position:absolute; width:296px !important; display:none;} /* 2018-10-10 width 추가 S */ .layer-giftLayer{position:absolute; width:449px !important; display:none;} .layer-productItem{position:absolute; width:449px !important; display:none;} .layer-lPointPlus {width:449px !important;} .layer-savemoney {width:449px !important;} .layer-lPointItem {width:449px !important;} .layer-cashBackInfo {width:449px !important;} /* 2018-10-10 width 추가 E */ .layer-bargain{width:419px !important;display:none;} .layer-delv{width:419px !important;display:none;} .layer-prdReviewInfo, .layer-prdQnAInfo{width:419px !important;display:none;} .layer-benefitAll {width:360px;} .layer-benefitAll .tipLayerCon h3 {padding-bottom:15px !important;} .layer-benefitAll .layerClose {top:16px !important;} .btnPrdReviewInfo, .btnPrdQnA{ display: inline-block; height: 22px; padding: 0 5px; font-family: '돋음',dotum; font-size: 11px; line-height: 22px; letter-spacing: -1.2px;} .btnPrdReviewInfo.type{height:20px; line-height: 20px; background:#fff; color:#6a747c; border:1px solid #6a747c;} .cardbenefitLayerOver, .noteLayerOver, .order1LayerOver, .order2LayerOver, .giftLayerOver, .DiscountInfoLayerOver, .dlvPriceInfoLayerOver, .cartFlagLayerOver{position:absolute; display:none; z-index:999;} .popContent{background:#fff; border:1px solid #093250;} .passwdPop .popContent{padding-bottom:39px;} .popArea.zoomArea .popClose {position:absolute; top:20px; right:20px; width:20px; height:19px; background:url(../images/btn/layerPopClose.png) 0 0 no-repeat;} .popArea .popShadowR{position:absolute; top:0px; right:-3px; width:4px;} .popArea .popShadowR .shadowRT{width:4px; background:url(../images/common/layerShadowRT.png) repeat-y 0 0;} .popArea .popShadowR .shadowRB{width:4px; height:3px; background:url(../images/common/layerShadowRB.png) no-repeat right bottom;} .popArea .popShadowB{position:absolute; bottom:-3px; left:-1px; width:100%; height:3px; background:url(../images/common/layerShadowB.png) repeat-x 0 0;} .popArea {position:relative; width:auto; font-size:14px; background:#fff;} .popArea .popClose {position:absolute; top:22px; right:18px; width:16px; height:15px; background:url(../images/pop/ico_popClose.png) 0 0 no-repeat;cursor:pointer;} .popArea .veiwSelect {position:relative; padding:16px 0; background-color:#ecedee; color:#6a747d; font-size:13px; vertical-align:middle;} .popArea .veiwSelect:after {display:block; clear:both; content:'';} .popArea .veiwSelect div {float:left; padding-left:20px;} .popArea .veiwSelect div label {display:inline-block; margin-left:10px;} .popArea .veiwSelect div input {vertical-align:middle;height:17px;} .titMain {width:100%; height:58px; background-color:#093250; color:#fff;} .titMain h2 {padding:0 0 3px 28px; line-height:55px; font-size:19px;font-weight:bold;} /* 작성 팝업 */ .popArea.inquiry {width:690px;} /* 사은품 증정안내 팝업 S */ .layer-giftLayer .tipContent .tipLayerCon {padding:29px 22px 26px;} .layer-giftLayer .tipContent .tipLayerCon h3 {padding:0 0 10px 0; border-bottom:2px solid #093250; color:#0a0a0a; font-size:15px;} .layer-giftLayer .tipContent .tipLayerCon .gift-basics {padding-bottom:21px; border-bottom:1px solid #9c9c9c;} .layer-giftLayer .tipContent .tipLayerCon .gift-title {position:relative; margin:23px 0 11px; padding-left:10px; color:#0a0a0a; font-size:14px; font-weight:bold; line-height:1;} .layer-giftLayer .tipContent .tipLayerCon .gift-title:before {content:""; position:absolute; top:6px; left:0; width:4px; height:4px; border-radius:100%; background-color:#0a0a0a;} .layer-giftLayer .tipContent .tipLayerCon .gift-title span {display:inline-block; margin-left:10px; font-size:13px;} .layer-giftLayer .tipContent .tipLayerCon .gift-product {overflow:hidden; margin:0 -4px 0 0;} .layer-giftLayer .tipContent .tipLayerCon .gift-product li {float:left; margin:0 4px 4px 0; box-sizing:border-box; border:1px solid #eaeaeb; width:132px; height:188px;} .layer-giftLayer .tipContent .tipLayerCon .gift-product .giftImg {display:block; width:130px; height:130px;} .layer-giftLayer .tipContent .tipLayerCon .gift-product .giftImg img {width:100%;} .layer-giftLayer .tipContent .tipLayerCon .gift-product .gift-text {display:block; box-sizing:border-box; padding:3px 9px; color:#636464; font-size:11px; line-height:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;white-space: normal; word-wrap: break-word;height:54px;} .layer-giftLayer .tipContent .layerClose {top:20px; right:16px;} /* 사은품 증정안내 팝업 E */ /* 혜택모두보기 팝업 */ .layer-benefitAll li {padding:10px 0 13px; border-top:1px dashed #d3d3d5; font-size:13px;} .layer-benefitAll li:first-child {border-top:0;} .layer-benefitAll li.txt {position:relative; padding-left:7px !important;} .layer-benefitAll li.txt:before {display:block; content:''; position:absolute; top:8px; left:1px; width:3px; height:1px; background:#6a747c;} .layer-benefitAll ul.txtIndent {padding-top:6px;} .layer-benefitAll ul.txtIndent li {padding-left:10px;position:relative;line-height:18px;} .layer-benefitAll ul.txtIndent li:before {content:'';position:absolute;top:8px;left:0;width:3px;height:3px;background-color:#6a747c;border-radius:3px;} .layer-benefitAll li > div:after {display:block; clear:both; content:'';} .layer-benefitAll li > div div {float:left; letter-spacing:0;} .layer-benefitAll li > div.cost {color:#232a32;font-size:13px;} .layer-benefitAll li > div.benefit {color:#ed1c24; font-size:13px; font-weight:bold;} .layer-benefitAll li div.benefitName {float:left; width:246px; line-height:18px; padding-left:16px; box-sizing:border-box; text-indent:-10px; letter-spacing:-0.33px;} .layer-benefitAll li div.benefitName.type2 {padding:0 70px 0 17px;} .layer-benefitAll li div.benefitName p {margin-top:5px !important; padding-left:0 !important; background:none !important; font-size:12px; color:#6a747c; word-break:keep-all; text-indent:0;} .layer-benefitAll li div.benefitName a {position:relative; display:block; line-height:20px;} .layer-benefitAll li div.benefitName a:after {position:absolute; bottom:0; display:inline-block; margin-left:4px; content:''; width:13px; height:20px; background:url(../images/btn/btn_arrRound.png) no-repeat 0 center;} .layer-benefitAll li div.benefitName span {display:inline-block; padding-left:10px;} .layer-benefitAll li .payCheck .benefitName {color:#6a747c;font-size:13px;font-weight:normal;} .layer-benefitAll li .payCheck .price {font-size:13px;font-weight:normal;} .layer-benefitAll li.benefitEarn div:first-child {line-height:19px;} .layer-benefitAll li.benefitEarn div.getLpoint {margin-top:5px;} .layer-benefitAll li.benefitEarn div.getLpoint div.benefitName{text-indent:0;} .layer-benefitAll li div.price {float:right; width:90px; padding-right:10px; text-align:right; font-size:14px; box-sizing:border-box;letter-spacing:-0.35px;} .layer-benefitAll li .cost div.price {font-weight:bold;} .layer-benefitAll .infoBox {padding:10px; background:#f4f4f4;border-radius:4px;} .layer-benefitAll .infoBox strong {display:block; margin-bottom:8px; color:#6a747c;} .layer-benefitAll .infoBox li {border:0; padding:0; font-size:12px;} .layer-benefitAll .infoBox .benefitList {margin-bottom:8px;} .layer-benefitAll .infoBox .benefitList > li {margin-top:10px;color:#111;font-size:12px;line-height:16px;} .layer-benefitAll .infoBox .benefitList > li:first-child {margin-top:0} .layer-benefitAll .infoBox .benefitList div.benefitName {padding-left:0;text-indent:0;letter-spacing:-0.45px;} .layer-benefitAll .infoBox .benefitList div.price {padding-right:0;width:65px;letter-spacing:-0.33px;} .layer-benefitAll .infoBox .benefitList + .notiList {margin-top:13px;} .layer-benefitAll .infoBox .notiList > li:not(:first-of-type) {margin-top:4px;} .layer-benefitAll .infoBox .notiList + .notiList {padding-top:12px;margin-top:16px;border-top:1px solid #d3d3d5;} .layer-benefitAll .infoBox .title {padding-top:12px;color:#6a747c} .layer-benefitAll .infoPromotion {padding:6px 10px 0;} .layer-benefitAll .infoPromotion li {padding:8px 0 0;border:none;font-size:12px;color:#6a747c;word-break:keep-all;} /* 우편번호 검색 팝업 */ .popArea.ordSchPop {width:748px;} .popArea.ordSchPop .titMain {width:750px;} .popArea.ordSchPop .popContent {width:748px;} .tabArea.typeOrdSchPop {position:relative; width:710px; margin:0 auto; padding:70px 0 0 0;} .tabArea.typeOrdSchPop:after {content:''; display:block; clear:both;} .tabArea.typeOrdSchPop dt {display:block; width:355px; height:38px; margin:0 1px; float:left; position:absolute; top:20px; left:0;} .tabArea.typeOrdSchPop dt a {position:absolute; display:block; width:355px; height:38px; line-height:38px; text-align:center; color:#6a747c; font-size:13px; z-index:1;} .tabArea.typeOrdSchPop dt.active a {margin-top:-1px; background-color:#fff; color:#093250; border:1px solid #093250; border-bottom:1px solid #fff; } .tabArea.typeOrdSchPop dt.tab1 a {border-right:1px solid #093250;} .tabArea.typeOrdSchPop dt.tab2 a {top:1px; left:355px; height:37px; line-height:37px;} .tabArea.typeOrdSchPop dt.tab1.active a {left:-1px;} .tabArea.typeOrdSchPop dt.tab2.active a {left:356px; border-left:0;} .popArea.ordSchPop .popContent .tabArea dd {width:710px; margin:-13px auto 0; padding-top:13px; border-top:1px solid #093250; } .popArea.ordSchPop .popContent .tabArea dd:after {display:block; clear:both; content:'';} .popArea.ordSchPop .popContent .tabArea dd .addSch {width:332px; padding:0 10px; } .popArea.ordSchPop .popContent .tabArea dd .addSch.type2 {margin-bottom:35px;} .popArea.ordSchPop .popContent .tabArea dd .addSch:after {display:block; clear:both; content:'';} .popArea.ordSchPop .popContent .tabArea dd .addSch > p {margin-bottom:15px; padding-top:12px; background-color:#fff; color:#6a747c; font-size:12px; z-index:1;} .addSch a.lotNumSch {display:inline-block; zoom:1; width:88px; height:32px; margin:12px 0 20px 0; line-height:32px; background-color:#6a747d; color:#fff; text-align:center;} .popArea.ordSchPop .popContent .tabArea dd .addSch label {display:inline-block; width:70px; margin-top:2px; line-height:32px; color:#6a747c; font-size:12px; text-align:center;} .popArea.ordSchPop .popContent input {height:30px; line-height:33px; padding-left:10px; border:1px solid #aeb3bb; color:#6a747c;} .popArea.ordSchPop .popContent input, .popArea.ordSchPop .popContent select, .popArea.ordSchPop .popContent .selectBox {margin-bottom:3px; text-align:left;} .popArea.ordSchPop .popContent select.addSel01, .popArea.ordSchPop .popContent .selectBox.addSel01 {width:116px; margin-right:1px !important;} .popArea.ordSchPop .popContent input.addInput01 {width:353px} .popArea.ordSchPop .popContent input.addInput02 {width:121px;} .popArea.ordSchPop .popContent input.addInput03 {width:104px;} .popArea.ordSchPop .popContent input.addInput04 {width:200px; margin-left:1px;} .popArea.ordSchPop .popContent input.addInput05 {width:56px;} .popArea.ordSchPop .popContent input.addInput06 {width:179px; margin-left:3px;} .popArea.ordSchPop .popContent input.addInput07 {width:250px;} .popArea.ordSchPop .popContent input.addInput08 {width:64px;} .popArea.ordSchPop .popContent select, .popArea.ordSchPop .popContent .selectBox {width:114px; height:32px; padding:7px 0 6px 10px; margin:0 3px 0 0; border:1px solid #aeb3bb; color:#6a747c; font-size:12px;} .adrInput {height:32px; margin-bottom:3px; line-height:32px;} .adrInput label {display:inline-block; width:69px; color:#232a32 !important; text-align:left !important;} .popArea.ordSchPop .addList {width:332px; padding:0 10px;} .popArea.ordSchPop .addList .tbWrap {height:256px; margin-bottom:20px; border-top:1px solid #555; border-bottom:1px solid #aeb2bb; overflow-y:scroll;} .popArea.ordSchPop .addList p {margin-bottom:6px; color:#6a747d; font-size:12px; } .popArea.ordSchPop .addList table {width:314px; padding:0 10px;} .popArea.ordSchPop .addList table thead th {height:41px; background-color:#f3f3f3; color:#232a32; font-size:13px; } .popArea.ordSchPop .addList table tbody td.notFound {width:318px; height:216px; padding-left:0 !important; color:#6a747d; font-size:14px; text-align:center !important; font-family:'nBarun' !important;} .popArea.ordSchPop .addList table tbody td:first-child {font-family:Mont;} .popArea.ordSchPop .addList table tbody td:last-child {padding-left:13px; text-align:left;} .popArea.ordSchPop .addList table tbody td {padding:10px 0; color:#232a32; border-bottom:1px solid #d3d3d5; font-size:12px;} .popArea.ordSchPop .addList table tbody td a {text-decoration:none;} .popArea.ordSchPop a.addBtnCom {display:inline-block; width:181px; height:40px; margin-left:4px; color:#fff; background-color:#ed1c24; line-height:40px; font-size:13px; text-align:center;} .popArea.ordSchPop a.addBtnCom.type2 {width:128px} .popArea.ordSchPop p.reChk {margin:6px 0 11px 0; text-align:center;} .popArea.ordSchPop h3.contTit {width:355px; height:40px; line-height:40px; color:#fff; background-color:#093250; font-size:13px; text-align:center;} .popArea.ordSchPop strong {color:#232a32;} .schAreaL, .schAreaR {position:relative; float:left; width:355px; height:683px; font-size:12px;} .schAreaR {text-align:center;} .schAreaR dd {width:345px !important; border-top:0;} .schAreaL span.dim, .schAreaR span.dim {position:absolute; top:0; left:0; width:355px; height:683px; background:url(../images/bg/bg_popDim.png) 0 0 repeat;} .schAreaL.on span.dim, .schAreaR.on span.dim {display:none;} .btBtn {position:absolute; bottom:31px; left:0; width:335px; text-align:center;} .schAreaR .changeTxt {padding:30px 0;} .schAreaR .changeTxt strong {font-weight:normal; } .schAreaR .changeTxt p {height:16px; line-height:18px; background:url(../images/icon/ico_noti.jpg) 136px 0 no-repeat; color:#232a32; } .addResult {margin-left:30px; padding:21px 0 15px 0; border-top:1px solid #555; border-bottom:1px solid #aeb2bb; text-align:left;} .addResult p, .addResult div {color:#6a747c; border-top:0 !important; font-size:12px;} .addResult p strong, .addResult div strong {display:block; margin-bottom:10px; color:#232a32; font-weight:normal; } .addResult .addView {margin-top:39px;} .addResult .addView span.infoTxt {display:block; margin-bottom:6px; } /* 주소찾기 */ .popArea.addressSch {width:100%; height:500px;overflow-y:auto; overflow-x: hidden;} .popArea.addressSch .titMain {width:100%;} .popArea.addressSch .popContent {position:relative; width:auto !important; padding:40px 15px 30px; min-height:auto;border:0;} .popArea.addressSch .popClose {display:none;} .popArea.addressSch .infoTxt {font-size:12px;padding:0 0 0 90px;} .popArea.addressSch .infoTxt .desc01 {margin-bottom:10px;} .popArea.addressSch .infoTxt .desc02 {margin-top:10px;} .popArea.addressSch .infoTxt ul li {margin-bottom:5px;color:#6a747d;} .popArea.addressSch .infoTxt ul li em {color:#232a32;} .popArea.addressSch .addArea {margin-bottom:30px;} .popArea.addressSch .addArea:after {display:block; clear:both; content:'';} .popArea.addressSch .addArea div {float:right; color:#9aa1a7; font-size:12px;} .popArea.addressSch .addArea div:first-child {float:left; width:420px;} .popArea.addressSch .addArea div select, .popArea.addressSch .addArea div .selectBox {width:116px; height:32px; margin-right:3px; color:#6a747d;} .popArea.addressSch .addArea label {width:41px; margin-left:20px; line-height:32px; color:#232a32;} .popArea.addressSch .addArea label.type2 {width:52px; margin-left:0;} .popArea.addressSch .addArea input {height:32px; padding:0 30px 0 10px; line-height:33px; line-height:32px\0IE8; vertical-align:bottom;font-weight:bold;background-color:#f3f3f3;} .popArea.addressSch .addArea .addSearch.type1 {float:none;width:100%} .popArea.addressSch .addArea .addSearch.type1 input {width:416px;box-sizing:border-box} .popArea.addressSch .addArea .addSearch.type1 label {position:relative;margin-left:0px;width:auto} .popArea.addressSch .addArea .addSearch.type1 .btnSearch {float:right;width:78px;margin-top:0;} .popArea.addressSch .addArea input.stN {width:145px;} .popArea.addressSch .addArea input.num {width:40px; padding:0 7px; text-align:center;} .popArea.addressSch .addArea input.name {width:125px;} .popArea.addressSch .addArea input.cityInput {width:96px; margin-right:3px;} .popArea.addressSch .addArea span.dash {display:inline-block; width:25px; color:#232a32; line-height:32px; text-align:center;} .popArea.addressSch .addArea .btnSearch {display:block; width:88px; height:32px; margin-top:37px; line-height:29px; background:#6a747d; text-align:center; color:#fff; } .popArea.addressSch .addArea .btnInputDel {position:absolute;right:0;top:0;text-indent:-999999em;width:30px;height:30px;background:url('../images/btn/btn_searchDel.png') no-repeat 0 0;} .popArea.addressSch .addArea div div {margin-bottom:5px;} .popArea.addressSch .totalNum {font-weight:bold;padding-bottom:5px;} .popArea.addressSch .abPagination {margin:20px 0 0;} .popArea.addressSch .tbWrap {margin-bottom:40px; border-top:1px solid #555;} .popArea.addressSch .resultAdd {margin-bottom:40px;} .popArea.addressSch .resultAdd label {display:none; width:64px; height:32px; line-height:32px; color:#232a32; font-size:12px; } .popArea.addressSch .resultAdd input {height:30px; padding:0 10px; line-height:30px; border:1px solid #b4b9c0; color:#6a747d;} .popArea.addressSch .resultAdd div:first-child {margin-bottom:3px;} .popArea.addressSch .resultAdd input {width:100%;box-sizing:border-box;} .popArea.addressSch .addSearchResult {margin-bottom:30px;padding:30px 0 20px;border-top:1px solid #555;background-color:#f3f3f3;} .popArea.addressSch .addSearchResult .result {text-align:center;font-weight:bold;color:#6a747d;font-size:18px;} .popArea.addressSch .addSearchResult .result em {color:#ed1c24;} .popArea.addressSch .addSearchResult .desc {padding-top:5px;text-align:center;font-weight:bold;color:#6a747d;font-size:14px;line-height:20px;} .popArea.addressSch .addSearchResult .desc em {color:#ed1c24;} .popArea.addressSch .addSearchResult .selectAdd {text-align:center;padding:15px 0 10px;} .popArea.addressSch select {display:inline-block;width:140px;height:28px;border:1px solid #b4b9c0;background:#fff;color:#6a747c;font-size:13px;padding:0 0 0 10px;} .popArea.addressSch .addSearchResult .infoTxt {padding-top:30px;} .popArea.addressSch .btnArea {padding:0;} .popArea.addressSch .btnArea .navy {width:120px;} .popArea.addressSch .btnArea .red {width:240px;} .popArea.addressSch .btnArea .btn2 {width:120px;} .popArea.addressSch .addInputBox {margin-bottom:20px; padding:20px; background:#ecedee; color:#232a32; font-size:12px;} .popArea.addressSch .addInputBox:after {display:block; clear:both; content:'';} .popArea.addressSch .addInputBox div {float:left; height:30px; margin-bottom:20px; line-height:30px;} .popArea.addressSch .addInputBox div.addNum {margin:0 23px 0 0;} .popArea.addressSch .addInputBox div.addNum label {width:97px;} .popArea.addressSch .addInputBox span.dash {display:inline-block; margin:0 8px;} .popArea.addressSch .addInputBox p {margin-bottom:10px; } .popArea.addressSch .addInputBox p:first-child {float:left; margin:0 17px 0 0; line-height:32px;} .popArea.addressSch .addInputBox input {height:30px; padding:0 10px; line-height:30px; color:#9aa1a7;} .popArea.addressSch .addInputBox label {width:63px} .popArea.addressSch .addInputBox .nameInput {width:270px\0IE8; width:278px;} .popArea.addressSch .addInputBox .nameInput2 {width:120px;} .popArea.addressSch .addInputBox .numInput {width:58px; margin-bottom:5px; padding:0; text-align:center;} .popArea.addressSch .alC {width:100%; margin-bottom:0 !important;} .popArea.addressSch .alC a {margin-right:5px;} .popArea.addressSch .addInputBox a.btnAddSch {display:inline-block; width:88px; height:32px; line-height:32px; color:#fff; background:#6a747d; text-align:center;} .popArea.addressSch table thead th {height:40px; background-color:#f3f3f3; color:#232a32; font-size:13px;} .popArea.addressSch table tbody tr:hover {cursor:pointer;background:#f3f3f3;} .popArea.addressSch table tbody tr:hover td:first-child a, .popArea.addressSch table tbody td div a:hover {color:#232a32; text-decoration:underline;} .popArea.addressSch table tbody td {padding:6px 10px; color:#6a747d; border-bottom:1px solid #d3d3d5; font-size:12px; text-align:center;} .popArea.addressSch table tbody td:first-child {text-align:left;} .popArea.addressSch table tbody td.noData {padding:70px 0; color:#232a32; background:#fff; font-size:13px; text-align:center; } .popArea.addressSch table tbody td.loding {padding:70px 0; color:#232a32; background:#fff; font-size:13px; text-align:center; } .popArea.addressSch table tbody td div {cursor:pointer;} .popArea.addressSch table tbody td div a {display:block;cursor:pointer; margin-top:5px; line-height:14px;text-decoration:none !important;} .popArea.addressSch table tbody td div a:first-child {margin-top:0;} .popArea.addressSch table tbody td div span {position:relative;display:block;padding:0 0 5px 38px; } .popArea.addressSch table tbody td div span:last-child {padding-bottom:0;} .popArea.addressSch table tbody td div .streetN {position:absolute;left:0;top:0;display:inline-block; margin-right:10px; text-align:center; font-family:'dotum'; font-size:11px;width:32px; height:16px; line-height:18px; color:#fff; background:#6a747c;} .popArea.addressSch table tbody td div .addN {position:absolute;left:0;top:0;display:inline-block; margin-right:10px; text-align:center; font-family:'dotum'; font-size:11px;width:30px; height:14px; line-height:16px; border:1px solid #6a747c; color:#6a747c; background:#fff;} .popArea.addressSch a.tab {float:left;width:258px; height:40px; margin-top:-1px; border-bottom:1px solid #232a32; line-height:42px; color:#9aa1a7; font-size:13px; text-align:center;} .popArea.addressSch a.tab.active {margin-top:0; line-height:40px; color:#232a32; border-bottom:0; background:url(../images/common/addTab.png) 0 0 no-repeat;} .popArea.addressSch div.tabList { width:516px; margin-top:55px;} .popArea.addressSch .infoTxt {margin-bottom:8px;} .popArea.addressSch div.tabList p {color:#6a747d; font-size:12px; } .popArea.addressSch div.tabList p:first-child {margin-bottom:3px; color:#232a32;} .popArea.addressSch div.tabList .addArea {margin-bottom:15px;} .popArea.addressSch div.tabList .addArea:after {display:block; clear:both; content:'';} .popArea.addressSch div.tabList .addArea div {float:right; color:#9aa1a7; font-size:12px;} .popArea.addressSch div.tabList .addArea div:first-child {float:left; width:420px;} .popArea.addressSch div.tabList .addArea div select, .popArea.addressSch div.tabList .addArea div .selectBox {width:116px; height:32px; margin-right:3px; color:#6a747d;} .popArea.addressSch div.tabList .addArea label {width:41px; margin-left:20px; line-height:32px; color:#232a32;} .popArea.addressSch div.tabList .addArea label.type2 {width:52px; margin-left:0;} .popArea.addressSch div.tabList .addArea input {height:30px; padding:0 9px; line-height:33px; line-height:30px\0IE8; vertical-align:bottom;font-weight:bold;background-color:#f3f3f3;} .popArea.addressSch div.tabList .addArea .addSearch.type1 {float:none;width:100%} .popArea.addressSch div.tabList .addArea .addSearch.type1 input {width:416px;box-sizing:border-box} .popArea.addressSch div.tabList .addArea .addSearch.type1 label {margin-left:0px;width:auto} .popArea.addressSch div.tabList .addArea .addSearch.type1 a {display:inline-block;margin-top:0;margin-left:10px} .popArea.addressSch div.tabList .addArea input.stN {width:145px;} .popArea.addressSch div.tabList .addArea input.num {width:40px; padding:0 7px; text-align:center;} .popArea.addressSch div.tabList .addArea input.name {width:125px;} .popArea.addressSch div.tabList .addArea input.cityInput {width:96px; margin-right:3px;} .popArea.addressSch div.tabList .addArea span.dash {display:inline-block; width:25px; color:#232a32; line-height:32px; text-align:center;} .popArea.addressSch div.tabList .addArea div a {display:block; width:88px; height:32px; margin-top:37px; line-height:29px; background:#6a747d; text-align:center; color:#fff; } .popArea.addressSch div.tabList .addArea div div {margin-bottom:5px;} .popArea.addressSch div.tabList .addArea.type2 label {width:57px; margin-left:0; padding-right:10px; text-align:right; letter-spacing:-0.05em;} .popArea.addressSch div.tabList .addArea.type2 label.type2 {width:30px; padding-right:0; margin-left:20px; text-align:left;} .popArea.addressSch div.tabList .addArea.type2 input {width:140px;} .popArea.addressSch div.tabList .addArea.type2 input.num {width:37px; padding:0 8px; letter-spacing:-0.05em;} .popArea.addressSch div.tabList .addArea.type2 span.dash {width:15px;} .popArea.addressSch div.tabList .addArea.type3 div div {width:520px;} .popArea.addressSch div.tabList .addArea.type3 div div label {width:55px;} .popArea.addressSch div.tabList .addArea.type3 input.stN {width:178px;} .popArea.addressSch p.dtAddTxt {margin-bottom:10px; color:#232a32 !important; font-size:12px;} /* 20170406 신규추가 */ .orderAreaSch .addressTab {width:100%;height:30px;margin-bottom:20px;padding-top:20px;border-bottom:1px solid #d3d3d5;} .orderAreaSch .addressTab li {float:left;width:50%;text-align:center;} .orderAreaSch .addressTab li a {position:relative;display:block;height:30px;font-size:16px;color:#6a747d;} .orderAreaSch .addressTab li a.active {color:#232a32;font-weight:bold;} .orderAreaSch .addressTab li a.active:before {position:absolute;left:0;bottom:-1px;display:block;width:100%;height:3px;background-color:#ed1c24;content:'';} .popArea.orderAreaSch .popContent {padding-top:0;min-height:412px !important;} .popArea.orderAreaSch .deliveryDesc {padding-right:130px;} .popArea.orderAreaSch .infoTxt {padding:0;} .popArea.orderAreaSch .btnArea {margin-top:20px;padding-top:20px;border-top:1px solid #d3d3d5;} .popArea.orderAreaSch .btnArea.btnAreaNoline {margin-top:0;padding-top:0;border-top:0;} .popArea.orderAreaSch .addArea {margin-bottom:20px;padding:20px 50px;border:1px solid #ebe1e1;background-color:#f5f5f5;} .popArea.orderAreaSch .addArea .addSearch.type1 input {width:330px;background-color:#fff;} .popArea.orderAreaSch .addSearchResult {margin-bottom:30px;padding:10px 0 30px;border-top:0;border-bottom:1px solid #e6e6e6;background-color:#fff;} .popArea.orderAreaSch .addSearchResult .result {font-weight:normal;font-size:18px;} .popArea.orderAreaSch .addSearchResult .result em {font-weight:bold;} .popArea .myOrderSch h3 {margin-bottom:10px;} .popArea .myOrderSch .loginBx {padding:30px 0;text-align:center;border:1px solid #e6e6e6;} .popArea .myOrderSch .loginBx .txt {color:#6a747d;font-size:12px;} .popArea .myOrderSch .loginBx .btnLogin {display:inline-block;margin-top:20px;width:126px;height:28px;line-height:26px;font-size:12px;color:#6a747d;border:1px solid #6a747d;} .popArea .myOrderSch .btnArea {position:absolute;bottom:40px;} .popArea .myOrderSch .myOrderList li {font-size:12px;margin-bottom:2px;} .popArea .myOrderSch .myOrderList li:last-child {margin-bottom:0;} .popArea .myOrderSch .myOrderList li a {position:relative;display:block;padding:10px;border:1px solid #e6e6e6;} .popArea .myOrderSch .myOrderList li a:hover, .popArea .myOrderSch .myOrderList li a:focus, .popArea .myOrderSch .myOrderList li a.active {border:1px solid #232a32;} .popArea .myOrderSch .myOrderList li a span {display:block;margin-top:5px;color:#6a747d;} .popArea .myOrderSch .myOrderList li a:before {position:absolute;right:10px;top:50%;margin-top:-7px;display:block;width:7px;height:14px;background:url('../images/common/ico_address_list.png') no-repeat 0 0;content:'';} .addressSch .abPagination {margin:30px 0 0 0;text-align:center;} .addressSch .abPagination a {display:inline-block;width:26px;height:25px;line-height:24px;border:1px solid #ced1d6;margin:0 6px 0 0;background:#fff;text-align:center;font-size:11px;color:#666;} .addressSch .abPagination a.abPrev {height:18px;padding:7px 0 0 0;margin:0 25px 0 0;} .addressSch .abPagination a.abNext {height:18px;padding:7px 0 0 0;margin:0 0 0 19px;} .abPagination a.abCurrent {border-color:#6a747c;background:#6a747c;color:#fff;} .deliveryDesc {position:relative;padding:15px 0;font-size:12px;border-bottom:1px solid #d3d3d5;} .deliveryDesc a {position:absolute;right:0;top:13px;} .popArea.fastAreaSch{height:550px;} .popArea.fastAreaSch .popContent {height:490px;padding:0 15px;} .popArea.fastAreaSch .txt {padding:15px 0;font-size:12px;padding-left:10px;color:#6a747c;background:url('../images/icon/bul_list01.png') no-repeat 0 50%;} .popArea.fastAreaSch .txt em {color:#222b30;} .popArea.fastAreaSch .schMap {height:337px;border:1px solid #d7d7d7;} .popArea.fastAreaSch .btnArea {position:absolute;bottom:40px;} .fastAreaSch .noDate {padding-top:194px;color:#6a747c;font-size:12px;line-height:18px;text-align:center;background:url('../images/icon/icon_fastDelivery02.png') no-repeat 50% 110px;} .popArea.fastAreaPossibleSch{height:auto;} .popArea.fastAreaPossibleSch .popContent {width:100%;height:auto;padding:0;} .popArea.fastAreaPossibleSch .txt {margin:0 20px 20px; padding-bottom:15px; border-bottom:1px solid #d3d3d5; font-size:12px;} .popArea.fastAreaPossibleSch .deliveryDesc {border-bottom:0;} .popArea.fastAreaPossibleSch .deliveryDesc a {right:15px;} .popArea.fastAreaPossibleSch .schMap {height:auto;} .popArea .possibleArea {padding:25px 0 20px;text-align:center;border-bottom:1px solid #d3d3d5;} .popArea .possibleArea .address {display:inline-block;} .popArea .possibleArea .address:after {display:block;margin:10px 0 5px;height:1px;background-color:#232a32;content:'';} .popArea .possibleArea .msg {display:block;font-size:22px;color:#6a747c;} .popArea .possibleArea .msg.ty02 {margin-top:27px;} .popArea .possibleArea .msg em {font-weight:bold;color:#ed1b24;} .popArea .possibleArea .etc {display:block;margin-top:15px;color:#888;} .popArea .possibleArea .infotxt {font-size:14px; color:#6a747c; line-height:24px; text-align:center;} .popArea .orderCheck {padding-top:15px; text-align:center;} .popArea .orderCheck span {font-size:13px; color:#6a747c; line-height:24px; vertical-align:middle;} .popArea .orderCheck span input {vertical-align:middle;} .popArea .possibleDesc {padding:20px 0 10px;border-bottom:1px solid #d3d3d5;} .popArea .possibleDesc .tit {font-weight:bold;margin-bottom:8px;} .popArea .possibleDesc .list {padding-bottom:10px;color:#6a747c;font-size:12px;} .popArea .possibleDesc .list li {margin-top:3px;} .popArea .possibleDesc .listTy01 li{padding-left:10px;background:url('../images/icon/bul_list01.png') no-repeat 0 8px;} .popArea .possibleDesc .list li em {color:#ed1b24;} .popArea.possibleAreaSch .popContent {padding-top:0;min-height:412px;} .possibleAreaSch .btnArea {position:absolute;left:0;Bottom:40px;} .possibleAreaSch .detailAddress {padding-top:50px;} .possibleAreaSch .detailAddress .msg01 {text-align:center;font-weight:bold;font-size:18px;} .possibleAreaSch .detailAddress .msg02 {text-align:center;padding:5px 0 50px;} .possibleAreaSch .detailAddress .inputAddress {width:462px;margin:0 auto;} .possibleAreaSch .detailAddress .inputAddress input {margin-top:2px;width:420px;height:32px; padding:0 30px 0 10px; line-height:33px; line-height:32px\0IE8;font-size:12px;color:#6b747d;vertical-align:bottom;background-color:#fff;} .possibleAreaSch .detailAddress .inputAddress input[type="text"]:disabled {background-color:#f2f2f2;} .possibleAreaSch .detailAddress .inputAddress input::-webkit-input-placeholder {color:#6b747d; } /* 20150527 신규추가 */ .addResult.type2 {border-bottom:0;} .addResult .numAddB {height:16px; line-height:14px; color:#6a747c;} .addResult .numAddB input {height:14px !important; margin-right:3px; padding-left:0 !important; border:0 !important;} .addResult ul {height:323px; overflow-y:scroll; border-top:1px solid #555; border-bottom:1px solid #aeb2bb;} .addResult ul li {display:table; padding:10px 0 6px 9px; line-height:14px; border-top:1px solid #d3d3d5; color:#232a32;} .addResult ul li.on {color:#ed1c24;} .addResult ul li:hover {background-color:#f3f3f3;} .addResult ul li:first-child {border-top:0;} .addResult ul li input {display:table-cell; height:auto !important; margin:3px 24px 0 0; border:0 !important; vertical-align:middle;} .addResult ul li span {display:table-cell; vertical-align:middle;} .addResult ul li span.num {width:78px; margin:0 30px 0 24px; } .addResult ul li span.txt {width:192px;} /* 배송가능지역 조회 팝업 */ .popArea.ordSchPop2 {width:525px;} .popArea.ordSchPop2 .titMain {width:527px;} .popArea.ordSchPop2 .popContent {width:525px;} .tabArea.typeOrdSchPop2 {position:relative; width:526px; margin:0 auto; padding:70px 0 0 0;} .tabArea.typeOrdSchPop2:after {content:''; display:block; clear:both;} .tabArea.typeOrdSchPop2 dt {display:block; width:241px; height:38px; margin:0 1px; float:left; position:absolute; top:20px; left:16px;} .tabArea.typeOrdSchPop2 dt a {position:absolute;width:247px; height:38px; line-height:38px; text-align:center; color:#6a747c; font-size:13px; z-index:1;} .tabArea.typeOrdSchPop2 dt.active a {margin-top:-1px; background-color:#fff; color:#093250; border:1px solid #093250; border-bottom:1px solid #fff; } .tabArea.typeOrdSchPop2 dt.tab1 a {border-right:1px solid #093250;} .tabArea.typeOrdSchPop2 dt.tab2 a {top:1px; left:248px; height:37px; line-height:37px;} .tabArea.typeOrdSchPop2 dt.tab1.active a {left:-1px;} .tabArea.typeOrdSchPop2 dt.tab2.active a {left:248px; border-left:0;} .popArea.ordSchPop2 .popContent .tabArea dd {width:488px; margin:-13px auto 0; padding-top:13px; border-top:1px solid #093250; } .popArea.ordSchPop2 .popContent .tabArea dd .addSch {height:74px; margin-bottom:30px; } .popArea.ordSchPop2 .popContent .tabArea dd .addSch:after {display:block; clear:both; content:'';} .popArea.ordSchPop2 .popContent .tabArea dd .addSch > p {margin-bottom:15px; padding-top:12px; background-color:#fff; color:#6a747c; font-size:12px; z-index:1;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch > p span {color:#232a32;} .popArea.ordSchPop2 .addSch a.lotNumSch {float:right;width:50px; height:32px; margin-top:0; line-height:32px; background-color:#6a747d; color:#fff; text-align:center;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch label {display:inline-block; width:70px; margin-top:2px; line-height:28px; color:#232a32; font-size:12px; text-align:center;} .popArea.ordSchPop2 .addSch input {height:30px; line-height:30px; padding-left:10px; border:1px solid #aeb3bb; color:#6a747c; font-size:12px;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch input.addInput01 {width:353px} .popArea.ordSchPop2 .popContent .tabArea dd .addSch input.addInput02 {width:73px;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch input.addInput03 {width:60px; margin-right:1px; padding-left:0; text-align:center;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch input.addInput04 {width:71px;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch input.addInput05 {width:92px;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch select, .popArea.ordSchPop2 .popContent .tabArea dd .addSch .selectBox {width:90px; height:32px; padding:7px 0 6px 0; border:1px solid #aeb3bb; color:#6a747c; font-size:12px;} .popArea.ordSchPop2 .popContent .tabArea dd .addSch select.addSel02, .popArea.ordSchPop2 .popContent .tabArea dd .addSch .selectBox.addSel02 {width:103px;} .popArea.ordSchPop2 .addList {margin-bottom:34px;} .popArea.ordSchPop2 .addList .tbWrap {height:256px; margin-bottom:20px; border-top:1px solid #555; border-bottom:1px solid #aeb2bb; overflow-y:scroll;} .popArea.ordSchPop2 .addList p {margin-bottom:8px; color:#6a747c;font-family:'tahoma'; font-size:12px;} .popArea.ordSchPop2 .addList table {width:471px; } .popArea.ordSchPop2 .addList table thead th {height:40px; background-color:#f3f3f3; color:#232a32; font-size:13px;} .popArea.ordSchPop2 .addList table tbody td:first-child {font-family:Mont;} .popArea.ordSchPop2 .addList table tbody td:last-child {padding-left:13px; text-align:left;} .popArea.ordSchPop2 .addList table tbody td {height:36px; color:#232a32; border-bottom:1px solid #d3d3d5; font-size:12px;} .popArea.ordSchPop2 .addList table tbody td a {text-decoration:none;} /* 스마트픽 매장찾기 */ .layer-smartStore{width:906px;border:1px solid #093250;text-align:left;} .layer-smartStore .popArea{width:100%;} .layer-smartStore .popArea .titMain{width:100%;} .layer-smartStore h3{padding:21px 0 12px 0;font-size:15px; color:#232a32; letter-spacing:0; line-height:30px;} .layer-smartStore h3 span{margin-right:8px; font-weight:bold; font-size:17px;} .layer-smartStore h3 .sevenNoti {position:relative;display:inline-block;padding-left:20px;font-weight:normal;} .layer-smartStore h3 .sevenNoti:after {content:"";display:block;width:2px;height:12px;position:absolute;top:50%;left:9px;background:#ddd;margin-top:-5px;} .layer-smartStore .alC a{margin-left:4px;} .layer-smartStore .alC a:first-child{margin-left:0px;} .storeChoiceArea{padding:30px 60px 19px 64px; border:1px solid #d3d3d5; border-top:1px solid #292f37; zoom:1;} .storeChoiceArea:after{content:''; display:block; clear:both;} .storeChoiceArea .textChoice{float:right; width:340px; padding-top:4px;} .storeChoiceArea .textChoice dl{padding:21px 0 25px 0; border-top:1px solid #d3d3d5;} .storeChoiceArea .textChoice dl:first-child{border-top:none;} .storeChoiceArea .textChoice dl dt{padding:0 0 17px 0; font-size:15px; color:#232a32; line-height:20px; letter-spacing:-0.5px;} .storeChoiceArea .textChoice dl dd{color:#6a747c;} .storeChoiceArea .textChoice dl dd input.pub-storeName{width:264px; height:30px; padding:0 0 0 10px; font-size:12px; line-height:30px;} .storeChoiceArea .textChoice dl dd select, .storeChoiceArea .textChoice dl dd .selectBox{height:32px;} .storeChoiceArea .textChoice dl dd select.pub-zone01, .storeChoiceArea .textChoice dl dd .selectBox.pub-zone01{width:130px;} .storeChoiceArea .textChoice dl dd select.pub-zone03, .storeChoiceArea .textChoice dl dd .selectBox.pub-zone03, .storeChoiceArea .textChoice dl dd #searchGugun{width:142px;} .storeChoiceArea .textChoice dl dd #searchGugun{margin-left:4px;} .storeChoiceArea .textChoice dl dd input.pub-zone02{width:118px; margin-left:3px; height: 18px; padding: 6px 10px; line-height: 1.1em; border: 1px solid #aeb3bb; color: #aeb1ba;} .storeChoiceArea .textChoice dl dd a{float:right; margin-right:5px;} .storeChoiceArea .textChoice .stroeTip{padding-top:21px; font-size:12px; line-height:19px; color:#6a747c;} .storeChoiceArea .imageChoice{float:left; width:310px;} .storeChoiceArea .imageChoice img{outline:none;} .storeChoiceArea .imageChoice area {outline:none;} .layer-smartStore .choiceResult{position:relative;} .layer-smartStore .choiceResult .relation td {background:#f7f8f9;} .layer-smartStore .choiceResult .relation td span.ico_re {padding-left:12px; background:url(../images/icon/ico_relation.png) 0 0 no-repeat;} .layer-smartStore .choiceResult>p{padding:17px 0 3px; height:30px; font-size:13px; color:#232a32; line-height:30px;} .layer-smartStore .choiceResult>p span{font-family:'tahoma';font-weight:bold; font-size:15px; color:#ed1c24;} .layer-smartStore .choiceResult>.spTime {color:#6a747c;font-size:12px;line-height:23px;padding:8px 10px;border:1px solid #d3d3d3 ;border-top:0;background-color:#ffecec;} .layer-smartStore .choiceResult>.spTime span {color:#ed1c24;} .layer-smartStore .choiceResult>.spTime img {display:inline-block;margin-right:5px;vertical-align:middle;} .layer-smartStore .choiceResult>.spTime2 {background-color:#e4f3f6;} .layer-smartStore .choiceResult>.spTime2 span {color:#49adc5;} .layer-smartStore .paging{padding:20px 0 12px;} .tbl.pickup{border-top:1px solid #d3d3d5;} .tbl.pickup th{padding:7px 0 7px 18px; border-left:none; font-size:12px; letter-spacing:-0.5px; color:#232a32; background:#f3f3f3; text-align:left;} .tbl.pickup td{padding:7px 0 7px 15px; border-left:none; text-align:left;} .tbl.pickup td .datepicker{width:95px; height:22px; line-height:22px; padding-left:5px;} .tbl.pickup td .timepicker{width:120px;} .tbl.pickup td input.datepicker:focus{outline: none;} .tbl.pickup td input.datepicker:hover{cursor: pointer;} .tbl.pickup .stroeTip{padding-top: 7px; font-size: 12px; line-height: 19px; color: #6a747c;} .layer-smartStore .tbl.type td {line-height:18px;} .layer-smartStore .tbl.type td .flagStock {display:inline-block;height:16px;padding:0 3px;margin-left:7px;color:#fff;font-size:11px;line-height:18px;font-family:'dotum';letter-spacing:-1px;} .layer-smartStore .tbl.type td .flagStock.stockOn {background:#e66060;} .layer-smartStore .tbl.type td .flagStock.stockOff {background:#6a747c;} /* 20160928 추가 */ .iconFlag {display:inline-block; min-width:51px; height:22px; padding:0px 2px; font-family:'돋음',dotum; font-size:11px; color:#fff; line-height:24px; text-align:center; background:#232a32; letter-spacing:-1.2px;} .iconFlag.pickup {background:#ed1c24;} .iconFlag.reservation {background:#5cbce9;} .serviceInfo.infoReservation {margin:20px 0 0 0;} .serviceInfo.infoSns {margin:0 0 20px 0;} .serviceInfo p {margin-bottom:10px; color:#232a32; font-size:13px;} .serviceInfo .borBox {padding:15px; border:1px solid #d3d3d5;} .serviceInfo .borBox .textAdd {display:block; margin-top:5px; color:#ed1c24; font-size:12px;} .serviceInfo ul li {height:22px;line-height:19px;padding-left:7px;margin-top:2px;background:url(../images/icon/bul_cart09.gif) 0 8px no-repeat; color:#6a747c; font-size:12px;} .smartpickTipInfo {position:absolute; right:0; top:22px; color:#6a747c; font-size:12px;} .smartpickTipInfo > ul > li {float:left; margin-left:10px;} .smartpickTipInfo > ul > li:first-child {margin-left:0;} .smartpickTipInfo > ul:after{display:block; clear:both; content:''} .layer-smartStoreN {width:958px;} .layer-smartStoreN .popCont {overflow:hidden;position:relative;max-height:870px;padding:0 0 0 280px;} .layer-smartStoreN .popContFull {padding:0;} .layer-smartStoreN .popLcont {position:absolute;left:0;top:0;width:280px;} .layer-smartStoreN .popContFull .popLcont {left:-280px;} .layer-smartStoreN .popLcont .pickTab ul {display:table;width:100%;} .layer-smartStoreN .popLcont .pickTab ul li {display:table-cell;width:50%;height:60px;text-align:center;vertical-align:middle;} .layer-smartStoreN .popLcont .pickTab ul li a {display:block;height:60px;line-height:60px;font-size:16px;font-weight:bold;background-image:url('../images/bg/bg_pickTab.png'); background-repeat:no-repeat;background-color:#d3d3d5;} .layer-smartStoreN .popLcont .pickTab ul li.active a {background:none;background-color:#fff;} .layer-smartStoreN .popLcont .pickTab ul li:first-child a {background-position:100% 0;} .layer-smartStoreN .popLcont .pickTab ul li:last-child a {background-position:0 -60px;} .layer-smartStoreN .popLcont .optProducts .optProductsTotal {position:relative;padding:15px 20px 20px 45px;border-bottom:1px solid #d3d3d5;} .layer-smartStoreN .popLcont .optProducts .optProductsTotal input[type=checkbox] {position:absolute;left:20px;top:19px;} .layer-smartStoreN .popLcont .optProducts .optProductsTotal label {cursor:pointer;} .layer-smartStoreN .popLcont .optProducts .optProductsList li {border-bottom:1px solid #d3d3d5;position:relative;padding:20px 20px 20px 45px;} .layer-smartStoreN .popLcont .optProducts .optProductsList li input[type=checkbox] {position:absolute;left:20px;top:24px;} .layer-smartStoreN .popLcont .optProducts .optProductsList li label {cursor:pointer;} .layer-smartStoreN .popLcont .optProducts .optProductsList li label .title {display:block;} .layer-smartStoreN .popLcont .optProducts .optProductsList li label .priceB {display:block;} .layer-smartStoreN .popLcont .optProducts .optProductsList li label .priceB strong {font-weight: bold;font-family: 'tahoma';vertical-align:bottom;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .btnDel {position:absolute;right:20px;top:24px;display:block;text-indent:-999999em;width:13px;height:13px;background:url('../images/btn/btn_optProducts.png') no-repeat 0 0;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .quantity {display:block;padding:15px 0 0 0;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .quantity input[type=text] {width:58px;height:25px;margin-right:5px;text-align:right;padding:0 5px;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .quantity a {height:27px;line-height:27px;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .wrongType {position:absolute;width:100%;height:100%;left:0;top:0;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .wrongType .wrongDim {position:absolute;width:100%;height:100%;left:0;top:0;opacity:0.6;background-color:#000;z-index:100;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .wrongType .wrongTxt {position:absolute;width:100%;height:100%;display:table;vertical-align:middle;text-align:center;color:#fff;z-index:200;} .layer-smartStoreN .popLcont .optProducts .optProductsList li .wrongType .wrongTxt em {display:table-cell;vertical-align:middle;} .layer-smartStoreN .popLcont .btnArea {padding:30px 0 0;} .layer-smartStoreN .popRcont {/*width:598px;*/max-height:870px;overflow-y:auto;border-left:1px solid #d3d3d5;} .layer-smartStoreN .popRcont .popRcontTitle {height:59px;border-bottom:1px solid #d3d3d5;} .layer-smartStoreN .popRcont .popRcontTitle a {display:inline-block;height:59px;line-height:59px;padding-left:40px;font-size:22px;font-weight:bold;background:url('../images/btn/btn_smartStoreToggle.png') no-repeat 0 0;} .layer-smartStoreN .popContFull .popRcont .popRcontTitle a {background:url('../images/btn/btn_smartStoreToggle.png') no-repeat 0 -59px;} .layer-smartStoreN .popRcont .popRcontWrap {padding:30px;} .layer-smartStoreN .popRcont .popRcontWrap h3:first-child {padding-top:0;} .layer-smartStoreN .storeChoiceArea {padding:30px 20px 20px 0;} .layer-smartStoreN .storeChoiceArea .textChoice {width:265px;} .layer-smartStoreN .storeChoiceArea .textChoice dl dd a {margin-right:0;} .layer-smartStoreN .storeChoiceArea .textChoice dl dd input.pub-storeName {width:199px;} .layer-smartStoreN .storeChoiceArea .textChoice dl dd select.pub-zone01, .layer-smartStoreN .storeChoiceArea .textChoice dl dd .selectBox.pub-zone01{width:104px;} .layer-smartStoreN .popRcont .tbl.pickup th {padding:7px 0 7px 15px;} .layer-smartStoreN .popRcont .pickup .pickupInfo {margin-top:30px;padding:18px 0 10px;border:1px solid #d2d3d5;background-color:#f3f3f3;} .layer-smartStoreN .popRcont .pickup .pickupInfo dl {padding:0 0 10px 200px;} .layer-smartStoreN .popRcont .pickup .pickupInfo dl dt {display:inline-block;width:80px;} .layer-smartStoreN .popRcont .pickup .pickupInfo dl dd {display:inline-block;font-weight:bold;} .layer-smartStoreN .tbl.type td .flagStock {margin:2px 0 0 0;} /* 재입고알림 */ .layer-warehouse, .layer-warehouse .popArea, .layer-warehouse .titMain{width:400px;} .layer-warehouse .popContent{width:398px;} .layer-warehouse .msg {padding:40px 0 30px;text-align:center;color:#093250;font-size:16px;font-weight:bold;letter-spacing:-1px;} .layer-warehouse .noti {margin:0 20px;padding:10px 0 0;border-top:1px solid #d2d5d8;color:#6a747d;font-size:13px;} .layer-warehouse .noti li {padding-left:10px;background:url('../images/icon/bul_cart05.gif') 0 7px no-repeat; line-height: 1.2;} .layer-warehouse .btnArea {padding:20px 0 30px;} .layer-warehouse .btnArea .btnMemJoin {width:175px;} .layer-warehouseApply, .layer-warehouseApply .popArea, .layer-warehouseApply .titMain{width:580px;} .layer-warehouseApply .popContent{width:538px;padding:0 20px 40px;} .layer-warehouseApply .proItem {display:table;width:100%;padding:20px 0;color:#6a747c; font-size:12px;} .layer-warehouseApply .proItem:after {display:block; clear:both; content:'';} .layer-warehouseApply .proItem .proItemPic {float:left;} .layer-warehouseApply .proItem img {float:left;width:82px;height:82px;border:1px solid #d2d5d8;} .layer-warehouseApply .prdInfo {float:right;width:435px;} .layer-warehouseApply .prdInfo .namePrd {display:block; margin:4px 0; overflow:hidden; color:#232a32; font-size:14px;} .layer-warehouseApply .inputPhone {overflow:hidden;padding:10px 0;border-top:1px solid #d3d3d5;} .layer-warehouseApply .inputPhone dt {display:inline-block;margin-right:15px;color:#6a747d;padding-left:10px;line-height:32px;background:url('../images/icon/bul_cart05.gif') 0 15px no-repeat;} .layer-warehouseApply .inputPhone dd {display:inline-block;} .layer-warehouseApply .inputPhone dd select {width:85px;} .layer-warehouseApply .inputPhone dd input[type='text'] {width:80px;height:32px;padding:0;border:1px solid #aeb3bb;} .layer-warehouseApply .inputPhone dd .phoneNum {display:inline-block;line-height:34px;color:#6a747d;} .layer-warehouseApply .inputPhone dd .phoneNum.secret {padding-top:3px;} .layer-warehouseApply .inputPhone dd .dash {display:inline-block;width:25px;text-align:center;line-height:32px;color:#6a747d;} .layer-warehouseApply .inputPhone dd .noDate {line-height:32px;} .layer-warehouseApply .inputPhone dd .noDate span {color:#9aa1a7;margin-right:5px;} .layer-warehouseApply .inputPhone dd .noDate .btnModify {width:auto;vertical-align:middle;height:26px;line-height:24px;padding:0 10px;} .layer-warehouseApply .agreeArea .agreeAreaDesc {padding:20px;border-top:1px solid #d3d3d5;letter-spacing:-1px;color:#6a747d;font-size:13px;line-height:20px;background-color:#f3f3f3;} .layer-warehouseApply .agreeArea .checkBox {padding:15px 0;} .layer-warehouseApply .agreeArea .checkBox input, .layer-warehouseApply .agreeArea .checkBox label {margin-right:5px;vertical-align:middle;} .layer-warehouseApply .noti {padding:15px 0 30px;border-top:1px solid #d3d3d5;} .layer-warehouseApply .noti li {margin-bottom:5px;padding-left:10px;color:#6a747d;background:url('../images/icon/bul_cart05.gif') 0 7px no-repeat; font-size:13px;line-height: 1.2;} .layer-warehouseApply .noti li .emp {color:#093250;} /* 안심픽업 */ .relaxPick .storeChoiceArea {margin-bottom:30px;padding:20px 30px;} .relaxPick .storeSearch ul:after {clear:both; display:block; content:'';} .relaxPick .storeSearch li {margin-top:10px;} .relaxPick .storeSearch li:first-child {margin-top:0;} .relaxPick .storeSearch li > span {display:block; float:left; width:13%;line-height:32px;} .relaxPick .storeSearch li > div {width:87%;margin-left:13%;min-height:32px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .relaxPick .storeSearch li.storeChoice div {padding-top:6px;} .relaxPick .storeSearch li.storeChoice input[type=checkbox] {vertical-align:middle;margin-top:-1px;} .relaxPick .storeSearch li.storeChoice label {margin-right:20px;} .relaxPick .storeSearch select.pub-zone01,.storeChoiceArea .storeSearch select.pub-zone02 {width:130px; height:32px;} .relaxPick .storeSearch .pub-storeName {width:100%;height:30px; margin-right:2px; color:#9aa1a7; text-indent:5px;} .relaxPick .storeSearch li.areaName div {position:relative;padding-right:58px;} .relaxPick .storeSearch li.areaName div .btnP15 {position:absolute;right:0;top:0;} .relaxPick .mapSevenDefault {position:relative; width:100%;padding:100px 30px;border:1px solid #d3d3d5;overflow:hidden; background-color:#f5f5f5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .relaxPick .mapSevenDefault>div {font-size:24px;text-align:center;color:#6a747c;} .relaxPick .mapSevenDefault ul li {padding-left:7px;margin-bottom:6px;background:url(../images/icon/bul_cart02.gif) 0 7px no-repeat;font-size:14px;text-align:left;} .relaxPick .mapSevenDefault div div {display:block;padding:0 0 0 25px;background:url(../images/icon/bul_cart10r.png) 8px 5px no-repeat;font-size:12px;text-align:left;color:#ed1c24;} .relaxPick .storeResult {position:relative; width:100%; height:504px; overflow:hidden; border:1px solid #d3d3d5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .relaxPick .storeResult:after {display:block; clear:both; content:''} .relaxPick .storeResult > p {margin:25px 0 10px; color:#232a32;} .relaxPick .storeResult .mapSevenArea {position:absolute; left:0; top:0; width:270px; height:502px; box-sizing:border-box;} .relaxPick .storeResult .mapSevenArea .btnList {position:absolute;right:-12px; top:221px; display:inline-block; width:12px; height:60px; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; box-sizing:border-box; background:#fff url(../images/btn/btnArrowL.png) 0 26px no-repeat; z-index:999; font-size:0; line-height:0;} .relaxPick .storeResult .mapSevenArea .btnList.on {background:#fff url(../images/btn/btnArrowR.png) 1px 26px no-repeat;} .relaxPick .storeResult .mapSevenList {height:502px; overflow-y:auto;} .relaxPick .storeResult .mapSevenList li {font-size:12px; line-height:18px;} .relaxPick .storeResult .mapSevenList li > a {display:block;padding:18px 20px;border-top:1px solid #d3d3d5;} .relaxPick .storeResult .mapSevenList li:first-child > a {border-top:none;} .relaxPick .storeResult .mapSevenList li.on > a {border-top:1px solid #bdbec0; z-index:9999; position:relative;background-color:#f5f5f5; } .relaxPick .storeResult .mapSevenList li:first-child.on > a {border-top:none;} .relaxPick .storeResult .mapSevenList .storeName {display:block; color:#232a32;font-size:14px;margin-bottom:5px;} .relaxPick .storeResult .mapSevenList .phoneNum,.relaxPick .storeResult .mapSevenList .storeAdd {display:block; color:#6a747d;} .relaxPick .storeResult .mapSeven {position:absolute; left:270px; top:0; width:569px; height:100%; box-sizing:border-box;} .relaxPick .infoBox {position:relative; width:255px; height:auto; border:1px solid #6a747d; background:#fff; z-index:9999; box-shadow:1px 1px 1px #8f8f8f;} .relaxPick .infoBox .infoBoxCont {position:relative; padding:20px; line-height:18px;} .relaxPick .infoBox .infoBoxCont > h1 {margin-bottom:10px; font-size:16px; color:#232a32;} .relaxPick .infoBox .infoBoxCont > span {font-size:12px; color:#6a747d; display:block;} .relaxPick .infoBox .infoBoxCont > p {font-size:12px; color:#6a747d;} .relaxPick .infoBox .infoBoxCont .btnTipClose {position:absolute; right:20px; top:20px;} .relaxPick .infoBox .iconArrow {background:url(../images/icon/ico_infoBoxArrow.png) 0 0 no-repeat; width:30px; height:22px; position:absolute; bottom:-22px; left:36px; z-index:9999;} .relaxPick .storeInfo {margin-top:15px; padding:15px; border:1px solid #d3d3d5;} .relaxPick .storeInfo ul > li:after{display:block; clear:both; content:''} .relaxPick .storeInfo ul > li {margin-top:5px; padding-left:7px; background:url(../images/icon/bul_cart09.gif) 0 5px no-repeat; color:#6a747c; font-size:12px;} .relaxPick .storeInfo ul > li:first-child {margin-top:0;} .relaxPick .storeInfo ul > li > strong {display:block; float:left; width:10%; color:#6a747c;} .relaxPick .storeInfo ul > li > span {display:block; width:90%; margin-left:10%} /* s:수정후 // 롯데슈퍼 추가 20171103 annie // 배포예정일자 20171120 */ .smartpickTab {margin-top:25px;} .smartpickTab ul:after{display:block; clear:both; content:''} .smartpickTab ul {border-bottom:1px solid #d3d3d5;} .smartpickTab ul li {float:left; width:180px; height:35px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; margin-left:-1px; margin-bottom:-1px;} .smartpickTab ul li:first-child {margin-left:0;} .smartpickTab ul li:hover {cursor:pointer;} .smartpickTab ul li a {display:block; height:35px; text-align:center;} .smartpickTab ul li a span {display:inline-block;margin:0 auto;text-indent:-999999em;height:18px;background:url('../images/common/tab_smartpickTab.png') no-repeat 0 0;} .smartpickTab ul li.himart {width:166px;} .smartpickTab ul li.himart a span {width:86px;background-position:0 0;} .smartpickTab ul li.himart a:hover span, .smartpickTab ul li.himart a:focus span, .smartpickTab ul li.himart.on a span {background-position:0 -18px;} .smartpickTab ul li.lotte {width:324px;} .smartpickTab ul li.lotte a span {width:244px;background-position:-86px 0;} .smartpickTab ul li.lotte a:hover span, .smartpickTab ul li.lotte a:focus span, .smartpickTab ul li.lotte.on a span {background-position:-86px -18px;} .smartpickTab ul li.on {border-color:#232a32; border-bottom:3px solid #ed1c24; background:#fff;z-index:2;} .smartpickTab ul li.on a {color:#232a32;} .smartpickCont > li {display:none;} .smartpickSeven .storeSearch ul:after {clear:both; display:block; content:'';} .smartpickSeven .storeSearch li > span {display:block; float:left; width:10%; line-height:32px;} .smartpickSeven .storeSearch li > div {width:90%; margin-left:10%;} .smartpickSeven .storeSearch li.storeSearch div {padding-top:5px;} .smartpickSeven .storeSearch li.storeSearch div input[type='checkbox'] {vertical-align:middle;} .smartpickSeven .storeSearch li.storeSearch div label {cursor:pointer;vertical-align:middle;margin:0 15px 0 5px;} .smartpickSeven .storeSearch select.pub-zone01,.storeChoiceArea .storeSearch select.pub-zone02 {width:130px; height:32px;} .smartpickSeven .mapSevenDefault p {position:absolute;width:100%;top:50%;left:0;margin-top:-16px;color:#6a757b; font-size:14px; line-height:16px;text-align:center;} .smartpickSeven .mapSevenDefault ul li {padding-left:7px;margin-bottom:6px;background:url(../images/icon/bul_cart02.gif) 0 7px no-repeat;font-size:14px;text-align:left;} .smartpickSeven .mapSevenDefault ul li img {vertical-align:middle;} .smartpickSeven .mapSevenDefault ul li .emp {color:#ed1c24;} .smartpickSeven .mapSevenDefault ul li .empBlue {color:#009bfa;} .smartpickSeven .mapSevenDefault .msdNoti2 {padding:0;margin:24px 0 0;border-top:0;} .smartpickSeven .mapSevenDefault .msdNoti2 li {padding:0 0 0 13px;text-indent:-13px;margin:0;background:none;line-height:22px;} .smartpickSeven .mapSevenDefault .msdNoti3 {padding:0;border-top:0;} .smartpickSeven .mapSevenDefault .msdNoti3 li {margin:25px 0 0;padding:0 0 0 13px;text-indent:-14px;background:none;line-height:1.5;} .smartpickSeven .mapSevenDefault .msdNoti3 li:first-child {margin-top:0;} .smartpickSeven .mapSevenDefault .noStoreTit {display:block;padding-bottom:20px;margin-bottom:38px;font-size:24px;color:#ed1c24;border-bottom:1px solid #cbced0;line-height:1.1;} .smartpickSeven .mapSevenDefault .msdNotiNew li {padding-left:9px;margin-bottom:24px;} .smartpickSeven .mapSevenDefault .msdNotiNew li span {display:block;line-height:22px;color:#6a747c;} .smartpickSeven .mapSevenDefault .msdNotiNew li .textDesc.dash {padding-left:9px;} .smartpickSeven .mapSevenDefault .msdNotiNew li .textDesc.dash:before {line-height:20px;} .smartpickSeven .mapSevenDefault .msdNotiNew li .msdTit {font-weight:bold;margin-bottom:10px;line-height:18px;} .smartpickSeven .mapSevenDefault .msdNotiNew li .msdTit span {display:inline-block;} .ico_pick_day {display:inline-block;padding:0;width:28px;height:18px;color:#fff;font-size:0;background:url(../images/icon/icoSmartpickT.png) no-repeat;background-size:100% auto;} .ico_pick_3day {display:inline-block;padding:0;width:31px;height:18px;color:#fff;font-size:0;background:url(../images/icon/icoSmartpickT2.png) no-repeat;background-size:100% auto;} /* 스마트픽 매장보기 팝업 개선 20180312 Edit by amanda */ .smartpickSeven .storeSearch li {clear:both;} .smartpickSeven .storeSearch li:first-child{margin-bottom: 15px;} .smartpickSeven .storeSearch li ~ li {margin-top:10px;} .smartpickSeven .storeSearch li:nth-child(2){margin-top: 0;} .smartpickSeven .storeSearch .pub-storeName {width:660px; height:30px; margin-right:2px; color:#9aa1a7; text-indent:5px;padding: 0;} .smartpickSeven .storeChoiceArea {margin:30px 0 20px; padding:18px 20px;} .smartpickSeven .mapSevenDefault {position:relative; width:100%; overflow:hidden; background:#f5f5f5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .smartpickSeven .mapSevenDefault > div {margin:40px 120px 50px;font-size:24px;text-align:center;color:#6a747c;} .smartpickSeven .mapSevenDefault ul {padding:30px 0 0 0;margin-top:20px;border-top:1px solid #cbced0;} .smartpickSeven .mapSevenDefault .msdNoti:nth-of-type(2){border-top:none;padding-top: 10px;margin-top: 0;} .smartpickSeven .mapSevenDefault .msdNoti + strong, .smartpickSeven .mapSevenDefault .msdNotiNew + strong {display: block;text-align: left;font-size: 14px;margin-top: 20px;} .smartpickSeven .storeResult {position:relative; width:100%; height:370px; overflow:hidden; border:1px solid #d3d3d5; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;} .smartpickSeven .storeResult .mapSevenArea {position:absolute; left:0; top:0; width:270px; height:502px; box-sizing:border-box;} .smartpickSeven .mapNotice{position:relative;padding:15px 21px;margin:0 0 20px;box-sizing:border-box;border:1px solid #cdcdcd;color:#6a747d;font-size:12px;letter-spacing:-.5px;background:#fffaf9;} .smartpickSeven .mapNotice strong{color:#000;} .layer-smartStore .popContent{width:905px; min-height:762px; padding:0 30px; overflow-y:auto; border:none;box-sizing:border-box;} .layer-smartStore .alC{padding:30px 0;} .smartpickSeven .infoBox {position:relative; height:auto;background:#fff; z-index:9999; box-shadow:1px 1px 1px #8f8f8f;} .smartpickSeven .infoBox .floagArea{display: block;} .smartpickSeven .infoBox .floagArea span{display: block;height: 20px;background-repeat:no-repeat;text-indent: -9999em;} .smartpickSeven .infoBox .floagArea .icoSmpHimart{width: 70px;background-image: url('../images/icon/icoHimartMid2_1.gif');} .smartpickSeven .infoBox .floagArea .icoSmpLotte{width:82px;background-image: url('../images/icon/icolotteMid.gif');} .smartpickSeven .infoBox .floagArea .icoSmpSeven{width:80px;background-image: url('../images/icon/icosevenMid.gif');} .smartpickSeven .infoBox .floagArea .icoSmpLotteria{width:80px;background-image: url('../images/icon/icolotteriaMid.gif');} .smartpickSeven .infoBox .icoLocker{display:inline-block;width:50px;height:18px;margin:0 0 0 3px;font-size:0;letter-spacing:-9999em;background-image: url('../images/icon/icoLocker.gif');} .smartpickSeven .infoBox .infoBoxCont {position:relative; padding:10px 12px 10px; line-height:18px;min-width:186px;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .smartpickSeven .infoBox .infoBoxCont .stinfo{display: table;width: 100%;} .smartpickSeven .infoBox .infoBoxCont .stinfo span{display:table-cell;font-size: 13px;vertical-align: middle;} .smartpickSeven .infoBox .infoBoxCont .stinfo .storeFlag strong{display: inline-block;width:40px;height: 36px;margin-right:6px;text-align: center;color:#fff;font-size:13px;line-height: 34px;} .smartpickSeven .infoBox .infoBoxCont .stinfo .storeFlag strong.stinfoFlagDay{background: #ed1c24;} .smartpickSeven .infoBox .infoBoxCont .stinfo .storeFlag strong.stinfoFlag3Day{background: #009bfa;} .smartpickSeven .infoBox .infoBoxCont .stinfo .storeFlag:nth-of-type(1){width: 40px;} .smartpickSeven .infoBox .infoBoxCont > h1 {margin:3px 0 8px; font-size:14px; color:#232a32;} .smartpickSeven .infoBox .infoBoxCont > span {font-size:12px; color:#6a747d; display:block;} .smartpickSeven .infoBox .infoBoxCont > span.storeFlag {margin-bottom:5px;} .smartpickSeven .infoBox .infoBoxCont .iconTel{display: block;color:#6a747d;font-size: 12px;margin-top: 8px;line-height: 1.4;} .smartpickSeven .infoBox .infoBoxCont .iconTel:before{content:'';display: inline-block;margin-right: 6px;vertical-align:middle;width: 16px;height: 16px;margin-top: -2px;background: url('../images/icon/icoTel.png') no-repeat 0 0;} .smartpickSeven .infoBox .infoBoxCont .btnTipClose {position:absolute; right:20px; top:20px;} .smartpickSeven .infoBox .infoBoxCont .infoBoxBottom{margin-top:10px;padding-top:8px;border-top:1px solid #cdcdcd;letter-spacing:0;font-weight:normal;} .smartpickSeven .infoBox .infoBoxCont .infoBoxBottom .time{margin-bottom:4px;line-height:1;font-size:13px;} .smartpickSeven .infoBox .infoBoxCont .infoBoxBottom .iconTel{margin-top:0;font-size:13px;color:inherit;} .smartpickSeven .infoBox .iconArrow {background:url(../images/icon/ico_infoBoxArrow.png) 0 0 no-repeat; width:30px; height:22px; position:absolute; bottom:-22px; left:36px; z-index:9999;} .smartpickSeven .storeResult .mapSeven {position:absolute; left:270px; top:0; width:573px; height:100%; box-sizing:border-box;} .tbl.pickup{border-top:1px solid #d3d3d5;margin-top: 20px;} .smartpickSeven .infoBox .infoBoxCont .btnMapClose {position:absolute; right:0; top:0; padding:10px;} /* 스마트픽 매장보기 팝업 개선 20180226 Edit by amanda */ .smartpickSeven .mapSevenDefault div div {display:block;padding:0 0 30px 25px;border-bottom:1px solid #cbced0;background:url(../images/icon/bul_cart10r.png) 8px 5px no-repeat;font-size:12px;text-align:left;color:#ed1c24;} .smartpickSeven .storeResult:after {display:block; clear:both; content:''} .smartpickSeven .storeResult > p {margin:25px 0 10px; color:#232a32;} .smartpickSeven .storeResult .mapSevenArea .btnList {position:absolute;right:-12px; top:165px; display:inline-block; width:12px; height:60px; border-top:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; box-sizing:border-box; background:#fff url(../images/btn/btnArrowL.png) 0 26px no-repeat; z-index:999; font-size:0; line-height:0;} .smartpickSeven .storeResult .mapSevenArea .btnList.on {background:#fff url(../images/btn/btnArrowR.png) 1px 26px no-repeat;} .smartpickSeven .storeResult .mapSevenList {height:370px; overflow-y:auto;border-right:1px solid #d3d3d5;} .smartpickSeven .storeResult .mapSevenList li {font-size:12px; line-height:18px;} .smartpickSeven .storeResult .mapSevenList li > a {position:relative; display:block; padding:18px;border-top:1px solid #d3d3d5;background:#fff;} .smartpickSeven .storeResult .mapSevenList li:first-child > a {border-top:none;} .smartpickSeven .storeResult .mapSevenList li.on > a {background:#f5f5f5; margin:0 0 -1px 0; padding-left:18px; padding-right:18px; border-top:1px solid #bdbec0; border-bottom:1px solid #bdbec0; z-index:9999; position:relative;} .smartpickSeven .storeResult .mapSevenList li:first-child.on > a {border-top:none;} .smartpickSeven .storeResult .mapSevenList .storeName {position:relative;display:block; width:200px;padding:0 18px 0 63px;box-sizing:border-box;margin-bottom:6px;font-size:14px;line-height:18px;color:#232a32;} .smartpickSeven .storeResult .mapSevenList .storeName>img {position:absolute;top:0;left:0;margin-right:3px;} .smartpickSeven .storeResult .mapSevenList .storeName .icoLocker{display:inline-block;} .smartpickSeven .storeResult .mapSevenList .phoneNum,.smartpickSeven .storeResult .mapSevenList .storeAdd {display:block; color:#6a747d;} .smartpickSeven .storeResult .mapSevenList .storeStock {display:inline-block;margin-top:4px;font-size:10px;color:#ed1c24;} .smartpickSeven .storeResult .mapSevenList li > a .storeFlag {position:absolute;right:18px;top:18px;} .smartpickSeven .storeInfo {margin-top:15px; padding:15px; border:1px solid #d3d3d5;} .smartpickSeven .storeInfo ul > li:after{display:block; clear:both; content:''} .smartpickSeven .storeInfo ul > li {margin-top:5px; padding-left:7px; background:url(../images/icon/bul_cart09.gif) 0 5px no-repeat; color:#6a747c; font-size:12px;} .smartpickSeven .storeInfo ul > li:first-child {margin-top:0;} .smartpickSeven .storeInfo ul > li > strong {display:block; float:left; width:10%; color:#6a747c;} .smartpickSeven .storeInfo ul > li > span {display:block; width:90%; margin-left:10%} .smartpickInfoText {line-height:18px;} .smartpickInfoText h1 {margin-bottom:10px; font-size:16px; color:#232a32;} .smartpickInfoText span {font-size:12px; color:#6a747d; display:block;} .smartpickInfoText p {font-size:12px; color:#6a747d;} /* e:수정후 // 롯데슈퍼 추가 20171103 annie // 배포예정일자 20171120 */ /* 회원가입안내 */ .layer-memJoinInfo {left:50% !important;top:50% !important;margin:-200px 0 0 -200px;} .layer-memJoinInfo, .layer-memJoinInfo .popArea, .layer-memJoinInfo .titMain{width:400px;} .layer-memJoinInfo .popContent{width:398px;} .layer-memJoinInfo .msg {padding:40px 0 30px;text-align:center;color:#093250;font-size:16px;font-weight:bold;letter-spacing:-1px;} .layer-memJoinInfo .noti {margin:0 20px;padding:10px 0 0;border-top:1px solid #d2d5d8;color:#6a747d;font-size:13px;} .layer-memJoinInfo .noti li {padding-left:10px;background:url('../images/icon/bul_cart05.gif') 0 7px no-repeat; line-height: 1.2;} .layer-memJoinInfo .btnArea {padding:20px 0 30px;} .layer-memJoinInfo .btnArea .btnMemJoin {width:180px;} /* 상품평 제한컨텐츠 */ .abDeny {width:370px;height:70px;padding:103px 0 0 0;border:5px solid #efefef;margin:30px 0 0 0;text-align:center;color:#666;} .abDenyImg {background:url(../images/mypage/ico_deny01.gif) center 55px no-repeat;} .abDenyVideo {background:url(../images/mypage/ico_deny02.gif) center 55px no-repeat;} /* 흥정하기 */ .layer-bargainDetail{width:898px;} /* padding */ .pb0 {padding-bottom:0!important;} .pd0{padding:0px !important;} .pb15 {padding-bottom:15px !important;} /* margin */ .mL4{margin-left:4px !important;} .mL10{margin-left:10px !important;} .mL20{margin-left:20px !important;} .mT0{margin-top:0px !important;} .mT3{margin-top:3px !important;} .mT5{margin-top:5px !important;} .mT8{margin-top:8px !important;} .mT12{margin-top:12px !important;} .mT15{margin-top:15px !important;} .mT18{margin-top:18px !important;} .mT22{margin-top:22px !important;} .mT30{margin-top:30px !important;} .mR10{margin-right:10px !important;} .mB0{margin-bottom:0px !important;} .mB3{margin-bottom:3px !important;} .mB5{margin-bottom:5px !important;} .mB8{margin-bottom:8px !important;} /* align */ .alC{text-align:center !important} /* 컨텐츠상단좌측 로케이션 - 202002 개편 수정 */ .locationArea {position:relative;width:1008px;padding:21px 0 21px 0;margin:0 auto;z-index:101;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;} #content.reaction .locationArea {width:100%;} .locationArea ul:after {display:block; clear:both; content:'';} .locationArea ul li.tit {position:relative; float:left; margin-left:6px; padding-left:11px; line-height:18px; color:#6a747c; background:url(../images/icon/ico_location.png) 0 3px no-repeat;font-size:16px;color:#000;} html>body .locationArea ul li.tit{background-position:0 5px\9;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .locationArea ul li.tit{background-position:0 5px;} } .cateWrap .headWrap span{display:inline-block;} .locationArea ul li a {display:inline-block;font-size:16px;color:#000;} .locationArea ul li:last-child{font-weight:600;} .locationArea ul li a.locationSel {display:none;} .locationArea ul li.home {margin-left:0; padding-left:0; background:none;position:relative;} .locationArea ul li.home a{width:15px;height:18px;} .locationArea ul li.home img{display:none;} .locationArea ul li.home a:after{content:"홈";position:absolute;font-size:16px;color:#000;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;} .locationArea ul li a:hover, .locationArea ul li.home a:hover:after{color:#f5232a;text-decoration:underline !important;} .subLocation {display:none; position:absolute; top:20px; left:3px; width:145px; max-height:240px; overflow-y:auto; background-color:#fff; border:1px solid #d3d3d5; border-top:1px solid #232a32; z-index:2;} /* 20150819 수정 */ .subLocation li {padding:4px 10px; color:#6a747c; font-size:12px;} .subLocation li:hover {background-color:#6a747c; color:#fff;} .subLocation li a:hover {text-decoration:none !important;} .subLocation li a {width:100%;} /* 메인팝업 */ .mainPop {width:100%;} .mainPop .popContent {position:relative; border:0; width:100% !important;} .mainPop .veiwSelect {position:fixed; bottom:0; left:0; width:100%; padding:16px 0; background-color:#ecedee; color:#6a747d; font-size:13px; vertical-align:middle;} .mainPop .veiwSelect:after {display:block; clear:both; content:'';} .mainPop .veiwSelect div {float:left; padding-left:20px;} .mainPop .veiwSelect div label {display:inline-block; margin-left:10px;} .mainPop .veiwSelect div input {vertical-align:middle;height:17px;} .mainPop .veiwSelect a {float:right; width:45px; margin-right:20px;} .mainPop .veiwSelect a img {margin-left:8px; vertical-align:middle;} .mainPop .veiwSelect .btnClose {float:right; width:45px; margin-right:20px;cursor:pointer;} .mainPop .veiwSelect .btnClose img {margin-left:8px; vertical-align:middle;} .mainPop.addChange .popContent {width:470px; height:590px;} .noData{position: relative; clear: both; width: 100%; margin:0 auto; text-align: center; color: #252a30; cursor: default; padding: 8px 0; font-weight: normal; font-size: 12px;} .noData.noShop {padding:18px 0 !important;} .noData.noShop .alC {padding:10px 0 0 0;} .noData.noShop .alC .btn95 {background:#6a747d;font-size:11px;} /* 대행주문 */ /* 대행주문 헤더 */ .boFrontWarp .boHeader {width:100%; margin-bottom:40px; padding:20px 0 10px 0; border-bottom:1px solid #232a32;} .boFrontWarp .boHeader div {width:1008px; margin:0 auto;} .boFrontWarp .boHeader a {margin-right:10px; font-size:13px;} .boFrontWarp #header{display:none;} .boFrontWarp #footer{display:none;} .boFrontWarp #skyScraper{display:none;} /* 상품검색 */ .boFrontWarp .schTab, .relatedSch .fr a.reset {display:none;} .boFrontWarp .relatedSch .fr a.reset {display:inline-block; width:50px; height:30px; color:#6a747d; background-color:#fff; border:1px solid #6a747d;} /* 상품상세 */ .boFrontWarp .prdBanner, .boFrontWarp .mdNotice, .boFrontWarp .detailTab, .boFrontWarp .detailView, .boFrontWarp .prdAddInfo, .boFrontWarp .prdReview, .boFrontWarp .prdQna, .boFrontWarp .delivery, .boFrontWarp .footBanner, .boFrontWarp .btnWish, .boFrontWarp .detailHeader .gradeMark .gmR .text {display:none;} .boFrontWarp .orderBtnArea {text-align:left;} .boFrontWarp .detailHeader .gradeMark .gmR .star {padding-top:15px;} /* 장바구니 */ .boFrontWarp .abWrap .abCart .chkArea .fr .btnD:first-child, .boFrontWarp .boBtn {display:none;} /* 주문결제 */ .boFrontWarp .btnOfferCode, .boFrontWarp .sheetPmTerm, .boFrontWarp .sheetP, .boFrontWarp .okCashBox, .boFrontWarp .boH3, .boFrontWarp .foView, .boFrontWarp .locationArea, .boView {display:none;} div.foView {display:block;} .boFrontWarp .boView, .boFrontWarp .foView {display:table-row !important;} .boFrontWarp .abCashRP span {display:inline-block; margin:0 4px; color:#aeb3bb;} .boFrontWarp .abCashRP span.numHide {margin:0 0 0 8px !important; color:#6a747d !important;} .boFrontWarp .abCashRP em.text {display:inline-block; margin-left:15px;} .boFrontWarp .abCashRP.type2 input[type="text"] {width:28px !important; text-align:center;} .boFrontWarp .abCashRP.type3 input[type="text"] {width:28px !important; text-align:center;} .boFrontWarp .abCashRP.type3 input[type="text"]:first-child {width:103px !important; text-align:left !important;} /* 주문완료 */ .boFrontWarp .boView {display:inline-block;} .boFrontWarp .abBtnAreaFinish a:first-child {display:none;} /* PhoneGroup - B2B 사내판매 임직원인증 */ #PhoneGroup {width:100%; background:url("../images/bg/bg_b2b.gif") repeat-x ; } #PhoneGroup .header {position:relative; width:700px; height:135px; line-height:135px; margin: 0 auto } #PhoneGroup .header h1 {margin:0; padding:0; line-height:135px; font-size:30px; color:#fff; text-align:center;} #PhoneGroup .header span {position:absolute; top:8px; right:10px} #PhoneGroup .container {width:700px; margin: 0 auto; margin-top:30px } #PhoneGroup .container .title { font:bold 16px Malgun Gothic; color:#000; letter-spacing:-1px; padding: 10px 28px 10px 0;} #PhoneGroup .container .title2 { font:bold 16px Malgun Gothic; color:#000; letter-spacing:-1px; padding: 10px 28px 10px 0;} #PhoneGroup .container table {margin:15px 0 0 30px} #PhoneGroup .container .form table {width:420px; font-size:13px;} #PhoneGroup .container .form.ty2 table {width:508px;} #PhoneGroup .container table caption {display:none;} #PhoneGroup .container .form input {color:#000;} #PhoneGroup .container .form th {color:#66667d; text-align:left;} #PhoneGroup .container .form td { padding:3px 0} #PhoneGroup .container .form.ty2 table {font-size:12px;} #PhoneGroup .container .form.ty2 table input[type="button"] {width:40px; height:21px; line-height:19px; border:1px solid #a6a6a6; background:#efefef; color:#000; font-family:"Malgun Gothic"; font-size:12px;} #PhoneGroup .container .form.ty2 td {text-align:left;} #PhoneGroup .container table em {font-weight:normal; font-style:normal} #PhoneGroup .container .form .btnMap {width:130px; height:28px; font:bold 13px Malgun Gothic; } #PhoneGroup .container .btnArea .btnOK {width:128px; height:40px; border:0; font-size:13px; background-color:#232a32; text-align:center; color:#fff; font-weight:bold;} #PhoneGroup .container .form .input_txt {border:1px solid #ddd; color:#0271fb } #notice_pop_div{display:none;} .ui-dialog-titlebar{display:none;} #smartPicStore .form {width:100%; border:1px solid #ddd; background-color:#fafafa; padding-bottom:15px; margin-bottom:20px;} .btnOK {width:80px; height:30px; line-height:30px; background:#6a747d; color:#fff; margin-left:10px; font-size:12px; } .txtGray {color:gray;} .inputBox {margin:0 0 5px 10px;} .inputBox span {display:inline-block; margin-right:4px;color:#666; line-height:20px;} #PhoneGroup .container .form.ty2 td {padding:15px 0;} .btnArea {text-align:center; padding:20px 0;} .inpTxt {border:1px solid #ccc; height:28px; width:200px; padding: 0 5px;} a.btnMini{display:inline-block; height:16px; padding:0 4px; border:1px solid #6a747d; font-family:'돋음',dotum; font-size:11px; line-height:17px; color:#6a747d; background:#fff;} .lodingDim{position:absolute; top:58px; left:0; width:550px; height:547px; background:url(../images/bg/loding.png) repeat 50%; z-index:900; text-align:center; font-size:20px;} .lodingDimNew {height:673px;} .fontColorW{color:#ecedee !important;} /* width */ .wauto {width:auto !important;} .popOneDay{width:100%; box-shadow: none;-webkit-box-shadow:none; -moz-box-shadow:none;} .popOneDay .popArea{width:100%;} .popOneDay .popArea .titMain{width:100%;} .popOneDay .popArea .popContent{width:100%; padding:0; border:none;} .popOneDay .infoCont{padding:26px 29px;} .popOneDay .infoCont .TopText{padding:0 0 25px 0; margin-bottom:25px; border-bottom:1px solid #d2d3d5;} .popOneDay .infoCont .TopText strong{font-size:16px; line-height:22px; color:#ed1c24;} .popOneDay .infoCont .TopText p{font-size:19px; line-height:28px; color:#232a32;} .popOneDay .infoCont .mtit{font-size:13px; color:#6a747c; line-height:22px;} .popOneDay .infoCont .popList{padding:8px 0 10px;} .popOneDay .infoCont .popList li{padding-left: 9px; background: url(../images/icon/dot.gif) no-repeat 0 6px;font-size:12px; line-height:18px; color:#6a747c;} .popOneDay .infoCont .word{font-size:12px; line-height:18px; color:#6a747c;} .popLpointPwInfo {width:540px;} .popLpointPwInfo .titMain {width:540px;} .popLpointPwInfo .popArea {width:540px;} .popLpointPwInfo .popContent {width:540px;} .popLpointPwInfo .infoCont {width:480px; padding:30px;} .popLpointPwInfo .infoCont h3 {margin-bottom:20px; color:#ed1c24; font-size:19px; } .popLpointPwInfo .infoCont p {margin-bottom:30px; color:#093250; font-size:16px;} .popLpointPwInfo .infoCont h4 {margin-bottom:12px; color:#232a32; font-size:13px; } .popLpointPwInfo .infoCont ul {margin-bottom:30px; padding:25px 0; border-top:1px solid #d3d3d5; border-bottom:1px solid #d3d3d5;} .popLpointPwInfo .infoCont ul:after {display:block; clear:both; content:'';} .popLpointPwInfo .infoCont ul li {float:left;width:115px; padding:0 18px 0 20px; background: url(../images/icon/ico_settingNext.gif) no-repeat 0 center; color:#6a747c; font-size:12px; text-align:center;} .popLpointPwInfo .infoCont ul li:first-child {width:110px; padding:0 20px 0 29px; background:none;} .popLpointPwInfo .infoCont ul li div {margin-bottom:9px; color:#232a32; } .popLpointPwInfo .infoCont ul li img {display:inline-block; margin-bottom:20px;} .popLpointPwInfo .infoCont .btnArea {padding:0;} /* 메인레이어 하이마트안내 */ .layerDimInfo {position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%;z-index:9999;} .layerDimInfo .himartInfoBg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bg/blackDim40.png) repeat center 0;} .layerDimInfo .himartInfoCont {position:absolute; top:50%; left:50%; width:438px; height:248px; margin-top:-124px; margin-left:-219px; background:#fff; border:1px solid #093250; text-align:center; box-shadow: 2px 2px 2px #737373;} .layerDimInfo .himartInfoCont h1 {margin:40px 0 20px 0; font-size:22px; color:#ed1c24;} .layerDimInfo .himartInfoCont p { font-size:13px; color:#232a32; line-height:20px;} .layerDimInfo .himartInfoCont .btnShopping {margin-top:24px; padding:0 32px; color:#fff; line-height:32px; background:#232a32; display:inline-block;} .layerDimInfo .himartInfoCont .btnClose {position:absolute; right:20px; top:18px;} /* common notice */ .cmNoticeR li {padding-left:10px;margin-top:3px;background:url(../images/icon/bul_qna.png) 0 6px no-repeat;line-height:15px;color:#ed1c24;clear:both;} /* 레이어셀렉트 */ .js-select { display:inline-block; } /* 별점 */ .star_sc {display:inline-block;} .star_sc span {display:block; height:100%;} .star_sc.starS {width:69px; height:13px; background:url(../images/icon/star_s.png) 0 -13px no-repeat;} .star_sc.starS span {background:url(../images/icon/star_s.png) 0 0 no-repeat;} .star_sc.starSm {width:76px; height:13px; background:url(../images/icon/star_sm.png) 0 -14px no-repeat;} .star_sc.starSm span {background:url(../images/icon/star_sm.png) 0 0 no-repeat;} .star_sc.starM {width:84px; height:16px; background:url(../images/icon/star_m.png) 0 -16px no-repeat;} .star_sc.starM span {background:url(../images/icon/star_m.png) 0 0 no-repeat;} .star_sc.starM02 {width:84px; height:16px; background:url(../images/icon/star_m02.png) 0 -16px no-repeat;} .star_sc.starM02 span {background:url(../images/icon/star_m02.png) 0 0 no-repeat;} .star_sc.starL {width:109px; height:21px; background:url(../images/icon/star_l.png) 0 -21px no-repeat;} .star_sc.starL span {background:url(../images/icon/star_l.png) 0 0 no-repeat;} .star_sc.starXl {width:155px; height:28px; background:url(../images/icon/star_xL.png) 0 -28px no-repeat;} .star_sc.starXl span {background:url(../images/icon/star_xL.png) 0 0 no-repeat;} /* tab */ .tabArea.type02 .tabList {display:table;width:100%;height:30px;margin-bottom:20px;border-bottom:1px solid #d3d3d5;} .tabArea.type02 .tabList li {display:table-cell;text-align:center;} .tabArea.type02 .tabList li a {position:relative;display:block;height:30px;font-size:16px;color:#6a747d;line-height:100%;} .tabArea.type02 .tabList li a.on {color:#ed1c24;font-weight:bold;} .tabArea.type02 .tabList li a.on:before {position:absolute;left:0;bottom:-1px;display:block;width:100%;height:3px;background-color:#ed1c24;content:'';} .tabArea.type02 .tabCont .tabPanel {display:none;} /* list - 사각 네이비 블릿 */ .squareListM > li {margin-top:15px;padding-left:10px;background:url(../images/icon/bul_cart01.gif) no-repeat 0 8px;color:#093250;} .squareListM > li:first-child {margin-top:0;} /* swiper common - detail.css 에 있는 소스 옮겨옴 edit by daiana(신다혜) */ .swiper-container-no-flexbox .swiper-slide {float:left} .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x} .swiperConts {position:relative;} .swiper-container {position:relative;overflow:hidden;width:100%;height:100%;} .swiper-button-next, .swiper-button-prev{cursor:pointer;} .swiper-pagination{position:absolute;right:0;top:46px;text-align:right;font-size:14px;} .swiper-pagination .swiper-pagination-current {font-weight:bold;} .swiper-indicator button{display:inline-block;width:12px;height:12px;overflow:hidden;text-indent:-9999px;margin-left:10px;background:#d9d9d9;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;cursor:pointer;} .swiper-indicator button:first-child{margin-left:0;} .swiper-indicator button.on{background-color:#ed1c24;} /* 모바일 상품권 레이어 팝업 공통 */ .popMobileGifti .titMain h2 {height:58px; padding:0 0 0 30px; background:#093250; color:#fff; line-height:60px; font-size:19px;} .popMobileGifti .infoCont {padding:30px 30px 40px 30px; letter-spacing:-0.75px; background:#fff;} .popMobileGifti .btnAreaOrder {padding:20px 0 0 0;text-align:center;} /* 상품권 선택 레이어 팝업 */ .layer-gifti-select {width:858px !important;} .layer-gifti-select .abNewTb {border-top:1px solid #555;} .layer-gifti-select .abNewTb table th *, .layer-gifti-select .abNewTb table td * {vertical-align:middle;} .layer-gifti-select .abNewTb table th {padding:11px 0 12px; text-align:center; font-size:16px;border-bottom: 1px solid #d3d3d5;background: #f3f3f3;color: #232a32;font-weight: normal;} .layer-gifti-select .abNewTb table td {padding:12px 20px 12px; color:#333; font-size:16px; line-height:1;border-bottom: 1px solid #d3d3d5;text-align: left;} .layer-gifti-select .abNewTb table td .price-number {font-family:tahoma; font-weight:bold; line-height:1.1;} .layer-gifti-select .abNewTb table td .text-won {margin:0 0 0 2px; font-style:normal; line-height:1;} .layer-gifti-select .abNewTb table td .gifti-use{display:inline-block;} .layer-gifti-select .abNewTb table td .gifti-use .price-number {color:#ed1c24;} .layer-gifti-select .abNewTb table td .gifti-selection{display:inline-block;} .layer-gifti-select .abNewTb table td .gifti-selection .price-number {color:#000;} .layer-gifti-select .abNewTb table td .btn-gifti{display:inline-block;height:30px;margin-left:10px;padding:0px 13px 2px 13px;font-size:12px;color:#fff;line-height:30px;background:#6a747d;} .layer-gifti-select .gifti-sentence-list {margin:16px 0 0;} .layer-gifti-select .gifti-sentence-list li {position:relative; margin:0 0 7px; padding-left:10px; color:#232a32; font-size:13px;} .layer-gifti-select .gifti-sentence-list li:before {content:""; position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#232a32;} .layer-gifti-select .gifti-list-box {margin:19px 0 0; overflow-y:auto; box-sizing:border-box; padding:14px 0 6px 14px; height:313px; background-color:#f3f3f3;} .layer-gifti-select .gifti-list-box li {display:table; position:relative; box-sizing:border-box; float:left; margin:0 8px 8px 0; padding:0 15px; width:182px; height:86px; background: url('../images/bg/bg_mobilegift_individual.png') no-repeat 0 0; text-align:left;} .layer-gifti-select .gifti-list-box .gifti-check {display:table-cell; width:26px; vertical-align:middle;} .layer-gifti-select .gifti-list-box .gifti-info {display:table-cell; vertical-align:middle;} .layer-gifti-select .gifti-list-box .gifti-info .gifti-price {display:block;} .layer-gifti-select .gifti-list-box .gifti-info .gifti-price .price-number {color:#ed1c24; font-size:26px; font-family:tahoma; font-weight:bold; line-height:1.1;} .layer-gifti-select .gifti-list-box .gifti-info .gifti-price .text-won {margin:0 0 0 1px; color:#333; font-size:20px; font-style:normal; line-height:1.2;} .layer-gifti-select .gifti-list-box .gifti-info .gifti-date {display:block; margin:6px 0 0; color:#6a747d; font-size:13px;} .layer-gifti-select .gifti-list-box .gifti-expiration {display:table; position:absolute;top:0;left:0;width:182px; height:86px;background: url('../images/bg/bg_mobilegift_individual_off.png') no-repeat 0 0; text-align:center;} .layer-gifti-select .gifti-list-box .expiration-inner {display:table-cell; vertical-align:middle; color:#fff; font-size:22px; font-weight:bold;} /* 상품권 등록 레이어 팝업 */ .layer-gifti-registration {width:366px !important;} .layer-gifti-registration .gifti-sentence {margin:-5px 0 0; color:#232a32; font-size:13px; line-height:19px;} .layer-gifti-registration .gifti-el {box-sizing:border-box; margin:38px 0 0; width:304px; height:144px; background: url('../images/mypage/img_gift_el.png') no-repeat 50% 0;} .layer-gifti-registration .gifti-el .gifti-el-text {display:none; color:#333; font-size:20px;} .layer-gifti-registration .gifti-inp-list {margin:40px 0 0;} .layer-gifti-registration .gifti-inp-list li {margin:10px 0 0;} .layer-gifti-registration .gifti-inp-list input {box-sizing:border-box; width:100%; height:27px; color:#6a747d; font-size:12px;} .layer-gifti-registration .gifti-inp-list input:focus {outline:none;border:1px solid #ed1c24;} .layer-gifti-registration .btnAreaOrder .btnD {width:100%;} /* 상품권 사용내역 레이어 팝업 */ .layer-gifti-use {width:540px !important;} .layer-gifti-use .gifti-use-list {margin:0 0 19px;} .layer-gifti-use .gifti-use-list li {position:relative; margin-bottom:7px; padding-left:10px; color:#232a32; font-size:13px;} .layer-gifti-use .gifti-use-list li:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#232a32;} .layer-gifti-use .gifti-use-list .price-number {color:#ed1c24; font-weight:bold;} .layer-gifti-use .abMyTb {overflow-y:auto;height:344px;} .layer-gifti-use .abMyTb table tbody td {padding:12px 0 14px; color:#6a747d; font-size:13px;border-left:none;} .layer-gifti-use .abMyTb table tbody td.brdNone {text-align:center;} .layer-gifti-use .abMyTb table tbody td.point {padding-right:35px; text-align:right; font-weight:bold;} .layer-gifti-use .abMyTb table tbody td.point.pointPlus {color:#ed1c24;} .layer-gifti-use .abMyTb table tbody td.point.pointMin {color:#5ca0e7;} .layer-gifti-use .abMyTb table tbody td.notFound {height:270px; border-left:0;} .layer-gifti-use .gifti-sentence {margin:15px 0 0; color:#6a747d; font-size:13px; line-height:19px;} /* 상품평 동영상보기 */ #layer-viewMovie {z-index: 999; top: 50% !important;left: 50% !important;margin: 0 !important;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} #layer-viewMovie .popArea {width:642px;} #layer-viewMovie .popContent {position:relative;} #layer-viewMovie .prdVideoArea {position:relative;width:640px; height:100%;} #layer-viewMovie .prdVideo {cursor:pointer;width:640px; background:#fff;} #layer-viewMovie .prdVideo .vjs-poster {background-color:transparent;} #layer-viewMovie .prdVideo .vjs-big-play-button {background:transparent;} #layer-viewMovie .prdVideo .vjs-big-play-button:before {content:''; position:absolute; top:50%; left:50%; width:110px; height:110px; margin:-55px 0 0 -55px; background:url(../images/btn/btn_video_play.png) 0 0 no-repeat;} #layer-viewMovie .videoArea{position:absolute;top:0;left:0;right:0; bottom:0;} #layer-viewMovie .videoArea .btnVideo{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;cursor:pointer;background:transparent;outline:none;} #layer-viewMovie .videoArea .btnVideo:before{content:"";position:absolute;top:50%;left:50%;width:34px;height:38px;margin:-19px 0 0 -17px;background-repeat:no-repeat;background-position:0 0;} #layer-viewMovie .videoArea .play{background:url(../images/bg/bg_dim_prd.png) repeat 0 0;background-size:100%;} #layer-viewMovie .videoArea .play:before{background-image:url(../images/icon/ico_videoPlay03.png); background-size:100%;} #layer-viewMovie .videoArea .pause:hover{background:url(../images/bg/bg_dim_prd.png) repeat 0 0;background-size:100%;} #layer-viewMovie .videoArea .pause:hover:before{background-image:url(../images/icon/ico_videoPause03.png);background-size:100%;} /* 컨텐츠 안에 사용되는 공통 메뉴(전시쪽 .menuList 메뉴와 같은 디자인이지만 전시는 store.js를, 공통은 display.js를 사용한다) */ #container .menuList {position:relative;display:inline-block;background: #fff;} #container .menuList:before{content:"";position:absolute;top:0;left:0;display:inline-block;width:100%;height:1px;background:#ecedee;} #container .menuListType {margin-top:-1px; border-top:1px solid #ecedee;} #container .menuListType:after {display:block; clear:both; content:'';} #container .menuList:after {display:block; clear:both; content:'';} #container .menuList.leftSec li{text-align:left;} #container .menuList.leftSec li a{box-sizing:border-box;padding-left:30px;} #container .menuList.rightSec li{text-align:right;} #container .menuList.rightSec li a{box-sizing:border-box;padding-right:30px;} #container .menuList li {position:relative;display:inline-block;float:left;height:50px;line-height:50px;color:#232a32;border-right:1px solid #ecedee;border-bottom:1px solid #ecedee;font-size:16px; text-align:center;} #container .menuList li:first-child, #container .menuList li.first {width:178px;border-left:1px solid #ecedee;} #container .menuList li a {position:relative;display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:52px;line-height:50px;} #container .menuList li.on>a, #container .menuList li.onDe>a {margin:-1px 0 0 -1px;width:calc(100% + 2px);width: -webkit-calc(100% + 2px);width: -moz-calc(100% + 2px);background-color:#093250;color:#fff;font-size:16px;} /* grid 1등분 설정 */ #container .menuList.gridLine1 li {width:1079px;border-left:1px solid #ecedee;} /* grid 2등분 설정 */ #container .menuList.gridLine2 li {width:539px;} #container .menuList.gridLine2 li:first-child, #container .menuList.gridLine2 li:nth-of-type(odd) {width:538px;border-left:1px solid #ecedee;} /* grid 3등분 설정 */ #container .menuList.gridLine3 li {width:359px;} #container .menuList.gridLine3 li:first-child, #container .menuList.gridLine3 li:nth-of-type(3n+1) {width:358px;border-left:1px solid #ecedee;} /* grid 4등분 설정 */ #container .menuList.gridLine4 li {width:269px;} #container .menuList.gridLine4 li:first-child, #container .menuList.gridLine4 li:nth-of-type(4n+1) {width:268px;border-left:1px solid #ecedee;} /* grid 5등분 설정 */ #container .menuList.gridLine5 li {width:215px;} #container .menuList.gridLine5 li:first-child, #container .menuList.gridLine5 li:nth-of-type(5n+1) {width:214px;border-left:1px solid #ecedee;} /* grid 6등분 설정 */ #container .menuList.gridLine6 li {width:179px;} #container .menuList.gridLine6 li:first-child, #container .menuList.gridLine6 li:nth-of-type(6n+1) {width:178px;border-left:1px solid #ecedee;} /* grid 7등분 설정 */ #container .menuList.gridLine7 li {width:153px;} #container .menuList.gridLine7 li:first-child, #container .menuList.gridLine7 li:nth-of-type(7n+1) {width:154px;border-left:1px solid #ecedee;} #container .menuList.gridLine7.leftSec li a{padding-left:0;text-align:center;} /* grid 8등분 설정 */ #container .menuList.gridLine8 li {width:134px;} #container .menuList.gridLine8 li:first-child, #container .menuList.gridLine8 li:nth-of-type(8n+1) {width:133px;border-left:1px solid #ecedee;} #container .menuList.gridLine8.leftSec li a{padding-left:0;text-align:center;} /* grid 9등분 설정 */ #container .menuList.gridLine9 li {width:119px;} #container .menuList.gridLine9 li:first-child, #container .menuList.gridLine9 li:nth-of-type(9n+1) {width:118px;border-left:1px solid #ecedee;} #container .menuList.gridLine9.leftSec li a{padding-left:0;text-align:center;} #container .menuArea .menuList li div.subList {position:absolute; top:51px; left:-1px; width:100%; border:1px solid #093250; border-top:0; background:#fff; z-index:11;} #container .menuArea .menuList li div.subList ul {padding:14px;} #container .menuArea .menuList li div.subList ul:after {display:block; clear:both; content:'';} #container .menuArea .menuList li div.subList ul li {width:100% !important; height:32px; line-height:32px; border:none; text-align:left;} #container .menuArea .menuList li div.subList a {height:32px !important; padding:0; line-height:32px !important; color:#6a747d; background:#fff !important;} #container .menuArea .menuList li.on div.subList a {width:100% !important; color:#6a747d !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} #container .menuArea .menuList li div.subList a:hover, #container .menuArea .menuList li div.subList a.onDe {color:#ed1c24 !important; text-decoration:underline;} #container .menuArea .menuList li div.subList li.on>a, #container .menuArea .menuList li div.subList li.onDe>a {width:100% !important;margin:0;} #container .menuArea.noLine {border-bottom:none !important; border-top:none !important; padding-bottom:5px !important;} #container .menuArea h4.menuTit {margin-bottom:11px; padding:13px 0 10px 9px; border-bottom:1px solid #232a32; color:#232a32; font-size:15px; line-height:20px;} #container .menuArea h4.menuTit:after {display:block; clear:both; content:'';} #container .menuArea h4.menuTit.md {margin-bottom:0;} #container .menuArea h4.menuTit span {float:left; margin-top:3px;} #container .menuArea h4.menuTit a {float:right; width:57px; height:20px; margin-right:11px; padding-left:13px; background:url(../images/btn/btn_cateMore.gif) 53px 7px no-repeat; border:1px solid #aeb3bb; line-height:22px; color:#667179; font-size:13px;} #container .menuArea h4.menuTit ul li{display:inline-block; padding:0 7px 0 12px; background:url(../images/icon/ico_arr9.png) no-repeat 0 4px;height:20px;line-height:14px;} #container .menuArea h4.menuTit ul li:first-child{background:none; padding-left:0;} #container .menuArea.bigCate .productList {height:auto;margin-bottom:0;overflow:hidden;} #container .menuArea.bigCate .productList ul.thumnailType {margin:-40px 0 0;} #container .menuArea.bigCate .productList ul.thumnailType > li {margin:40px 0 0;} #container .menuArea.sCate {padding-bottom:40px; border-top:2px solid #232a32;} #container .menuArea.bigCate .ifmList {border-top:1px solid #232a32; margin-bottom:30px;} #container .menuArea.bigCate .ifmTit {margin-top:40px;} #container .menuArea.bigCate h4.ifmTit.type3 {padding:10px 0 10px 9px; background-color:#f3f3f3;} #container .menuArea.bigCate h4.recoTit {margin-top:60px;} #container .menuArea.spCate {padding-bottom:0; margin-bottom:20px;} #container .menuArea.noBorder {border:0;} #container .menuArea.noSpace {padding:0;margin:0;} #container .menuVisual {border-top:2px solid #232a32; border-bottom:1px solid #ecedee;} #container .menuVisual .menuVisualTxt {padding:55px 0;background:#f7f8fa;color:#20272f;font-size:60px;font-weight:bold;text-align:center;} #container .menuVisual.noLine{border-top:0;border-bottom:0;} /* 넷퍼넬 제어 서비스 개발 */ .NetFUNNEL {position: fixed; top: 50%; left: 50%; margin: -192px 0 0 -250px;} .NetFUNNEL .popArea .popContent {border: none;} .NetFUNNEL .popArea .popContent .headerTop {padding: 0; text-align: center} .NetFUNNEL .popArea .popContent .headerTop p {margin-top: 16px; font-size: 18px; color: #6a747c; line-height: 1;} .NetFUNNEL .popArea .popContent .headerTop p strong {color: #000; font-weight: normal} .NetFUNNEL .popArea .popContent .processingWrap {margin: 0 auto 37px; width: 500px;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea {margin-top: 30px; width: 100%; height: 126px; border: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul {overflow: hidden; margin: 30px 0;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li {padding-left: 6px; float: left; background: url(../images/pop/ico_list_square.gif) 0 center no-repeat; font-size: 15px; color: #6a747c;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li span {color: #ed1b23;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li span em {font-weight: bold;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li:first-child {margin-left: 68px;} .NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li+li {margin-left: 93px;} .NetFUNNEL .popArea .popContent .processingWrap .processingBar {margin: 0 auto; width: 420px; height: 20px;} .NetFUNNEL .popArea .popContent .processingWrap .processingBar .processingBarObj {width: 20%; background: #ED1B23;} .NetFUNNEL .popArea .popContent .processingWrap .processingInfo {margin-top: 15px; font-size: 13px; line-height: 20px;} .NetFUNNEL .popArea .popContent .processingWrap .processingInfo li:first-child {color: #666;} .NetFUNNEL .popArea .popContent .processingWrap .processingInfo li {letter-spacing: -.75px;} /* 넷퍼넬 제어 서비스 개발 팝업 */ .layer-NetFUNNEL { width: 580px; height: 382px;} .layer-NetFUNNEL .popArea .popContent {width: auto} .layer-NetFUNNEL .popArea .popContent .headerTop {padding: 0; margin-top: 34px; text-align: center} .layer-NetFUNNEL .popArea .popContent .headerTop p {margin-top: 16px; font-size: 18px; color: #000; line-height: 1; font-weight: normal} .layer-NetFUNNEL .popArea .popContent .processingWrap {margin: 0 auto 37px; width: 500px;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea {margin-top: 30px; width: 100%; height: 126px; border: 1px solid #ededed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul {overflow: hidden; margin: 30px 0;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li {padding-left: 6px; float: left; background: url(../images/pop/ico_list_square.gif) 0 center no-repeat; font-size: 15px; color: #6a747c;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li span {color: #ed1b23;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li span em {font-weight: bold;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li:first-child {margin-left: 68px;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingArea ul li+li {margin-left: 93px;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingBar {margin: 0 auto; width: 420px; height: 20px; border-radius: 20px; background: #eee;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingBar .processingBarObj {background: linear-gradient( to left, #21bcdd, #02d6c5); border-radius: 20px;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingInfo {margin-top: 15px; font-size: 13px; line-height: 20px;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingInfo li:first-child {color: #666;} .layer-NetFUNNEL .popArea .popContent .processingWrap .processingInfo li {color: #6a747c; letter-spacing: -.75px;} /* 상품정보체계 고도화 */ .layer-warehouseApply .prdInfo .nameOpt {font-size: 12px; color: #6a747c; word-break:break-all;} /* 판매자정보 */ .layer-sellerPop {width:500px;} /* 테이블 */ .tbl-wrap .tbl-type01 {margin:10px 0 30px 0; border-top:1px solid #555; border-bottom:1px solid #aeb3bb;} .tbl-wrap .tbl-type01 tr:first-child th, .tbl-wrap .tbl-type01 tr:first-child td {border-top:0;} .tbl-wrap .tbl-type01 th, .tbl-wrap .tbl-type01 td {padding:15px 0 15px 20px; border-top:1px solid #d3d3d5; font-size:12px; text-align:left;} .tbl-wrap .tbl-type01 th {background-color:#f3f3f3; color:#232a32; font-weight:normal;} /* 레이어 하단 버튼 영역 */ .layerPop .btn-wrap {margin-bottom:0; text-align:center;} .layerPop .btn-wrap .btn-base {display:inline-block; width:85px; line-height:28px; color:#fff; text-align:center;} .layerPop .btn-wrap .btn-md {height:28px;} .layerPop .btn-wrap .btn-black {background:#232a32;} /* 이용약관, 개인정보처리방침 등 */ .common-policy {letter-spacing:0; color:#232a32;} .common-policy h3 {margin-bottom:60px; padding-bottom:25px; font-size:36px; border-bottom:1px solid #555;} .common-policy h4 {font-size:18px; margin:30px 0 15px;} .common-policy h5 {font-size:16px; margin:20px 0 10px;} .common-policy h6 {font-size:14px; margin:10px 0 10px;} .common-policy p {font-size:12px; line-height:18px; letter-spacing:0; word-break:keep-all;} .common-policy ul li {margin-top:5px; font-size:12px; line-height:18px; word-break:keep-all;} .common-policy ul li:first-child {margin-top:0;} .common-policy ul li > ul {margin:5px 0 10px 15px;} .common-policy ul li p {margin-top:5px;} .common-policy p + ul {margin-top:15px;} .common-policy ul + p {margin-top:15px;} .common-policy .tbl-wrap {overflow-x:auto; overflow-y:hidden; margin:10px 0 20px;} .common-policy table {width:100%; border:1px solid #ddd;} .common-policy table thead th, .common-policy table tbody th {background:#f3f3f3; padding:10px; text-align:center; border:1px solid #ddd;} .common-policy table tbody td {padding:10px; font-size:12px; line-height:18px; text-align:center; background-color:#fff; border:1px solid #ddd;} .common-policy table tbody .txt-left {text-align:left;} .common-policy table tbody .txt-right {text-align:right;} .common-policy table tbody td > ul {margin:0;} .common-policy table + p, .common-policy table + ul {margin-top:7px;} /* 이니시스 결제 동의 */ .inicisPolicy {width:690px;} .inicisPolicy .popContent {padding:30px 30px 0; box-sizing:border-box;} .inicisPolicy .popContent .agDetail ul {margin-bottom:0; padding-bottom:0; border-bottom:0;} .inicisPolicy .js-tabgroup .policyTab {display:table; width:100%; margin-bottom:30px; padding-left:1px; box-sizing:border-box;} .inicisPolicy .js-tabgroup .policyTab li {display:table-cell; width:33.3%;} .inicisPolicy .js-tabgroup .policyTab li a {position:relative; display:block; background-color:#f5f5f5; font-size:12px; color:#6a747c; line-height:46px; text-align:center; border:1px solid #d5d5d7; border-left:0; border-bottom:1px solid #232a32;} .inicisPolicy .js-tabgroup .policyTab li:first-child a {border-left:1px solid #d5d5d7;} .inicisPolicy .js-tabgroup .policyTab li a.on {z-index:1; margin-left:-1px; background-color:#fff; color:#232a32; border:1px solid #232a32; border-bottom:1px solid #fff;} .inicisPolicy .js-tabgroup .policyTab li a.on:after {content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#fff;} .inicisPolicy .js-tabdetail {margin-bottom:30px;} /* input */ .inpCheck{position:relative;height:14px;vertical-align:middle;line-height:16px;} .inpCheck input{position:absolute;width:0;height:0;color:#fff;font-size:0;line-height:0;} .inpCheck label{position:relative;padding-left:24px;vertical-align:middle;cursor:pointer;} .inpCheck label:after{display:block;width:14px;height:14px;background:url(../images/icon/inpCheck.png) no-repeat 0 -14px;content:"";position:absolute;top:50%;left:0;margin-top:-7px;} .inpCheck input:checked + label:after{background-position:0 0;} .inpRadio{position:relative;height:14px;vertical-align:middle;line-height:16px;} .inpRadio input{position:absolute;left:-9999px;} .inpRadio label{position:relative;padding-left:24px;vertical-align:middle;cursor:pointer;} .inpRadio label:after{display:block;width:14px;height:14px;background:url(../images/icon/inpRadio.png) no-repeat 0 -14px;content:"";position:absolute;top:50%;left:0;margin-top:-7px;} .inpRadio input:checked + label:after{background-position:0 0;} .inpRadioLine {position:relative;display:inline-block;} .inpRadioLine input {position:absolute;right:8px;top:50%;transform:translate(0,-50%);} .inpRadioLine input[type="radio"] {display:none;border:none;outline:none;border-radius:50%;} .inpRadioLine label {display:block;padding:8px 20px 8px;color:#6a747c;font-size:14px;border:1px solid #ddd;border-radius:18px;cursor:pointer;} .inpRadioLine input[type="radio"]:checked + label {color:#232a32;border-color:#232a32;} /* 툴팁형식 레이어 팝업 공통 신규 */ .tipLayerCommon {display:none;position:absolute;background:#fff;border:1px solid #274b65;font-size:12px;width:360px;color:#6a747c;z-index:9999;-moz-box-shadow:0 1.5px 3px 0 rgba(0, 0, 0, 0.16);-webkit-box-shadow:0 1.5px 3px 0 rgba(0, 0, 0, 0.16);box-shadow:0 1.5px 3px 0 rgba(0, 0, 0, 0.16);word-break:break-all;letter-spacing:-0.4px;} .tipLayerCommon.view {display:block;} .tipLayerCommon .tipLayerContainer {position:relative;padding:20px;} .tipLayerCommon .tipLayerContainer .btnLayerClose {position:absolute;top:18px;right:16px;width:12px;height:11px;padding:10px;background:url(../images/btn/layerClose.gif) no-repeat center;font-size:0;cursor:pointer;} .tipLayerCommon .tipLayerContainer h3 {margin-bottom:17px;padding-bottom:17px;font-weight:bold;font-size:16px;line-height:1;color:#111;border-bottom:2px solid #111;} .tipLayerCommon .tipLayerContainer h3.borderNone {margin-bottom:0;border-bottom:none;} .tipLayerCommon .tipLayerContainer h3.lineTy1 {margin-bottom:0;border-width:1px;border-color:#ddd;} .tipLayerCommon .tabBtnWrap {display:table;table-layout:fixed;width:100%;margin-bottom:20px;box-sizing:border-box;background-color:#eee;border-radius:8px;overflow:hidden;} .tipLayerCommon .tabBtnWrap > li {display:table-cell;height:48px;} .tipLayerCommon .tabBtnWrap button {display:block;width:100%;height:100%;color:#c7c7c7;font-weight:bold;cursor:pointer;outline:none;} .tipLayerCommon .tabBtnWrap button.on {color:#fff;background-color:#232a32;border-radius:8px;} .tipLayerCommon .sectionDashed {margin-bottom:20px;border-bottom:1px solid #ddd;text-align:center;} .tipLayerCommon .sectionDashed:first-of-type {margin-top:0;padding-top:0;} .tipLayerCommon .sectionDashed:nth-last-of-type(2) {border-bottom:none;} .tipLayerCommon .benefitsBox {padding:8px 0 11px;border:1px solid #ddd;background:#f7f7f7;text-align:center;font-size:14px;font-weight:bold;} .tipLayerCommon .noticeWrap {margin-top:24px;padding-top:17px;border-top:1px solid #ddd;} .tipLayerCommon .listText > li {margin-top:5px;font-size:12px;color:#6a747c;line-height:1.4;letter-spacing:-0.15px;} .tipLayerCommon .listText > li:first-child {margin-top:0;} .tipLayerCommon .listText.bullet > li:before {top:7px;} .tipLayerCommon ul.txtIndent li {text-indent:-9px; padding-left:9px;} /*========================================================================== ST : 상품리스트 개선 ========================================================================== */ /* basics */ .prdItemList {overflow:hidden;font-family:'Roboto','NotoSansKRLighte','맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif;letter-spacing:0;background:#fff;} .prdItem {overflow:hidden;position:relative;} .prdItem .prdLink {display:block;position:relative;z-index:1;} .prdItem .prdImg {position:relative;width:100%;height:200px;box-sizing:border-box;} .prdItem .prdImg img {width:100%;height:100%;} .prdItem .prdInfo {margin-top:10px;} .prdItem .prdName {overflow:hidden;width:100%;height:37px;line-height:19px;;color:#313131;font-size:13px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;} .prdItem .limitFlag + .prdName {margin-top:5px;} .prdItem .prdPrice {margin-top:8px;} .prdItem .prdPrice .priceInfo {height:22px;line-height:22px;font-size:0;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;} .prdItem .prdPrice .priceInfo > span:not(.discountPrice), .prdItem .prdPrice .priceInfo > strong:not(.discountPrice) {margin-left:5px;font-size:12px;} .prdItem .prdPrice .priceInfo > span.priceUpto {margin-left:0;} .prdItem .prdPrice .priceInfo .discountPrice {font-size:18px;letter-spacing:-.5px;} .prdItem .prdPrice .priceInfo .discountPrice .priceUnit {padding-left:2px;font-size:12px;} .prdItem .prdPrice .priceInfo .subTxt {display:inline-block;color:#a7a8a7;font-size:13px;} .prdItem .prdPrice .priceInfo .basePrice {margin-left:3px;} .prdItem .prdPrice .priceInfo .priceTit {font-size:12px;} .prdItem .prdPrice .priceInfo .priceTit:first-of-type {margin-right:5px;margin-left:0 !important} .prdItem .prdPrice .priceInfo .discountPrice + .priceTit {margin-left:5px;} .prdItem .prdPrice .priceBenefit {color:#ff2b41;} .prdItem .prdPrice .priceBenefit .priceTit {color:#ff2b41;} .prdItem .prdPrice .savePoint {color:#1872c9;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .prdItem .prdPrice .savePoint > span {display:inline-flex;margin-top:5px;padding-left:5px;line-height:17px;} .prdItem .prdPrice .savePoint > span:first-of-type {padding-left:0;} .prdItem .prdPrice .savePoint > span em {padding-left:3px;} .prdItem .prdPrice .discountInfoText {height:18px;font-size:12px;color:#a7a8a7;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .prdItem .prdRating {height:18px;margin-top:5px;line-height:18px;} .prdItem .prdRating .ratingView {display:inline-block;width:64px;height:18px;font-size:0;background:url(../images/icon/stars_bg.png) no-repeat 0 center;vertical-align:top;} .prdItem .prdRating .ratingStar {display:inline-block;height:18px;background:url(../images/icon/stars_state.png) no-repeat 0 center;} .prdItem .prdRating .ratingPoint {color:#ff2b41;font-size:13px;} .prdItem .prdRating .ratingTotal {color:#a7a8a7;font-size:12px;} .prdItem .prdRating .ratingTotal > em {padding-left:3px;} .prdItem .prdFlag {overflow:hidden;height:24px;font-size:0;} .prdItem .prdFlag > span {display:inline-block;margin-top:5px;padding:0 4px;height:19px;color:#535353;border:1px solid #ececec;line-height:18px;box-sizing:border-box;border-radius:5px;font-size:12px;font-weight:300;} .prdItem .prdFlag > span.safeCare {border:1px solid #d6dee8; background-color:#f0f9ff; color:#4b90c1;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .prdItem .prdFlag > span {line-height:16px;} } .prdItem .prdFlag > span:not(:first-of-type) {margin-left:2px;} .prdItem .delivery {margin-top:5px;padding-top:0;font-size:14px;color:#179543;line-height:20px;} .prdItem .rank {position:absolute;bottom:0;left:0;width:20px;height:20px;line-height:20px;background:#111;font-size:13px;color:#fff;font-weight:700;text-align:center;z-index:10;} .prdItem .soldout {position:absolute;top:0;left:0;display:table;width:100%;height:100%;background:rgba(0, 0, 0, .6);z-index:1;font-size:28px;color:#fff;text-align:center;font-weight:700;} .prdItem .soldout > span {display:table-cell;vertical-align:middle;} .prdItem .prdLink:hover .prdImg:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border:1px solid #f5232a;z-index:9;} .prdItem .prdLink:hover .prdName {text-decoration:underline;} .prdItem .prdLink:hover .prdName .brndName:after {opacity:1;} /* 동영상 아이콘 */ .prdItem.prdIcoVideo .prdImg:after {content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;background:url(../images/icon/ico_play_video2.png) no-repeat 0 0;} /* EN : 상품리스트 개선 ========================================================================== */ /* 상품평 개선 */ .reviewPoint {margin-bottom:32px; padding:20px; background-color:#f5f5f5; border:1px solid #d9d9db; border-radius:4px;} .reviewPoint .listText li {padding-left:7px; font-size:13px; line-height:24px;} .reviewPoint .listText.bullet > li:before {top:10px;} .reviewPoint .listText li > .listText li {font-size:12px; line-height:16px;} .reviewPoint .listText li > .listText.dash > li:before {line-height:16px;} .reviewProduct {position:relative; min-height:113px; margin-bottom:24px; padding-left:128px;display:table;} .reviewProduct .reviewProduct-thumb {position:absolute; top:0; left:0; width:113px; height:113px;} .reviewProduct .reviewProduct-thumb:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.03);} .reviewProduct-cont {display:table-cell;vertical-align:middle;} .reviewProduct-cont .reviewProduct-name {font-size:16px; color:#000; font-weight:bold; line-height:24px; letter-spacing:-1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;} .reviewProduct-cont .reviewProduct-info {position:relative; margin-top:12px; font-size:15px; color:#6a747c; line-height:20px; letter-spacing:-0.5px;} .reviewProduct-cont .reviewProduct-info:after {content:''; clear:both; display:block;} .reviewProduct-cont .reviewProduct-info span {position:relative; float:left; margin-left:8px; padding-left:9px;} .reviewProduct-cont .reviewProduct-info span:before {content:''; position:absolute; top:5px; left:0; width:1px; height:10px; background-color:#ddd;} .reviewProduct-cont .reviewProduct-info span:first-child {margin-left:0; padding-left:0;} .reviewProduct-cont .reviewProduct-info span:first-child:before {display:none;} .reviewProduct-cont .reviewProduct-deadline {margin-top:5px; font-size:15px; color:#6a747c; line-height:20px;} .reviewRating {margin-bottom:24px; padding:25px 150px; background-color:#f5f5f5; text-align:center; border:1px solid #d9d9db; border-radius:4px;} .reviewRating .reviewRating-title {display:block; margin-bottom:24px; font-size:18px; color:#232a32; line-height:24px; letter-spacing:-1px;} .reviewRating .reviewRating-star .star{overflow:hidden; display:inline-block; width:45px; height:44px; margin:0 5px; font-size:0px; text-indent:-1000px; background:url(../images/icon/icon_star.png) no-repeat 0 0;} .reviewRating .reviewRating-star .star.on{background:url(../images/icon/icon_star_red.png) no-repeat 0 0;} .reviewRating .reviewRating-text {margin-top:15px; font-size:20px; color:#232a32; line-height:27px;} .reviewEvaluation {margin-bottom:24px; padding:25px 20px 25px; background-color:#f5f5f5; text-align:center; border:1px solid #d9d9db; border-radius:4px;} .reviewEvaluation-title {display:block; margin-bottom:24px; font-size:18px; color:#232a32; line-height:24px; letter-spacing:-1px;} .reviewEvaluation-item {display:table; width:100%; margin-top:8px; padding:12px 0; background-color:#fff; border:1px solid #d3d3d5; border-radius:6px;} .reviewEvaluation-item .tit {display:table-cell; width:160px; height:80px; vertical-align:middle; border-right:1px solid #eee;} .reviewEvaluation-item ul {margin:4px 0 0 20px;overflow:hidden;} .reviewEvaluation-item ul li {position:relative;float:left;width:65px;padding:42px 5px 0;text-align:center;cursor:pointer;color:#888;font-size:12px;word-break:break-all;} .reviewEvaluation-item ul li.on {color:#f1344d;} .reviewEvaluation-item ul li:before {content: ''; position: absolute; top:0; left:0; right:0; width:32px; height:32px; margin:0 auto; background:url(../images/icon/radio-xl.png) 0 0 no-repeat; background-size:32px 32px;z-index:2;} .reviewEvaluation-item ul li.on:before {background:url(../images/icon/radio-xl-on.png) 0 0 no-repeat; background-size:32px 32px;} .reviewEvaluation-item ul li:after {content:'';position:absolute;top:15px;left:0;width:100%;height:1px;background:#eee;} .reviewEvaluation-item ul li:first-child:after {left:50%;} .reviewEvaluation-item ul li:last-child:after {width:50%;} .reviewEvaluation-item ul .reviewEvaluation01:before {background-position:0 0;} .reviewEvaluation-item ul .reviewEvaluation02:before {background-position:-32px 0;} .reviewEvaluation-item ul .reviewEvaluation03:before {background-position:-64px 0;} .reviewEvaluation-item ul .reviewEvaluation01:hover:before {background-position:0 -32px;} .reviewEvaluation-item ul .reviewEvaluation02:hover:before {background-position:-32px -32px;} .reviewEvaluation-item ul .reviewEvaluation03:hover:before {background-position:-64px -32px;} .reviewEvaluation-item ul .reviewEvaluation01.on:before {background-position:0 -64px;} .reviewEvaluation-item ul .reviewEvaluation02.on:before {background-position:-32px -64px;} .reviewEvaluation-item ul .reviewEvaluation03.on:before {background-position:-64px -64px;} .reviewWrite table {border-top:1px solid #555;} .reviewWrite table th, .reviewWrite table td {border-bottom:1px solid #d3d3d5;} .reviewWrite table th {background-color:#f3f3f3; color:#232a32; font-size:13px; font-weight:bold; text-align:center;} .reviewWrite table td {padding:8px 0 8px 15px; color:#232a32; font-size:12px; line-height:20px; text-align:left;} .reviewWrite table td .textareaWrap textarea {width:100%; height:100px; padding:12px 14px; border:1px solid #eee; font-family:'맑은고딕',Malgun Gothic,dotum,'돋음', arial, sans-serif; box-sizing:border-box; outline:none; resize:none;} .fileWrap .fileItem {position:relative; margin-bottom:8px;} .fileWrap .fileItem:after {display:block; clear:both; content:'';} .fileWrap .fileItem .fileUrl {float:left; width:264px; height:30px; border-top:1px solid #aeb3bb; border-bottom:1px solid #aeb3bb; border-left:1px solid #aeb3bb; padding:0 0 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#fff;} .fileWrap .btnFile {width:75px; height:32px;} .fileWrap .btnFileAdd {display:inline-block; width:76px; height:32px; margin-left:4px; background:#6a747c; color:#fff; text-align:center; line-height:32px; border:1px solid #6a747c; box-sizing:border-box;} .fileWrap .btnFileDel {display:inline-block; width:76px; height:32px; margin-left:4px; background:#fff; color:#6a747c; text-align:center; line-height:32px; border:1px solid #6a747c; box-sizing:border-box;} .fileWrap .fileItem .fileUpload {position:relative; float:left; width:76px; height:32px; padding-left:4px;} .fileWrap .fileItem .fileUpload .fileIptBtn {width:76px; height:32px; background:#232a32; color:#fff; font-size:12px; } .fileWrap .fileItem .fileUpload .fileIpHidden {position:absolute;top:0;right:0;font-size:45px;cursor:pointer; opacity:0; filter: alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;} .fileGuide {position:relative;padding-bottom:8px;} .fileGuide:after {content:''; clear:both; display:block;} .fileGuide li {position:relative; float:left; margin-right:20px; font-size:12px; color:#aeb3bb; line-height:20px; letter-spacing:0;} .fileGuide .limit-txt {clear:both; color:#232a32;} .reviewTerms {margin:24px 0 30px;padding:15px 20px 11px; border:1px solid #d9d9db;} .reviewTermsTitle {display:block; margin-bottom:12px; font-size:13px; color:#232a32; line-height:17px;font-weight:bold;} .reviewTermsList li {position:relative;margin-bottom:4px;padding-left:10px;font-size:12px;color:#6a747d;line-height:20px;} .reviewTermsList li:before {content:'';position:absolute;top:8px;left:0;width:2px;height:2px;background:#6a747d;} .reviewGuide {margin-bottom:32px; border:1px solid #d9d9db;} .reviewGuide-toggle {border-top:1px solid #d9d9db;} .reviewGuide-toggle:first-child {border-top:0;} .reviewGuide-title {position:relative; padding:12px 20px;} .reviewGuide-title strong {display:inline-block; font-size:13px; color:#232a32; line-height:17px;} .reviewGuide-cont {display:none; padding:15px 20px; background-color:#f3f3f3; border-top:1px solid #d9d9db;} .reviewGuide-toggle.active .reviewGuide-cont {display:block;} .reviewGuide-toggle-btn {position:absolute; top:0; right:0; padding:12px 36px 12px 10px; background:url(../images/btn/toggle-arrow_bottom.png) right 20px center no-repeat; font-size:11px; color:#6a747d; line-height:17px;} .reviewGuide-toggle.active .reviewGuide-toggle-btn {background:url(../images/btn/toggle-arrow_top.png) right 20px center no-repeat;} /* 상품평 고도화 2-3차 */ .reviewBenefit {margin-bottom:24px;padding:16px 20px 20px;border-radius:4px;border:1px solid #d9d9db;background:#f5f5f5;} .reviewBenefitBox {padding-left:31px;height:52px;background:url(../images/icon/icon_review_benefit.png) no-repeat;} .benefitTxt {font-size:13px;color:#232a32;height:24px;line-height:24px;} .benefitTxt strong {margin-left:2px;color:#559dfa;} .benefitTxt + .benefitTxt {margin-top:5px;} .guideMsgBox {position:relative;margin:8px 0 4px;} .guideMsgBanner {position:relative; width:350px; height:20px;} .guideMsgBanner .testView {position:relative; width:100%; height:100%; overflow:hidden;} .guideMsgBanner .testView ul {position:relative; top:0; left:0;} .guideMsgBanner .testView li {height:20px;line-height:20px;color:#559dfa;font-size:12px;} .guideMsgBox .guideByte {position:absolute;right:0;top:0;} .guideMsgBox .byte {text-align:right;color:#232a32;font-size:12px;} .guideMsgBox .byte.min em {color:#f1344d;} .fileWrap .fileUpload {padding:7px 0 10px;overflow:hidden;} .fileWrap .fileUpload li {position:relative;float:left;margin-right:10px;width:100px;height:100px;} .fileWrap .fileUpload .labelFile {font-size:0;color:#fff;width:100px;height:100px;background:url(../images/btn/btn_fileupload.png);cursor:pointer;} .fileWrap .fileUpload .inpFile {display:none;} .fileWrap .fileUpload .imgFileUpload {width:100%;height:100%;border:1px solid #eee;box-sizing:border-box;} .fileWrap .fileUpload .btnFileDel {position:absolute;top:6px;right:6px;width:20px;height:20px;font-size:0;color:#fff;border:none;outline:none;background:url(../images/btn/btn_file_del.png);cursor:pointer;} /* 프로그래스 바(도트형) */ .loading-progress {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);} .progress-bar {height:10px;width:100%;position:fixed;top:50%;left:0;z-index:10100;text-align:center;margin-top:-15px; } .progress-bar .progress-bar_circle {display:inline-block;width:10px;height:10px; background-color:#e5e6e8; border-radius: 100%;margin:0 3px; -webkit-animation: loading 0.7s infinite ease-in-out both; animation: loading 0.7s infinite ease-in-out both;} .progress-bar p {position:absolute;top:20px;left:0%;width:100%;color:#fff;font-size:15px;letter-spacing:-1px;} @-webkit-keyframes loading { 0% {background-color: #b1b1b1;} 85% {background-color: #b1b1b1} 90% {background-color: #ed1c24} 100% {background-color: #ed1c24;} } @keyframes loading { 0% {background-color: #b1b1b1;} 85% {background-color: #b1b1b1} 90% {background-color: #ed1c24} 100% {background-color: #ed1c24;} } .progress-bar .c1 {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .progress-bar .c2 {-webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .progress-bar .c3 {-webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .progress-bar .c4 {-webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .progress-bar .c5 {-webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .progress-bar .c6 {-webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .progress-bar .c7 {-webkit-animation-delay: -0s; animation-delay: -0s; } /* 행사상품 자동태그 */ .eventAutoTag {display:inline-block;margin-bottom:3px;height:26px;} .eventAutoTag img {width:auto !important;height: 26px;vertical-align:middle;} /* 행사 태그 필터 */ .lnbGroup .lnbMenu + .evtFilter{margin-top:-5px;} .lnbGroup .lnbMenu + #divTag .evtFilter{margin-top:-5px;} .evtFilter{position:relative;width:194px;height:42px;margin-bottom:20px;} .evtFilter > img{width:100%; height: 100%;border-radius: 4px;} .evtFilter .filterTxt{position:absolute; top:11px;left:17px;font-size: 14px; color: #fff;} .evtFilter .btnWrap {position: absolute;top:14px;right: 18px;width:43px;height: 14px;} .evtFilter .btnWrap .filterToggleBtn{width:100%; height:100%;border:0; outline:0; cursor: pointer;background-color: rgba(0,0,0,.26);border-radius: 7px;} .evtFilter .btnWrap .filterToggleBtn::before{content: ""; position: absolute; top: -5px; left: 0px; display: block; width: 24px; height: 24px; border-radius: 100%; box-shadow:0 0 2px rgba(0,0,0,0.06); background: #fff;cursor:pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.15s cubic-bezier(0.685, 0, 0.255, 1); transition: -webkit-transform 0.15s cubic-bezier(0.685, 0, 0.255, 1); transition: transform 0.15s cubic-bezier(0.685, 0, 0.255, 1); transition: transform 0.15s cubic-bezier(0.685, 0, 0.255, 1), -webkit-transform 0.15s cubic-bezier(0.685, 0, 0.255, 1);} .evtFilter .btnWrap .filterToggleBtn::after{content: "ON"; position:absolute;right:4px;top:2.5px;line-height:9px;font-size:10px;color:rgba(255,255,255,0.3);-webkit-transition:0.20s;-ms-transition:0.20s;transition:0.20s;} .evtFilter .btnWrap .filterToggleBtn.on::before{-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);} .evtFilter .btnWrap .filterToggleBtn.on::after{font-weight:600;color: #f85f84;-webkit-transition:0.20s;-ms-transition:0.20s;transition:0.20s;} /* 상품명 광고 플래그 */ #tooltip-ad{width: auto;white-space: nowrap;box-shadow: 3px 3px 5px 0 #cccccc80;-moz-box-shadow: 3px 3px 5px 0 #cccccc80;-webkit-box-shadow: 3px 3px 5px 0 #cccccc80;} /* AD 아이콘 교체 */ .flag_ad{display: inline-block;width: 34px;height: 16px;margin-top: 1px;margin-right: 2px;text-indent: -99999px;background:url(../images/icon/flag_ad_c.png) right center no-repeat;background-size: 34px 16px;} .prdItem .prdLink:hover .adHover.prdName{text-decoration:none} /* 반품 교환 자가접수 layerpop */ .excReturn_layer {z-index:999; width:380px;padding-bottom: 30px;} .excReturn_layer .popContent {padding:30px 0 20px;border:none} .excReturn_layer .titMain {width:100%} .excReturn_layer .fxTxt {color:#888888;text-align: center;font-size:12px;} .excReturn_layer .poTxt {margin:5px 0 15px; font-size:14px; line-height:22px; letter-spacing:-1; text-align:center;font-weight: bold;color: #000;} .exchangeLayer_in {margin:0 20px 19px;} .exchangeLayer_in li {position:relative; margin-bottom:7px; padding-left:10px; color:#232a32; font-size:13px;} .exchangeLayer_in li:before {content:""; position:absolute; top:8px; left:0; width:3px; height:3px; background:#232a32;} /* soldout 표기 방식 개선 */ .prdItemList .prdItem .soldOut {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.25);} .prdItemList .prdItem .soldOut i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;background: url(../images/temp/ico_soldout_05.png) no-repeat;background-size:100% auto;} /* Apple Trade-In 중고기기 추가 보상 프로그램 팝업 */ .layer-appleTrade .tipLayerContainer {padding:20px 20px 30px;} .layer-appleTrade .tipLayerContainer h3 {line-height:24px;} .appTradeAreaInfo{margin-bottom: 30px;} .appTradeAreaInfo h4{font-size:13px; color:#111; border-bottom:1px solid #ddd; padding-bottom: 9.5px;} .appTradeAreaInfo h4 + p{padding-top:10.5px;} .appTradeAreaInfo p{font-size:12px; color:#111; font-weight:bold; line-height:20px;} .appTradeAreaInfo p > span{font-weight:normal;} .appTradeAreaInfo p > span.brIndent{display:inline-block; text-indent:11px;} .appTradeAreaInfo a.viewMore{display:inline-block; font-size:12px; color:#232a32; margin-top:8px; padding-right:10px; line-height: 20px; background: url(../images/icon/ico_arr9.png) right 5.5px no-repeat;} .appTradeNotice{background-color:#f4f4f4; border-radius:10px; padding:10px;} .appTradeNotice p{color:#6a747c; font-size:12px; margin-bottom:6px; line-height:18px;} .appTradeNotice ul.listText li{color:#6a747c; font-size:12px; padding-left:10px;} .appTradeNotice ul.listText li:before{color:#757575;width:3px;height:3px;border-radius:3px;} .layer-appleTrade-select .tipLayerContainer {padding:20px 20px 30px;} .appTradeSelInfo h4 {margin-bottom:8px;font-size:14px;color:#232a32;} .appTradeSelInfo p {color:#232a32;} .appTradeSelBox {position:relative;margin-top:8px;} .appTradeSelBox select {-webkit-appearance: none; -moz-appearance: none;appearance: none;padding:0 30px 0 16px;padding:0 30px 0 16px\0IE8 !important;height:45px;line-height:45px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:14px;color: #6a747c;background: transparent url(../images/icon/select-apple.png) no-repeat right 16px center;background-size: 14px auto;overflow: hidden;white-space: owrap;text-overflow: ellipsis;} .appTradeSelBox select::-ms-expand {display: none;} .appTradeSelBox select:focus, .appTradeSelBox select.selected {border-color:#232a32;color:#232a32;} .appTradeSelBox .selBoxText {display:none;position: absolute;top: 13px;left:1px;padding:0 0 0 16px;width:300px;font-size:14px;color:#232a32;background: #fff;cursor: default;pointer-events: none;letter-spacing:0;} .appTradeSelBox select.selected + .selBoxText {display:block;} .appTradeSelBox .selBoxText span {padding-right:14px;height:18px;line-height:18px;color:#232a32;background:url(../images/icon/arr_right_pop_apple.png) right 5px no-repeat;} .appTradeSelBox .selBoxText em {margin-left:8px;max-width:180px;height:18px;line-height:18px;display:inline-block;color:#232a32;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;} .appTradeAmends {margin:20px 0;} .appTradeAmends h4 {margin:12px 0 16px;font-size:14px;color:#232a32;} .appTradeAmends em {color:#f5232a;} .appTradeAmends h4 span {font-size:12px;} .appTradeAmends ul li {position:relative;margin-top:10px;padding-left:18px;line-height:14px;font-size:12px;color:#232a32;font-weight:bold;} .appTradeAmends ul li .num {position:absolute;top:0;left:0;width:14px;height:18px;margin-right:4px;line-height:10px;font-size:14px;} .appTradeAmends li p {margin-top:4.5px;color:#6a747c;font-size:12px;font-weight: normal;} .appTradeAmends li p strong {position:relative;padding-left:10px;font-weight: normal;} .appTradeAmends li p strong:before {content:'';position:absolute;left:0;width: 0;height: 0;border: 4px solid transparent;} .appTradeAmends li p .up:before {top:2px;border-bottom: 6px solid #6a747c;} .appTradeAmends li p .down:before {top:6px;border-top: 6px solid #6a747c;} .appTradeMore{margin-top:30px; text-align:right;} .appTradeMore a.viewMore{display:inline-block; font-size:12px; color:#232a32; padding-right:10px; line-height: 20px; background: url(../images/icon/ico_arr9.png) right 5.5px no-repeat;} .appTradeMore .btnArea {padding-bottom:0;} .appTradeBtn {margin:20px 0 0;} .appTradeBtn button {display:block;width:100%;height:36px;line-height:36px;cursor:pointer;} .appTradeBtn .btnSelect {font-size:12px;color:#f5232a;font-weight:bold;border:1px solid #f5232a;background:#fff;} .appTradeBtn .btnSelect[disabled] {color:rgba(106,116,124,0.4);border-color:#ddd;background:#f4f4f4;} .appTradeRadio {margin-top:24px;font-size:0;} .appTradeRadioTit {margin:20px 0 8px;font-size:12px;color:#6a747c;} .appTradeRadio .inpRadioLine {margin-right:6px;} .appTradeSelTit {margin-top:20px;font-size:12px;color:#6a747c;}