/* =============================================================================================== # makeshop 공통 스타일 시트 # 저작자 : 스마트스킨 | (주)유니드커뮤니케이션즈 스마트스킨 사업부 # 최초 작성일 : 2015 - 09 - 15 * 디자인 문의 고객센터: 02-1544-6297 * 본 문서의 소스와 정보에 대한 모든 권리는 스마트스킨((주)유니드커뮤니케이션즈))에게 있습니다. * 사전 동의없이는 동일,유사의 수준에서 어떠한 형식과 방법으로든 무단 도용을 금합니다. * 만일 위와 같은 권고에도 불구하고 무단 도용시 저작권법에 의거하여 법적인 제재를 받으실 수 있습니다. =============================================================================================== */ /* ================================================================== - 공통 CSS - ================================================================== */ /*==================================================== 스와이퍼 기본 시작 ====================================================*/ .swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}.swiper-container{display:none;margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.SMS_swiper_buttonNext,.SMS_swiper_buttonPrev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px;-webkit-background-size:27px;background-size:27px;background-position:center;background-repeat:no-repeat}.SMS_swiper_buttonNext.swiper-button-disabled,.SMS_swiper_buttonPrev.swiper-button-disabled{opacity:1;cursor:auto;pointer-events:none}.SMS_swiper_buttonPrev,.swiper-container-rtl .SMS_swiper_buttonNext{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRENENTRFNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDRENENTRGNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNEQ0Q1NEM3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUNEQ0Q1NEQ3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Nqd0BAAAB/UlEQVR42uzd0U3DQAyA4YQJGCFMACOUTViBCWEDwiZlgnCRGjVCpFIfcvl9/i35pX3zV1/ai9Prp2nqDE70gghiCCKIQQbp+z5aXR5LDiXH9Ys1avXgZ/JfjI9LvtghDIwF4lzydemUKrUSZBOj+4siyPEYa5SnUquz15DjMeZ4v6DsH3OH7J1wjK+5DDfyrWqtEoPchSEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwDEFgGILAMASBYQgCwxAEhpEdBIeRGQSJkRUEi5ERBI2RDQSPkQkkBEYWkDAYGUBCYbQOEg6jZZCQGK2ChMVoESQ0Rmsg4TFqgdR8Tj3cP9C024bXJWt0yeJd1MOitPy1NyRK6z8Mw6Fk2DoJhZJlczEMSqbt9xAo2W5Q4VEy3sJFo2QdcsCiZB4DQqJkH5TDoThKCkNx2BqGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMpUatPOD+ivJZ8nnj/Z+Sgwfc14u50KeS3xsYp67SAfd2yO1OWTDGZckS5DiUYY0hyPEowxqjKRBDEEEMQQQx9o9fAQYAlAdzeWeYpz4AAAAASUVORK5CYII=);left:10px;right:auto}.SMS_swiper_buttonPrev.swiper-button-black,.SMS_swiper_buttonPrev.swiper-button-white,.swiper-container-rtl .SMS_swiper_buttonNext.swiper-button-black,.swiper-container-rtl .SMS_swiper_buttonNext.swiper-button-white{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlDRENENTRFNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlDRENENTRGNzk2MjExRTVBQURCOUJDMDkwRDExNUMxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUNEQ0Q1NEM3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUNEQ0Q1NEQ3OTYyMTFFNUFBREI5QkMwOTBEMTE1QzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6Nqd0BAAAB/UlEQVR42uzd0U3DQAyA4YQJGCFMACOUTViBCWEDwiZlgnCRGjVCpFIfcvl9/i35pX3zV1/ai9Prp2nqDE70gghiCCKIQQbp+z5aXR5LDiXH9Ys1avXgZ/JfjI9LvtghDIwF4lzydemUKrUSZBOj+4siyPEYa5SnUquz15DjMeZ4v6DsH3OH7J1wjK+5DDfyrWqtEoPchSEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwDEFgGILAMASBYQgCwxAEhpEdBIeRGQSJkRUEi5ERBI2RDQSPkQkkBEYWkDAYGUBCYbQOEg6jZZCQGK2ChMVoESQ0Rmsg4TFqgdR8Tj3cP9C024bXJWt0yeJd1MOitPy1NyRK6z8Mw6Fk2DoJhZJlczEMSqbt9xAo2W5Q4VEy3sJFo2QdcsCiZB4DQqJkH5TDoThKCkNx2BqGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMpUatPOD+ivJZ8nnj/Z+Sgwfc14u50KeS3xsYp67SAfd2yO1OWTDGZckS5DiUYY0hyPEowxqjKRBDEEEMQQQx9o9fAQYAlAdzeWeYpz4AAAAASUVORK5CYII=)}.SMS_swiper_buttonNext,.swiper-container-rtl .SMS_swiper_buttonPrev{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFOEFCMjQzNzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFOEFCMjQ0Nzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4QUIyNDE3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4QUIyNDI3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/65zUAAACAklEQVR42uzdYUrDQBCG4Ub8397EHkFv4hG8od5APYE5gjeIG2ggFFtFcPLOzvvB/GhaWJiH2S2FJsM0TTvDyY0tEMQIIoj5Y24jFhmG4fzSsdXY6jNTsyK+AG0xITPGy6kOzsS2IAvGvtWdKNuCrDGWiHK+vUfsi+0MOZzOjP2Fj7y3uqefKT2dIXOjn66876Ss1f+7Vnmcl7xSb2SUkF4Fg6RG6RUkLUrPIClRegdJh1IBJBVKFZA0KJVAUqBUA8GjVARBo1QFwaJUBkGiVAfBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhhLRK+8G9MtfTeJWckJ+mo5XtywghiAwDEFgGILAMASBYQgCwxAEhiEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwjOogOIzKIEiMqiBYjIogaIxqIHiMSiApMKqApMGoAJIKo3eQdBg9g6TE6BUkLUaPIKkxokAiH3D/caXh8x/zH3Y+4D70AfeXGp4CIyqRd3L4rvFinO8mQVvW+uWx1XOrMRtGSK82AFlQxmyT0Q2IYZ4hRhBBjCB95UuAAQA9qUmo5q5vZgAAAABJRU5ErkJggg==);right:10px;left:auto}.SMS_swiper_buttonNext.swiper-button-black,.SMS_swiper_buttonNext.swiper-button-white,.swiper-container-rtl .SMS_swiper_buttonPrev.swiper-button-black,.swiper-container-rtl .SMS_swiper_buttonPrev.swiper-button-white{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFOEFCMjQzNzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFOEFCMjQ0Nzk2MjExRTU4MEM2QzQ3RDA3ODZBMkIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU4QUIyNDE3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU4QUIyNDI3OTYyMTFFNTgwQzZDNDdEMDc4NkEyQjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/65zUAAACAklEQVR42uzdYUrDQBCG4Ub8397EHkFv4hG8od5APYE5gjeIG2ggFFtFcPLOzvvB/GhaWJiH2S2FJsM0TTvDyY0tEMQIIoj5Y24jFhmG4fzSsdXY6jNTsyK+AG0xITPGy6kOzsS2IAvGvtWdKNuCrDGWiHK+vUfsi+0MOZzOjP2Fj7y3uqefKT2dIXOjn66876Ss1f+7Vnmcl7xSb2SUkF4Fg6RG6RUkLUrPIClRegdJh1IBJBVKFZA0KJVAUqBUA8GjVARBo1QFwaJUBkGiVAfBoQgCQxEEhiIIDEUQGIogMBRBYCiCwFAEgaEIAkMRBIYiCAxFEBiKIDAUQWAogsBQBIGhCAJDEQSGIggMRRAYiiAwFEFgKILAUASBoQgCQxEEhhLRK+8G9MtfTeJWckJ+mo5XtywghiAwDEFgGILAMASBYQgCwxAEhiEIDEMQGIYgMAxBYBiCwDAEgWEIAsMQBIYhCAxDEBiGIDAMQWAYgsAwBIFhCALDEASGIQgMQxAYhiAwjOogOIzKIEiMqiBYjIogaIxqIHiMSiApMKqApMGoAJIKo3eQdBg9g6TE6BUkLUaPIKkxokAiH3D/caXh8x/zH3Y+4D70AfeXGp4CIyqRd3L4rvFinO8mQVvW+uWx1XOrMRtGSK82AFlQxmyT0Q2IYZ4hRhBBjCB95UuAAQA9qUmo5q5vZgAAAABJRU5ErkJggg==)}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:6px;height:6px;border-radius:20px;display:inline-block;background:#333;opacity:.3}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#000}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:2px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow{z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-slide img{width:100%;vertical-align:middle} /*==================================================== 스와이퍼 기본 끝 ====================================================*/ *,body{-webkit-text-size-adjust:none}body,button,dd,dl,dt,fieldset,fieldset legend,figure,form,h1,h2,h3,h4,h5,h6,input,label,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body{font-family:"Helvetica Neue",Helvetica,NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;position:relative;font-size:.75em;line-height:1.417em;color:#3b3b3b;height:100%;}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;word-break:break-all}li,ol,ul{list-style:none}fieldset,img{border:none}img{vertical-align:top}fieldset{border:0}fieldset legend{position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font:0/0 Arial}address,em{font-style:normal}button,input,select,table,textarea{font-size:inherit;font-family:inherit;line-height:inherit;color:#3b3b3b}label{cursor:pointer}table{border-collapse:collapse;border-spacing:0}button img,hr{display:none} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'NanumSquareR', sans-serif; list-style: none; } /* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea { box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Droid Sans', sans-serif; list-style: none; } */ select { padding-left: 0 41px 0 10px; -webkit-appearance: none; border: 1px solid #ccc; background: #fff url("img/select_ico.gif") center right no-repeat; background-size: 31px 31px; box-sizing: border-box; -webkit-box-sizing: border-box; height: 35px; line-height: 35px; } section#page_title{ /* display: none; */ } #page_title .top_title{ font-family: "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif; position: relative; text-align: left; font-size: 14px; background: #fff; height: 50px; line-height: 48px; font-weight: normal; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #Ddd; padding-left: 10px; } .page_location { padding: 0 ; } .page_location li::after { content: ">"; margin: 0 7px; } .page_location li:last-child::after { content: ""; margin:0; } /* float clear*/ .cb_clear:before, .cb_clear:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .cb_clear:after { clear: both; } .cb_clear { zoom: 1; } section#footer .bottom_menu{ margin: 0; } #HamburgerPage { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"]{ -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="checkbox"], input[type=radio] { -webkit-appearance: button; border: double 1px #ddd; color: #000; white-space: nowrap; overflow: hidden; width: 17px !important; height: 17px !important; margin-right: 2px; margin-bottom: 1px; border-radius: 3px !important; background-image: url("img/check_input.gif"); background-size: 100%; background-color: #ddd; border-left-color:#ddd; border-right-color:#ddd; border: double 1px #ddd; transition: 0.4s !important; } input[type="checkbox"]:checked, input[type=radio]:checked { border-radius: 3px !important; color: #000 !important; background-image: url("img/check_input.gif") !important; background-position: center !important; background-size: 100% !important; background-color: #57951f !important; border-left-color:#57951f !important; border-right-color:#57951f !important; border: double 1px #57951f !important; } div.none-data p{ font-size: 1.3em; font-weight: bold; background: #E6E6E6; padding: 15px; border: 1px solid #ddd; } /* ================================================================== - 게시판 > 기본 커스텀 시작 ================================================================== */ #boardlist{ } section#gallery-boardlist .search, section#boardlist .search{ margin-bottom:10px; overflow: hidden; height: 53px !important; /* background: #efefef; border-bottom: 1px solid #DEDEDE; padding: 10px !important; */ width: 100% !important; } section#boardContent .title{ padding: 0; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #000; } section#boardContent .title div{ padding: 5px 5px 0px 10px; } section#boardContent .title .subject-text{ border-bottom: 1px solid #DEDEDE; } section#boardContent .subject-text { font-weight: bold; margin-top: 0; margin-right: 0; line-height: 32px; table-layout: fixed; width: 100%; word-wrap: break-word; word-break: break-all; background: #efefef; } section#page_title .btn_write { position: absolute; top: 10px; } section#boardlist #board-table .data-row .data-box .bullet{ background-size: 8px; } /* section#boardlist #board-table .data-row{ border-bottom: 1px solid #efefef; } */ section#gallery-boardlist .first, section#boardlist .first{ font-size: 14px; text-align: center; background: #f7f7f7; border: 1px solid #ddd; padding: 10px; width: 90%; margin: 20px auto; display: block; } section#boardlist #board-table .data-row .data-box .subject-text{ font-size:14px; } section#gallery-boardlist #board-table .title .box{ margin-bottom: 10px; } section#boardContent .contents_holder .section_lyrics{ font-size: 13px; overflow: hidden !important; height: auto !important; } section#boardContent .contents_holder #lyricText{ overflow: hidden !important; height: auto !important; padding: 10px !important; } section#boardContent .contents_holder{ font-size: 13px; padding-left: 0; margin-top: 10px; margin-bottom: 0; table-layout: fixed; width: 100%; word-wrap: break-word; word-break: break-all; padding: 15px; text-align:center; } section#boardContent .btn_center{ overflow: hidden; height: 55px; } section#boardContent .btn_center button{ background: #5a5a5a; /*border: 1px solid #C3C3C3;*/ color: #b7b7b7; float: right; } section#boardContent form[name="frmComment_"]{ padding: 10px; border-top: 1px solid #ddd; background: #efefef; } section#boardContent form[name="frmComment_"] .memo{ font-size: 12px; padding: 10px; border-radius: 2px; margin-bottom: 10px; } section#boardContent form[name="frmComment_"] .memo-box { border: 1px solid #dedede; float: left; width: 70%; height: 76px; margin-bottom: 10px; } section#boardContent form[name="frmComment_"] .comment_button{ height: 76px; padding: 0px; margin: 0px; width: 95%; border: 1px solid #B9B9B9; background: #CECECE; color: #565656; font-size: 14px; font-weight: bold; float: right; } section#boardContent form[name="frmComment_"] tbody tr{ margin-bottom: 10px; } section#boardContent form[name="frmComment_"] tbody tr .stxt{ font-size: 12px; margin-top: 10px; display: block; height: 40px; line-height: 40px; } section#boardContent input[name="captcha_key"]{ height: 40px !important; line-height: 40px !important; border: 1px solid #D2D2D2; border-radius: 3px; font-size: 12px; padding: 0 10px; } section#boardContent form[name="frmComment_"] a div{ background: #fff !important; border: 1px solid #BDBDBD !important; color: #444 !important; } section#board-delete .content{ font-size: 13px; width: 100%; line-height: 21px; padding: 10px 65px; } /* ================================================================== - 게시판 > 기본 커스텀 끝 ================================================================== */ .SMS_mypage_navi { display: block; width: 100%; padding: 0; text-align: center; border-bottom: 1px solid #ddd; background: #EFEFEF; overflow: hidden; } .SMS_mypage_navi a{ width: 33.3%; display:inline-block; float:left; height: 30px; line-height: 30px; padding: 0px; text-align:center; font-size: 12px; margin: 0; vertical-align: top; border-right: 1px solid #ddd; color: #989898; } .SMS_mypage_navi a.btn_selecet{ color: #000000; font-weight: bold; } .SMS_mypage_navi a:last-child{ border-right: none; } .SMS_naviJoin{ display: block; width: 100%; height: 35px; line-height: 35px; padding: 0; text-align: center; border-bottom: 1px solid #ddd; background: #fff; overflow: hidden; font-size: 13px; } .SMS_naviJoin li{ color: #a7a7a7; display: inline-block; margin: 0 12px; } .SMS_naviJoin li.now{ font-weight: bold; color: #57951f; } /*==================================================== 홈버튼 추가 시작 ====================================================*/ #iosBookmark{ position: fixed; bottom: 0px; left: 50%; margin-left: -90px; width: 180px; background: #f7f7f7; border-radius: 3px; box-shadow: 0px 0px 6px rgba(29, 29, 29, 0.48); padding: 0px 0px 15px 0; z-index: 9999; display: none; } #iosBookmark .iosB_text b{ display: block; width: 60px; height: 60px; border-radius: 70px; margin: 11px auto; border: 4px solid #DADADA; background-color: #fff; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAA6CAMAAAD4IJuIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzMTI2NzlBRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzMTI2NzlCRkVDMzExRTQ5MzkwQTQ1QkNDQzVEN0Q3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDMxMjY3OThGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDMxMjY3OTlGRUMzMTFFNDkzOTBBNDVCQ0NDNUQ3RDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yz7w9AAAANlBMVEX///+mz/qhzPubyPuVxvuSxfuPw/uJwPuGvvuAu/t+uvt+uvx7uPx4t/wylP41lf4Aev8DfP+3CVdXAAAAEHRSTlMAmKWvubzBycvS1dfY3Pz8E52r6QAAAHZJREFUSMft00sKhEAMRdGntn9Lb+1/sw60EWnQlBNbzB2GMwiBSDfUdUkaEvwA0Cdpsx+ghdboAzQCNSYfoJJAqgw+EAstXJ9TXxNzfbmKSHnsx0wbVz7ZrrNya8/h7Nr47/waP1/GuXPnlu917vxd3NJV/i/NJEIXn6FPCTcAAAAASUVORK5CYII="); background-repeat: no-repeat; background-size: 45%; background-position: center; } #iosBookmark .iosB_text{ line-height: 20px; color: #6B6B6B; text-align: center; font-size: 13px; } /*==================================================== 홈버튼 추가 시작 끝 ====================================================*/ /* ================================================================== - 마이페이지 > 마이페이지 메인 - /m2/myp/menu_list.php ================================================================== */ .SMS_all_header{ position: relative; text-align: center; font-size: 15px; background: #fff; height: 42px; line-height: 40px; font-weight: bold; /*border-top: 1px solid #DCDCDC;*/ border-bottom: 1px solid #Ddd; display:none; } .SMS_all_header a{ display: block; position: absolute; top: 8px; left: 8px; width: 25px; height: 25px; background: center no-repeat url("img/myp_back.png"); /* background-color: #F2F2F2; border: 1px solid #ddd; */ border-radius: 3px; background-size: 75%; } .Header_style_add a{ display: block; position: absolute; top: 8px; left: 8px; width: 25px; height: 25px; background: center no-repeat url("img/myp_back2.png"); /* background-color: #F2F2F2; border: 1px solid #ddd; */ border-radius: 3px; background-size: 75%; } .SMS_backBtn a{ display: block; font-size: 14px; font-weight: bold; background: #444; height: 40px; line-height: 40px; text-align: center; /* border-radius: 4px; */ margin: 0 20px 40px; color: #fff; } #SMS_mypage_warp{ } /* 로그아웃 텍스트 */ #SMS_mypage_warp .myp_logout{ padding: 27px 22px 22px 22px; font-size: 12px; } #SMS_mypage_warp .myp_logout .myp_logout_container{ padding: 0 4px; } #SMS_mypage_warp .myp_logout .sub_title{ font-weight: bold; font-size: 14px; display: block; margin: 0 0 10px 0; text-align: center; } #SMS_mypage_warp .myp_logout .sub_title .fc_red{ color: #E06772; } #SMS_mypage_warp .myp_logout_footer{ border: 1px solid #ddd; padding: 13px; line-height: 19px; background: #efefef; border-radius: 3px; margin: 10px auto; } #SMS_mypage_warp .joinform .container{ overflow: hidden; } #SMS_mypage_warp .joinform .container div{ width: 50%; display: inline-block; float: left; font-size: 13px; font-weight: bold; text-align: center; padding: 4px; } #SMS_mypage_warp .joinform .container div span{ display: block; border: 1px solid #ddd; background: #fff; height: 35px; line-height: 35px; border-radius: 3px; } #SMS_mypage_warp .joinform .container div span.joinform_txt{ border: none; background: #E06772; color: #fff; } /* #SMS_mypage_warp .user_h{ position: relative; padding: 30px 35px 10px 96px; overflow: hidden; font-size: 1.2em; max-width: 620px; margin: 0 auto; text-align:center; /*background: url('/shop/data/skin_mobileV2/Smartskin/SkinImg/mypage_icon.jpg') no-repeat 40%; } */ #SMS_mypage_warp .user_h div{ font-size: 16px; font-weight: bold; color: #a2a2a2; padding: 0px 0 15px; margin: 0 0 6px; /*border-bottom: 2px solid #3E3E3E;*/ line-height: 32px; } #SMS_mypage_warp .user_h b{ font-size: 26px; font-weight: bold; color: #444; letter-spacing:-0.4px; } /* 쇼핑정보 시작 */ #SMS_mypage_warp .myp_user_info{ position: relative; padding: 0px 35px 0px 35px; overflow: hidden; font-size: 1.2em; max-width: 620px; margin: 0 auto; } #SMS_mypage_warp .myp_user_info .tit_user{ margin: 0 0 6px; line-height: 25px; font-size: 15px; } #SMS_mypage_warp .myp_user_info .tit_user span{ display: inline-block; font-weight: bold; color: #444; } #SMS_mypage_warp .myp_user_info .tit_user b{ display: inline-block; font-weight: normal; color: #8C8C8C; } #SMS_mypage_warp .myp_user_info span.tit_user{ text-align: left; } #SMS_mypage_warp .myp_user_info .grp{ border-top: 1px solid #eee; margin: 10px 0 0; padding: 10px 0 0; line-height: 25px; color: #8C8C8C; font-size: 1.1em; } #SMS_mypage_warp .myp_user_info .grp .grp_h{ color: #444; font-weight: bold; } #SMS_mypage_warp .myp_user_info .myp_cart{ position: absolute; top: 1px; right: 35px; width: 45px; height: 45px; background-image: url("img/myp_cart.gif"); background-repeat: no-repeat; background-size: 100%; } #SMS_mypage_warp .myp_user_info .myp_cart span{ position: absolute; top: 5px; right: 0px; padding: 0px 6px; line-height: 19px; color: #fff; font-size: 1em; font-weight: normal; text-align: center; border-radius: 18px; background: rgb(255, 113, 113); z-index: 10; } /* 쇼핑정보 끝 */ /* 포인트 적립금 예치금 쿠폰 시작 */ #SMS_mypage_warp .myp_points{ overflow:hidden; text-align: center; /* padding: 10px 10px; max-width: 620px; margin: 0 auto; */ border-top: 1px solid #d9d9d9; } #SMS_mypage_warp .myp_points ul{ display:box; display:-webkit-box; display:-moz-box; box-orient:horizontal; -webkit-box-orient:horizontal; -moz-box-orient:horizontal; } #SMS_mypage_warp .myp_points li{ width: 100px; height: 50px; /* padding: 17px 0 0 0; padding:0 3px; */ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; font-size: 15px; line-height: 50px; } #SMS_mypage_warp .myp_points li:first-child{ border-right: 1px solid #d9d9d9; } #SMS_mypage_warp .myp_points li .myp_icon{ width: 60px; height: 60px; border-radius: 50px; margin: 0 auto 5px; background-color: #FFF; background-image: url("img/myp_ico.gif"); background-repeat: no-repeat; background-size: 180px; border: 2px solid #DEDEDE; } #SMS_mypage_warp .myp_points li a{ color: #6F6F6F; font-size: 1.2em; } #SMS_mypage_warp .myp_points li em{ color: #d75600; font-weight: bold; padding-left:15px; } #SMS_mypage_warp .myp_points li .num_i{ background-position: 8px 11px; } #SMS_mypage_warp .myp_points li .money_i{ background-position: -39px 9px; } #SMS_mypage_warp .myp_points li .coupon_i{ background-position: -86px 13px; } #SMS_mypage_warp .myp_points li .point_i{ background-position: -135px 14px; } /* 포인트 적립금 예치금 쿠폰 끝 */ /* 회원 혜택 */ #SMS_mypage_warp .mypageinfo-detail{ position: relative; padding: 0 34px; overflow: hidden; max-width: 620px; margin: 0 auto 10px; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody{ border: 1px solid #ddd; padding: 15px; border-radius: 3px; font-size: 14px; color: #444; background: #F5F5F5; margin: 10px 0 0 0; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody .sub_title{ font-weight: bold; margin-bottom: 4px; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody .user_group{ font-size: 12px; color: #8C8C8C; display: block; margin-bottom: 10px; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody .user_group .user_level{ color: #77b9fa; font-weight: bold; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody .benefit_content li{ font-size: 12px; display: block; margin-bottom: 10px; } #SMS_mypage_warp .mypageinfo-detail .mypageinfoBody .list_num{ display: block; color: #E06772; font-weight: bold; font-size: 12px; margin-bottom: 5px; } /* 하단 메뉴 시작 */ #SMS_mypage_warp .myp_btn{ padding: 20px; background: #f6f6f6; border-top: 1px solid #E2E2E2; } #SMS_mypage_warp .myp_btn .myp_links{ /* background: #fff; border: 1px solid #E4E4E4; border-radius: 7px; */ padding:0 10px; max-width: 550px; margin: 0 auto 20px; } #SMS_mypage_warp .myp_btn .myp_links ul{ overflow: hidden; } #SMS_mypage_warp .myp_btn .myp_links li{ position: relative; } #SMS_mypage_warp .myp_btn .myp_links li p{ position: relative; display: block; width: 100%; height: 40px; line-height: 40px; text-indent: 10px; font-size: 13px; border-bottom: 1px solid #d8d8d8; } #SMS_mypage_warp .myp_btn .myp_links li:last-child p{ border-bottom: none; } #SMS_mypage_warp .myp_btn .myp_links li{ color: #0d0d0d; } #SMS_mypage_warp .myp_btn .myp_links li span{ position: absolute; right: 3px; top: 10px; background: #b2d466; width: 26px; height: 26px; line-height: 26px; border-radius: 20px; color: #fff; display: inline-block; text-align: center; text-indent: 0; font-size: 12px; font-weight: bold; } #SMS_mypage_warp .myp_btn .myp_links li p:after{ content: "\f105"; font-family: FontAwesome; font-size: 14px; margin-right: 9px; color: #ADADAD; float: right; font-weight: normal; } #SMS_mypage_warp .myp_btn .withdraw{ position: relative; border-radius: 7px; overflow: hidden; padding: 0 10px; background-color: #DCDCDC; max-width: 550px; margin: 0 auto 20px; } #SMS_mypage_warp .myp_btn .withdraw p{ display: block; margin: 0px auto 0; height: 40px; line-height: 40px; text-indent: 10px; color: #7D7D7D; font-size: 13px; border-bottom: 1px solid #CACACA; } #SMS_mypage_warp .myp_btn .withdraw p:after{ content: "\f105"; font-family: FontAwesome; font-size: 14px; padding: 0 10px; color: #ADADAD; float: right; font-weight: normal; } #SMS_mypage_warp .myp_btn .withdraw li:last-child p{ border-bottom: none; } #SMS_mypage_warp .myp_links_header{ height: 40px; line-height: 30px; padding: 0 4px; font-size: 16px; font-weight: bold; color: #6F6F6F; max-width: 550px; margin: 20px auto 3px; text-align: center; border-bottom: 2px solid #d8d8d8; letter-spacing: -0.3px; } /* 회원정보수정 버튼 시작 */ #SMS_mypage_warp .myp_btn .main_area{ display: block; background: #000; height: 40px; line-height: 40px; text-align: center; margin: 20px auto 30px; width: 100%; max-width: 550px; border-radius: 0px; font-weight: bold; } #SMS_mypage_warp .myp_btn .main_area a{ display: block; color: #fff; font-size: 14px; } /* 하단 메뉴 끝 */ /* ================================================================== - 마이페이지 > 주문내역 /m2/myp/orderlist ================================================================== */ #SMS_order_list{ background: #fff!important;; } #SMS_order_list #SMS_order_list{ padding:0 15px; background: #F6F6F6; } #SMS_order_list #order-list .sms_my_order .sms_my_order_p{ border-bottom: 2px solid #3E3E3E; padding: 6px 0 20px 0; } #SMS_order_list #order-list li h4{ padding: 10px 10px 3px 13px; background-color: #fff; } #SMS_order_list section#norderlist { } #SMS_order_list section#norderlist { padding: 20px 12px; font-size:13px; } #SMS_order_list section#norderlist .sub_title { height: 35px; line-height: 33px; color:#000; font-weight:bold; font-size:14px; text-indent: 3px; } #SMS_order_list section#norderlist .sub_title .point { width:4px; height:22px; background: none; float:left; margin-right:7px; } #SMS_order_list section#norderlist table { border:none; width:100%; margin-bottom: 30px; background:#fff; border-radius: 3px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #000; } #SMS_order_list section#norderlist table td { padding: 8px 8px 8px 10px; vertical-align:middle; border-bottom:solid 1px #dbdbdb; word-break:break-all; } #SMS_order_list section#norderlist table th { padding: 8px 0px 8px 0px; text-align: center; background: #f5f5f5; width: 100px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; color: #4E4E4E; font-size: 12px; font-weight: bold; } #SMS_order_list section#norderlist .goods-nm { color:#353535; font-weight:bold; fonst-size:14px; margin-bottom:5px; overflow:hidden; } #SMS_order_list section#norderlist .goods-price { color:#d75600; font-weight: bold; font-size: 14px; } #SMS_order_list section#norderlist .ord_more_btn { background:#000; width: 90px; height:30px; line-height:32px; border:none; color:#FFFFFF; text-align:center; float:right; font-size: 12px; } #SMS_order_list section#norderlist .more-btn { border: none; background: #444; color: #fff; text-align: center; width: 150px; margin: 0 auto; height: 35px; line-height: 35px; font-size:14px; border-radius: 3px; } /* ================================================================== - 마이페이지 > 주문내역 상세보기 /m2/myp/orderview ================================================================== */ #SMS_orderview{ background: #F6F6F6; /* padding: 20px; */ } #SMS_orderview #orderview{ padding: 0; font-size: 12px; } #SMS_orderview section#orderview .item_list>ul .oil_name{ text-shadow: none; padding: 0 10px 0 0; } #SMS_orderview section#orderview .item_list>ul > li dl{ line-height: 20px; } #SMS_orderview section#orderview .item_list>ul{ border: none; } #SMS_orderview section#orderview .item_list>ul > li{ background: #fff; border-top: none; border-bottom: none; /* border: 1px solid #ddd; */ } section#orderview .info td:last-child{ border-right: none; } #SMS_orderview section#orderview .item_list>ul > li:first-child{ border-bottom: 1px solid #e5e5e5; } #SMS_orderview section#orderview .item_list>ul .oil_img{ width: 60px; } #SMS_orderview section#orderview .info th, #SMS_orderview section#orderview .info td{ height: 35px; line-height: 35px; padding: 0 10px; text-align: left; } #SMS_orderview section#orderview .info th{ width: 105px; } #SMS_orderview section#orderview .info td{ background: #fff; } #SMS_orderview section#orderview .info td #paper_settlement{ color: #d75600; } /* ================================================================== - 마이페이지 > 쿠폰 내역 /m2/myp/couponlist ================================================================== */ #SMS_coupon_list{ background:#fff; padding: 20px; } #SMS_coupon_list .sms_my_cou_p{ position: relative; border-bottom: 2px solid #3E3E3E; padding: 6px 0 20px 0; font-size: 16px; font-weight: bold; line-height: 20px; } #SMS_coupon_list .sms_my_cou_p .coupon_add_btn{ position: absolute; bottom: 14px; right: 0px; border: 1px solid #bfbfbf; background-color: #f6f6f6; color: #454545; padding: 5px 22px; text-align: center; font-weight: bold; /*border-radius: 20px;*/ font-size: 12px; } #SMS_coupon_list .sms_my_cou_p .coupon_add_btn.select_bg { background-color: #303030 !important; color: #fff !important; } #SMS_coupon_list .coupon_length{ font-size: 13px; color: #949494; /* text-align: center; margin: 20px 0 20px 0; */ display: inline-block; vertical-align: top; } #SMS_coupon_list .coupon_length b{ display: inline-block; background: #b2d466; text-align: center; width: 23px; height: 23px; line-height: 23px; border-radius: 30px; color: #fff; margin: 0 2px 0 0; vertical-align: middle; } #SMS_coupon_list #regist-coupon-layer { position : relative; width : 100%; display : none; /* background: #f7f7f7; border: 1px solid #ddd; */ border-radius: 3px; margin: 20px 0 20px 0; } #SMS_coupon_list .regist_coupon_title { background:#313030; width:100%; border-top-left-radius:1em; border-top-right-radius:1em; height:45px; border-bottom:solid 1px #b2b2b2; margin-bottom:6px; position: relative; } #SMS_coupon_list .regist_coupon_title .title{ padding-left:14px; line-height:45px; font-size:16px; font-weight:bold; color:#FFFFFF; font-family:dotum; } #SMS_coupon_list .regist_coupon_title .close { position: absolute; line-height:45px; font-size:16px; font-weight:bold; color:#FFFFFF; font-family:dotum; top: 7px; right: 10px; cursor: pointer; width:31px; height:32px; } #SMS_coupon_list #background { position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : #000000; display : none; z-index: 999; } #SMS_coupon_list section#content-wrap { } #SMS_coupon_list section#coupon-list { background-color: #eeeeee; min-height: 100%; } #SMS_coupon_list section#coupon-list table { width: 100%; } #SMS_coupon_list section#coupon-list th { font-size: 12px; font-weight: bold; color: #353535; height: 33px; line-height: 33px; border: solid 1px #DBDBDB; } #SMS_coupon_list section#coupon-list th.first { border: solid 1px #DBDBDB; } #SMS_coupon_list section#coupon-list td { height: 65px; border: solid 1px #DBDBDB; font-size: 12px; text-align: center; color: #353535; background-color: #FFFFFF; font-family: Dotum; vertical-align: middle; } #SMS_coupon_list section#coupon-list td.first { border-left: solid 1px #DBDBDB; } #SMS_coupon_list section#coupon-list td.left { padding-left: 10px; } #SMS_coupon_list section#coupon-list .name { font-size: 14px; color: #353535; height: 25px; line-height: 25px; vertical-align: bottom; overflow: hidden; text-align: left; margin-top: 12px; } #SMS_coupon_list section#coupon-list .remain { font-size: 12px; height: 20px; line-height: 20px; vertical-align: top; color: #DC3737; text-align: left; margin-bottom: 8px; } #SMS_coupon_list section#coupon-list .remain span { font-weight: bold; } #SMS_coupon_list section#coupon-list .notused { font-weight: bold; color: #444; } #SMS_coupon_list section#coupon-list .used { font-weight: bold; color: #797979; } #SMS_coupon_list section#coupon-list .nolist { border-left: solid 1px #DBDBDB; } #SMS_coupon_list section#coupon-action { margin: 10px auto; text-align: center; } #SMS_coupon_list button#regist-coupon { bottom: 35px; border: 2px solid #77b9fa; background-color: #fff; color: #77b9fa; padding: 8px 12px; text-align: center; font-weight: bold; border-radius: 20px; font-size: 13px; margin: 0 auto; } #SMS_coupon_list .coupon-number { height: 58px; line-height: 58px; font-size: 12px; color: #353535; text-align: center; } #SMS_coupon_list .coupon-number .inputnum { font-size: 12px; font-weight: bold; text-align: center; color: #444; padding: 3px 0; width: 18%; height: 35px; line-height: 35px; } #SMS_coupon_list .coupon-number .inputnum:focus{ background: #444; color: #fff; } #SMS_coupon_list .coupon-regist-description { text-align: center; margin-top: 15px; font-size: 12px; color: #353535; } #SMS_coupon_list .confirm-coupon-wrap { margin-top: 15px; text-align: center; } #SMS_coupon_list button#confirm-coupon { width: 100%; height: 35px; background: #b2d466; color: #FFFFFF; font-size: 14px; font-weight: bold; border: none; cursor: pointer; } /* 모바일전용, 무통장전용 쿠폰*/ #SMS_coupon_list .couponInfoOnlyBtn { width: 100%; height: 23px; margin-bottom: -5px; } #SMS_coupon_list .onlyMobileCouponBtn { float: left; margin: 5px 3px 0 0; width: 55px; height: 20px; color: #ffffff; font-size: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #56ca81; font-weight: bold; text-align: center; line-height: 20px; } #SMS_coupon_list .onlyBankBookCouponBtn { float: left; margin: 5px 3px 0 0; width: 55px; height: 20px; color: #ffffff; font-size: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #7b9ff0; font-weight: bold; text-align: center; line-height: 20px; } /* ================================================================== - 마이페이지 > 적립금 내역 [mp_reserve.css] ================================================================== */ #SMS_reserve_list{ background:#fff; padding: 20px; } #SMS_reserve_list section#nemoneylist { } #SMS_reserve_list .SMStotalPointNumber { text-align: left; padding: 0; font-weight: bold; font-size: 15px; height: 40px; line-height: 40px; border-bottom: 2px solid #444; margin: 0 0 10px 0; } #SMS_reserve_list .SMStotalPointNumber_p, #SMS_reserve_list .SMStotalPointNumber_m{ font-size: 14px; height: 27px; line-height: 27px; } #SMS_reserve_list .SMStotalPointNumber b, #SMS_reserve_list .SMStotalPointNumber_p b, #SMS_reserve_list .SMStotalPointNumber_p span, #SMS_reserve_list .SMStotalPointNumber_m b, #SMS_reserve_list .SMStotalPointNumber_m span{ float: right; } #SMS_reserve_list .SMStotalPointNumber_m b{ color: #aaa; } #SMS_reserve_list .SMStotalPointNumber_m{ margin-bottom: 10px; } #SMS_reserve_list .SMStotalPointNumber b{ color: #D95757; font-size: 17px; } #SMS_reserve_list section#content-wrap { padding: 0; } #SMS_reserve_list section#nemoneylist { min-height:100%; } #SMS_reserve_list section#nemoneylist table { width:100%; } #SMS_reserve_list section#nemoneylist th { font-size:12px; font-weight:bold; color:#353535; height:33px; line-height:33px; background: #efefef; border:solid 1px #DBDBDB; padding: 0 2px; } #SMS_reserve_list section#nemoneylist th.first { border-left:solid 1px #DBDBDB; } #SMS_reserve_list section#nemoneylist td { height:60px; border-right:solid 1px #DBDBDB; border-bottom:solid 1px #DBDBDB; font-size:13px; text-align:center; background-color:#FFFFFF; vertical-align:middle; padding: 0 2px; } #SMS_reserve_list section#nemoneylist td.first { border-left:solid 1px #DBDBDB; } #SMS_reserve_list section#nemoneylist td.left { width: 56%; color:#444; padding-left:0px; } #SMS_reserve_list section#nemoneylist td{ font-weight: bold; } #SMS_reserve_list section#nemoneylist table .emoney-item .right{ font-weight: bold; color:#E06772; } #SMS_reserve_list section#nemoneylist table .emoney-item .right02{ font-weight: bold; color:#77b9fa; } #SMS_reserve_list section#nemoneylist .name { font-size:14px; color:#353535; height:25px; line-height:25px; vertical-align:bottom; overflow:hidden; text-align:left; margin-top:12px; } #SMS_reserve_list section#nemoneylist .remain { font-size:12px; height:20px; line-height:20px; vertical-align:top; color:#F03C3C; text-align:left; margin-bottom:8px; } #SMS_reserve_list section#nemoneylist .remain span { font-weight:bold; } #SMS_reserve_list section#nemoneylist .notused { font-weight:bold; color:#F03C3C; } #SMS_reserve_list section#nemoneylist .used { font-weight:bold; color:#797979; } #SMS_reserve_list section#nemoneylist .nolist { border-right:none; } #SMS_reserve_list section#nemoneylist .more-btn { width:300px; margin:auto; text-align:center; height:35px; color:#ffffff; line-height:35px; font-size:15px; font-weight:bold; background:#808591; border-radius:3px; font-family:dotum; margin-top: 15px; } /* ================================================================== - 마이페이지 > 찜하기 관심상품 /m2/myp/wishlist.php ================================================================== */ #SMS_wishlist{ padding: 15px; } #SMS_wishlist section{ background: #FFFFFF; padding: 3px; } #SMS_wishlist .goods-area .goods-list-item { height: auto; padding: 0px; /* background: #FFFFFF; border: 1px solid #e5e5e5;*/ overflow: hidden; border-bottom: solid 1px #e5e5e5; } #SMS_wishlist .goods-area .goods-list-item:last-child{ border-bottom: 1px solid #e5e5e5; } #SMS_wishlist .goods-area .goods-list-item-gray { background: #FFFFFF; } #SMS_wishlist .goods-area .goods-list-item .SMS_wishHeaderT{ position: relative; height: 37px; line-height: 37px; overflow: hidden; background: #F3F3F3; margin: 0; padding: 0 10px 0 35px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-chk { position: absolute; /*top: 0;*/ left: 10px; height: 25px; display: inline-block; } #SMS_wishlist .goods-area .goods-list-item .goods-nm{ display: inline-block; font-size: 13px; font-weight: bold; color: #444; } #SMS_wishlist .goods-area .goods-list-item .SMS_wishHeaderM{ padding: 10px; overflow: hidden; margin-left:25px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-img { width: 80px; height: auto; border: solid 1px #dbdbdb; float: left; } #SMS_wishlist .goods-area .goods-list-item .goods-list-img img { width: 100%; height: 100%; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info { float: left; margin-left: 10px; max-width: 53%; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-nm { color: #222222; font-weight: bold; font-size: 14px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 20px; line-height: 20px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-option { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-price { color: #666666; font-size: 12px; margin-bottom: 4px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-price .red { color: #d75600; font-size: 14px; font-weight: bold; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-dc { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-dc .blue { color: #436693; font-size: 12px; font-weight: bold; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-reserve { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-delivery { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-ea { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-info .goods-nvmileage { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_wishlist .goods-area .goods-list-item .goods-list-arrow { width: 15px; height: 21px; background: #000; float: right; margin-top: 40px; } #SMS_wishlist .SMS_wishlistbtn{ overflow: hidden; margin: 20px 0 40px; } #SMS_wishlist .SMS_wishlistbtn div{ display: inline-block; float: left; width: 33%; height: auto; margin: 0; background: none; text-align: center; font-size:13px; } #SMS_wishlist #SMS_alldelBtn{ display: block; background: #57951f; height: 40px; line-height: 40px; font-size:13px; text-align: center; /* margin: 5px auto 30px; width: 100%; max-width: 100%; border-radius: 3px; */ font-weight: bold; color: #FFF; } #SMS_wishlist .SMS_wishlistbtn div b{ display: block; font-size: 14px; height: 40px; line-height: 40px; border: 1px solid #ddd; } #SMS_wishlist .cart_help_title { font-size: 13px; font-weight: bold; margin: 10px 0 0px; border: 1px solid #ddd; border-bottom: none; padding: 12px 0 7px 7px; background: #f7f7f7; } #SMS_wishlist .cart_help_box { font-size: 12px; padding: 20px 10px 10px 10px; border: 1px solid #ddd; background: #fff; background: #f7f7f7; } #SMS_wishlist .cart_help_box div{ margin-bottom: 10px; line-height: 17px; } @media screen and (min-width:768px) { #SMS_wishlist .goods-area{ overflow: hidden; } #SMS_wishlist .goods-area .goods-list-item{ width: 100%; display: inline-block; float: left; } } /* ================================================================== - 마이페이지 > 장바구니 [ basket.css ] ================================================================== */ #SMS_cart_myp{ } #SMS_cart_myp #option-modify-layer { position: absolute; left: 10%; width: 80%; background: #ffffff; display: block; border-radius: 3px; overflow: hidden; box-shadow: 2px 2px 4px #7f7f7f; z-index: 1000; box-shadow: none; } #SMS_cart_myp .option_modify_title { border-top-left-radius: 0; border-top-right-radius: 0; } #SMS_cart_myp .option_modify_title .title { background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px; border-bottom: 2px solid #EA8B8B; font-size: 13px; } #SMS_cart_myp.option_modify_btn { margin-top: 16px; margin-bottom: 25px; text-align: center; } #SMS_cart_myp .option_modify_btn{ padding: 0 20px; margin-bottom: 20px; height: 26px; } #SMS_cart_myp #option-modify-btn { background: #E06772; height: 30px; width: 49%; border: none; text-align: center; font-size: 12px; font-weight: normal; color: #ffffff; font-family: dotum; border-radius: 2px; display: inline-block; float: left; margin-right: 1%; } #SMS_cart_myp #option-cancel-btn { background: #efefef; height: 30px; width: 49%; border: none; text-align: center; font-size: 12px; font-weight: normal; color: #444; font-family: dotum; border-radius: 2px; border: 1px solid #ddd; display: inline-block; float: left; } #SMS_cart_myp .origin-option-modify-layer-item .content input { height: 26px !important; width: 26px !important; line-height: 26px; text-align: center !important; margin: 0; padding: 0; vertical-align: top; } #SMS_cart_myp .cnt_minus_btn { background: #ddd; background-size: 26px 26px; height: 26px; width: 26px; border: none; text-align: center; color: #2D2D2D; margin-left: 3px; border: 1px solid #C7C7C7; border-radius: 2px; float: right; } #SMS_cart_myp .cnt_plus_btn { background: #ddd; background-size: 26px 26px; height: 26px; width: 26px; border: none; text-align: center; color: #2D2D2D; margin-left: 3px; border: 1px solid #C7C7C7; border-radius: 2px; float: right; } #SMS_cart_myp .origin-option-modify-layer-item { padding-left: 14px; padding-right: 18px; height: 40px; padding-top: 4px; } #SMS_cart_myp .origin-option-modify-layer-item .title { font-size: 12px; line-height: 26px; height: 26px; width: 38%; font-family: dotum; display: block; float: left; text-align: left; } #SMS_cart_myp .origin-option-modify-layer-item .content { font-size: 12px; line-height: 26px; height: 26px; width: 62%; font-family: dotum; display: block; float: right; text-align: right; } #SMS_cart_myp .origin-option-modify-layer-item .content select { height: 26px; width: 100%; } #SMS_cart_myp #background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000000; display: none; z-index: 999; } #SMS_cart_myp section#cart { background: #FFFFFF; } #SMS_cart_myp section#checkout_area { background: #FFFFFF; padding-bottom: 20px; } /* 개별페이지 장바구니 -------------------------------------- */ #SMS_cart_myp .order_item_list{ padding: 10px; } #SMS_cart_myp .order_item_list .goods-list-item { position: relative; background: #FFFFFF; min-height: 110px; padding: 0px; border-bottom: solid 1px #e5e5e5; width:100%; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-chk{ position: absolute; top: 10px; left: 10px; width: 18px; height: 18px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-chk input[type=checkbox] { width: 18px; height: 18px; } #SMS_cart_myp .order_item_list .goods-list-item .SMS_wishHeaderT{ position: relative; /* height: 40px; background: #F7F7F7; */ line-height: 40px; padding: 0 40px; font-size: 13px; font-weight: bold; overflow:hidden; } #SMS_cart_myp .order_item_list .goods-list-item .SMS_wishHeaderM{ padding: 10px; overflow: hidden; } #SMS_cart_myp .order_item_list .goods-list-item-gray { background: #FFFFF; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-img { width: 80px; height: auto; border: solid 1px #dbdbdb; float: left; margin-top: 0px; margin-left: 25px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-img img { width: 100%; height: auto; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info { float: left; margin-left: 10px; margin-top: 5px; /*width: 74%;*/ } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-nm { color: #222222; font-weight: bold; font-size: 14px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 20px; line-height: 20px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-option { color: #666666; font-size: 12px; margin-bottom: 4px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-price { color: #666666; font-size: 12px; margin-bottom: 2px; width: 100%; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-price .red { color: #d75600; font-size: 17px; font-weight: bold; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-dc { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-dc .blue { color: #436693; font-size: 12px; font-weight: bold; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-reserve { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-delivery { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-ea { color: #666666; font-size: 13px; margin-bottom: 2px; font-weight:bold; margin-top:9px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-info .goods-nvmileage { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_cart_myp .order_item_list .goods-list-item .goods-list-arrow { width: 15px; height: 21px; background: url(../common/img/nlist/arrow01.png) no-repeat; float: right; margin-top: 40px; } #SMS_cart_myp .order_item_list .goods-list-item .option-modify-btn { width: 31px; height: 21px; background: url(../common/img/new/btn_modify.png) no-repeat; background-size: 31px 21px; /*float: right;*/ border: none; color: #ffffff; position: absolute; right: 0px; bottom: 14%; z-index: 999; } #SMS_cart_myp .order_item_list .goods-list-item:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; } #SMS_cart_myp section#cart .btn_area #all-chk-btn-effect, #SMS_cart_myp section#cart .btn_area #chk-del-btn-effect, #SMS_cart_myp section#cart .btn_area #all-del-btn-effect{ background-color: #fff; text-align: center; display: block; border: 1px solid #c6c6c6; color: #444; font-size: 15px; font-weight: normal; border-radius: 2px; height: 40px; line-height: 40px; } #SMS_cart_myp section#cart .btn_area #all-chk-btn, #SMS_cart_myp section#cart .btn_area #chk-del-btn #SMS_cart_myp section#cart .btn_area #all-ord-btn{ width: 33%; display: inline-block; margin: 0px; } #SMS_cart_myp section#cart .btn_area #all-chk-btn{ margin-right: 5px; } #SMS_cart_myp section#cart .btn_area #all-del-btn{ width: 100%; margin: 15px 0 0 0; } #SMS_cart_myp section#cart .btn_area #all-del-btn-effect{ background-color: #efefef; border: 1px solid #D6D6D6; } #SMS_cart_myp section#cart .btn_area{ height: auto; overflow: hidden; } #SMS_cart_myp section#cart .sum_area .board_area{ height: auto; border: none; clear: both; /* margin: 10px auto 0; border-top: 1px solid #ddd; */ overflow: hidden; border-radius: 0; } #SMS_cart_myp section#cart .sum_area .board_area div{ padding: 3px 0; } #SMS_cart_myp section#cart .sum_area .board_area div #el-orderitem-total-price{ color: #d75600; font-weight: bold; } #SMS_cart_myp section#cart .btn_area #all-ord-btn{ height: 40px; line-height: 40px; background-color: #57951f; border: 1px solid #57951f; font-size: 15px; font-weight: bold; border-radius: 0px!important; padding: 0; margin: 0; color:#fff; text-align: center; /*clear: both;*/ } /* 개별 페이지 장바구니 */ @media screen and (min-width:768px) { #SMS_cart_myp .order_item_list .goods-list-item{ width: 100%; display: inline-block; float: left; } } /* ================================================================== - 마이페이지 > 오늘/최근 본 상품 ================================================================== */ #SMS_recent_item section#viewgoods { background: #FFFFFF; } #SMS_recent_item section#viewgoods .goods-area { padding: 12px; height: 100%; width: 100%; } #SMS_recent_item section#viewgoods .goods-area .goods-row { clear: both; } #SMS_recent_item section#viewgoods .goods-area .goods-item { position: relative; width: 33.3%; margin-bottom: 18px; display: block; float: left; padding: 10px; margin: 0 0 20px 0 !important; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-img { width: 100%; text-align: center; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-img img { width: 100%; margin: auto; border: solid 1px #dbdbdb; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-nm { width: 100%; height: 40px; font-size: 12px; color: #353535; margin-top: 5px; overflow: hidden; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-nm a { font-size: 12px; color: #353535; overflow: hidden; line-height: 18px; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-price { width: 100%; height: 18px; font-weight: bold; font-size: 14px; color: #f03c3c; line-height: 18px; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-price a { font-weight: bold; font-size: 12px; color: #f03c3c; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-dc { width: 100%; height: 18px; font-size: 12px; font-weight: bold; color: #436693; line-height: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-dc a { font-size: 12px; font-weight: bold; color: #436693; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-btn { width: 100%; height: 21px; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-btn .del-btn { position: absolute; top: 0px; right: -1px; width: 100%; height: 25px; width: 25px; border-radius: 25px; border: 2px solid #FFFFFF; background: #9C9C9C; background-image: url("img/uncheck_input.gif"); background-repeat: no-repeat; background-position: center; background-size: 60%; font-size: 0; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-btn .cart-order-btn { width: 100%; height: 30px; line-height: 30px; width: 100%; background: #efefef; border: 1px solid #ddd;c background-size: 56px 21px; text-align: center; font-size: 12px; } #SMS_recent_item section#viewgoods .goods-area .goods-item .goods-btn .cart-order-btn:active { background: rgba(255,255,255,0.7); } #SMS_recent_item #SMS_recent_item section#viewgoods .right-margin { margin-right: 5%; } #SMS_recent_item section#viewgoods .goods-area .more-btn { width: 300px; margin: auto; text-align: center; height: 35px; color: #ffffff; line-height: 35px; font-size: 15px; font-weight: bold; background: #808591; border-radius: 3px; font-family: dotum; margin-top: 15px; } /* 옵션선택 */ #SMS_recent_item #goods-order-layer { position: absolute; left: 2%; width: 96%; background: #ffffff; border-radius: 2px; box-shadow: 2px 2px 4px #7f7f7f; z-index: 1000; overflow: hidden; } #SMS_recent_item .goods_order_title { background-color: #efefef; height: 36px; line-height: 36px; font-weight: bold; padding: 0 10px;border-bottom: 2px solid #14293D;} #background{ } #SMS_recent_item .goods_order_title .title { font-size: 13px; } #SMS_recent_item .goods_order_title #cancel-goods-btn { width: 45px; height: 30px; color: #fff; line-height: 42px; position: absolute; top: 3px; right: 0; text-align: center; background: #EFEFEF; background-image: url("img/close.gif"); background-size: 38%; background-position: center; background-repeat: no-repeat; opacity: 0.8; border: none; } #SMS_recent_item .goods_order_btn { margin: 10px auto; text-align: center; clear: both; padding: 0 20px; } #SMS_recent_item #checkout-button-area { width: 100%; height: 0; } #SMS_recent_item .origin-goods-order-layer-item{ padding: 0 20px; } #SMS_recent_item #order-goods-btn {background: #14293D !important;height: 35px !important;width: 32% !important;border: none !important;text-align: center !important;font-size: 12px !important;font-weight: normal !important;color: #ffffff !important; font-family: dotum;border-radius: 0px !important;display: inline-block !important;float: left !important;margin-right: 1% !important;margin-bottom: 10px !important;} #SMS_recent_item #cart-goods-btn {background: #efefef !important;height: 35px !important; width: 32%; border: none; text-align: center; font-size: 12px; font-weight: normal;color: #444 !important; font-family: dotum;border-radius: 0px !important; border: 1px solid #ddd;display: inline-block !important; float:left; margin-right: 1%;margin-bottom: 10px;} #SMS_recent_item #wish-goods-btn {background: #efefef !important;height: 35px !important; width: 32%; border: none; text-align: center; font-size: 12px; font-weight: normal;color: #444 !important; font-family: dotum;border-radius: 0px !important;border: 1px solid #ddd !important; display: inline-block; float:left;margin-bottom: 10px;} #SMS_recent_item #SMS_recent_item .origin-goods-order-layer-item { padding-left: 14px; padding-right: 18px; height: 26px; padding-top: 4px; } #SMS_recent_item .origin-goods-order-layer-item .title { font-size: 12px; line-height: 26px; height: 26px; width: 38%; font-family: dotum; display: block; float: left; text-align: left; margin: 10px 0; } #SMS_recent_item .origin-goods-order-layer-item .content { font-size: 12px; line-height: 26px; height: 26px; width: 62%; font-family: dotum; display: block; float: right; text-align: right; margin: 10px 0; } #SMS_recent_item .origin-goods-order-layer-item .content input{ height: 26px !important; width: 26px !important; line-height: 26px; text-align: center !important; margin: 0; padding: 0; vertical-align: top; } #SMS_recent_item .origin-goods-order-layer-item .content select { height: 26px; width: 100%; line-height: 23px; } #SMS_recent_item .cnt_minus_btn { background:#ddd; background-size: 26px 26px; height: 26px; width: 26px; border: none; text-align: center; color: #2D2D2D; margin-left: 3px; border: 1px solid #C7C7C7; border-radius: 2px; } #SMS_recent_item .cnt_plus_btn { background:#ddd; background-size: 26px 26px; height: 26px; width: 26px; border: none; text-align: center; color: #2D2D2D; margin-left: 3px; border: 1px solid #C7C7C7; border-radius: 2px; } /* ================================================================== - 마이페이지 > 1:1 게시글 ================================================================== */ #SMS_oneboard{ } #SMS_oneboard #contents { padding: 0px 15px 15px 15px; } #SMS_oneboard .pd10{ margin: 10px auto 0; padding: 0; } #SMS_oneboard .pd10 .btn_Grey{ width: 100%; height: 42px; line-height: 39px; background-color: #fff; color: #7B7B7B; text-align: center; display: block; border: 2px solid #ddd; box-sizing: border-box; vertical-align: middle; } #SMS_oneboard #board-list .notice-bar { background-color: #f1f1f1; text-align: center; padding: 14px 0; margin: 10px 0; font-weight: bold; } #SMS_oneboard #board-list table td{ padding: 10px; width: 88px; } #SMS_oneboard #board-list table td .rep_ready{ display: block; border: 2px solid #B7B7B7; background-color: #fff; padding: 3px 3px; text-align: center; margin-left: 5px; color: #B7B7B7; font-weight: bold; border-radius: 20px; font-size: 0.9em; } #SMS_oneboard #board-list table td .rep_com{ display: block; border: 2px solid #FF7171; background-color: #FF7171; padding: 3px 3px; text-align: center; margin-left: 5px; color: #fff; font-weight: bold; border-radius: 20px; font-size: 0.9em; } #SMS_oneboard .pd10 .btn_Red{ background-color: #77B9FA; border: 1px solid #77B9FA; font-size: 1.2em; font-weight: bold; border-radius: 3px; } #SMS_oneboard #board-list table th{ font-size: 1.2em; line-height: 20px; } #SMS_oneboard section#content-wrap { padding: 15px 15px 100px; background: #FFFFFF; } #SMS_oneboard section#nreviewlist { background-color: #FFFFFF; min-height: 100%; } #SMS_oneboard section#nreviewlist table { width: 100%; } /*#SMS_oneboard section#reviewlist table th {height:50px; border-bottom:solid 1px #bbbbbb; background-color:#cccccc; line-height:50px; font-size:16px; text-align:center; border-right:solid 1px #bbbbbb; color:#444444;}*/ #SMS_oneboard section#nreviewlist th { font-size: 12px; font-weight: normal; color: #353535; height: 33px; line-height: 33px; background: none; background: #efefef; border-top: 1px solid #000; border-bottom: 1px solid #ddd; font-family: Dotum; } #SMS_oneboard section#nreviewlist th.first { border-right: solid 1px #ddd; } #SMS_oneboard section#nreviewlist .title td { height: 64px; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; font-size: 12px; text-align: center; color: #353535; background-color: #FFFFFF; font-family: Dotum; vertical-align: middle; } #SMS_oneboard section#nreviewlist .active td { border-bottom: solid 1px #DBDBDB; background: #EAEAE5; } #SMS_oneboard section#nreviewlist .content-board { display: none; } #SMS_oneboard section#nreviewlist .content-board td { border-bottom: solid 1px #DBDBDB; font-size: 12px; text-align: left; color: #353535; background-color: #FFFFFF; vertical-align: middle; } #SMS_oneboard section#nreviewlist .content-board td .content-review { padding: 12px; line-height: 16px; width:50%; margin-left:140px; } #SMS_oneboard section#nreviewlist .content-board td .content-reply { padding: 12px; border-top: dashed 1px #DBDBDB; line-height: 14px; } #SMS_oneboard section#nreviewlist .content-board td .content-reply .answer-icon { float: left; background: url(../common/img/new/btn_a.png) no-repeat; background-size: 16px 14px; width: 16px; height: 14px; margin-right: 5px; } #SMS_oneboard section#nreviewlist .content-board td .content-review .question-icon { float: left; background: url(../common/img/new/btn_q.png) no-repeat; background-size: 16px 14px; width: 16px; height: 14px; margin-right: 5px; } #SMS_oneboard section#nreviewlist td.first { border-left: solid 1px #DBDBDB; } #SMS_oneboard section#nreviewlist td.left { padding-left: 10px; text-align: left; vertical-align: middle; } #SMS_oneboard section#nreviewlist td.img {} #SMS_oneboard section#nreviewlist td.img img { width: 48px; height: 48px; margin: 5px 5px 0; } #SMS_oneboard section#nreviewlist .name { font-size: 14px; color: #353535; height: 25px; line-height: 25px; vertical-align: bottom; overflow: hidden; text-align: left; margin-top: 12px; } #SMS_oneboard section#nreviewlist .remain { font-size: 12px; height: 20px; line-height: 20px; vertical-align: top; color: #F03C3C; text-align: left; margin-bottom: 8px; } #SMS_oneboard section#nreviewlist .remain span { font-weight: bold; } #SMS_oneboard section#nreviewlist .notused { font-weight: bold; color: #F03C3C; border-right: none; } #SMS_oneboard section#nreviewlist .used { font-weight: bold; color: #797979; border-right: none; } #SMS_oneboard section#nreviewlist .nolist { border-right: none; } #SMS_oneboard section#nreviewlist .more-btn { width: 300px; margin: auto; text-align: center; height: 35px; color: #ffffff; line-height: 35px; font-size: 15px; font-weight: bold; background: #808591; border-radius: 3px; font-family: dotum; margin-top: 15px; } #SMS_oneboard .coupon-number { margin-top: 14px; height: 58px; line-height: 58px; background-color: #ECECEC; font-size: 12px; color: #353535; text-align: center; } #SMS_oneboard .coupon-number .inputnum { font-size: 14px; font-weight: bold; color: #436693; padding: 3px 0; width: 18%; } #SMS_oneboard .coupon-regist-description { text-align: center; margin-top: 15px; font-size: 12px; color: #353535; } #SMS_oneboard.confirm-coupon-wrap { margin-top: 15px; text-align: center; } #SMS_oneboard button#confirm-coupon { width: 94px; height: 38px; background: url(../common/img/detailp/btn_buy_off.png) no-repeat; color: #FFFFFF; font-size: 14px; font-weight: bold; border: none; cursor: pointer; } #SMS_oneboard button#confirm-coupon:active { background: url(../common/img/detailp/btn_buy_on.png) no-repeat; cursor: pointer; } #SMS_oneboard .review-title { font-size: 16px; font-weight: bold; color: #353535; height: 45px; line-height: 27px; margin-bottom: 12px; } #SMS_oneboard .review-title .title { float: left; margin-top: 5px; } #SMS_oneboard .review-title .title .title_cnt { display: inline-block; background: #b2d466; text-align: center; width: 23px; height: 23px; line-height: 23px; border-radius: 30px; color: #fff; margin: 0 2px 0 7px; vertical-align: text-top; } #SMS_oneboard .review-title .write-btn { border: 1px solid #bfbfbf; background-color: #f6f6f6; color: #454545; padding: 5px 35px; text-align: center; font-weight: bold; /* border-radius: 20px; */ font-size: 12px; float:right; margin-bottom: 10px; } #SMS_oneboard .answer-yn .answer-n { width: 53px; height: 17px; background: url(img/btn_q_ready.png) no-repeat; background-size: 53px 17px; margin-bottom: 5px; } #SMS_oneboard .answer-yn .answer-y { width: 53px; height: 17px; background: url(img/btn_q_complete.png) no-repeat; background-size: 53px 17px; margin-bottom: 5px; } /* ================================================================== - 1:1 게시글 작성 /m2/myp/qna_register.php?mode=add_qna ================================================================== */ #SMS_Board_write{ background: #EAEAEA; } #SMS_Board_write section#nreviewregister { padding: 25px 20px 80px; } #SMS_Board_write section#nreviewregister table { background: #fff; border: none; border-top: solid 1px #000; border-bottom:1px solid #ddd; width: 100%; } #SMS_Board_write section#nreviewregister table td { padding: 15px 10px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; font-size: 12px; } #SMS_Board_write section#nreviewregister table td input, #SMS_Board_write section#nreviewregister table td select{ border-radius: 3px; border: 1px solid #C7C7C7; height: 35px; width: 100% !important; font-size: 12px; } #SMS_Board_write section#nreviewregister table td input:focus{ background:#444; color: #fff; font-weight: bold; } #SMS_Board_write section#nreviewregister table th { padding: 8px 0px 8px 8px; text-align: left; background: #f5f5f5; width: 80px; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #353535; font-size: 12px; } #SMS_Board_write section#nreviewregister table .img { padding: 5px; width: 60px; } #SMS_Board_write section#nreviewregister table .img img { border: solid 1px #d9d9d9; } #SMS_Board_write section#nreviewregister table td input[type=text], input[type=password], select { width: 95%; height: 35px; } #SMS_Board_write section#nreviewregister table td textarea { width: 95%; height: 116px; } #SMS_Board_write section#nreviewregister .btn_center { margin: auto; width: 100%; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } #SMS_Board_write section#nreviewregister .btn_center .btn_save { display: block; background-color: #57951f; border: 1px solid #57951f; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; width: 100%; color: #000; margin: 0 0 10px 0; } #SMS_Board_write section#nreviewregister .btn_center .btn_prev { display: block; background-color: #fff; border: 1px solid #ddd; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; width: 100%; color: #444; } #SMS_Board_write .goods-nm { color: #353535; font-weight: bold; fonst-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #SMS_Board_write .goods-price { color: #d75600; font-size: 12px; } #SMS_Board_write .btn_order_search { width: 100px; height: 35px; line-height: 35px; font-size: 12px; color: #444; font-weight: normal; text-align: center; background: #ddd; border: 1px solid #C3C3C3; font-family: dotum; border-radius: 2px; margin: 5px 0 0 0; } #SMS_Board_write .orderlist-area { bottom: 0; position: fixed; width: 100%; background: #FFFFFF; z-index: 99; display: none; } #SMS_Board_write .orderlist-title { background: #313030; border-bottom: solid 1px #b2b2b2; height: 48px; } #SMS_Board_write .orderlist-title .title { height: 48px; line-height: 48px; margin-left: 15px; font-size: 16px; color: #FFFFFF; font-family: dotum; font-weight: bold; float: left; } #SMS_Board_write .orderlist-title .title .title_cnt { font-size: 14px; } #SMS_Board_write .orderlist-title .close-btn { background: url(../common/img/new/btn_close.png) no-repeat; background-size: 31px 31px; width: 31px; height: 31px; margin-top: 8px; float: right; margin-right: 10px; } #SMS_Board_write .orderlist-item { height: 43px; border-bottom: solid 1px #dbdbdb; } #SMS_Board_write .orderlist-item .orderlist-item-name { height: 43px; font-size: 12px; color: #353535; margin-left: 15px; float: left; max-width: 60%; overflow: hidden; padding-top:7px; } #SMS_Board_write .orderlist-item .orderlist-item-name .mobile_coupon { color: #f03c3c; } #SMS_Board_write .orderlist-item .download-btn { background: url(../common/img/info/icon_radio01.png) no-repeat; width: 22px; height: 22px; margin-top: 8px; float: right; margin-right: 12px; text-align: center; } #SMS_Board_write .orderlist-item .active-btn { background: url(../common/img/info/icon_radio02.png) no-repeat; } #SMS_Board_write .orderlist-title .close-btn { background: url(../common/img/new/btn_close.png) no-repeat; background-size: 31px 31px; width: 31px; height: 31px; margin-top: 8px; float: right; margin-right: 10px; } #SMS_Board_write #SMS_Board_write .orderlist-area .orderlist-item-area { position: relative; max-height: 220px; width: 100%; overflow: hidden; } /* ================================================================== - 이용약관 기타페이지 ================================================================== */ #SMS_info_group{ background: #fff; padding: 30px 20px 70px; font-size: 13px; } #SMS_info_group #container{ border-top: 1px solid #000; border-bottom: 1px solid #ddd; line-height: 21px; padding: 17px 22px; color: #888; text-align: center; } #SMS_info_group #container h2{ font-weight: bold; color: #000; font-size: 14px; border-bottom: 1px solid #eee; margin: 0 0 5px 0; } #SMS_info_group #container .customerTitle{ margin: 10px 0; color: #000; /* border-bottom: 1px solid #DEDEDE;*/ padding-bottom: 8px; font-size: 17px; font-weight: bold; letter-spacing: -0.4px; } /* ================================================================== - 회원탈퇴 - /m2/mem/hack.php ================================================================== */ #SMS_memberHack{ background: #efefef; } #SMS_memberHack section { padding: 13px; } #SMS_memberHack section#content-wrap { padding: 20px; background: #FFFFFF; border-bottom: 1px solid #D0D0D0; } #SMS_memberHack section#content-wrap ul { padding-left: 10px; } #SMS_memberHack section#content-wrap ul li { padding-top: 10px; } #SMS_memberHack section#content-wrap .hack_title { font-weight: bold; font-size: 13px; color: #627dce; } #SMS_memberHack section#content-wrap .hack_contents { padding: 10px 0 0 5px; font-size: 12px; line-height: 21px; } #SMS_memberHack section#hack-list .hack-select-area { padding: 3px 0; text-align: center; height: 45px; } #SMS_memberHack section#hack-list .hack-select-area .hack_reason { width: 98%; height: 40px; font-size: 14px; color: #848484; background-color: #ffffff; border: 1px solid #CECECE; border-radius: 2px; padding-left: 3px; } #SMS_memberHack section#hack-list .hack-text-area { padding: 3px 0; text-align: center; height: 45px; } #SMS_memberHack section#hack-list .hack-text-area .hack_password { width: 98%; height: 40px; font-size: 14px; color: #848484; background-color: #CCCCCC; border: 0; padding: 0 7px; border: 1px solid #B9B9B9; } #SMS_memberHack section#hack-list .btn_list { width: 100%; padding: 15px 0 10px; overflow: hidden; } #SMS_memberHack section#hack-list .btn_list .btn_save { border: none; background: #BDBDBD; border-radius: 3px; color: #FFFFFF; font-size: 13px; width: 49%; height: 34px; float: left; font-weight: bold; display: inline-block; float:left; margin: 0; padding: 0; margin-right: 1%; } #SMS_memberHack section#hack-list .btn_list .btn_prev { margin-left: 10px; border: none; background: #E06772; border-radius: 3px; color: #FFFFFF; font-size: 13px; width: 49%; height: 34px; float: left; font-weight: bold; display: inline-block; float:left; margin: 0; padding: 0; } /* ================================================================== - 주문서 작성 /m2/ord/order.php 유찬현 ================================================================== */ #SMS_order{ background: #f7f7f7; max-width: 650px; margin: 0 auto; } #SMS_order section#m_order { background: #fff; padding: 10px; border-bottom: 2px solid #d2d2d2; } #SMS_order section#nm_order { border-top: 1px solid #EAEAEA; border-radius: 2px; /*margin-bottom: 25px;*/ overflow: hidden; padding: 20px 20px 40px; background: #f6f6f6; } #SMS_order section#m_order .sum_area .board_area .title div{ text-align: left; } #SMS_order section#nm_order .sub_title { height: 42px; line-height: 45px; font-size: 14px; color: #000; font-weight: bold; /*background: #F3F3F3; border-top: 1px solid #FFF;*/ border-bottom: 2px solid #000; margin-top:30px; } #SMS_order section#nm_order .sub_title .point { width: 4px; height: 22px; background: none; float: left; margin-right: 7px; display:none; } #SMS_order section#nm_order table { border: none; /*border-top: solid 1px #dbdbdb;*/ width: 100%; } #SMS_order section#nm_order table td { padding: 15px 0 15px 10px; vertical-align: middle; border-bottom: solid 1px #e0e0e0; font-size: 12px; background-color: #fff; color:#505050; } #SMS_order section#nm_order table th { text-align: left; width: 90px; vertical-align: middle; border-bottom: solid 1px #e0e0e0; color: #353535; font-size: 12px; padding: 0 0 0 10px; border-right: 1px solid #e0e0e0; background-color:#eeeeee; } #SMS_order section#nm_order table .img { padding: 5px; width: 60px; } #SMS_order section#nm_order table .img img { border: solid 1px #d9d9d9; } #SMS_order section#nm_order table td input[type=text], #SMS_order input[type=password], #SMS_order input[type=email], #SMS_order input[type=number], #SMS_order select { height: 35px; border: 1px solid #D2D2D2; /*border-radius: 3px;*/ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 10px; font-size: 12px !important; color:#505050; } #SMS_order .goods-list-item {border-bottom: 1px solid #D4D4D4;padding: 15px 0px;background: none;position: relative;} #SMS_order .goods-list-item:last-child { border-bottom: none; } #SMS_order .order_item_list .goods-list-item .SMS_wishHeaderT{ position: absolute; top: 23px; left: 100px; height: 20px; padding: 0 0 4px 0; line-height: 18px; font-size: 13px; font-weight: bold; overflow: hidden; border-bottom: 1px solid #ddd; } #SMS_order .order_item_list .goods-list-item .SMS_wishHeaderM{padding: 10px 10px 10px 10px;overflow: hidden;} #SMS_order .order_item_list .goods-list-item-gray {position: relative;} #SMS_order section#m_order .sum_area{ padding: 0; border-top: 2px solid #8a8a8a; } #SMS_order section#m_order .sum_area .board_area{ height: auto; overflow: hidden; padding: 30px 10px 10px; margin: 0 0 20px 0; border: none!important; border-radius: 0; background-color: #fff!important; font-weight: bold; line-height: 25px; } #SMS_order section#m_order .sum_area #el-orderitem-total-price{ color: #d75600; font-weight: 700; font-size: 20px; } #SMS_order input:focus{ background: #ddd; } #SMS_order section#nm_order table td textarea:focus{ background: #ddd; } #SMS_order .order_item_list .goods-list-item .goods-list-img { width: 80px; height: auto; border: solid 1px #dbdbdb; float: left; margin-top: 0px; } #SMS_order .order_item_list .goods-list-item .goods-list-img img { width: 100%; height: auto; } #SMS_order .order_item_list .goods-list-item .goods-list-info { float: left; margin-left: 10px; width: 60%; margin-top: 5px; font-size: 14px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-nm { color: #222222; font-weight: bold; fonst-size: 13px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 18px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-option { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-price { color: #666666; font-size: 12px; margin-bottom: 2px; width: 100%; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-price .red { color: #d75600; font-size: 17px; font-weight: bold; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-ea { color: #666666; font-size: 13px; margin-bottom: 2px; font-weight: bold; margin-top: 9px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-dc { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-dc .blue { color: #436693; font-size: 12px; font-weight: bold; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-reserve { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_order .order_item_list .goods-list-item .goods-list-info .goods-delivery { color: #666666; font-size: 12px; margin-bottom: 2px; } #SMS_order section#nm_order table td.phone input{ width: 29%; } #SMS_order .coupon div{ margin-bottom: 10px; } #SMS_order section#nm_order table td.zipcode #zonecode{ width: 29%; } #SMS_order #SMS_order section#nm_order table td.phone input[type=number] { width: 45px; height: 35px; } #SMS_order section#nm_order table td.zipcode input[type=text] { width: 60px; height: 35px; } #SMS_order section#nm_order table td.zipcode input[type=number] { width: 20%; height: 35px; padding: 0; margin: 0; } #SMS_order section#nm_order table td.zipcode #zonecode { width: 20%; height: 35px; } #SMS_order section#nm_order table td.coupon input[type=number] { width: 100px; height: 35px; } #SMS_order section#nm_order table td.emoney input[type=number] { width: 100px; height: 35px; } #SMS_order section#nm_order table td textarea { width: 95%; height: 116px; } #SMS_order section#nm_order .btn_center { margin: auto; width: 100%; height: 34px; margin-top: 20px; margin-bottom: 20px; padding: 0 20px; } #SMS_order section#nm_order .btn_center .btn_payment { width: 49%; display: inline-block; float: right; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; background-color: #57951f; border: 1px solid #57951f; padding: 0 5px; /*border-radius: 3px;*/ color: #fff; } #SMS_order section#nm_order .btn_center .btn_prev { width: 49%; display: inline-block; float: left; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; color: #444; padding: 0 5px; /*border-radius: 3px;*/ background-color: #cfcfcf; border: 1px solid #ddd; } #SMS_order section#nm_order .goods-nm { color: #353535; font-weight: bold; fonst-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #SMS_order section#nm_order .goods-price { color: #f03c3c; font-size: 12px; } #SMS_order #zipcode_list ul { list-style: none; } #SMS_order #zipcode_list li { padding: 5px; } #SMS_order .btn_zipcode { display: block; background: #fff; width: 73px; height: 35px; border: none; color: #77b9fa; border: 1px solid #77b9fa; text-align: center; line-height: 35px; border-radius: 3px; vertical-align: middle; margin-top: 10px; } #SMS_order .coupon-btn-area { margin-bottom: 10px; } #SMS_order .btn_coupon { background: #808591; width: 73px; height: 32px; text-align: center; margin-right: 10px; line-height: 32px; border-radius: 3px; color: #77b9fa; border: 1px solid #77b9fa; background-color: #fff; font-weight: bold; } #SMS_order .coupon input{ margin-left: 3px; } #SMS_order .max_width { width: 95%; } #SMS_order section#nm_order #couponListTable th:first-child { width: 15%; } #SMS_order section#nm_order #couponListTable th:last-child { width: 25%; } #SMS_order section#nm_order #couponListTable td:nth-child(1) { text-align: center; padding-left: 0; } #SMS_order section#nm_order #couponListTable td:nth-child(2) div { width: 100%; } #SMS_order section#nm_order #couponListTable td:nth-child(3) { text-align: center; padding-left: 0; } /* 모바일전용, 무통장전용 쿠폰*/ #SMS_order section#nm_order #couponListTable td:nth-child(2) div.couponInfoOnlyBtn { height: 23px; } #SMS_order section#nm_order #couponListTable td:nth-child(2) div.couponInfoOnlyBtn div.onlyMobileCouponBtn { float: left; margin: 0 3px 3px 0; width: 55px; height: 15px; color: #ffffff; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #56ca81; font-weight: bold; text-align: center; line-height: 15px; } #SMS_order section#nm_order #couponListTable td:nth-child(2) div.couponInfoOnlyBtn div.onlyBankBookCouponBtn { float: left; margin: 0 3px 3px 0; width: 55px; height: 15px; color: #ffffff; font-size: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #efefef; font-weight: bold; text-align: center; line-height: 15px; } /* 비회원 영역 */ #SMS_order .noLoginM{ font-size: 12px; padding: 10px; line-height: 18px; } #SMS_order .noLoginM .noLoginCheck{ font-size: 12px; margin-bottom: 5px; } #SMS_order .noLoginM .agreement-content{ margin-bottom: 10px; font-weight: bold; } #SMS_order .noLoginM .agreement-content label{ font-weight: bold; } /* ================================================================== - 마이페이지 > 주문완료 [mp_order_oo.css] ================================================================== */ #SMS_order_complete{ background: #efefef; } #SMS_order_complete .com_msg{ padding: 20px; background: #fff; } #SMS_order_complete .com_msg .complete-msg{ background: #f7f7f7; border: 1px solid #ddd; padding: 15px; font-size: 13px; line-height: 21px; } #SMS_order_complete .com_msg .complete-msg #hname2{ font-weight: bold; color: #000; } #SMS_order_complete .com_msg p.complete-msg span{ font-size: 13px; color: #f74f4f !important; } #SMS_order_complete .complete-price{ background: #EFEFEF; font-size: 16px; font-weight: bold; text-align: left; padding: 13px 20px; border-top: 2px solid #464646; border-bottom: 1px solid #ddd; } #SMS_order_complete .complete-price em{ float: right; text-align:right; } #SMS_order_complete table tbody td { color: #707070; padding: 10px; font-size: 13px; line-height: 22px; } #SMS_order_complete .product_info .Go_linkpro{ display: block; width: 62px; height: 31px; line-height: 27px; text-align: center; background: #FFFFFF; bordeR: 2px solid #77b9fa; color: #77b9fa; border-radius: 3px; font-size: 11px; margin-top: 5px; } #SMS_order_complete .pay_info, #SMS_order_complete .product_info, #SMS_order_complete .delivery_info{ padding: 10px; } #SMS_order_complete .pay_info table, #SMS_order_complete .product_info table, #SMS_order_complete .delivery_info table{ width: 100%; border: 1px solid #BEBEBE; border-radius: 3px; margin-bottom: 0px; background: #fff; } #SMS_order_complete .pay_info thead, #SMS_order_complete .product_info thead, #SMS_order_complete .delivery_info thead{ background: #fff; font-weight: bold; font-size: 1.2em; padding: 10px; margin-bottom: 10px; color: #444; border-top: none; border-bottom: 1px solid #D0D0D0; } #SMS_order_complete .pay_info .btn_White, #SMS_order_complete .product_info .btn_White, #SMS_order_complete .delivery_info .btn_White{ height: 30px; line-height: 28px; border: 1px solid #B3B3B3; color: #444; border-radius: 3px; background-color: #fff; padding: 0; text-align: center; font-weight: bold; font-size: 12px; } #SMS_order_complete .pd10 a{ display: block; background: #444; color: #fff; border-radius: 3px; border: 1px solid #444 ; height: 40px; line-height: 40px; font-size: 13px; font-weight: bold; } /* ================================================================== - 주문 결제하기 페이지 - /m2/ord/settle.php ================================================================== */ #SMS_settle{ background: #efefef; } #SMS_settle section#settle { background: #FFFFFF; padding: none; margin: none; } #SMS_settle section#nsettle { background: #fff; padding: 30px 20px 50px; font-family: dotum; font-size: 12px; } #SMS_settle section#nsettle .sub_title { height: 22px; line-height: 22px; color: #436693; font-weight: bold; font-size: 12px; } #SMS_settle section#nsettle .sub_title .point { width: 4px; height: 22px; background: #ddd; float: left; margin-right: 7px; } #SMS_settle section#nsettle table { border: none; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #000; width: 100%; margin-bottom: 20px; } #SMS_settle section#nsettle table td { padding: 15px 10px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; font-size: 13px; background: #fff; } #SMS_settle section#nsettle table th { text-align: left; background: #f5f5f5; width: 100px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; color: #353535; font-size: 12px; padding: 0 0 0 10px; } #SMS_settle #SMS_settle section#nsettle table td input[type=text], input[type=password], input[type=email], input[type=number], select { height: 35px; border: 1px solid #D2D2D2; border-radius: 3px; } #SMS_settle input{ height: 35px; font-size: 12px; border: 1px solid #D2D2D2; border-radius: 3px; } #SMS_settle section#nsettle table td textarea { width: 95%; height: 116px; } #SMS_settle section#nsettle .btn_center { margin: auto; width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } #SMS_settle section#nsettle .btn_center .submit { width: 49%; display: inline-block; float: right; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; background-color: #57951f; border: 1px solid #57951f; padding: 0 5px; /*border-radius: 3px;*/ color: #515151; } #SMS_settle section#nsettle .btn_center .cancel { width: 49%; display: inline-block; float: left; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; color: #444; padding: 0 5px; /*border-radius: 3px;*/ background-color: #fff; border: 1px solid #ddd; } #SMS_settle .max_width { width: 95%; } /* ================================================================== - 결제 완료 확인 페이지 /m2/ord/order_end.php ================================================================== */ #SMS_order_end{ background: #fff; padding: 15px 15px 30px; } #SMS_order_end section#order_end { background: #FFFFFF; padding: none; margin: none; } #SMS_order_end section#order_end { background: #FFFFFF; padding: 0; font-family: dotum; font-size: 12px; } #SMS_order_end section#order_end .sub_title { height: 22px; line-height: 22px; color: #436693; font-weight: bold; font-size: 12px; } #SMS_order_end section#order_end .sub_title .point { width: 4px; height: 22px; background: #ddd; float: left; margin-right: 7px; } #SMS_order_end section#order_end table { border-bottom: 1px solid #e5e5e5; border-top: 1px solid #000; width: 100%; margin-bottom: 20px; } #SMS_order_end section#order_end table td { padding: 8px 0 8px 10px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; } #SMS_order_end section#order_end table th { text-align: center; background: #f5f5f5; width: 100px; vertical-align: middle; border-bottom: solid 1px #dbdbdb; color: #353535; font-size: 12px; } #SMS_order_end section#order_end table td input[type=text], input[type=password], input[type=email], input[type=number], select { height: 35px; } #SMS_order_end section#order_end table td textarea { width: 95%; height: 116px; } #SMS_order_end section#order_end .btn_center { margin: auto; width: 100%; height: auto; margin-top: 20px; margin-bottom: 20px; overflow: hidden; } #SMS_order_end section#order_end .btn_center .submit { width: 49%; display: inline-block; float: right; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; background-color: #D2474A; border: 1px solid #D2474A; padding: 0 5px; border-radius: 3px; color: #fff; } #SMS_order_end section#order_end .btn_center .cancel { width: 49%; display: inline-block; float: left; font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; color: #444; padding: 0 5px; border-radius: 3px; background-color: #fff; border: 1px solid #ddd; } #SMS_order_end .max_width { width: 95%; } #SMS_order_end .home_order{ padding: 10px 0; } #SMS_order_end .home_order a{ display: block; height: 38px; line-height: 40px; background: #57951f; text-align: center; color: #515151; font-weight:bold; font-size: 15px; /*border-radius: 3px;*/ } h3.order_end_title { font-weight:bold; font-size: 14px; margin: 20px 0px 10px; } /* ================================================================== - 회원 가입 약관 > 기본 커스텀 [ mp_order_oo.css ] ================================================================== */ #SMS_agree{ max-width: 650px; margin: 0 auto; } #SMS_agree section#memberjoin .agreement_chk{ overflow: hidden; height: auto; border-top: 1px solid #ddd; border-bottom: none; background: #F3F3F3; padding: 10px 23px; } #SMS_agree section#memberjoin .agreement_chk div{ font-size: 13px; font-weight: bold; } section#memberjoin .agreement .agreement_title{ height: auto; } #SMS_agree section#memberjoin .agreement_chk .agreement_txt{ border: 1px solid #ddd; border-radius: 4px; font-size: 12px; font-weight: normal; padding: 12px; margin: 10px 0px 5px 0px; line-height: 17px; } #SMS_agree section#memberjoin .step_btn{ margin: 0 auto; overflow: hidden; clear: both; background: #F3F3F3; width: 100%; padding: 0 20px 20px 20px; } #SMS_agree section#memberjoin .step_btn .cancel_btn{ float:left; width: 50%; } #SMS_agree section#memberjoin .step_btn .next_btn{ float:right; width: 50%; } #SMS_agree section#memberjoin .step_btn .next_btn #next-btn{ width: 97%; background-color: #57951f; border: 1px solid #57951f; text-align: center; display: block; margin: 0 auto; font-size:13px; color: #000; } #SMS_agree section#memberjoin .step_btn .cancel_btn #cancel-btn{ width: 97%; text-align: center; display: block; margin: 0 auto; font-size:13px; color: #444; } #SMS_agree section#memberjoin .agreement_txt{ overflow: hidden; } #SMS_agree section#memberjoin .agreement .agreement_wrap{ font-size: 12px;width: 338px;} #SMS_agree section#memberjoin .agreement .agreement_title .now_agreement{ background: #ddd; color: #000; font-weight: bold; } #SMS_agree section#memberjoin .agreement .agreement_title .agreement1, #SMS_agree section#memberjoin .agreement .agreement_title .agreement2{ border: 1px solid #C3C3C3; font-size: 12px; } #SMS_agree section#memberjoin .agreement{ float: initial; width: 100%; } #SMS_agree section#memberjoin .agreement .agreement_content1{ border: 1px solid #ddd;width: 339px;} #SMS_agree section#memberjoin .agreement .content_view{ height: 50px; line-height: 50px; text-align: left; } #SMS_agree section#memberjoin .agreement .view_btn{ border: 1px solid #ddd; width: 70px; height: 35px; line-height: 35px; text-align: center; margin: 7px 0 9px 0; border-radius: 3px; background: #efefef; } #SMS_agree section#memberjoin .agreement .agreement_content1 .content-text{ width: 100%; height: 100%; border-radius: 3px; } #SMS_agree .SMS_allCheck { /* padding-left: 5px; */ margin: 0; height: 45px; line-height: 45px; border-bottom: 2px solid #57951f; font-size: 15px !important; font-weight: bold; margin: 0 0 14px 0; } /* ================================================================== - 회원 가입 > 기본 커스텀 /m2/mem/join.php ================================================================== */ #SMS_memberJoin_Write{ margin: 0; padding: 14px 15px 29px 15px; background-color: #eaeaea; } #SMS_memberJoin_Write div.passwordStrenth { display: none; } #SMS_memberJoin_Write div.passwordStrenth dl { margin: 0; padding: 0 6px 0 0; color: #373737; font-weight: bold; font-size: 11px; font-family: dotum; } #SMS_memberJoin_Write div.passwordStrenth dl dt, #SMS_memberJoin_Write div.passwordStrenth dl dd { display: inline; font-size: 11px; font-family: dotum; margin: 0; height: 15px; line-height: 15px; } #SMS_memberJoin_Write div.passwordStrenth dl dt { color: #363636; font-weight: bold; width: 95px; } #SMS_memberJoin_Write div.passwordStrenth dl dd.lv0 { color: #F52D00; } #SMS_memberJoin_Write div.passwordStrenth dl dd.lv1 { color: #028EFF; } #SMS_memberJoin_Write div.passwordStrenth dl dd.lv2 { color: #0213FF; } #SMS_memberJoin_Write div.passwordStrenth dl dd.lv3 { color: #46C32D; } #SMS_memberJoin_Write div.passwordStrenth dl dd.lv4 { color: #46C32D; } /* 우편번호 찾기 끝 */ #SMS_join input[type="text"]:focus, #SMS_join input[type="password"]:focus, #SMS_join input[type="email"]:focus, #SMS_join input[type="tel"]:focus{ background: #eee; } #SMS_memberJoin_Write section#memberjoin .account .account_title{ margin:0; padding: 0; font-weight: bold; color: #4a5164; font-family: "맑은 고딕",Malgun Gothic,"돋움",Dotum; background: #f1f1f1; height: 40px; line-height: 40px; border-bottom: solid 1px #d5d5d5; padding-left: 10px; margin-bottom: 0; } #SMS_memberJoin_Write .account{ /*border: 1px solid #BFBFBF;*/ border-top: 1px solid #000; border-bottom:1px solid #ddd; } #SMS_memberJoin_Write section#memberjoin .account .account_title .title{ height: 40px; line-height: 40px; font-size: 13px; } #SMS_memberJoin_Write section#memberjoin .account .account_content .input_title{ color: #757575; font-size: 12px; } #SMS_memberJoin_Write section#memberjoin .account .account_content{ padding: 0; border-bottom: none; } #SMS_memberJoin_Write section#memberjoin .account .account_content .input_wrap { clear: both; border-bottom: 1px solid #F1F1F1; overflow: hidden; padding: 10px 9px; } #SMS_memberJoin_Write section#memberjoin .account .account_content .input_title { width:70px; } #SMS_memberJoin_Write .step_btn{ padding: 0; margin: 14px auto 0; overflow: hidden; } #SMS_memberJoin_Write .step_btn .cancel_btn, #SMS_memberJoin_Write .step_btn .next_btn{ width: 50%; display: inline-block; float:left; padding: 5px; } #SMS_memberJoin_Write .step_btn .cancel_btn button, #SMS_memberJoin_Write .step_btn .next_btn button{ display: block; color: #000; background: #57951f; border: 1px solid #57951f; width: 100%; height: 40px; line-height: 40px; font-size: 13px; font-weight: bold; } #SMS_memberJoin_Write .step_btn .cancel_btn button{ background-color: #fff; text-align: center; display: block; border: 1px solid #c6c6c6; color: #444; } #SMS_memberJoin_Write section#memberjoin .account .account_content .input_content .btn_zipcode{ background-color:#57951f; padding: 0; color: #000; text-align: center; } /* 유찬현 */ #SMS_memberJoin_Write input[type=text], #SMS_memberJoin_Write input[type=password], #SMS_memberJoin_Write input[type=number], #SMS_memberJoin_Write input[type=tel], #SMS_memberJoin_Write .xans-member-join select { height: 35px !important; line-height: 35px !important; border: 1px solid #cccccc !important; padding: 0; margin: 0; font-size: 12px; } #SMS_memberJoin_Write input:focus{ background: #efefef; } #SMS_memberJoin_Write section#memberjoin .w30, #SMS_memberJoin_Write section#memberjoin .w25, #SMS_memberJoin_Write section#memberjoin .w40{ width: 25%; } #SMS_memberJoin_Write .mobileLayerArea .mobileLayerFrame, .mobileLayerArea .mobileLayerFrame { width: 100%; z-index: 121; background: #fff; height: 100% !important; } .mobileLayerArea { height: 100% !important;; } /* ================================================================== - 회원 가입완료 > 기본 커스텀 [ join_complete.css ] ================================================================== */ #SMS_joinComplete{ background: #EAEAEA; padding: 10px; } #SMS_joinComplete .join{ padding: 0; background: none; } #SMS_joinComplete .join .conts{ font-size: 13px; font-weight: bold; width: 100%; margin: 0 auto; padding: 15px 0; border-radius: 5px; border: 1px solid #ddd; background: #fff; } #SMS_joinComplete section#memberjoin .step_btn .confirm_btn #confirm-btn{ background-color: #57951f; border: 1px solid #57951f; } #SMS_joinComplete .conts p{ font-size: 13px; line-height: 20px; font-weight: bold; } #SMS_joinComplete .conts p{ font-weight: normal; text-align: center; } #SMS_joinComplete .conts p span{ font-size: 17px; font-weight: bold; } #SMS_joinComplete .conts .join_c_icon{ width: 100px; height: 100px; margin: 0 auto; background: url('img/join_com.gif'); background-position: center; background-size: 80%; background-repeat: no-repeat; } /* ================================================================== - 회원관련 > 로그인 화면 > 회원 로그인 /m2/mem/login.php ================================================================== */ #SMS_login_warp{ background: #F5F6F7; padding: 0px 20px; } #SMS_login_warp #keyboard{ text-align: right; font-size: 12px; overflow: hidden; } #SMS_login_warp #keyboard p{ text-align: center; height: 35px; line-height: 35px; width: 101px; float: right; margin-bottom: 10px; border-radius: 4px; color: #4E4E4E; } #SMS_login_warp #keyboard img{ display: none; width: 80%; margin: 0px auto 23px; text-align: center; clear: both; } #SMS_login_warp section#login{ background: #F5F6F7; } #SMS_login_warp .h_title{ position: relative; text-align: center; font-size: 18px; background: #F5F6F7; height: 50px; line-height: 50px; font-weight: bold; border-bottom: 0px; padding:0px; color:#666; } #SMS_login_warp .h_title h3{ font-weight: bold; } #SMS_login_warp section#login>form .login_center .login_b .input_id input, #SMS_login_warp section#login>form .login_center .login_b .input_pw input{ border: 1px solid #e5e5e5; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0px; height: 45px; border-radius: 3px 3px 0 0; background: #fff !important; width:100%; } #SMS_login_warp section#login>form .login_center .login_b .input_pw{ margin: 0 !important; } #SMS_login_warp section#login>form .login_center .login_b .input_pw input{ border-top: 0px; border-radius: 0 0 3px 3px; } #SMS_login_warp section#login>form .login_center .login_b .save_id, #SMS_login_warp section#login>form .login_center .login_b .save_login_status{ float:right; font-size: 12px; margin: 10px 0 !important; position:static; } #SMS_login_warp section#login>form .login_center .login_b .save_id{ margin-right: 20px !important; } #SMS_login_warp section#login>form .login_center .login_b .login_btn #login-btn{ width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; display: block; box-sizing: border-box; vertical-align: middle; font-size: 14px; margin: 50px 0 0; background: rgba(17,17,17,0.9); border: 0px; border-radius: 3px; font-weight: bold; letter-spacing: 1px; clear:both; } #SMS_login_warp div.sns-account div.login-title{ background: none; text-align: right; font-size: 12px; padding: 8px 5px 0 2px; color: #A7A7A7; } #SMS_login_warp div.sns-account button.login-facebook{ width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; display: block; box-sizing: border-box; vertical-align: middle; font-size: 14px; margin: 10px 0 0; background-position: left 5px; border: 0px; border-radius: 3px; font-weight: bold; letter-spacing: 1px; } #SMS_login_warp div.sns-account{ padding: 0; } #SMS_login_warp .LoginIcon{ padding: 10px 0 17px 0; margin: 22px auto 0; width: 100%; height: auto; border-top: 0px; text-align: center; background: transparent; display: block !important; } #SMS_login_warp .LoginIcon a{ display: inline-block; /* float: left; */ width: 33.3%; vertical-align: top; } #SMS_login_warp .LoginIcon a b { display: block; width: 60px; height: 40px; margin: 0 auto 5px; line-height: 17px; font-size: 11px; color: #828282; } #SMS_login_warp .LoginIcon .btnLogin.SMS_login_id b.SMS_icon { background: url('img/login_id_check.gif'); background-position: center; background-size: 33px; background-repeat: no-repeat; } #SMS_login_warp .LoginIcon .btnLogin.SMS_login_pw b.SMS_icon { background: url('img/login_id_order.gif'); background-position: center; background-size: 33px; background-repeat: no-repeat; } #SMS_login_warp .LoginIcon .btnLogin.SMS_login_id_join b.SMS_icon { background: url('img/login_id_join.gif'); background-position: center; background-size: 33px; background-repeat: no-repeat; } /* ================================================================== - 회원관련 > 비회원 주문확인 화면 > /m2/mem/nomember_order.php ================================================================== */ #SMS_login_order_warp{ } #SMS_login_order_warp{ background: #F5F6F7; padding: 0px 20px; } #SMS_login_order_warp section#login{ background: #F5F6F7; } #SMS_login_order_warp .h_title{ position: relative; text-align: center; font-size: 18px; background: #F5F6F7; height: 50px; line-height: 50px; font-weight: bold; border-bottom: 0px; padding:0px; color:#666; margin: 0 0 10px 0; } #SMS_login_order_warp .h_title h3{ font-weight: bold; } #SMS_login_order_warp section#login>form .login_center .login_b .input_id, #SMS_login_order_warp section#login>form .login_center .login_b .input_pw{ position: static !important; width: 100% !important; left: 0 !important; margin: 0 !important; } #SMS_login_order_warp section#login>form .login_center .login_b .input_id input, #SMS_login_order_warp section#login>form .login_center .login_b .input_pw input{ border: 1px solid #e5e5e5; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0px; height: 45px; border-radius: 3px 3px 0 0; background: #fff !important; position: static !important; width: 100%; } #SMS_login_order_warp section#login>form .login_center .login_b .input_pw input{ border-top: 0px; border-radius: 0 0 3px 3px; } #SMS_login_order_warp section#login>form .login_center .login_b .check_btn, #SMS_login_order_warp section#login>form .login_center .login_b .member_btn, #SMS_login_order_warp section#login>form .login_center .login_b .joinmember2_btn{ position: initial !important; margin: 0 !important; } #SMS_login_order_warp section#login>form .login_center .login_b .check_btn #check-btn{ width: 100%; height: 40px; line-height: 40px; color: #fff; text-align: center; display: block; box-sizing: border-box; vertical-align: middle; font-size: 14px; margin: 20px auto 10px; background: rgba(17,17,17,0.9); border: 0px; border-radius: 3px; font-weight: bold; letter-spacing: 1px; clear: both; } #SMS_login_order_warp section#login>form .login_center .login_b .member_btn #member-btn, #SMS_login_order_warp section#login>form .login_center .login_b .joinmember2_btn #joinmember2-btn{ width: 49%; display: inline-block; border: 1px solid #ddd; background: #fff; font-size: 14px; margin: 5px 0 0 0; color: #8C8C8C; background: #F9F9F9; float:left; } #SMS_login_order_warp section#login>form .login_center .login_b .member_btn #member-btn{ margin-right: 1%; } /* ============================================================ 검색페이지 커스텀 시작 ==============================================================*/ #SMS_search #contents .form-wrap{ position: relative; background: #efefef; border-bottom: 1px solid #ddd; } #SMS_search #contents .form-wrap .searchForm{ width: 100%; } #SMS_search #contents .form-wrap .searchForm #keyword_search { width: 100%; } #SMS_search #contents .form-wrap .searchForm input{ border: 1px solid #ddd; height: 40px; line-height: 40px; width: 42%; } #SMS_search #contents .form-wrap .searchForm input:focus{ background: #444; color: #fff; } #SMS_search #contents .form-wrap .searchPrice{ color: #000; font-weight: bold; } #SMS_search #contents .form-wrap .searchButton{ height: 38px; line-height: 40px; font-size: 13px; font-weight: bold; background-color: #292929; top: 11px; } #SMS_search #contents .list_group select{ height: 40px; line-height: 40px; } #SMS_search #contents .list_group{ border-bottom: 1px solid #ddd; } /* ============================================================ 검색페이지 커스텀 끝 ==============================================================*/ /* ============================================================ 인스타그램 - 시작 ==============================================================*/ .instargram_warp{ display: block; overflow: hidden; padding: 10px; /*border-top: 1px solid #ddd;*/ margin: 10px 0 0; } .instargram_warp{ font-size: 14px; color: #4D4D4D; font-weight: bold; color: #414967; } .instargram_warp b{ float: right; font-weight: normal; font-weight: 200; color: #FF275A; } #instafeed{ padding-top: 10px; } #instafeed div{ display: inline-block; width: 25%; height: 80px; vertical-align: top; } #instafeed div a { display: block; width: 100%; height: 100%; } /* ============================================================ 인스타그램 - 끝 ==============================================================*/ /* ============================================================ 내가 자주가는 카테고리 신상품 - 시작 ==============================================================*/ #SMS_myFavorite_categoryNEW{ background: #EFEFEF; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow: hidden; padding: 0 10px; margin: 10px 0; } #SMS_myFavorite_categoryNEW .title{ display:none; } #SMS_myFavorite_categoryNEW .title{ color: #808080; font-size: 12px; height: 40px; line-height: 40px; text-align: center; } #SMS_myFavorite_categoryNEW .cate_title{ text-align: center; } #SMS_myFavorite_categoryNEW .cate_title a{ text-align: center; border: 2px solid #444; width: auto; height: 30px; line-height: 26px; padding:0 10px; margin: 2px auto 10px; font-size: 13px; font-weight: bold; background: #fff; display:inline-block; } #SMS_myFavorite_categoryNEW .swiper-container{ clear: both; } #SMS_myFavorite_categoryNEW .items li .thumb img{ border:1px solid #ddd; } #SMS_myFavorite_categoryNEW .SMS_swiper_buttonPrev, #SMS_myFavorite_categoryNEW .SMS_swiper_buttonNext { position: absolute; top: 18px; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px; -webkit-background-size: 27px; background-size: 27px; background-position: center; background-repeat: no-repeat; background-size: 13px; } /* ============================================================ 내가 자주가는 카테고리 신상품 - 끝 ==============================================================*/ /* 추가기능 */ #SMSguestToJoinContent, #SMSguestOrdernoBtn{ display:none; } #SMSguestToJoinContent{ display: block; padding: 10px 15px; } #SMSguestToJoinContent p{ display: block; text-align: center; font-size: 13px; line-height: 22px; padding: 17px 10px; color: #444; border: 1px solid #ddd; border-radius: 3px; } #SMSguestToJoinContent p a{ display: block; background: #5E9FD0; text-align: center; font-weight: bold; color: #fff; border-radius: 3px; margin: 10px auto 0; width: 120px; height: 37px; line-height: 37px; } #SMSguestOrdernoBtn{ padding: 15px 20px; background: #fff; text-align: center; line-height: 20px; color: #5F5F5F; border-radius: 3px; border: 1px solid #ddd; } #SMSguestOrdernoBtn .title b{ color: #000; } #SMSguestOrdernoBtn .SMSbtns{ font-weight: bold; color: #000; border: 1px solid #ddd; padding: 4px 0px; margin: 5px 0 0 0; background: #EFEFEF; } /* 상세이미지 네이게이터 */ .shopdetail .shopdetailItem .shopdetailImage{ position: relative; } .shopdetail .shopdetailItem .shopdetailImage div.SMSdetailNavigator{ width: 40px !important; background: #000; height: 25px; position: absolute; right: 0px; z-index: 77; } /* 추가기능 */ /*==================================================== 상단 플립 배너 시작 ====================================================*/ #SMS_flipBannerContainer{ width: 100%; position: relative; line-height:0px; background:#333; } #SMS_flipBannerContainer img{ width:100%; } #SMS_flipBannerContainer .origin{ opacity:0; } #SMS_flipBanner .SMSFlipper .front,#SMS_flipBanner .SMSFlipper .back{ width: 100%; height: 100%; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0px; left: 0px; } #SMS_flipBanner .SMSFlipper .front{ z-index: 2; } #SMS_flipBanner .SMSFlipper .back{ z-index: 1; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } @-webkit-keyframes animationFrontBanner{ 0% { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } 40% { z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } 50%{ z-index: 1; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } 90%{ z-index: 2; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } 100%{ z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } } .animationFrontBanner { display:inline-block; -webkit-animation:animationFrontBanner 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } @-webkit-keyframes animationBackBanner{ 0% { z-index: 2; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } 40% { z-index: 2; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } 50%{ z-index: 1; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } 90%{ z-index: 2; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } 100%{ z-index: 2; -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); } } .animationBackBanner { display:inline-block; -webkit-animation:animationBackBanner 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; } /*==================================================== 상단 플립 배너 끝 ====================================================*/ /* 카테고리 진열 변경 CSS 추가 */ .SMSwidth100 .items li{ width:100% !important; } .SMSwidth50 .items li{ width:50% !important; } .SMSwidth33 .items li{ width:33% !important; } .SMSwidth25 .items li{ width:25% !important; } /* 카테고리 진열 변경 CSS 추가 */ /* 장바구니 자동 계산 css 추가 */ #SMS_delivery_price_info{ display:none; } .SMS_delivery_info_contents{ display:none; font-size:13px; text-align:center; } .SMS_delivery_info_contents b{ color:red; } .SMS_delivery_info_contents b.price{ font-size:15px; color:#298BF3; } /* 160428 현금영수증 CSS 추가 */ dt.cash_title { text-align: left; width: 90px; vertical-align: middle; color: #353535; font-size: 12px; padding: 15px 0 15px 10px; border-right: 1px solid #e0e0e0; background-color: #eeeeee; } /* div#footer_container { position:absolute; bottom: 0px; width: 100%; } */ div.add_icon{ float: left; width:49%;}