@charset "utf-8"; @font-face { font-family: 'Pretendard'; font-style: normal; font-weight: normal; font-display: block; src: url(../../fonts/Pretendard-1.3.6/web/static/woff/Pretendard-Regular.woff); } body {font-family:'Pretendard' !important;} .auto {width:1082px;margin:auto;position:relative;} .auto:after {content:"";clear:both;display:block;width:0;height:0;font-size:0;overflow:hidden;} a {text-decoration:none !important;} address {font-style:normal;} img {max-width:100%;} /* header */ #header {position:absolute; width: 100%;z-index:90000;top:0;left:0;right:0;transition:0.3s all ease-out;box-shadow: 5px 5px 5px rgba(0,0,0,0.04);min-width:1370px;}*/#header .header-banner {height:40px;overflow:hidden;} #header .header-banner {height: 40px; overflow: hidden;} #header .header-banner img{height:40px;} #header .header-banner a {display:block;position:relative;height:100%;} #header .header-banner a img {position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);max-width:fit-content;} #header .header-top {height:62px;background:#cd2122;overflow:hidden;z-index: 9999;} #header .header-top a {color:#fff;} #header .header-top .all_menu a {color:#333;} #header .header-top .hdt-menu a {display:inline-block;vertical-align:top;font-size:12px;line-height:62px;position:relative;} #header .header-top .hdt-menu p {display:inline-block;vertical-align:top;font-size:12px;line-height:62px;} #header .header-top .hdt-left {float:left;} #header .header-top .hdt-left a {margin-right:10px;} #header .header-top .hdt-left a img {margin-top:17px;margin-right:5px;} #header .header-top .hdt-right {float:right;} #header .header-top .hdt-right a {padding:0 5px;position:relative;} #header .header-top .hdt-right a:last-child:after {display:none;} #header .header-top .hdt-right a img {margin-top:18px;} #header .header-bottom {background:rgba(0,0,0,1);height: 62px;} #header .header-bottom .logo {position:absolute;top:0;left:0;width: 150px;text-align:center;} #header .header-bottom .logo a {display:block;padding:8px 0;} #header .header-bottom .logo img {height: 47px;left: -15px; position: relative;} #header .header-bottom .menu {position:absolute;top:10px;right:0;} #header .header-bottom .menu a {display:inline-block;padding: 0 11px;font-size:12px;color:#fff;position:relative;text-align: center;} #header .header-bottom .menu a img {vertical-align:bottom;} #header .header-bottom .menu a:last-child {padding-right:0;} #header .header-top .searchBox {position:absolute;top:0;left:50%;transform:translateX(-50%);width:373px;padding:13px 0;margin:auto;} #header .header-top .searchBox .input {border:1px solid #fff;position:relative;overflow:hidden;} #header .header-top .searchBox .input input {width:100%;height:35px;border:none;background:#fff;outline:none;padding: 0 50px 0 20px;box-sizing: border-box;color:#333;} #header .header-top .searchBox .input input::placeholder {color:#fff;} #header .header-top .searchBox .input a {position:absolute;top:0;right:0;text-align:center;padding:6px 10px;} #header .header-middle {position:relative;height:119px;border-bottom:1px solid #ddd;} /* #header.scroll .header-banner {position:fixed;top:0;left:0;right:0;} */ #header.scroll .header-top {position:fixed;top:0;left:0;right:0;} #header.scroll .header-bottom {position:fixed;top:62px;left:0;right:0;} /* gnb */ #gnb {text-align:center;position:initial;padding:23px 200px 23px 240px;overflow: hidden;} #gnb .btnAllMenu {position:absolute;top:0;left:136px;width: 110px;padding:23px 0;text-align:center;font-size: 16px;color:#fff;} #gnb .gnbList > li {float:left;margin-left: 38px;} #gnb .gnbList > li > a {display: block;font-size: 16px;color:#fff;} #gnb .all-category {display:none;} #gnb .all-category * {box-sizing:border-box;} #gnb .all-category {position:absolute;top:85px;left:160px;text-align:left;background:#fff;height:497px;} #gnb .all-category > ul {width:169px;padding:5px 9px;border:1px solid #ddd;height:497px;} #gnb .all-category > ul > li {} #gnb .all-category a {font-size:14px;color:#666;line-height:24px;text-decoration:none;padding:0 15px;} #gnb .all-category .title {font-size:20px;color:#4c4c4c;font-weight:500;padding:0 15px;margin-bottom:15px;display:block;} #gnb .all-category .depth {position:absolute;top:0;left:100%;width:209px;height:100%;background:#fff;padding:30px 10px;border:1px solid #ddd;margin-left:-1px;height:497px;display:none;} #gnb .all-category .depth03 {top:-1px;} #gnb .all-category > ul > li:hover > a {background:#cd1f20;color:#fff;display:block;} #gnb .all-category > ul > li .depth02 > ul > li:hover > a {background:#cd1f20;color:#fff;display:block;} #gnb .all-category > ul > li .depth03 > ul > li:hover a {background:#cd1f20;color:#fff;display:block;} #mainVisual {/* background:#f3f5ff; */position:relative;/* width:1082px; */margin:auto;border-radius:20px;} #mainVisual .slick-slider {overflow:hidden; height: 380px;} #mainVisual .slick-slider img{height: 380px; width:1082px;max-width:none;border-radius:20px;} #mainVisual .slick-slider .slick-track {text-align: center;} #mainVisual .slick-dots {position:absolute;bottom:0;left:0;width:100%;height:40px;} #mainVisual .slick-dots li {float:left;width:180px;} #mainVisual .slick-dots li a {display:block;font-size:14px;color:#666;line-height:40px;text-align:center;background:#dce7fb;} #mainVisual .slick-dots li.slick-active a {background:#595a5b;color:#fff;} #mainVisual .util-wrap {/* position:absolute;bottom:0;left:0;right:0; */padding-top: 20px;line-height:30px;text-align:center;} #mainVisual .util-wrap .mv-btn {display:inline-block;border-radius:50%;background:#b3b4b8;text-align:center;font-size:16px;color:#fff;width:30px;height:30px;margin-right:5px;vertical-align:top;} #mainVisual .util-wrap .pager {display:inline-block;background:#b3b4b8;padding:0 20px;font-size:16px;color:#fff;vertical-align:top;} #mainVisual .util-wrap .pager .slider_num {font-weight:bold;} #mainVisual .util-wrap .btn-minus {display: inline-block;border-top-left-radius: 20px;border-bottom-left-radius: 20px;background: #b3b4b8;padding: 0 10px;font-size: 20px;color: #fff;vertical-align: top;height: 30px;line-height: 28px;} #mainVisual .util-wrap .btn-plus {display:inline-block;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#b3b4b8;padding:0 10px;font-size:20px;color:#fff;vertical-align:top;} #mainVisual .arrow {position:absolute;top:50%;margin-top:-24px;} #mainVisual .arrow.btnPrev {left:-32px;} #mainVisual .arrow.btnNext {right:-32px;} #mainVisual .util-wrap .mv-btn i {font-family:'Material Icons' !important;display:none;line-height:35px;font-size:20px;line-height:33px;} #mainVisual .util-wrap .mv-btn i.pause {display:inline;} #mainVisual .util-wrap .mv-btn.stop i.pause {display:none;} #mainVisual .util-wrap .mv-btn.stop i.play {display:inline;} #mainVisual .slick-prev {display:none !important;} #mainContents {min-height:500px;overflow:hidden;} #mainContents .contentsTitle {margin-bottom:20px;} #mainContents h2 {font-size:27px;color:#262626;text-transform:uppercase;} #mainContents p.sub {font-size:18px;color:#262626;margin-top:5px;} #mainContents .conBox {padding: 50px 0;position: relative;} #mainContents .conBox01 {padding:50px 0 0 0;position:relative;} #mainContents .conBox01 .bg {height: 440px;position:absolute;top: 125px;left:0;right:0;} #mainContents .conBox01 .mask {background: #252525;position:relative;} #mainContents .conBox01 .mask .arrow {position:absolute;top:50%;transform:translateY(-50%);} #mainContents .conBox01 .mask .arrow.btnPrev {left:40px;} #mainContents .conBox01 .mask .arrow.btnNext {right:40px;} #mainContents .conBox01 .mask ul {overflow:hidden;} #mainContents .conBox01 .mask ul .slick-list {overflow:hidden;} #mainContents .conBox01 .mask ul li {} #mainContents .conBox01 .mask ul li .imgBox {display:block;overflow:hidden;width:300px;height:300px;border-radius:50%;margin:auto;} #mainContents .conBox01 .mask ul li .txtBox {color:#fff;text-align:center;margin-top:20px;} #mainContents .conBox01 .mask ul li .txtBox dl dt {font-size: 25px;} #mainContents .conBox01 .mask ul li .txtBox dl dd {font-size: 16px;line-height:1.4;margin-top:5px;} #mainContents .conBox02 {padding:50px 0 0 0;position:relative;} #mainContents .conBox02 .mask-list > ul > li {float:left;width: 354px;margin-right:9px;overflow:hidden;box-sizing:border-box;} #mainContents .conBox02 .mask-list > ul > li img {width:100%;} #mainContents .conBox02 .mask-list > ul > li:last-child {margin-right:0;} #mainContents .conBox02 .txtBox {padding:15px;padding-bottom:50px;;border-top:1px solid #e6e5e5;} #mainContents .conBox02 .txtBox p {font-size:25px;color:#595959;text-align:center;} #mainContents .conBox02 .txtBox p span {color: #ff8a01;} #mainContents .conBox02 .slick-dots {text-align:center;margin-top:10px;position:absolute;bottom:15px;left:0;right:0;} #mainContents .conBox02 .slick-dots li {overflow:hidden;text-indent:-9999px;width:11px;height:11px;background:#262626;border:1px solid #262626;display:inline-block;margin:0 3px;} #mainContents .conBox02 .slick-dots li.slick-active {background:#fff;} #mainContents .conBox03 {padding:0;} #mainContents .conBox03 {padding:0 0 0 0;position:relative;justify-content: center; align-items: center; display: flex;} #mainContents .conBox03 a {display:block;height:280px;background-repeat:no-repeat;background-position:50% 0;} #mainContents .conBox03 a img{height:280px; width: max-content;} .prd-tab {border:1px solid #a1a1a1;border-top:2px solid #f29c9f;overflow:hidden;} .prd-tab ul li {float:left;width:12.5%;text-align:center;box-sizing:border-box;position:relative;padding:10px;} .prd-tab ul li:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:2px;height:50%;background:#565656;} .prd-tab ul li:last-child:after {display:none;} .prd-tab ul li .icon {display:block;position:relative;} .prd-tab ul li .icon .hv {position:absolute;top:0;left:0;right:0;opacity: 0;text-align:center;} .prd-tab ul li:hover .icon > img {opacity: 0;} .prd-tab ul li:hover .icon .hv {opacity:1;} .prd-tab ul li.on .icon > img {opacity: 0;} .prd-tab ul li.on .icon .hv {opacity:1;} #mainContents .prd-list {margin-top:20px;} .prd-list > ul > li {float:left;width: 263px;margin-right:10px;overflow:hidden;box-sizing:border-box;} .prd-list > ul > li:last-child {margin-right:0;} .prd-list .txtBox {padding:15px;border-top:1px solid #e6e5e5;font-family:"RixGo B";} /*height:74px;*/ .prd-list .txtBox p {font-size:20px;color:#595959;line-height:1.2;} .prd-list .txtBox .price-wrap {margin-top:10px;} .prd-list .txtBox .price-sale {color: #ff0000;} #mainContents .conBox05 {padding:50px 0 0 0;position:relative;} /* #mainContents .conBox05 {padding:50px 0;position:relative;} */ /* #mainContents .conBox05 .prd-new {padding:20px 0 10px 0;border-top:2px solid #8c97cb;border-bottom:1px solid #a1a1a1;overflow:hidden;} */ /* #mainContents .conBox05 .prd-new-big {float:left;width: 528px;margin-right:10px;} */ /* #mainContents .conBox05 .prd-new-big img {width:100%;} */ /* #mainContents .conBox05 .prd-new-list {float:left;width: 544px;} */ /* #mainContents .conBox05 .prd-new-list ul {overflow:hidden;margin-top:-10px;} */ /* #mainContents .conBox05 .prd-new-list ul li {float:left;width: 266px;box-sizing:border-box;margin-top:10px;margin-right:10px;} */ /* #mainContents .conBox05 .prd-new-list ul li a {display:block;} */ /* #mainContents .conBox05 .prd-new-list ul li:nth-child(2n) {margin-right:0;} */ /* #mainContents .conBox05 .prd-new-list .txtBox {padding:15px;border-top:1px solid #e6e5e5;} */ /* #mainContents .conBox05 .prd-new-list .txtBox p {font-size:18px;color:#595959;text-align:center;} */ /* #mainContents .conBox05 .prd-new-list .txtBox p span {display:block;margin-top:8px;color: #cc0808;} */ #mainContents .conBox05 .prd-new {padding: 20px 0 10px 0;border-top: 2px solid #a1a1a1;overflow: hidden;} #mainContents .conBox05 {} #mainContents .conBox05 .prd-new {padding:20px 0 10px 0;} #mainContents .conBox05 .prd-new-big {float:left;width: 528px;margin-right:10px;} #mainContents .conBox05 .prd-new-big img {width:100%;} #mainContents .conBox05 .prd-new-list {float:left;width: 544px;} #mainContents .conBox05 .prd-new-list .prd-ul {overflow:hidden;margin-top:-10px;} #mainContents .conBox05 .prd-new-list .prd-ul li {float:left;width: 255px;box-sizing:border-box;margin-top:10px;margin-right:10px;} #mainContents .conBox05 .prd-new-list .prd-ul li a {display:block;} #mainContents .conBox05 .prd-new-list .prd-ul li:nth-child(2n) {margin-right:0;} #mainContents .conBox05 .prd-new-list .txtBox {padding:15px;border-top:1px solid #e6e5e5;} #mainContents .conBox05 .prd-new-list .txtBox p {font-size:18px;color:#595959;text-align:center;} #mainContents .conBox05 .prd-new-list .txtBox p span {display:block;margin-top:8px;color: #cc0808;} #mainContents .conBox05 .prd-new .slick-dots{text-align: center;margin-right: 20px;margin-top: 5px;} #mainContents .conBox05 .prd-new .slick-dots li{margin:0 1.5px; display:inline-block; width:25px; height:4px; box-sizing:border-box; border:1px solid #797979; } #mainContents .conBox05 .prd-new .slick-dots li.slick-active{background:#797979; } #mainContents .conBox05 .prd-new .slick-dots button{display:none;} /* #mainContents .conBox05 .prd-new .roll {margin-left: 540px;} */ #mainContents .conBox06 {padding:32px;position:relative;} #mainContents .conBox06 {background:#464646;} #mainContents .conBox06 h2, #mainContents .conBox06 .sub {color:#fff;} #mainContents .conBox06 ul li {float:left;margin-right:10px;margin-bottom:10px;} #mainContents .conBox06 ul li:nth-child(3n+0) {margin-right:0;} #mainContents .conBox06 ul li img{border-radius: 5px;} #mainContents .conBox06 ul li .txtBox {padding:10px;text-align:center;background:#242424;} #mainContents .conBox06 ul li .txtBox dl dt {display:inline-block;font-size:20px;color:#fff;padding:5px 10px;border-radius:5px;background:#d44342;} #mainContents .conBox06 ul li .txtBox dl dd {font-size:18px;color:#fff;margin-top:5px;} #mainContents .conBox07 {padding:50px 0;position:relative;} #mainContents .conBox07 ul {padding:20px 0 10px 0;border-top:2px solid #a1a1a1;border-bottom:1px solid #a1a1a1;overflow:hidden;} #mainContents .conBox07 ul li {float:left;width: 354px;margin-right: 10px;margin-top: 10px;position:relative;} #mainContents .conBox07 ul li:nth-child(1), #mainContents .conBox07 ul li:nth-child(2), #mainContents .conBox07 ul li:nth-child(3) {margin-top:0;} #mainContents .conBox07 ul li:nth-child(3n) {margin-right:0;} #mainContents .conBox07 ul li .txtBox {position:absolute;top:0;bottom:0;left: 170px;right:0;} #mainContents .conBox07 ul li .txtBox .inner {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;padding:10px;} #mainContents .conBox07 ul li .txtBox .inner dl dt {font-size:23px;color:#353535;} #mainContents .conBox07 ul li .txtBox .inner dl dd {font-size:18px;color:#666;} #mainContents .conBox07 ul li .txtBox .inner .more {display:block;width:90px;padding:5px 10px;margin-top:10px;border-radius:20px;border:1px solid #353535;font-size:14px;color:#353535;text-align:center;} #mainContents .conBox08 {padding:0 0 50px 0;position:relative;} #mainContents .conBox08 .mask {position:relative;} #mainContents .conBox08 .arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:5;} #mainContents .conBox08 .arrow.btnPrev {right:35px;top:-25px;left:auto;} #mainContents .conBox08 .arrow.btnNext {right:0;top:-25px;} /* footer */ #footer .footerTop {background:#464646;} #footer .footerTop ul li {float:left;} #footer .footerTop ul li a {display:block;line-height:50px;font-size:12px;color:#fff;padding-right:15px;margin-right:15px;position:relative;} #footer .footerTop ul li a:after {content:"";position:absolute;top:21px;right:0;width:1px;height:10px;background:#fff;} #footer .footerTop ul li:last-child a:after {display:none;} #footer .footerTop .f_sns {position:absolute;top:0;right:0;padding:11px;} #footer .footerTop .f_sns a {display:block;float:left;margin-left:10px;} #footer .footerBottom {padding:30px 0 50px 0;background:#fff;} #footer .footerBottom .auto {padding-left: 190px;box-sizing:border-box;} #footer .footerBottom .fLogo {position:absolute;top:0;left:0;} #footer .footerBottom .addrWrap {overflow:hidden;font-size:11px;color:#666;line-height:1.6;} #footer .footerBottom .addrWrap div {float:left;} #footer .footerBottom .addrWrap address {position:relative;} /* #footer .footerBottom .addrWrap dl dt {font-weight:bold;} */ #footer .footerBottom .addrWrap a {font-size:12px;color:#666;line-height:1.6;} #footer .footerBottom .footer-sponsor {margin-top:30px;overflow:hidden;position:relative;right:190px;} #footer .footerBottom .footer-sponsor ul li {float:left;/* height:35px;width:165px;position:relative; */margin-right:30px;} /* #footer .footerBottom .footer-sponsor ul li img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} */ #footer .footerBottom .footer-sns {position:absolute;bottom:10px;left: 880px;} #footer .footerBottom .footer-sns a {display:inline-block;margin-right:10px;} /* #sideMenu {position:absolute;top:886px;right:50%;margin-right: -690px;width:125px;border:1px solid #ddd;z-index:10000;background:#fff;} */ #sideMenu .infoBox {background:#f3f5ff;padding:20px;} #sideMenu .infoBox .tel {margin-bottom:20px;} #sideMenu .infoBox .tel dt {font-size:15px;color:#333;font-weight:700;} #sideMenu .infoBox .tel dd {font-size:16px;margin-top:5px;} #sideMenu .infoBox .tel:nth-child(1) dd {color:#ea4444;} #sideMenu .infoBox .tel:nth-child(2) dd {color:#6b8499;} #sideMenu .infoBox .time {margin-bottom:10px;} #sideMenu .infoBox .time dt {font-size:10px;color:#999;font-weight:500;} #sideMenu .infoBox .time dd {font-size:12px;color:#4c4c4c;font-weight:300;margin-top:5px;} #sideMenu .infoBox p {font-size:10px;color:#999;font-weight:500;margin-top:10px;} /* #sideMenu .quickMenu ul li {display:block;font-size:12px;color:#fff;line-height:34px;background-color:#252525;border-bottom:1px solid #e6e6e6;padding:0 20px;} */ #sideMenu .quickMenu ul li a {color:#fff;} /* #sideMenu .quickMenu ul li:first-child {background-color:#cd2122;} */ #sideMenu .quickMenu ul li img {vertical-align:middle; padding:5px;padding-left: 22px;padding-bottom: 6px;} #sideMenu .prd-recent {overflow:hidden; padding:10px 0;} #sideMenu .prd-recent .inner {background:#fff;padding:20px 7px;position:relative;text-align:center;} #sideMenu .btn-scroll {display:block;padding:0 30px;line-height:34px;font-size:14px;color:#3e3e3e;border-top:1px solid #ddd;} /* #sideMenu .btn-scroll img {margin-top:12px;} */ #sideMenu .prd-recent .arrow {position:absolute;left:50%;transform:translateX(-50%);} #sideMenu .prd-recent .arrow.btnPrev {top:0;} #sideMenu .prd-recent .arrow.btnNext {bottom:0;} #sideMenu .prd-recent .mask {overflow:hidden;height:120px;} #sideMenu .prd-recent .slick-slider {height:100%;} #sideMenu .prd-recent .slick-list {overflow:hidden;height:100% !important;} #sideMenu .prd-recent ul li {float:none;} #sideMenu .prd-recent ul li a {display:block;height:100%;position:relative;} #sideMenu .prd-recent ul li a img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} #sideMenu .btnClose {position:absolute;top:0;left:-30px;width:30px;height:66px;background:#465a74;font-size:13px;color:#fff;word-break:break-all;padding:5px;box-sizing:border-box;line-height:1.4;text-align:center;text-decoration:none;} #sideMenu .btnClose .icon {position:relative;display:block;margin:auto;width:20px;height:20px;} #sideMenu .btnClose .icon span {position:absolute;width: 14px;height:2px;left:50%;background:#fff;transition:0.5s all ease-out;-webkit-transition:0.5s all ease-out;} #sideMenu .btnClose .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 15px;} #sideMenu .btnClose .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 3px;} #sideMenu .btnClose.close .icon span {width:10px;} #sideMenu .btnClose.close .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 16px;} #sideMenu .btnClose.close .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 1px;} #left-banner {position:absolute;top:253px;left:50%;margin-left: -686px;z-index:10000;} #left-banner ul li {margin-bottom:10px;} #left-banner ul li a {display:block;/* border:1px solid #e7e9ec; */} #left-banner.fix {position:fixed;top:150px;} /* #sideMenu.fix {position:fixed;top:150px;} */ #subContents {min-height:500px;} .contentstitle {text-align:center;margin-bottom:20px;padding-top:64px;} .contentstitle .title {font-size:30px;color:#1e1e1e;font-weight:bold;} .contentstitle .sub {font-size:16px;color:#5a5a5a;margin-top:10px;line-height:1.4;} .con-title {position:relative;padding-left:15px;font-size:16px;color:#000;font-weight:bold;margin-bottom:10px;} .con-title:after {content:"";position:absolute;top:4px;left:0;width:4px;height:4px;border-radius:50%;border:2px solid #cf1e2d;} span.red, p.red {color: #cf1e2d;} .btns {margin:20px auto;text-align:center;overflow:hidden;} .btns a {display:inline-block;width:120px;line-height:28px;border-style:solid;border-width:1px;border-radius:5px;text-align:center;font-size:14px;background:#fff;border-color:#3c3c3c;} .btns a.red {background:#cf1e2d;border-color:#cf1e2d;color:#fff;} .comment {position:absolute;top:5px;right:0;font-size:13px;color:#6e6e6e;} span.star {color: #cf1e2d;} /* 로그인 */ .login-wrap {width:810px;margin:auto;font-family:"NanumBarunGothic";padding-top: 64px;} .login-wrap .logo {display:block;width:168px;margin:auto;} .login-wrap .login-box {margin-top:40px;border:1px solid #d1d1d1;border-top:3px solid #c8030c;overflow:hidden;background:#fafafa;position:relative;height:214px;} .login-wrap .login-box:after {content:"";position:absolute;top:30px;bottom:30px;left:50%;width:1px;border-left:1px dashed #676767;} .login-wrap .login-box .left {float:left;width:50%;padding:30px;box-sizing:border-box;} .login-wrap .login-box .left .mem-sele {} .login-wrap .login-box .left .mem-sele label {display:inline-block;margin-right:20px;font-size:14px;color:#2a2a2a;} .login-wrap .login-box .left .mem-sele label input {position:relative;top:2px;} .login-wrap .login-box .left .input-wrap {position:relative;padding-right:102px;margin-top:20px;display:none;} .login-wrap .login-box .left .input-wrap1 {display:block;} .login-wrap .login-box .left .input-wrap ul li {border:1px solid #d1d1d1;background:#fff;height:38px;position:relative;} .login-wrap .login-box .left .input-wrap ul li:last-child {margin-top:7px;} .login-wrap .login-box .left .input-wrap ul li input {background:none;border:none;outline:none;width:190px;height:100%;position:relative;z-index:1;padding-left:50px;} .login-wrap .login-box .left .input-wrap ul li input:focus + p {display:none;} .login-wrap .login-box .left .input-wrap ul li p {position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;padding-left:50px;line-height:38px;font-size:14px;} .login-wrap .login-box .left .input-wrap ul li .value_txt {position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;padding-left:50px;line-height:38px;font-size:14px;} .login-wrap .login-box .left .input-wrap ul li .icon {position:absolute;top:0;left:0;width:45px;height:100%;background-repeat:no-repeat;background-position:50% 50%;} .login-wrap .login-box .left .input-wrap ul li:nth-child(1) .icon {background-image:url("../../images/nex/login-icon01.png");} .login-wrap .login-box .left .input-wrap ul li:nth-child(2) .icon {background-image:url("../../images/nex/login-icon02.png");} .login-wrap .login-box .left .input-wrap a {position:absolute;top:0;right:0;bottom:0;width:89px;border-radius:5px;background:#e74057;} .login-wrap .login-box .left .input-wrap a span {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;font-size:16px;color:#fff;font-weight:bold;} .login-wrap .login-box .left .id-save {margin-top:15px;font-size:14px;} .login-wrap .login-box .left .id-save input {position:relative;top:2px;} .login-wrap .login-box .right {float:left;width:50%;height:100%;position:relative;} .login-wrap .login-box .right .inner {position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;} .login-wrap .login-box .right .inner ul li {display:inline-block;font-size:16px;color:#2a2a2a;} .login-wrap .login-box .right .inner ul li a {display:block;position:relative;padding:0 10px 0 30px;} .login-wrap .login-box .right .inner ul li a:after {content:"";position:absolute;top:-3px;right:3px;width:1px;height:21px;background:#666;} .login-wrap .login-box .right .inner ul li:last-child a:after {display:none;} .login-wrap .login-box .right .inner ul li img {position:absolute;top:50%;transform:translateY(-50%);left:0;} .login-wrap .banner {display:block;margin-top:4px;} /* 회원가입 step1 */ .join01-wrap {width:800px;margin:auto;} .join01-wrap .join01-box {border-top:3px solid #c8030c;border-bottom:1px solid #bbb;overflow:hidden;position:relative;} .join01-wrap .join01-box:after {content:"";position:absolute;top:20%;bottom:20%;left:50%;width:1px;border-left:1px dashed #676767;} .join01-wrap .join01-box > div {float:left;width:50%;padding:40px 0;position:relative;text-align:center;font-size:16px;color:#5a5a5a;} .join01-wrap .icon {height:125px;background-repeat:no-repeat;background-position:50% 50%;} .join01-wrap .left .icon {background-image:url("../../images/nex/join01-icon02.png");} .join01-wrap .right .icon {background-image:url("../../images/nex/join01-icon01.png");} .join01-wrap dl {margin:10px 0;} .join01-wrap dl dt {font-weight:bold;} .join01-wrap dl dd {margin-top:5px;} .join01-wrap a {display:inline-block;margin-top:10px;width:105px;line-height:33px;text-align:center;font-size:16px;color:#fff;border-radius:20px;} .join01-wrap .left a {background:#cf1e2d;} .join01-wrap .right a {background:#5a5a5a;} /* 회원가입 정보입력 - 개인 */ .joinform-wrap * {outline:none;} .joinform-wrap p {line-height:1.4;} .joinform-wrap {width:800px;margin:auto;position:relative;} .joinform-wrap .join-agree-wrap {border-top:3px solid #c8030c;padding:20px 50px;} .joinform-wrap .join-agree {border:1px solid #bbb;} .joinform-wrap .join-agree ul li {padding:15px 45px;font-size:14px;color:#6e6e6e;border-top:1px dashed #bbb;position:relative;} .joinform-wrap .join-agree ul li input {position:relative;top:2px;} .joinform-wrap .join-agree ul li:first-child {border-top:none;} .joinform-wrap .join-agree ul li a {position:absolute;top:50%;transform:translateY(-50%);right:45px;width:50px;text-align:center;font-size:14px;color:#6e6e6e;line-height:22px;border:1px solid #bbb;} .joinform-wrap .ad-sele {margin-top:7px;background:#f4f4f4;text-align:center;padding:15px;margin-bottom:10px;} .joinform-wrap .ad-sele ul li {display:inline-block;font-size:14px;color:#6e6e6e;} .joinform-wrap .ad-sele ul li:nth-child(2) {margin:0 180px;} .joinform-wrap .ad-sele ul li input {position:relative;top:2px;} .joinform-wrap .join-agree-wrap p {line-height:1.6;padding:0 70px;letter-spacing:-1px;} .joinform-wrap .joinform {border-top:3px solid #c8030c;padding:20px 50px;} .joinform-wrap .joinform-box {border:1px solid #bbb;} .joinform-wrap .joinform-box > ul > li {padding:15px 45px;font-size:14px;color:#6e6e6e;border-top:1px dashed #bbb;position:relative;} .joinform-wrap .joinform-box > ul > li:first-child {border-top:none;} .joinform-wrap .joinform-box ul li .comment {position:absolute;top:50%;transform:translateY(-50%);right:45px;color:#b9b9b9;} .joinform-wrap .joinform-box ul li dl dt {float:left;width:98px;} .joinform-wrap .joinform-box ul li dl dd {padding-left:95px;} .joinform-wrap .joinform-box input[type="text"] {font-size:14px;} .joinform-wrap .joinform-box input[type="password"] {font-size:14px; width:200px;} .joinform-wrap input[type="radio"] {position:relative;top:2px;} .joinform-wrap .btn-certifi {display:block;width:100px;line-height:22px;background:#cf1e2d;color:#fff;text-align:center;} .joinform-wrap .joinform-box ul li.code-input dl dt {width:163px;} .joinform-wrap .joinform-box ul li.code-input dl dd div {display:inline-block;width:80px;border-left:1px solid #bbb;border-right:1px solid #bbb;padding:0 5px;margin-right:20px;} .joinform-wrap .joinform-box ul li.code-input dl dd div input[type="text"] {width:100%;} .joinform-wrap .joinform-box ul li.code-input dl dd p {display:inline-block;font-size:13px;color:#b9b9b9;} .line-input{display:inline-block;border-right:1px solid #bbb;border-left:1px solid #bbb;padding:0 5px;} .tel-input .selectBox {font-size:14px;width:55px;} .tel-input .selectBox select{border:0; font-size:14px;} .tel-input > div {display:inline-block;border-right:1px solid #bbb;border-left:1px solid #bbb;padding:0 5px;} .tel-input input {width:80px;} /* .tel-input2 {padding-bottom:15px;} */ /* .tel-input2 dl {padding-bottom:15px;border-bottom:1px dashed #bbb;} */ .tel-input2 dd > div {display:inline-block;padding:0 5px;} .tel-input2 .selectBox {display:inline-block;font-size:14px;border-left:none;width:70px;border-right:1px solid #bbb;border-left:1px solid #bbb;} .tel-input2 .selectBox select{border:0; font-size:14px;} .tel-input2 .selectBox a {padding:0 5px;} .tel-input2 input[type="text"] {width:70px;border-right:1px solid #bbb;border-left:1px solid #bbb;} /* .tel-input2 {padding-bottom:15px;} */ .sale-input dl {padding-bottom:15px;border-bottom:1px dashed #bbb;} .sale-input dd > div {display:inline-block;padding:0 5px;} .sale-input .selectBox {display:inline-block;font-size:14px;border-left:none;width:105px;border-right:1px solid #bbb;border-left:1px solid #bbb;} .sale-input .selectBox select{border:0; font-size:14px;} .sale-input .selectBox a {padding:0 5px;} .sale-input input[type="text"] {width:70px;border-right:1px solid #bbb;border-left:1px solid #bbb;} .email-input > div {display:inline-block;border-right:1px solid #bbb;border-left:1px solid #bbb;padding:0 5px;} .email-input input {width:100px;} .email-input .selectBox {font-size:14px;width:80px;} .email-input .selectBox select{border:0; font-size:14px;width:80px;} .adress-input {padding-bottom:15px;} .adress-input dl {padding-bottom:15px;border-bottom:1px dashed #bbb;} .adress-input input[type="text"] {width:70px;border-right:1px solid #bbb;border-left:1px solid #bbb;padding:0 5px;} .adress-input input[type="checkbox"] {position:relative;top:2px;} .adress-input input[type="button"] {display:inline-block;width:50px;text-align:center;font-size:12px;color:#6e6e6e;line-height:15px;border:1px solid #bbb;background:#f1f1f1;margin:0 10px;} .adress-input .adress {padding:15px 0;font-size:14px;color:#6e6e6e;border-bottom:1px dashed #bbb;height:15px;} .adress-input .adress input {width:100%;border: none;} .birth-input .selectBox {display:inline-block;width:40px;} .birth-input > div {display:inline-block;margin-right:20px;} .birth-input label {margin-right:10px;} .birth-input input {position:relative;top:2px;} .birth-input .selectBox select{border:0; font-size:14px;} .birth-input > div {display:inline-block;border-right:1px solid #bbb;border-left:1px solid #bbb;padding:0 5px;} .selectBox {position:relative;background:#fff;} .selectBox a {display:block;font-size:14px;color:#6e6e6e;} .selectBox > a {background:url("../../images/nex/select-arrow.png") no-repeat 90% 50%;} .selectBox ul {position:absolute;top:19px;left:0;width:100%;display:none;z-index:2;background:#fff;padding:5px 0;} .selectBox ul li {margin-top:5px;} .selectBox ul li:first-child {margin-top:0;} .bottom-btn {display:block;margin:20px auto;text-align:center;width:280px;border-radius:5px;background:#cf1e2d;font-size:16px;color:#fff;font-weight:bold;line-height:30px;} .label-list label {display:inline-block;margin-right:20px;} .idcheck {display:inline-block;width:50px;text-align:center;font-size:12px;color:#6e6e6e;line-height:15px;border:1px solid #bbb;background:#f1f1f1;margin:0 10px;} .biz-adm {margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #bbb;} .biz-adm .label-list {display:inline-block;} .biz-adm .selectBox {display:inline-block;width:70px;padding:0 5px;border-left:1px solid #bbb;border-right:1px solid #bbb;} .btns .joinRed {background: #cf1e2d;border-color: #cf1e2d;color: #fff;display: inline-block;width: 120px;line-height: 28px;border-style: solid;border-width: 1px;border-radius: 5px;text-align: center;font-size: 14px;} /* 개인회원 본인인증 */ .join01-01-wrap {width:800px;} .join01-01-wrap {width:800px;margin:auto;} .join01-01-wrap .join-certifi {border-top:3px solid #c8030c;padding:50px 50px;text-align:center;} .join01-01-wrap .join-certifi dl {margin:10px 0;} .join01-01-wrap .join-certifi dl dt {font-size:25px;color:#5a5a5a;font-weight:bold;} .join01-01-wrap .join-certifi dl dd {font-size:16px;color:#5a5a5a;margin-top:5px;line-height:1.4;} .join01-01-wrap .join-certifi .bottom-btn {line-height:30px;width:95px;font-weight:normal;} .biz-certifi {margin-bottom:50px;} .biz-certifi-box {border-top:3px solid #c8030c;padding:25px 30px;text-align:center;border-bottom:1px solid #bbb;} .biz-certifi-box dl, .biz-certifi-box dl dt, .biz-certifi-box dl dd {display:inline-block;vertical-align:top;line-height:25px;} .biz-certifi-box dl dt {font-size:14px;color:#3c3c3c;font-weight:bold;margin-right:5px;} .biz-certifi-box input {border:1px solid #bbb;height:25px;width:155px;} .biz-certifi-box dl {margin-right:3px;} .biz-certifi-box dl:last-child {margin-right:0;} .biz-certifi-box dl:last-child input {width:66px;} .idpw-search-wrap {width:810px;margin:auto;} .idpw-search-wrap .tab {overflow:hidden;} .idpw-search-wrap .tab ul li {float:left;width:50%;text-align:center;} .idpw-search-wrap .tab ul li a {display:block;line-height:40px;border-bottom:2px solid #383838;} .idpw-search-wrap .tab ul li.on a {border-bottom-color:#cf1e2d;} .idpw-search-wrap .tab ul li a .con-title {display:inline-block;margin-bottom:0;} .idpw-search-wrap .tab ul li a .con-title:after {top:15px;} .idpw-search-wrap .idpw-search-box {text-align:center;} .idpw-search-wrap .idpw-search-box .inner {padding:50px;border-bottom:1px solid #7b7b7b;} .idpw-search-wrap .idpw-search-box .inner > dl {margin:20px 0;} .idpw-search-wrap .idpw-search-box .inner > dl dt {font-size:20px;color:#1e1e1e;font-weight:bold;} .idpw-search-wrap .idpw-search-box .inner > dl dd {font-size:16px;color:#5a5a5a;margin-top:5px;line-height:1.4;} .idpw-search-wrap .idpw-search-box.personal {} .idpw-search-wrap .idpw-search-box.personal .input-box {overflow:hidden;margin:0 -50px;} .idpw-search-wrap .idpw-search-box.personal .input-box input[type="text"] {border:1px solid #bbb;height:25px;width:180px;} .idpw-search-wrap .idpw-search-box.personal .input-box dl {display:inline-block;line-height:25px;margin-right:20px;} .idpw-search-wrap .idpw-search-box.personal .input-box dl dt {float:left;font-size:16px;margin-right:15px;} .idpw-search-wrap .idpw-search-box.personal .input-box dl dd {float:left;font-size:16px;} .idpw-search-wrap .btn {display:block;width:130px;line-height:30px;font-size:16px;color:#fff;background:#cf1e2d;border-radius:5px;text-align:center;} .idpw-search-wrap .btn.center {margin:auto;} .idpw-search-wrap .idpw-search-box.biz .inner {padding-bottom:0;} .idpw-search-wrap .idpw-search-box.biz .input-box {padding:25px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;overflow:hidden;margin:0 -50px;} .idpw-search-wrap .idpw-search-box.biz .input-box input[type="text"] {border:1px solid #bbb;height:25px;width:160px;} .idpw-search-wrap .idpw-search-box.biz .input-box dl {float:left;line-height:25px;margin-right:12px;} .idpw-search-wrap .idpw-search-box.biz .input-box dl:last-child {float:right;margin-right:0;} .idpw-search-wrap .idpw-search-box.biz .input-box dl dt {float:left;font-size:15px;margin-right:15px;} .idpw-search-wrap .idpw-search-box.biz .input-box dl dd {float:left;font-size:16px;} .idpw-search-wrap .idpw-search-box.biz .input-box.center dl {float:none;display:inline-block;} .idpw-search-wrap .idpw-search-box.personal {} .idpw-search-wrap .idpw-search-box .input-wrap ul li {border:1px solid #d1d1d1;background:#fff;width:240px;height:38px;position:relative;margin:0 5px;text-align:left;display:inline-block;} .idpw-search-wrap .idpw-search-box .input-wrap ul li:last-child {margin-top:7px;} .idpw-search-wrap .idpw-search-box .input-wrap ul li input {background:none;border:none;outline:none;width:100%;height:100%;position:relative;z-index:1;padding-left:50px;font-size:14px;} .idpw-search-wrap .idpw-search-box .input-wrap ul li input:focus + p {display:none;} .idpw-search-wrap .idpw-search-box .input-wrap ul li p {position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;padding-left:50px;line-height:38px;} .idpw-search-wrap .idpw-search-box .input-wrap ul li .icon {position:absolute;top:0;left:0;width:45px;height:100%;background-repeat:no-repeat;background-position:50% 50%;} .idpw-search-wrap .idpw-search-box .input-wrap ul li:nth-child(1) .icon {background-image:url("../../images/nex/login-icon01.png");} .idpw-search-wrap .idpw-search-box .input-wrap ul li:nth-child(2) .icon {background-image:url("../../images/nex/icon-email.png");} .idpw-search-wrap .idpw-search-box .search-result {margin:30px auto 0 auto;padding-top: 20px;font-size:16px;line-height:1.6;border-top:2px solid #cf1e2d;} .idpw-search-wrap .idpw-search-box.id-biz .search-result, .idpw-search-wrap .idpw-search-box.pw-biz .search-result {padding-bottom:20px;} .popup {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;} .popup .logo {display:block;text-align: center;margin-bottom:20px;} .popup .popup-inner {background:#fff;padding:30px 10px 20px 10px;width:450px;} .popup .conBox-inner {border-top:2px solid #c71c22;border-bottom:2px solid #c71c22;background:#fafafa;padding:20px 27px;} .popup .conBox-inner ul {} .popup .conBox-inner ul li {overflow:hidden;position:relative;border:1px solid #d1d1d1;background:#fff;font-size:15px;line-height:38px;padding:0 15px;margin-top:10px;} .popup .conBox-inner ul li:first-child {margin-top:0;} .popup .conBox-inner ul li a {position:absolute;top:50%;transform:translateY(-50%);right:25px;border-radius:20px;background:#cf1e2e;color:#fff;line-height:25px;padding:0 15px;font-size:13px;} .popup .conBox-inner input[type="radio"] {position:relative;top:2px;} .popup .conBox-inner p {margin-top:10px;font-size:13px;color:#5a5a5a;text-align:center;} .popup.terms {left:0;right:0;top:0;bottom:0;transform:translate(0,0);z-index:99999;background:rgba(0,0,0,0.3);display:none;} .popup.terms .inner-wrap {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;} .popup.terms .inner-wrap .inner {position:relative;height:100%;overflow-y:scroll;padding:20px;background:#fff;} .popup.terms .inner-wrap .btnClose {position:absolute;top:-40px;right:0;} .popup.terms .inner p {line-height:1.6;} .popup.terms .inner p.title {font-size:21px;color:#000;font-weight:700;margin-bottom:15px;} .popup.terms .bottom-btn {width:130px;} /*상단 전체메뉴*/ .all_cate {float:left; width:193px; display:block;z-index:90000;} .btn_all_cate {width:100%; height:43px; display:block;} .all_menu.show {width:1048px; height:560px; overflow:auto; display:block;} .all_menu {position:absolute;left:0;top: 63px;width: 1080px;background:#fff;padding:0;vertical-align:top;border:1px solid #424242;border-top:0;display:none;z-index:90000;zoom:1;font-family:"Tahoma","돋움","Dotum,Arial";text-align:left;} .all_menu:after {clear:both; content:""; display:block;} .all_menu a.all_menu_close {position:absolute; right:0; bottom:0; width:33px; height:33px;display:none;} .all_menu table {width:100%;} .all_menu table td {border-right:1px dotted #bebebe; vertical-align:top;} .all_menu table td.last {border:none;} .all_menu table td dl {padding:20px 0 7px 16px;} .all_menu table td dl dt {padding:0 0 13px; font-weight:bold; line-height:120%;} .all_menu table td dl dt a {color:#333;} .all_menu table td dl dt a:hover {color:#cb003d;} .all_menu table td dl dd {padding:0 0 8px;} .all_menu table td dl dd a {color:#666; font-size:11px;} .all_menu table td dl dd a:hover {color:#cb003d;} /*팝업>앱다운로드*/ .popup_Appwrap{width:100%;background:url('../../images/nex/popup_app_topBg.gif') repeat-x 0 0;position:relative;} .popup_Appwrap .popup_tit{position:relative;padding:16px 0 0 20px;height:57px;} .popup_Appwrap .popup_tit .logo {position:absolute;right:0;top:0;} .popup_app {width:395px;margin:0 auto;} .popup_app h2 {width:395px;height:35px;text-align:center;} .popup_app .txtCen {width:100%;text-align:center;display:inline-block;} .popup_app .txtCen .txt {margin:0 auto;color:#555;line-height:169%;text-align:left;display:inline-block;} .popup_app .txtCen .txt strong {color:#e71c18;text-decoration:underline;} .popup_app label {display:none;} .popup_app input {vertical-align:top;} .popup_app input[type="text"]{padding:6px 0 6px 9px;height:14px;border:1px solid #ddd;display:inline-block;} .popup_app .appBtn {vertical-align:top;display:inline-block;} .popup_app .tx_foot {width:100%;padding-top:14px;color:#555;font-size:11px;text-align:center;line-height:189%;} .popup_app .okBtn {height:28px;padding-top:14px;display:block;} .topHeader img{max-width:none;} /* 2020-06-08 추가 */ #header .header-top {overflow:visible;} #header .header-top .searchBox {z-index:1;width:500px;} #header .header-top .searchBox .input .btn-delete {top:5px;right:30px;display:none;} #header .header-top .searchBox .input .btn-delete.on {display:block;} #header .header-top .searchBox .search-recent {position:absolute;top:52px;left:0;right:0;background:#fff;border:2px solid #cd2122;display:none;} #header .header-top .searchBox .search-recent.on {display:block;} #header .header-top .searchBox .search-recent .recent-txt {padding:0 10px;border-bottom:1px solid #d9d9d9;height:30px;line-height:30px;font-size:14px;color:#666;} #header .header-top .searchBox .search-recent ul li {display:block;padding:0 10px;line-height:24px;font-size:12px;color:#666;} #header .header-top .searchBox .search-recent ul li a{color:#666;} #header .header-top .searchBox .search-recent .bottom {padding:0 10px;border-top:1px solid #d9d9d9;line-height:24px;} #header .header-top .searchBox .search-recent .bottom .btn-delete {font-size:14px;color:#666;} #header .header-top .searchBox .search-recent .bottom .btn-close {float:right;font-size:14px;color:#666;} #header .header-top .searchBox .search-recent .bottom .btn-close img {margin-left:5px;} #header .header-top .searchBox .search-related {position:absolute;top:52px;left:0;right:0;background:#fff;border:2px solid #cd2122;display:none;} #header .header-top .searchBox .search-related.on {display:block;} #header .header-top .searchBox .search-related .related-wrap {overflow:hidden;} #header .header-top .searchBox .search-related .related-txt {float:left;padding-top:10px;width: 169px;height:307px;border-right:1px solid #d9d9d9;/* margin-right:10px; */} #header .header-top .searchBox .search-related .related-txt ul .on{background: lightgray;} #header .header-top .searchBox .search-related .related-txt ul li{padding: 0 3px 0 12px;} #header .header-top .searchBox .search-related .related-txt ul li a {font-size:12px;color:#666;line-height:24px;} #header .header-top .searchBox .search-related .related-txt ul li a span {color:#cd2122;} #header .header-top .searchBox .search-related .related-prd {float:left;width: 286px;padding:10px;height:307px;} #header .header-top .searchBox .search-related .related-prd .keyword {font-size:14px;color:#cd2122;font-weight:500;margin-bottom:10px;} #header .header-top .searchBox .search-related .related-prd ul li {float:left;width:33.33%;padding:2px;box-sizing:border-box;} #header .header-top .searchBox .search-related .related-prd ul li a {display:block;border:1px solid #d9d9d9;} #header .header-top .searchBox .search-related .related-prd ul li .txtBox {padding:5px;line-height:1.4;max-height: 48px;} #header .header-top .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;} #header .header-top .searchBox .search-related .related-prd ul li img{width:90px;height:90px;} #header .header-top .searchBox .search-related .recommend {padding:10px;background:#f7f7f7;border-top:1px solid #d9d9d9;} #header .header-top .searchBox .search-related .recommend .title {font-size:12px;color:#333;font-weight:700;margin-bottom:5px;} #header .header-top .searchBox .search-related .recommend p {font-size:12px;color:#333;line-height:18px;} #header .header-top .searchBox .search-related .recommend p a {font-size:12px;color:#333;line-height:18px;} /******************************************************************* * 상품리스트영역 ********************************************************************/ .goods_list_contents {width:100%; margin:40px 0 0; display:inline-block;} /*정기배송신청 페이지일때*/ .order_contents>.goods_list_contents {width:100%; margin:0; display:inline-block;} .goods_list_contents h3 {position:relative; height:28px; background:url('https://www.officenex.com/images/icon/bullet3.gif') no-repeat 0 7px; margin-left:18px; padding-left:8px; font-size:14px; line-height:18px; font-weight:bold;} /*상품검색*/ .search_lists {height:36px; padding:0 10px; border-bottom:1px solid #d8d8d8; overflow:hidden;} .search_lists .gUser {float:left; padding-top:5px; vertical-align:middle;} .search_lists .gUser label {float:left; margin-left:17px; padding-top:5px; color:#424242; font-size:11px; text-indent:-17px; display:block;} .search_lists .gUser input {top:0 !important; vertical-align:middle;} .search_lists .gUser a {float:left; margin-left:4px;} .search_lists .gType {float:right; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat 0 15px;} .search_lists .gType li {float:left; height:23px; background:url('https://www.officenex.com/images/shop/schList_gtype_bar.gif') no-repeat right 15px; padding:13px 12px 0; text-align:center;} .search_lists .gType li a {color:#686868; font-family:dotum, sans-serif; font-size:11px;} .search_lists .gType li.active {height:21px; font-weight:bold; border-bottom:2px solid #e7222c;} .search_lists .gType li.active a {background:url('https://www.officenex.com/images/icon/arrow1.gif') no-repeat right 50%; padding-right:15px; color:#ea555a; text-decoration:none;} .search_lists .gType li.icon {height:26px; background:none; padding:10px 0 0 12px; line-height:1; text-align:left;} .search_lists .gType li.icon p {float:left; padding-left:10px;} .search_lists .gType li.icon span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;} .search_lists .gType li.icon a {width:17px; height:17px; display:block; text-indent:-99999em;} .search_lists .gType li.icon .blog .active {background-position:0 -18px;} .search_lists .gType li.icon .bbs span {background-position:-27px 0;} .search_lists .gType li.icon .bbs .active {background-position:-27px -18px;} .search_lists_area {width:100%;} /*상품블로그형*/ .goodsBox {float:left; width:100%; background:url('https://www.officenex.com/images/shop/goods_list_box_bg.gif') repeat-y 0 0;} .goodsBox li {float:left; width:176px; height:368px; padding:30px 20px; border-bottom:1px solid #d8d8d8;} .goods_content {width:176px;} .goods_content li {height:auto; padding:0; border:0;} .goods_content li.goods_img {width:176px; height:170px; background:#dfdfdf;} .goods_content li.goods_img img {width:176px; height:170px;} .goods_content li.goods_tp {position:relative; width:176px; padding:20px 0;} .goods_content li.goods_tp input {vertical-align:middle;} .goods_content li.goods_tp a {float:left; margin-left:18px;} .goods_content li.goods_tp .qt {position:absolute; top:19px; left:19px; vertical-align:top;} .goods_content li.goods_tp .qt input {width:32px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;} .goods_content li.goods_tp .qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;} .goods_content li.goods_tp .qt span a {margin:0;} .goods_content li.goods_md {width:176px; height:65px; margin-bottom:17px; line-height:140%; overflow:hidden;} .goods_content li.goods_md .brand, .goods_content li.goods_md .pcode, .goods_content li.goods_md .pin {height:16px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;} .goods_content li.goods_md a {height:34px; overflow:hidden; display:inline-block;font-size:14px;} .goods_content li.goods_md a:hover {text-decoration:underline;} .goods_content li.goods_se {float:left; width:auto; padding-right:10px; color:#df392e; font-family:Times New Roman,sans-serif; font-size:34px; font-weight:bold; letter-spacing:-0.04em;} .goods_content li.goods_se span {font-size:20px; letter-spacing:-0.02em;} .goods_content li.goods_bm {float:left; width:176px;position:relative;} .goods_content li.goods_bm strike {height:16px; color:#999; font-size:11px; display:block;} .goods_content li.goods_bm .price {height:16px; color:#777; display:inline;} .goods_content li.goods_bm .price strong {color:#df392e; font-size:16px;} .goods_content li.goods_bm .point strong {color:#777; font-weight:normal;} /* .goods_content li.goods_bm .point {height:16px; color:#777; display:inline;} */ .goods_content li.goods_bm .point {position:absolute; bottom:0; right:0; height:20px; background:url('https://www.officenex.com/images/shop/goods_point_ico.gif') no-repeat 0 0; padding-left:24px; color:#777; text-align:right; line-height:169%; display:inline-block;} /*게시판 페이징*/ .paging {width:100%; height:34px; margin:54px 0 54px; text-align:center; display:inline-block;} .paging .pre a, .paging .nex a {width:34px; height:34px; margin:0; font-size:0; line-height:0; border:0;} .paging strong {width:33px; height:32px; color:#df392e; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;} .paging a {width:33px; height:32px; color:#424242; line-height:280%; font-weight:bold; border:1px solid #d8d8d8; vertical-align:top; display:inline-block;} /*페이징*/ .goods_list_contents .paging {margin-top:34px !important;} /*상품게시판형*/ .goodsList {float:left; width:100%;} .goodsList thead th {padding:6px 0; color:#424242; font-size:11px; font-weight:bold; line-height:18px; text-align:center; border-bottom:1px solid #d8d8d8;} .goodsList tbody td {padding:15px 0; text-align:center; border-bottom:1px dotted #d8d8d8;} .goodsList tbody td.info {padding:15px 5px 15px 0; text-align:left; border-bottom:1px dotted #d8d8d8;} .goodsList tbody td.btn a {margin-bottom:3px; display:block;} .goodsList tbody td.bm strike {height:16px; color:#999; font-size:11px; display:block;} .goodsList tbody td.bm .price {height:16px; color:#777; line-height:140%; display:block;} .goodsList tbody td.bm .price strong {color:#df392e; font-size:15px;} /* .goodsList tbody td.bm .point {height:16px; color:##3366cc; line-height:220%; display:block;} */ .goodsList tbody td.bm .point {height:20px; background:url('../../images/shop/goods_point_ico.gif') no-repeat 0 0; margin-top:10px; padding-left:24px; color:#777; line-height:169%; display:inline-block;} .goodsList tbody td.bm .point strong {color:#777; font-weight:normal;} .goodsList tbody td.qt input {width:52px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;} .goodsList tbody td.qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;} .goodsList .goods_content {position:relative; width:100%; height:128px; overflow:hidden;} .goodsList .goods_content li {float:left; padding-left:144px;} .goodsList .goods_content li.goods_img {position:absolute; left:0; top:0; width:128px; height:128px; padding-left:0; background:#dfdfdf; z-index:999;} .goodsList .goods_content li.goods_img img {width:128px; height:128px;} .goodsList .goods_content li.goods_tag {height:38px;} .goodsList .goods_content li.goods_tag img {float:left; margin-right:3px;} .goodsList .goods_content li.goods_tp {position:absolute; left:144px; bottom:2px; width:auto; height:13px; padding:0; z-index:999;} .goodsList .goods_content li.goods_tp a {margin:0;} .goodsList .goods_content li.goods_md {clear:both; width:auto; height:50px; line-height:140%; overflow:hidden;} .goodsList .goods_content li.goods_md .brand, .goodsList .goods_content li.goods_md .pcode .goodsList .goods_content li.goods_md .pin {height:16px; margin-bottom:3px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;} .goodsList .goods_content li.goods_md .state {height:16px; margin-bottom:3px; color:#d00000; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;} .goodsList .goods_content li.goods_md a {height:35px;} .goodsList .goods_content li.goods_md a:hover {text-decoration:underline;} .search-result-box {line-height:1.6;} .search-result-box .txt {font-size:22px;font-weight: 600;} .search-result-box .related-keyword {padding: 0 0 20px 0;font-size:14px; } .search-result-box .related-keyword a {color:#358dee;display:inline-block;margin:0 5px;} .search-result-box .related-keyword a:hover {text-decoration:underline !important;} .search-prd-wrap {} .search-prd-wrap .search-category {float:left;width:200px;padding-top:30px;margin-right:20px;} .search-prd-wrap .search-category > ul > li {padding:20px 0;border-top:1px solid #d9d9d9;} .search-prd-wrap .search-category > ul > li .cate-title {font-size:20px;color:#333;font-weight:500;margin-bottom:20px;} .search-prd-wrap .search-category > ul > li .cate-title.on .toggle-icon {background:url("/images/down.png") no-repeat 95% 50%;width: 20px;height: 20px;float: right;} .search-prd-wrap .search-category > ul > li .cate-title .toggle-icon {background:url("/images/up.png") no-repeat 95% 50%;width: 20px;height: 20px;float: right;} .search-prd-wrap .search-category ul li label {display:block;font-size:14px;color:#666;line-height:1.6;} .search-prd-wrap .search-category ul li label input {position:relative;top:2px;margin-right:5px;} .search-prd-wrap .search-category ul li .more-cate {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;} .search-prd-wrap .search-category ul li .more-cate span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;} .search-prd-wrap .search-category ul li .more-brand {margin-top:20px;display:block;font-size:14px;color:#333;opacity:0.5;} .search-prd-wrap .search-category ul li .more-brand span {display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;background:#999;color:#fff;margin-right:5px;} .search-prd-wrap .search-category ul li.search-cate03 input {width:55px;border:1px solid #d9d9d9;height:30px;line-height:28px;outline:none;padding:0 10px;} .search-prd-wrap .search-category ul li.search-cate03 a {display:block;margin-top:5px;line-height:30px;text-align:center;font-size:14px;color:#333;background:#ebebeb;border:1px solid #d9d9d9;} .search-prd-wrap .search-category ul li .input-box {position:relative;border:1px solid #d9d9d9;padding-right:40px;} .search-prd-wrap .search-category ul li .input-box input {height:30px;line-height:28px;width:100%;outline:none;padding:0 10px;} .search-prd-wrap .search-category ul li .input-box a {position:absolute;top:6px;right:10px;width:17px;} .search-prd-wrap .search-category .category {font-family:"Nanum Gothic";} .search-prd-wrap .search-category .category > ul > li > a {display:block;font-size:14px;color:#333;font-weight:bold;position:relative;line-height:24px;} .search-prd-wrap .search-category .category > ul > li > a span {position:absolute;top:7px;right:0;width:11px;height:11px;} .search-prd-wrap .search-category .category > ul > li > a span:before {content:"";position:absolute;width:100%;height:1px;background:#000;top:4px;left:0;} .search-prd-wrap .search-category .category > ul > li > a span:after {content:"";position:absolute;width:1px;height:100%;background:#000;top:-1px;left:5px;transition:0.3s all ease-out;} .search-prd-wrap .search-category .category > ul > li > a.on span:after {transform:rotate(90deg);} .search-prd-wrap .search-category .category > ul > li ul {padding:10px;} .search-prd-wrap .search-category .category > ul > li ul li a {font-size:14px;color:#333;line-height:1.6;} .search-prd-wrap .search-category .category > ul > li .sub {display:none;} .search-prd-wrap .search-category .category > ul > li .sub > li > a {display:block;} .search-prd-wrap .search-category .category > ul > li .sub > li > a > span {position:absolute;top:4px;right:5px;width:15px;height:15px;} .search-prd-wrap .search-category .category > ul > li .sub > li > a.slide {background:url("../../images/nex/depth-arrow-bottom.png") no-repeat 95% 50%;} .search-prd-wrap .search-category .category > ul > li .sub > li > a.slide.on {background:url("../../images/nex/depth-arrow-top.png") no-repeat 95% 50%;} .search-prd-wrap .search-category .category > ul > li ul.depth03 {display:none;} .search-prd-wrap .search-category .category > ul > li ul.depth03 li a {display:block;padding-left:10px;position:relative;} .search-prd-wrap .search-category .category > ul > li ul.depth03 li a:before {content:"-";position:absolute;top:0;left:0;} .search-prd-wrap .goods_list_contents {float:left;width:862px;margin-top:0;} .search-prd-wrap .goods_list_contents .search-result {font-size:18px;} .search-prd-wrap .goodsBox li {width:175px;} .search-array {background:#f8f8f8;padding:20px;margin-top:10px;border-top:1px solid #333;border-bottom:1px solid #d9d9d9;position:relative;} .search-array:after {content:"";display:block;clear:both;} .search-array ul li {float:left;padding:0 10px;font-size:14px;color:#333;} .search-array ul li input {position:relative;top:2px;margin-right:5px;} .search-array ul li a {display:block;} .search-array .array-btns {position:absolute;top:20px;right:20px;} .search-array .array-btns p {float:left; padding-left:10px;} .search-array .array-btns span {float:left; width:17px; height:17px; background:url('https://www.officenex.com/images/shop/goods_list_icon.gif') no-repeat; font-size:0; line-height:0;} .search-array .array-btns a {width:17px; height:17px; display:block; text-indent:-99999em;} .search-array .array-btns .blog .active {background-position:0 -18px;} .search-array .array-btns .bbs span {background-position:-27px 0;} .search-array .array-btns .bbs .active {background-position:-27px -18px;} .search-array .search_lists {position:absolute;right:0;top:-40px;border-bottom:none;padding:0;} /* 2020-07-03 */ #gnb {padding:53px 200px 18px 150px} #gnb .gnbList > li {margin-left:18px;} #gnb .gnbList > li a {font-size:13px;} #header .header-bottom .menu a p {font-size:13px;margin-top:8px;} #header .header-bottom .menu a .basket {position:relative;} #header .header-bottom .menu a .basket .num {position:absolute;top:-7px;right:-10px;width:20px;height:20px;border-radius:50%;background:#cd2122;text-align:center;font-size:13px;line-height:20px;color:#fff;} #header .header-top .hdt-right a {font-size:13px;} #header .header-top .btnAllMenu {display:block;float:left;text-align:center;margin:12px 0;} #header .header-top .btnAllMenu div {position:relative;width:30px;height:20px;margin:auto;} #header .header-top .btnAllMenu div span {position:absolute;left:0;right:0;height:4px;background:#fff;} #header .header-top .btnAllMenu div span:nth-child(1) {top:0;} #header .header-top .btnAllMenu div span:nth-child(2) {top:8px;} #header .header-top .btnAllMenu div span:nth-child(3) {bottom:0;} #header .header-top .btnAllMenu p {margin-top:5px;font-size:13px;} #header .header-top .searchBox .input input, #header .header-top .searchBox .search-recent, #header .header-top .searchBox .search-related {font-family:"nanum";} #header .header-top .searchBox .search-related .related-prd ul li p, #header .header-top .searchBox .search-related .recommend p, #header .header-top .searchBox .search-related .recommend .title, #header .header-top .searchBox .search-related .related-prd .keyword, #header .header-top .searchBox .search-related .related-txt ul li a, #header .header-top .searchBox .search-recent .recent-txt, #header .header-top .searchBox .search-recent ul li a, #header .header-top .searchBox .search-recent .bottom .btn-delete, #header .header-top .searchBox .search-recent .bottom .btn-close {font-size:12px;} #header .header-top .searchBox .search-related .related-prd ul li p {font-size:10px;color:#666;} #header .header-top .searchBox .search-related .related-prd ul li p.txt {line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;} .search-result-box .txt, .search-result-box .related-keyword {font-family:"nanumB";font-size:12px;} /* 2020-07-06 */ #gnb {padding:40px 200px 9px 150px;} #header .header-bottom {height:62px;overflow:hidden;} #header .header-bottom .logo a {padding:7px 0;} #header .header-bottom .logo a img {height:47px;} #header .header-bottom .menu {top:6px;} #header .header-bottom .menu a p {margin-top:3px;} #header .header-bottom .menu a .basket .num {top:-2px;right:-7px;} /* 2020-07-31 회원가입 수정 */ .con-title span {font-size:12px;color:#666;font-weight:normal;} .join-form-wrap {width:800px;margin:auto;} .join-form-wrap .join-form {padding:30px 20px;border-top:3px solid #c8030c;border-bottom:3px solid #c8030c;box-sizing:border-box;} .join-form-wrap .join-form > ul > li {font-size:14px;color:#6e6e6e;position:relative;margin-top:10px;} .join-form-wrap .join-form > ul > li:first-child {margin-top:0;} .join-form-wrap .join-form > ul > li dl dt {float:left;line-height:30px;} .join-form-wrap .join-form > ul > li dl dd {padding-left:100px;} .join-form-wrap .join-form .email-form input[type="text"] {width:300px;} .join-form-wrap .join-form .tel-form input[type="text"] {width:60px;} .join-form-wrap .join-form input[type="text"], .join-form-wrap .join-form input[type="password"] {border:1px solid #ddd;height:30px;outline:none;margin:0;padding:0 10px;width:200px;box-sizing:border-box;} .join-form-wrap .join-form.address-form {border-top:none;} .join-form-wrap .join-form.address-form .address-search {} .join-form-wrap .join-form.address-form .address-search input[type="text"] {width:80px;} .join-form-wrap .join-form.address-form .address-search a {display:inline-block;padding:0 10px;font-size:12px;color:#6e6e6e;line-height:28px;border:1px solid #bbb;background:#f1f1f1;vertical-align:top;} .join-form-wrap .join-form.address-form .address-input input[type="text"] {width:100%;margin-top:5px;} .join-form-wrap .join-form label {display:inline-block;line-height:30px;margin-left:10px;} .join-form-wrap .join-form label input {position:relative;top:2px;} .join-form-wrap .join-form .selectBox {display:inline-block;width:80px;vertical-align:top;margin-left:20px;} .join-form-wrap .join-form .selectBox > a {display:block;border:1px solid #ddd;padding:0 10px;line-height:28px;} .join-form-wrap .join-form .selectBox ul {top:31px;padding:0;box-sizing:border-box;} .join-form-wrap .join-form .selectBox ul li {border:1px solid #ddd;margin-top:0;box-sizing:border-box;margin-bottom:-1px;} .join-form-wrap .join-form .selectBox ul li a {display:block;padding:0 10px;line-height:25px;} .join-form-wrap .agree-txt {padding:20px 0;font-size:14px;color:#666;} .join-form-wrap .agree-txt a {text-decoration:underline !important;color:#666;} .join-form-wrap .agree-txt a.on {color:#0073e9;} .join-form-wrap .one-btn {display:block;margin:auto;width:400px;background:#cf1e2d;text-align:center;font-size:20px;color:#fff;font-weight:500;line-height:40px;} .join-form-wrap .policy-wrap {margin-top:30px;} .join-form-wrap .policy-wrap > ul > li {height:300px;overflow:auto;padding:20px;border:1px solid #ddd;background:#f1f1f1;display:none;} .join-form-wrap .policy-wrap > ul > li .inner p {line-height:1.4;} .join-form-wrap .policy-wrap > ul > li .inner p.title {font-size:21px;color:#000;font-weight:700;margin-bottom:15px;} .join-form-wrap .policy-wrap .policy-table {width:100%;table-layout:fixed;margin-bottom:20px;} .join-form-wrap .policy-wrap .policy-table thead tr th {border:1px solid #ddd;padding:10px;} .join-form-wrap .policy-wrap .policy-table tbody tr td {border:1px solid #ddd;padding:10px;background:#fff;line-height:1.6;} .join-form-wrap .join-form.biz {border-bottom:none;} .join-form-wrap .join-form.biz .corp-num {} .join-form-wrap .join-form.biz .corp-num input[type="text"]:nth-child(1) {width:90px;} .join-form-wrap .join-form.biz .corp-num input[type="text"]:nth-child(2) {width:60px;} .join-form-wrap .join-form.biz .corp-num input[type="text"]:nth-child(3) {width:90px;} .join-form-wrap .join-form.biz .corp-num span {margin:0 20px;} .join-form-wrap .join-form.biz .corp-num a {display:inline-block;width:80px;text-align:center;font-size:12px;color:#fff;line-height:30px;background:#666;} /* 2020-08-06 */ .company_check {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;padding:25px;background:#f8f8f8;text-align:center;border:1px solid #d9d9d9;display:none;} .company_check p {font-size:14px;color:#333;} .company_check a {display:inline-block;padding:5px 20px;background:#cd2122;font-size:14px;color:#fff;font-weight:500;margin-top:20px;} /* 2020-09-08 */ .popup.nonMember {display:none;} .login-wrap02 {width:433px;margin:auto;} .login-wrap02 * {box-sizing:border-box;} .login-wrap02 .title {text-align:center;font-size:24px;color:#1e1e1e;margin-bottom:30px;font-weight:600;} .login-wrap02 .loginBox {} .login-wrap02 .loginBox input[type="text"]::placeholder, .login-wrap02 .loginBox input[type="password"]::placeholder {font-weight:400;color:#666;} .login-wrap02 .loginBox input[type="text"], .login-wrap02 .loginBox input[type="password"] {font-size:16px;border:1px solid #bbb;width:100%;height:50px;padding:0 10px;border-radius:10px;font-family:'Pretendard';margin-bottom:5px;} .login-wrap02 .loginBox input[type="password"] {margin-top:5px;} .login-wrap02 .loginBox input, .login-wrap02 .loginBox input:hover, .login-wrap02 .loginBox input:focus, .login-wrap02 .loginBox input:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; } .login-wrap02 .loginBox .util {overflow:hidden;margin:5px 0;} .login-wrap02 .loginBox .util .id_save {float:left;line-height:20px;} .login-wrap02 .loginBox .util .id_save input[type="checkbox"] {display:none;} .login-wrap02 .loginBox .util .id_save input[type="checkbox"]:checked + span:after {content:"\2714";position:absolute;top:0;left:0;line-height:13px;} .login-wrap02 .loginBox .util .id_save label {display:inline-block;font-size:13px;color:#6e6e6e;font-weight:400;margin-right:20px;font-family:'Pretendard';} .login-wrap02 .loginBox .util .id_save label span {display:inline-block;width:13px;height:13px;border:1px solid #bbb;position:relative;top:2px;margin-right:2px;border-radius:3px;} .login-wrap02 .loginBox .util .id_save label:first-child span {border-color:#e60012;} .login-wrap02 .loginBox .util .btns-search {float:right;} .login-wrap02 .loginBox .util .btns-search a {display:inline-block;width:71px;line-height:22px;background:#f1f1f1;text-align:center;font-size:11px;color:#6e6e6e;border-radius:5px;margin-left:5px;} .login-wrap02 .loginBox p {font-size:14px;color:#000;font-weight:500;} .login-wrap02 .loginBox-bottom {margin-top:30px;text-align:center;} .login-wrap02 .loginBox-bottom .btns a {display:block;width:100%;height:55px;line-height:55px;margin-top:7px;border:1px solid #bbb;font-size:14px;color:#797979;font-weight:bold;} .login-wrap02 .loginBox-bottom .btns a.btn01 {background:#e60012;border-color:#e60012;color:#fff;} .login-wrap02 .loginBox-bottom .btns a.btn02 {margin-top:12px;width:49%;margin-right:2%;float:left;line-height:50px;height:50px;} .login-wrap02 .loginBox-bottom .btns a.btn03 {background:#f1f1f1;width:49%;margin-top:12px;float:right;line-height:50px;height:50px;} /* 2020-10-06 */ .prd-view-wrap .prd-view-top {overflow:hidden;} .prd-view-wrap .prd-view-top .thumb-box {float:left;width:50%;position:relative;box-sizing:border-box;text-align:center;} .prd-view-wrap .prd-view-top .thumb-box .icon{position: absolute;z-index:1;left:75px;top:10px;} .prd-view-wrap .prd-view-top .thumb-box .icon img {float:left;margin-right:5px;} .prd-view-wrap .prd-view-top .thumb-box .thumb-main .on {display:block;} .prd-view-wrap .prd-view-top .thumb-box .thumb-main li{display:none;} .prd-view-wrap .prd-view-top .thumb-box .thumb-main img {width:400px;height:400px;position:relative !important;border: 1px solid #dfdfdf;border-radius: 10px;} .prd-view-wrap .prd-view-top .thumb-box .thumb-list {margin-top: 10px;padding-left: 60px;} .prd-view-wrap .prd-view-top .thumb-box .thumb-list li{width:100px !important;float:left;} .prd-view-wrap .prd-view-top .thumb-box .thumb-list li a {display:block;padding:0 10px;} .prd-view-wrap .prd-view-top .thumb-box .thumb-list .slick-slide {width:181px !important;} .prd-view-wrap .prd-view-top .thumb-box .thumb-list li a img {width:100%;border: 1px solid #dfdfdf;border-radius: 10px;} .prd-view-wrap .prd-view-top .txt-box {float:left;width:50%;} .prd-view-wrap .prd-view-top .txt-box .prd-title {font-size:23px;color:#333;font-weight:700;margin-bottom:10px;padding-right:30px;} .prd-view-wrap .prd-view-top .txt-box .btn-favorite {border: 2px solid #969696;padding: 8px;border-radius: 5px;} .prd-view-wrap .prd-view-top .txt-box .prd-info {border-bottom:1px solid #d8d8d8;padding:10px 0;} .prd-view-wrap .prd-view-top .txt-box .prd-info.price {background:#fbfbfb;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl {padding:10px 20px;overflow:hidden;position:relative;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dt {float:left;font-size:13px;color:#666;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd {padding-left:170px;font-size:13px;color:#666;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd strong {color:#333;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd .price {font-size:23px;line-height:14px;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd .quantity {} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd .quantity .arr {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;} .prd-view-wrap .prd-view-top .txt-box .prd-info dl dd .quantity input {width:32px; padding:3px 0 3px 10px;height:14px;border:1px solid #d8d8d8; border-right:0; vertical-align:middle;} .prd-view-wrap .prd-view-top .txt-box .red {color:#cc1517 !important;} .prd-view-wrap .prd-view-top .txt-box .through {text-decoration:line-through;} .prd-view-wrap .prd-view-top .txt-box .btns {text-align:center;} .prd-view-wrap .prd-view-top .txt-box .btns a {line-height:40px;width:200px;font-size:19px;color:#cd2122;border:2px solid #cd2122;} .prd-view-wrap .prd-view-top .txt-box .btns a.btn-red {background:#cd2122;color:#fff;} .prd-related {padding:20px;background:#fbfbfb;margin:20px 0;overflow:hidden;} .prd-related .title {font-size:18px;color:#333;margin-bottom:10px;} .prd-related ul {margin:0 -5px;} .prd-related ul li {float:left;width:20%;padding:0 5px;box-sizing:border-box;} .prd-related ul li .thumb-box {width: 200px;height: 200px;} .prd-related ul li .thumb-box img {width:100%;} .prd-related ul li .txt-box {padding:10px 0;} .prd-related ul li .txt-box .prd-name {font-size:14px;color:#666; height: 42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .prd-related ul li .txt-box .prd-price {font-size:14px;color:#666;margin-top:5px;} .prd-related ul li .txt-box .prd-price strong {font-size:18px;color:#333;} .alert-cart .inner {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px;border-radius:30px;border:2px solid #cd2122;} .alert-cart .btnClose {position:absolute;top:30px;right:30px;} .alert-cart .title {font-size:20px;color:#004393;font-weight:600;margin-bottom:10px;} .alert-cart .inner-box {border-top:2px solid #004393;border-bottom:2px solid #004393;padding:20px 0;} .alert-cart {text-align:center;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2);z-index:999999;display:none;} .alert-cart .logo {display:block;margin:20px 0;} .alert-cart p {font-size:18px;color:#666;line-height:1.4;} .alert-cart .btns {margin:0;margin-top:30px;} .alert-cart .btns a {line-height:40px;width:200px;font-size:20px;color:#cd2122;border:2px solid #cd2122;} .alert-cart .btns a.btn-red {background:#cd2122;color:#fff;} .orderList .prd-memo {text-align:right;background:#fbfbfb;padding:2px 20px;} .orderList .prd-memo dl {display:inline-block;} .orderList .prd-memo dl dt {display:inline-block;margin-right:10px;} .orderList .prd-memo dl dd {display:inline-block;} .orderList .prd-memo dl dd input {border:1px solid #d8d8d8;height:24px;width:400px;} .orderList .prd-memo a {display:inline-block;width:60px;border:1px solid #d8d8d8;text-align:center;line-height:24px;} body .orderList .goods_cont .thumb {top:-8px;left:-12px;} body .orderList .goods_cont .thumb img {vertical-align:middle;} .orderList .total-price {background:#fbfbfb;padding:20px;} .orderList .total-price .title {float:left;font-size:16px;margin-top:15px;} .orderList .total-price .price-wrap {float:right;line-height:1.4;} .orderList .total-price .price-wrap dl {display:inline-block;margin-left:100px;position:relative;vertical-align:top;} .orderList .total-price .price-wrap dl dt {color:#666;} .orderList .total-price .price-wrap dl dd {color:#333;font-size:18px;} .orderList .total-price .price-wrap dl dd.red {color:#cd2122;} .orderList .total-price .price-wrap dl dd.red strong {font-size:24px;} .orderList .total-price .price-wrap dl:before {position:absolute;bottom:10px;right:-40px;font-size:20px;color:#666;width:20px;height:20px;border:1px solid #d9d9d9;text-align:center;line-height:18px;} .orderList .total-price .price-wrap dl:nth-child(1):before {content:"+";} .orderList .total-price .price-wrap dl:nth-child(2):before {content:"=";} .clearFix:after {content:"";clear:both;display:block;overflow:hidden;} .btnGray {width:101px; height:33px; background:url('../../images/shop/btn_bgGray.gif') no-repeat 0 0; color:#fff; font-weight:bold; line-height:269%; text-align:center; overflow:hidden; display:inline-block;} .btnRed {width:101px; height:33px; background:url('../../images/shop/btn_bgRed.gif') no-repeat 0 0; color:#fff; font-weight:bold; line-height:269%; text-align:center; overflow:hidden; display:inline-block;} .prd-recommend {margin:50px 0;} .prd-recommend .title {font-size:18px;color:#333;font-weight:bold;margin-bottom:10px;} .prd-recommend .mask {position:relative;} .prd-recommend .mask .arrow {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid #d9d9d9;line-height:50px;text-align:center;background:#fff;} .prd-recommend .mask .arrow.btn-prev {left:-15px;} .prd-recommend .mask .arrow.btn-next {right:-15px;} .prd-recommend .mask .arrow .material-icons {line-height:40px;vertical-align:top;color:#999;} .prd-recommend ul {overflow:hidden;} .prd-recommend ul li {padding:10px;box-sizing:border-box;} .prd-recommend ul li a {display:block;box-shadow:1px 1px 5px 3px rgba(0,0,0,0.05);border-radius:10px;overflow:hidden;} .prd-recommend ul li .thumb-box {} .prd-recommend ul li .thumb-box img {width:100%;} .prd-recommend ul li .txt-box {padding:10px;border-top:1px solid #d9d9d9;} .prd-recommend ul li .txt-box .prd-name {font-size:14px;color:#666;line-height:1.2;height: 32px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .prd-recommend ul li .txt-box .prd-price {font-size:14px;color:#666;margin-top:5px;} .prd-recommend ul li .txt-box .prd-price strong {font-size:18px;color:#333;} .prd-recommend ul li .txt-box .prd-price .point {color:#cd2122;margin-right:5px;} body .box_slash {background:url('../../images/order/bg_slash.gif') repeat-x 0 0;border-bottom:none;} body .cart_notice {background:url('../../images/order/bg_loudspeaker.gif') no-repeat 47px 30px;} body .cart_notice li {background:url('../../images/icon/bullet7.gif') no-repeat 0 9px;line-height:189%;} .order-steps {position:relative;overflow:hidden;} .order-steps:after {content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:1px;background:#d9d9d9;z-index:0;} .order-steps .title {font-size:20px;color:#000;font-weight:600;line-height:60px;float:left;background:#fff;position:relative;z-index:1;padding-right:10px;} .order-steps .title img {margin-right:10px;} .order-steps .step-list {float:right;background:#fff;position:relative;z-index:1;padding-left:10px;} .order-steps .step-list ul li {float:left;padding:0 5px;line-height:60px;font-size:16px;font-weight:600;} .order-steps .step-list ul li span {margin-left:5px;line-height:60px;vertical-align:top;} .order-steps .step-list ul li.on {color:#cd2122;} /* 2020-10-08 */ .btn-wrap {text-align:center;margin-top:30px;} .btn-wrap.bdt {border-top:1px solid #d9d9d9;padding-top:30px;padding-bottom:30px;} .btn-wrap a {display:inline-block;line-height:50px;width:180px;font-size:20px;border-width:2px;border-style:solid;border-radius:5px;} .btn-wrap a.btn-basic {color:#cd2122;border-color:#cd2122;} .btn-wrap a.btn-red {background:#cd2122;color:#fff;} /* 2021-01-06 */ .fc-red {color:#cd2122;} .fz-18 {font-size:18px;} .orderList {border-top:2px solid #000 !important;border-bottom:2px solid #000;} .orderList .total-price .title {font-weight:bold;color:#333;} .orderList .total-price .price-wrap dl {text-align:right;} .content-title {font-size: 20px;color: #333;font-weight: bold;margin-top: 50px;margin-bottom: 5px;} .content-title.bottom-border {border-bottom:2px solid #000;padding-bottom:10px;} .form-table {width:100%;table-layout:fixed;border-top:2px solid #000;text-align:left;} .form-table tr {border-bottom:1px solid #dfdfdf;} .form-table tr th {font-size:15px;color:#333;padding:10px 10px 10px 30px;background:#f9f9f9;font-weight:normal;} .form-table tr td {font-size:15px;color:#333;padding:10px;} .form-table select, .form-table input[type="text"] {border:1px solid #dfdfdf;height:30px;padding:0 5px;box-sizing:border-box;width:220px;} .form-table .tel-input select, .form-table .tel-input input {width:60px;margin-right:4px;} .form-table .addr-input {} .form-table .addr-input .addr1 input {width:80px;} .form-table .addr-input .addr1 a {display:inline-block;height:28px;line-height:26px;color:#333;background:#f9f9f9;vertical-align:top;border:1px solid #dfdfdf;padding:0 10px;} .form-table .addr-input .addr2 {margin-top:5px;} .form-table .addr-input .addr2 input {width:340px;} .payment-wrap .conBox02 .tel-input {display:inline-block;} .payment-wrap .conBox02 .comment {position:static;color:#cf1e2d;} .payment-wrap .conBox04 .orderList {border-top:none !important;border-bottom:none;border:1px solid #dfdfdf !important;} .payment-wrap .conBox04 .orderList .total-price {background:none;} .payment-wrap .conBox04 .orderList tbody td {border-bottom:none;text-align:left;font-size:14px;color:#666;} .payment-wrap .conBox04 .orderList .total-price .price-wrap {float:none;} .payment-wrap .conBox04 .orderList .total-price .price-wrap dl {text-align:left;margin-left:0;margin-right:100px;} .payment-wrap .conBox04 .orderList .pointCoupon {padding:10px 0;} .payment-wrap .conBox04 .orderList .pointCoupon dl {position:relative;padding:5px;overflow:hidden;border-bottom:1px solid #dfdfdf;} .payment-wrap .conBox04 .orderList .pointCoupon dl dt {font-size:14px;color:#666;} .payment-wrap .conBox04 .orderList .pointCoupon dl dd {font-size:14px;color:#666;} .payment-wrap .conBox04 .orderList .pointCoupon dl.point {} .payment-wrap .conBox04 .orderList .pointCoupon dl.point dd {margin-top:10px;} .payment-wrap .conBox04 .orderList .pointCoupon dl.point dd input {width:130px;display:block;float:left;margin-right:2px;border:1px solid #dfdfdf;height:28px;} .payment-wrap .conBox04 .orderList .pointCoupon dl.point dd a {display:block;float:left;width:53px;border:1px solid #dfdfdf;height:28px;line-height:28px;text-align:center;font-size:14px;color:#666;} .payment-wrap .conBox04 .orderList .pointCoupon dl.coupon {margin-top:10px;} .payment-wrap .conBox04 .orderList .pointCoupon dl.coupon dt {float:left;line-height:30px;} .payment-wrap .conBox04 .orderList .pointCoupon dl.coupon dd {float:right;margin-top:0;} .payment-wrap .conBox04 .orderList .pointCoupon dl.coupon dd a {display:block;border:1px solid #dfdfdf;width:53px;height:28px;line-height:28px;text-align:center;font-size:14px;color:#666;} .payment-wrap .conBox04 .orderList .pointCoupon > a {display:block;border:1px solid #dfdfdf;height:28px;line-height:28px;text-align:center;font-size:14px;color:#666;margin:5px;} .payment-wrap .conBox04 .orderList .total-price2 {text-align:center;} .payment-wrap .conBox04 .orderList .total-price2 strong {display:block;margin-top:5px;} .payment-wrap .conBox05 {border-bottom:2px solid #000;padding-bottom:10px;} .payment-wrap .conBox05 .box {font-size:14px;color:#666;line-height:43px;} .payment-wrap .conBox05 .box dl {margin-top:5px;overflow:hidden;} .payment-wrap .conBox05 .box dl dt {float:left;width:260px;border:1px solid #dfdfdf;margin-right:5px;text-align:center;} .payment-wrap .conBox05 .box dl dd {float:left;width:813px;border:1px solid #dfdfdf;padding:0 30px;box-sizing:border-box;} .payment-wrap .conBox05 .box dl dd label {display:block;float:left;width:25%;} .payment-wrap .conBox05 .box .install {background:#d2d2d2;padding:0 35px;position:relative;margin-top:5px;} .payment-wrap .conBox05 .box .install p {font-size:14px;color:#4f4e4e;} .payment-wrap .conBox05 .box .install a {position:absolute;top:3px;bottom:3px;right:100px;width:160px;color:#fff;background:#424242;text-align:center;line-height:37px;} .payment-wrap .conBox06 .box {border:1px solid #dfdfdf;padding:20px;font-size:12px;color:#666;} .payment-wrap .conBox06 p {font-size:11px;color:#333;margin-top:10px;} .btns02 {margin:20px auto;text-align:center;} .btns02 a {display:inline-block;width:190px;line-height:54px;font-weight:bold;border-style:solid;border-width:1px;border-radius:5px;text-align:center;font-size:18px;color:#cf1e2d;background:#fff;border-color:#cf1e2d;} .btns02 a.red {background:#cf1e2d;color:#fff;} #subContents {min-height:500px;} .conBox .layoutF input{border-width: 2px;border-style: groove;height:22px;} .layoutF .receiptGb2 input[type=text] {width:70px;} /* 2021-08-09 */ .prd-list > ul > li{border:1px solid #e6e5e5;} .prd-list .txtBox.pro_txt_style01 p{font-size:15px;font-family:'Noto Sans KR';font-weight:400;letter-spacing:-.025em;color:#666;line-height:135%;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;display: -webkit-box;word-wrap: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .prd-list .txtBox.pro_txt_style01 .tit{height:42px;} .prd-list .txtBox.pro_txt_style01 .price{font-size:18px;color:#FE0503;font-weight:700;margin-top:10px;} /* 2022-11-15 상단 header 퍼블리싱 추가 (69521) */ .header-util{ background: #fff; height: 40px; display: flex; align-items: center; } .header-util li{ float: left; margin-left: 15px; } .header-util ul{ /* overflow: hidden; */ clear: both; position: absolute; top: 0; right: 0; } .header-util ul li{ float: left; margin-left: 15px; } .header-util a{ font-size: 13px; color: #000; } .header-util a span.cart--num{ position: absolute; left: 49px; top: -3.5px; width: 20px; height: 20px; line-height: 20px; font-size:12px; text-align:center; border-radius:50%; display:inline-block; color:#fff; font-weight:500; background:#f25953; } .triangle { display: inline-block; width: 0px; height: 0px; border-top: 5px solid #999; border-left: 4px solid transparent; border-right: 4px solid transparent; } /* .quickMenu{margin-bottom:5px;border: 1px solid #b2b2b2;border-radius: 10px;background: #fff;} */ .prd-recent-title{font-size:14px; color:#000; text-align: center;} .prd-recent-title span{color:#ff0000;} .prd-arrows{ display: flex; align-items: center; justify-content: center; } /* #sideMenu .prd-recent .arrow{transform:translate(0)} */ .prd-arrows .btnPrev{ position: inherit !important; } .prd-arrows .btnNext{ position: inherit !important; } .swiper-pagination-fraction{/* display:flex; */width:auto !important;margin-right: 15px;} /* #sideMenu {position:absolute;top:886px;right:50%;margin-right: -756px;width:125px;border:1px solid #ddd;z-index:10000;background:#fff;} */ #sideMenu .btn-scroll__wrap{border:1px solid #b2b2b2;border-radius:10px;margin-top:5px;overflow: hidden;} /* #sideMenu .btn-scroll {display:block;padding:0 20px;line-height:34px;font-size: 14px;font-weight: 700;text-align: center;color:#666;background: #fff;overflow: hidden;} */ /* #sideMenu .btn-scroll img {margin-top:12px;} */ /* #left-banner {position:absolute;top:785px;left:50%;margin-left: -756px;z-index:10000;} */ #left-banner.fix {position:fixed;top: 213px;} #sideMenu.fix {position:fixed;top: 213px;} #header {position: fixed;width: 100%;z-index:1001;top:0;left:0;right:0;transition:0.3s all ease-out;box-shadow: 5px 5px 5px rgba(0,0,0,0.04);} /* #header .header-banner {height: 80px;overflow:hidden;} */ #header .header-top {height: 100px;background: #fff;/* overflow:hidden; */} #header .header-top .hdt-right a:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:-2px;width:1px;height:10px;background:#fff;} #header .header-top .hdt-right a img {margin-top:11px;margin-right:5px;} #header .header-bottom {background: #fff;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} #header .header-top .logo {position:absolute;top:0;left:0;width: 280px;text-align:center;z-index:1;} #header .header-top .logo a {display:block;padding: 20px 60px 0 0;} #header .header-bottom .menu {position:absolute;top:13px;right:0;} #header .header-top .searchBox {position:absolute;top:0;left:50%;transform:translateX(-50%);width:500px;padding: 25px 0;margin:auto;} #header .header-top .searchBox .input input {width:100%;height: 48px;border:none;background:#fff;outline:none;padding: 0 50px 0 20px;box-sizing: border-box;color:#333;border: 2px solid #e60013;border-radius: 7px;} #header .header-top .searchBox .input a {position:absolute;top:0;right:0;text-align:center;padding: 12px 17px;} #header.scroll .header-banner {position:fixed;top:0;left:0;right:0;} #header.scroll .header-top {position:fixed;top:80px;left:0;right:0;} /* gnb */ #gnb {text-align:center;position:relative; padding: 0px; overflow: hidden;} #gnb .btnAllMenu {position:absolute;top:0;left:170px;width: 110px;padding:35px 0;text-align:center;font-size: 16px;color:#000;} #gnb .gnbList > li {float:left; padding: 0px 18px;/* margin-left: 44px;padding-right: 44px;border-right: 1px solid #e5e5e5; */} #gnb .gnbList > li > a {display: block;font-size: 16px;color: #000;padding: 14px 0;} /* #gnb .all-category > ul > li {} */ /* #gnb .all-category a {font-size:14px;color:#666;line-height:24px;text-decoration:none;padding:0 15px;} */ /* #gnb .all-category .title {font-size:20px;color:#4c4c4c;font-weight:500;padding:0 15px;margin-bottom:15px;display:block;} */ /* #gnb .all-category .depth {position:absolute;top:0;left:100%;width:209px;height:100%;background:#fff;padding:30px 10px;border:1px solid #ddd;margin-left:-1px;height:497px;display:none;} */ /* #gnb .all-category .depth03 {top:-1px;} */ /* #gnb .all-category > ul > li:hover > a {background:#cd1f20;color:#fff;display:block;} */ /* #gnb .all-category > ul > li .depth02 > ul > li:hover > a {background:#cd1f20;color:#fff;display:block;} */ /* #gnb .all-category > ul > li .depth03 > ul > li:hover a {background:#cd1f20;color:#fff;display:block;} */ #header .header-bottom .btnAllMenu {display:block;float:left;text-align:center;margin: 0;display: flex;align-items: center;padding: 14px 20px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;} #header .header-bottom .btnAllMenu div {position:relative;width: 19px;height: 13px;margin:auto;} #header .header-bottom .btnAllMenu div span {position:absolute;left:0;right:0;height: 2px;background: #444;} #header .header-bottom .btnAllMenu div span:nth-child(1) {top:0;} #header .header-bottom .btnAllMenu div span:nth-child(2) {top: 5px;} #header .header-bottom .btnAllMenu div span:nth-child(3) {bottom:0;} #header .header-bottom .btnAllMenu p {/* margin-top:5px; */font-size: 16px;margin-left: 10px;} #header .header-bottom {height: 45px;overflow:visible;} /* #header .header-bottom {height: 45px;overflow:hidden;} 수정전 */ /* header scroll */ #header.scroll .header-banner {position:fixed;top:0;left:0;right:0;height:0} #header.scroll .header-top {position:fixed;top:80px;left:0;right:0;} #header.scroll .header-top{top:40px;} #header.scroll .header-util{position:fixed; top:0px; left:0; width:100%;} #header.scroll .header-bottom{position:fixed; top:140px; left:0; width:100%;} .all_menu {position:absolute;left:0;top: 46px;width: 1080px;background:#fff;padding:0;vertical-align:top;border:1px solid #424242;border-top:0;display:none;z-index:90000;zoom:1;font-family:"Tahoma","돋움","Dotum,Arial";text-align:left;} #header .header-top .searchBox .search-recent {position:absolute;top:72px;left:0;right:0;background:#fff;border:2px solid #cd2122;display:none;border-radius: 10px;} #header .header-top .searchBox .search-related {position:absolute;top:72px;left:0;right:0;background:#fff;border:2px solid #cd2122;display:none;border-radius: 10px; overflow: hidden;} /* 2022-11-24 우측배너 */ #sideMenu .quickMenu ul li {display:block;font-size:13px;color:#fff;line-height: 41px;/* background-color:#252525; *//* border-bottom: 1px solid #b2b2b2; */padding:0 20px;/* border-radius: 10px; */} #sideMenu .quickMenu ul li a {color: #000;display: block} #sideMenu .quickMenu ul li:first-child {} #sideMenu .prd-recent {overflow:hidden;padding:10px 0;border: 1px solid #b2b2b2;border-radius: 10px;background: #fff;} #sideMenu .prd-recent .inner {/* background:#fff; */padding:20px 7px;position:relative;text-align:center;} #sideMenu .btn-scroll {display:block;padding:0 20px;line-height:34px;font-size: 14px;font-weight: 700;text-align: center;color:#666;background: #fff;overflow: hidden;} .quickMenu{margin-bottom:5px;border: 1px solid #b2b2b2;border-radius: 10px;background: #fff;} #sideMenu {position:absolute;top:253px;/* right:50%; */margin-left: 1104px;width:125px;/* border:1px solid #ddd; */z-index:10000;/* background:#fff; */} .animate{-webkit-transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease;transition:visibility 1.1s ease, opacity 1.1s ease, transform 1.1s ease} .fadeIn{visibility:hidden;opacity:0} .fadeIn.animated{visibility:visible;opacity:1} .fadeInUp{position:relative;visibility:hidden;opacity:0;transform: translateY(110px)} .fadeInUp.animated{visibility:visible;opacity:1;transform: translateY(0)} .fadeInDown{position:relative;visibility:hidden;opacity:0;transform: translateY(-110px)} .fadeInDown.animated{visibility:visible;opacity:1;transform: translateY(0)} .fadeInRight{position:relative;visibility:hidden;opacity:0;transform: translateX(-110px)} .fadeInRight.animated{visibility:visible;opacity:1;transform: translateX(0)} .fadeInLeft{position:relative;visibility:hidden;opacity:0;transform: translateX(110px)} .fadeInLeft.animated{visibility:visible;opacity:1;transform: translateY(0)} .wrap { max-width:1082px; margin:0 auto; overflow:hidden; } .mypage_menu { float:left; padding-left:20px; width:18%; } .mypage_menu h1 { font-size:28px; font-weight:700; } .mypage_menu .submenu { color:#666666; margin-top:20px; line-height:25px; } .mypage_menu .submenu h4 { font-size:15px; font-weight:700; } .mypage_menu .submenu ul li { font-weight:300;font-size:15px;} .conts { float:right; width:80%; } .conts .info_tit { padding-bottom:40px; } .conts .info_tit .info_top { background-color:#e60013; } .conts .info_tit .info_top p { font-size:15px; color:#ffffff; font-weight:700; padding:13px 0 13px 60px; } .conts .info_tit .info_bottom { border:1px solid #dddddd; padding:13px 60px; } .conts .info_tit .info_bottom ul { overflow:hidden; } .conts .info_tit .info_bottom ul li { overflow:hidden; float:left; width:33.33%; } .conts .info_tit .info_bottom ul li h3 { font-size:15px; font-weight:500; float:left; padding-right:20px;height:auto; } .conts .info_tit .info_bottom ul li h5 { font-size:15px; float:left; font-weight:300; color:#e60013; } .conts .no { } .conts .no h2 { font-size:23px; font-weight:700; color:#000; margin-bottom:20px; } .conts .coupon { } .conts .coupon_page .coupon_tab{table-layout: fixed;padding: 0;margin: 0;width: 100%;border-collapse: collapse;border-spacing: 0;font-weight: 400;border-top:2px solid #000; border-bottom:2px solid #000;} .conts .coupon .coupon_tab caption { display:none; } .conts .coupon .coupon_tab tr { border-bottom:1px solid #ddd; } .conts .coupon .coupon_tab tr th { border-right:1px solid #ddd; } .conts .coupon .coupon_tab tr th:last-child { border-right:none; } .conts .coupon .coupon_tab thead tr th { padding:13px 0; font-size:13px; color:#424242; background-color:#f9f9f9; } .conts .coupon .coupon_tab tbody tr th { padding:15px 0; } .conts .coupon .coupon_tab tbody tr th img { width:100px; } .conts .coupon .coupon_tab tbody tr th p { font-size:13px; font-weight:400; } .conts .coupon .coupon_tab tbody tr th button { font-size:13px; font-weight:400; color:#fff; background-color:#e60013; padding:10px 20px; border-radius:5px; } .body { margin:20px 0 90px; overflow:hidden; } .mypage_menu { float:left; padding-left:20px; width:18%; } .mypage_menu h1 { font-size:28px; font-weight:700; } .mypage_menu .submenu { color:#666666; margin-top:35px; line-height:25px; } .mypage_menu .gray_line { height:1px; width:150px; background-color:#ddd; margin-top:30px; } .mypage_menu .submenu h4 { font-size:16px; font-weight:700; color:#000; } .mypage_menu .submenu ul li { font-weight:300; line-height:35px; font-size:13px; } .conts .info_tit .info_top p { font-size:15px; color:#ffffff; font-weight:700; padding:15px 0 15px 60px; } .conts .info_tit .info_bottom { border:1px solid #dddddd; padding:15px 60px; } .conts .info_tit .info_bottom ul li { overflow:hidden; float:left; width:33.33%; } .conts .info_tit .info_bottom ul li h3 { font-size:15px; font-weight:500; float:left; padding-right:20px; } .conts .info_tit .info_bottom ul li h5 { font-size:15px; float:left; font-weight:300; color:#e60013; } .conts .no h2 { font-size:23px; font-weight:700; color:#000; margin-bottom:20px; } .goods_content li.goods_icon {padding-bottom:10px;height:25px;} .goodsBox .goods_icon {padding-bottom:10px;height:25px;margin-left: -20px;margin-top: -20px;position: absolute;}